@charset "utf-8";
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
body {width: 100%;height:auto;background: #fff;-webkit-text-size-adjust:none;}
div {text-align:left;}
body{font:12px/1.2em "Microsoft YaHei";color:#444;position: relative;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
address, cite, em{font-style:normal;}
li{list-style-type:none;}
a{text-decoration:none;color: #444;max-height: 9999px;}
a:hover{color: #f0c110;text-decoration:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
select,input,textarea,font{font-size:12px;line-height:1.2em;}
input:focus{outline:none;}

/*--清除浮动
------------------------------------------------------------------------------------------*/
.clearfix:after { clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden; }
.clearfix:after { _zoom:1; }
.overflow { overflow:hidden; _zoom:1; }
.clear{clear:both; height:0;font-size:0; overflow:hidden; }

.mid-title{height: 0.45rem;line-height: 0.45rem;background-size: 5rem 2rem;background-position: -1.47rem -1.12rem;font-size: 0.16rem;color: #444;}
.mid-title span{display:block;width:0.05rem;height: 0.2rem;float:left;margin: 0.12rem;background: #138ff1;}
.mid-title .more{font-weight:normal;font-size:0.12rem;float:right;margin-right:0.1rem;color:#c2c2c2;}
.hot_soft .mid-title span,.g_box .mid-title span{width: 0.25rem;margin: 0.11rem 0 0 0.1rem;height: 0.25rem;background: url(../images/ok_icon.png) no-repeat;background-size: 3.5rem 1.2rem;}
.hot_soft .mid-title span{background-position: -0.24rem -0.82rem;}
.g_box .mid-title span{background-position: -0.85rem -0.83rem;}
/*头部*/
.top{height: 0.5rem;line-height: 0.45rem;background: #138ff1;overflow:hidden;}
.top .logo{background: url(../images/logom.png) no-repeat;display:inline-block;margin: 0.04rem 0 0 0.1rem;background-size: 100% 100%;width: 27%;height: 35px;}
.top .search {float: right;margin: 0.08rem 0.13rem 0 0.01rem;height: 0.3rem;width: 2rem;background: #fafafa;overflow: hidden;border: 0.01rem solid #f0efef;border-radius: 0.15rem;}
.top .search .key {border:0;line-height: 0.28rem;overflow: hidden;height: 0.3rem;width: 1.4rem;padding-left: 0.2rem;background: #fafafa;float: left;font-size: 0.12rem;color:#444;}
.top .search .submit {background: url(../images/ok_icon.png) -1.25rem -0.83rem no-repeat;background-size: 3.5rem 1.2rem;border:0;height: 0.3rem;width: 0.34rem;float: right;border-radius: 0 0.1rem 0.1rem 0;}


.menu_top{border-bottom:1px solid #ddd;background: #fff;height:38px;overflow: hidden;}
.menu_li{height: 50px;white-space: nowrap;overflow-y: auto;overflow-x: auto;}
.menu_top li{width:20%;text-align:center;color:#333;font-size:16px;float:left;height:38px;line-height:38px;text-align:center;}
.menu_top a{-webkit-box-flex:1.0;box-flex:1.0;-moz-box-flex:1.0;text-align:center;color:#333;font-size:16px;height:38px;line-height:38px;text-align:center;display:inline-block;padding: 0 10px;}

.menu_top a.hover{color:#0aae24;border-bottom:3px solid #0aae24;top:-3px;position:relative;height:38px;line-height:42px;}
.menu_top li a{display:block;}
.menu_top li.hover a{color:#0aae24;border-bottom:3px solid #0aae24;top:-3px;position:relative;height:39px;line-height:42px;}


/*banner*/
.banner{width: 100%;position: relative;height: 1.5rem;border-top: 0.05rem solid #ececec;}
.banner > .banner_bg{display: block;overflow: hidden; position: absolute;  width: 100%; bottom:0px; z-index:1; height: 0.1rem;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides li {display: none; -webkit-backface-visibility: hidden; position: relative;}
.flexslider .slides li a span{ position: absolute;bottom: 0;left: 0; width: 100%;height: 34px;line-height: 35px; text-indent: 10px; text-align: left; background: rgba(0,0,0,0.5); color: #fff;overflow: hidden;}
.flexslider .slides li a span b{font-weight:normal;display:block;width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;}
.flexslider .slides img {width:3.6rem;display: block;height:1.5rem;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.no-js .slides > li:first-child {display: block;}
.flexslider { margin: 0; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flex-control-nav {position: absolute;bottom: 0.07rem;right:0.13rem;z-index: 2;text-align: center;height: 0.1rem;/* line-height:0.2rem; */}
.flex-control-nav li {zoom: 1; display: inline-block; margin-right:0.07rem;}
.flex-control-nav li:last-child{ margin-right: 0px;}
.flex-control-paging li a {width: 0.06rem;height: 0.06rem;display: block;background: #fff;text-indent: -9999px;border-radius: 20px}
.flex-control-paging li a.flex-active {background: #138ff1;cursor: default;width: 0.2rem;height: 0.06rem;}

/*导航*/
.nav{width: 100%;padding-top:0.25rem;}
.nav ul{overflow: hidden;padding-bottom: 0.1rem;}
.nav ul li{width: 25%;height: 0.8rem;float: left;text-align: center;}
.nav ul li a{}
.nav ul li .icon{display: block;width: 0.56rem;height: 0.55rem;margin: 0 auto;background: url(../images/ok_icon.png) no-repeat;background-size: 3.5rem 1.2rem;overflow:  hidden;}
.nav ul li .icon1{background-position: -0.16rem -0.12rem;}
.nav ul li .icon2{background-position: -1rem -0.12rem;}
.nav ul li .icon3{background-position: -1.9rem -0.12rem;}
.nav ul li .icon4{background-position: -2.8rem -0.12rem;}
.nav ul li .name{display: block;width: 100%;height: 0.2rem;line-height: 0.2rem;text-align: center;}

/*独家推荐*/
.Min_top{background-color: #fff;margin-bottom: .1rem;}
.Min_top .bt{width: 100%;height: .38rem;line-height: .38rem;background: url(../images/ok_hd_icon.png) no-repeat center center;background-size: contain;margin: 0 auto;text-align: center;color: #fff;}
.Min_top .djtj{padding: 5px 5px;overflow-y: hidden;overflow-x: scroll;}
.Min_top ul{width: 1300px;overflow:hidden;}
.Min_top ul li{width: 310px;padding: 5px;position: relative;float: left;}
.Min_top ul li:last-child{border-bottom: none;}
.Min_top ul li:before{display: table;  content: "";  line-height: 0; }
.Min_top ul li .img{float: left;display: inline-block;width: 60px;height: 60px;overflow: hidden;border-radius: 0.2rem;}
.Min_top ul li .img img{width: 100%; height: 100%;}
.Min_top ul li .tex{flex: 1;overflow: hidden;width: 173px;height: 100%;padding: 0 8px;}
.Min_top ul li .tex .name{color: #333;font-size: 0.16rem;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 0.2rem;line-height: 0.2rem;}
.Min_top ul li .tex .sub-title {color: #999;height: 0.18rem;line-height: 0.18rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Min_top ul li .tex .sub-title i{ color: #e6e6e6;}
.Min_top ul li .tex .desc{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #787878;height: 0.18rem;line-height: 0.18rem;}
.Min_top ul li .btn{float: right;width: 60px;height: 30px;line-height: 30px;border: 0.01rem solid #03b9d4;color: #03b9d4;display: inline-block;border-radius: 6px;font-size: .14rem;text-align: center;position: absolute;top: 25px;right: 10px;}
/*软件列表*/
.game_list{width:100%;display:block;margin-top:30px;background: #FFF;overflow: hidden;border-top: 0.05rem solid #ececec;border-bottom: 0.05rem solid #ececec;}
.game_list ul{width: 100%;overflow: hidden;margin-top: 0.1rem;}
.game_list li{width:25%;float:left;display:block;overflow:hidden;padding: 0px 0 15px 0;}
#jxrj.game_list li { width: 92px }
.game_list li .g_logo{display:block;width: 0.65rem;height: 0.65rem;margin:0 auto;}
.game_list li .g_logo img{width: 0.65rem;height: 0.65rem;border-radius: 0.1rem;display:block;}
.game_list li span{font-size: 0.14rem;color:#171515;display:block;height: 0.16rem;line-height: 0.16rem;text-align:center;margin: 0.06rem auto 0.08rem auto;width:80%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.game_list .g_down{display:block;overflow:hidden;width: 0.65rem;height: 0.26rem;margin:0 auto;color: #03b9d4;line-height: 0.26rem;text-align:center;border: 0.01rem solid #03b9d4;border-radius: 0.03rem;}

/*手游合集*/
.Cont3{display: block;padding: 15px 12px;overflow-y: hidden;overflow-x: scroll;}
.Cont3 .Cont3-box{width: 906px;overflow: hidden;}
.Cont3 .Cont3-box ul{display: inline-block;float: left;}
.Cont3 .Cont3-box ul li{display: inline-block;float: left;width: 170px;margin-right: 11px;text-align: center;overflow: hidden;/* height: 112px; */}
.Cont3 .Cont3-box ul li .img{display: block;/* width: 100%; *//* height: 85px; */background: #f6f6f6;border-radius: 4px;overflow: hidden;}
.Cont3 .Cont3-box ul li .img img{display: inline-block;width: 170px;height: 85px;}
.Cont3 .Cont3-box ul li .tex{width: 100%; display: block; height: 25px;line-height: 25px; text-align: center; font-size: 12px;color: rgb(51, 51, 51);}
.Cont3 .Cont3-box span{display: inline-block;float: left;background: #f6f6f6;width: 170px;height: 112px;border-radius: 4px;margin-right: 12px;text-align: center;overflow: hidden;}
.Cont3 .Cont3-box span a{display: inline-block;padding-top: 30px;margin-top: 21px;height: 50px; background: #f6f6f6;color: #bbb; }

.cont_6 {padding: 0 0.1rem;clear: both;border-bottom: 0.05rem solid #ececec;}
.cont_6 .cont6_top {width: 100%;overflow: hidden; height: 0.45rem;}
.cont_6 .cont6_top:after { display: block; content: ''; clear: both; }
.cont_6 .cont6_top ul{width:12rem;height: 0.4rem;}
.cont_6 .cont6_top p,.cont_6 .cont6_top li {display: block;float: left;width: 1.2rem;text-align: center;line-height: 0.4rem;border-bottom: 0.02rem solid #f5f5f5;color: #777;font-size: 0.16rem;font-weight: bold;position: relative;}
.cont_6 .cont6_top p i,.cont_6 .cont6_top li i {display: none;position: absolute;left: 49%;bottom: 0;width: 0;height: 0;border-right: 4px solid transparent;border-bottom: 4px solid #03b9d4;border-left: 4px solid transparent;}
.cont_6 .cont6_top p.on,.cont_6 .cont6_top li.on {color: #333;border-bottom: 0.02rem solid #03b9d4;}
.cont_6 .cont6_top p.on i,.cont_6 .cont6_top li.on i { display: block; }
.cont_6 .cont6_lis { display: block; width: 100%; }
.cont_6 .cont6_lis ul { display: none; overflow: hidden; }
.cont_6 .cont6_lis ul li { position: relative; border-bottom: 1px solid #f5f5f5; padding: 15px 0; }
.cont_6 .cont6_lis ul li .img { display: inline-block; float: left; }
.cont_6 .cont6_lis ul li .img img {display: inline-block;width: 0.6rem;height: 0.6rem;border-radius: 0.1rem;background: #969696;}
.cont_6 .cont6_lis ul li .downl {display: inline-block;float: right;text-align: center;color: #fff;line-height: 0.28rem;width: 0.6rem;background: #03b9d4;border-radius: 0.03rem;position: absolute;top: 36%;right: 0;}
.cont_6 .cont6_lis ul li .info {display: block;height: 0.6rem;margin: 0 0.68rem;position: relative;}
.cont_6 .cont6_lis ul li .info div { width: 100%; }
.cont_6 .cont6_lis ul li .info div a {display: inline-block;color: #333;font-size: 0.16rem;overflow: hidden;text-overflow: ellipsis;line-height: 0.2rem;white-space: nowrap;}
.cont_6 .cont6_lis ul li .info div p.size {color: #888;overflow: hidden;line-height: 0.2rem;}
.cont_6 .cont6_lis ul li .info div p.miaoshu { display: block; color: #555; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.more_soft {display: block;color: #858585;height: 30px;line-height: 30px;text-align: center;background-color: #f6f6f6;margin-bottom: 10px;border-radius: 2px;}


/*资讯*/
.news {border-bottom:4px solid #e1e1e1;overflow: hidden; clear: both;}
.news .titslide {height: 0.4rem;line-height:  0.4rem;width: 3.4rem;margin: 0.1rem auto;border-radius: 0.05rem;}
.news .titslide ul{height: 0.4rem;white-space: nowrap;}
.news .titslide ul li {display: inline-block;font-size: 0.16rem;font-weight: bold;height: 0.4rem;width: 33.33%;text-align: center;}
.news .titslide ul li.active{border-bottom: 0.03rem solid #138ff1;}
.news .news_item ul{padding: 0 0.1rem;}
.news .news_item ul li{overflow: hidden;padding: 0.1rem 0;border-bottom: 0.01rem solid #ececec;}
.infobox .infoimg{float:left;display:inline;margin-right:3%;width: 0.9rem;height: 0.6rem;overflow: hidden;}
.infobox .infoimg img{width: 100%;min-height: 0.6rem;}
.infobox .infotext{display:block}
.infobox .infotext b,.infobox .infotext i{display:block}
.infobox .infotext b{font-size:0.14rem;color:#010101;line-height: 0.3rem;max-height: 0.3rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.infobox .infotext i{font-size:0.12rem;color:#999;line-height: 0.2rem;height: 0.2rem;margin-top: 0.1rem;overflow:hidden;font-style:normal;}
.news_more{display: block;text-align: center;line-height: 0.3rem;font-size: 0.14rem;color: #9E9E9E;}

/*合集推荐*/
.collection{width: 100%;border-bottom: 0.05rem solid #f0efef;}
.collection h4{text-align:center;line-height:0.3rem;font-size: 0.16rem; background: url(../images/line_collection.png) center center no-repeat;background-size: 3.3rem 0.06rem;}
.collection_ul{padding: 0.1rem;overflow: hidden;}
.collection_ul li{width: 1.65rem;float: left;overflow: hidden;margin-bottom: 0.05rem;}
.collection_ul li:nth-child(even){margin-left: 0.1rem;}
.collection_ul li a{display: block;}
.collection_ul li span{display: block;width: 100%;height: 0.8rem;overflow: hidden;border-radius: 0.05rem;}
.collection_ul li span img{width: 100%;min-height: 0.8rem;}
.collection_ul li b{display: block;text-align:  center;font-weight: normal;line-height: 0.3rem;overflow:  hidden;text-overflow:  ellipsis;white-space: nowrap;}

/*标签*/
.g_box .bq_list{ padding:0 10px 6px 10px; overflow:hidden;}
.g_box .bq_list li{display: inline-block;height: 0.3rem;margin-top: 0.12rem;}
.g_box .bq_list li a{display: block;overflow:hidden;font-size: 0.12rem;color:#fff;text-align:center;line-height: 0.3rem;border-radius: 0.03rem;height: 0.3rem;padding: 0 0.06rem;}
.g_box .bq_list li:nth-of-type(6n+1) a{ background: #ffa958; }
.g_box .bq_list li:nth-of-type(4n+2) a{ background: #67b4ff; }
.g_box .bq_list li:nth-of-type(5n+1) a{ background: #ffa958; }
.g_box .bq_list li:nth-of-type(3n) a{ background: #61e0c4; }
.g_box .bq_list li:nth-of-type(7n+3) a{ background: #ffa9a8; }
.g_box .bq_list li:nth-of-type(4n+4) a{ background: #61e0c4; }
.g_box .bq_list li:nth-of-type(4n+5) a{ background: #ff7f7d; }



/*底部*/
.footer{background: #2f2f2f;text-align: center; color: #ccc; line-height: 20px;padding: 12px 0;}
.footer .links {padding: 0.1rem;border-bottom: 0.01rem solid #000;}
.footer .links h3 { color: #f57239; font-size: 16px; font-weight: bold; line-height: 30px; }
.footer .links h3 i { display: block; width:4px; height: 16px; float: left; margin:8px 8px 0 0; background: #f57239; }
.footer .links a {font-size: 0.12rem;color: #ccc;line-height: 0.24rem;margin-right: 0.1rem;}
.footer .links p{text-align:center;}
.footer .copyright {padding: 0.3rem 0 0.2rem 0;background: #2f2f2f;}
.footer .copyright p {text-align: center;line-height: 0.3rem;color: #757575;}
.footer .copyright p a{color: #fff;}
.footer .copyright p:first-child{color: #fff; font-size:0.18rem}