#BOX{position:relative;overflow:hidden;margin:0 auto;background:#f5f7f9}
#BOX::-webkit-scrollbar,body::-webkit-scrollbar{width:0}
/*手游频道导航*/
#syNav{background:#fff;position:fixed;top:1.02rem;z-index: 10;width: 100vw;}
#syNav .swiper-slide{overflow:hidden;padding:0 .12rem;width:1rem;height:.86rem;text-align:center}
#syNav a{display:block;color:#848493;letter-spacing:.02rem;font-size:.32rem;line-height:.86rem;transition:all .3s ease}
#syNav .active a{color:#22C485;font-weight:800;font-size:.4rem}
#syNav .active a:before{position:absolute;bottom:0;left:50%;display:block;margin-left:-.2rem;width:.4rem;height:.06rem;background:#22C485;content:" "}

/*menu1--点击弹出分类*/
.menu1box{position:fixed;top:1.02rem;z-index:10;overflow:hidden;width:100vw;border-top:.02rem solid #f3f3f3;background:rgba(0,0,0,.8);-webkit-box-shadow:0 .06rem .06rem rgba(0,0,0,.04);-moz-box-shadow:0 .06rem .06rem rgba(0,0,0,.04);box-shadow:0 .06rem .06rem rgba(0,0,0,.04)}
.menu1{position:relative;background:#fff}
.menu1 .swiper-container{height:.86rem}
.menu1 .swiper-slide{display:inline-block;padding:0 .3rem;width:auto}
.menu1 .swiper-slide a{display:inline-block;margin-top:.02rem;border-bottom:.04rem solid #fff;color:#333;font-size:.32rem;line-height:.8rem}
.menu1 .swiper-slide a.current{color:#22C485;font-weight:700;border-bottom-color:#22C485}
.menu1 .shapeB{display:none;background:#fff}
.menu1 .shapeB>p{display:inline-block;margin-left:.28rem;color:#333;font-weight:400;font-size:.32rem;line-height:.86rem}
.menu1 .shapeB ul{overflow:hidden;padding:0 .16rem}
.menu1 .shapeB ul li{float:left;margin-bottom:.2rem;width:25%}
.menu1 .shapeB ul li a{display:block;overflow:hidden;margin:0 4%;height:.64rem;border:.02rem solid #eee;border-radius:.08rem;background:#f5f5f5;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.28rem;line-height:.64rem}
.menu1 .shapeB ul li.currentB a{border-color:#ff871d;background:#22C485;color:#fff;font-weight:700;font-size:.3rem}
.menu1 .shapeB ul li a:active{opacity:.8}
.menu1>span.l-y,.menu1>span.r-y{position:absolute;top:0;z-index:1;display:inline-block;height:.86rem}
.menu1 .l-y{width:.4rem;background:-moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,.3) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,.3) 100%);background:-o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,.3) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,.3) 100%)}
.menu1 .r-y{right:0;overflow:hidden;width:.96rem}
.menu1 .r-y b{display:inline-block;width:.1rem;height:.86rem;background:-moz-linear-gradient(right,rgba(255,255,255,1) 0,rgba(255,255,255,.3) 100%);background:-webkit-linear-gradient(right,rgba(255,255,255,1) 0,rgba(255,255,255,.3) 100%);background:-o-linear-gradient(right,rgba(255,255,255,1) 0,rgba(255,255,255,.3) 100%);background:-ms-linear-gradient(right,rgba(255,255,255,1) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to left,rgba(255,255,255,1) 0,rgba(255,255,255,.3) 100%)}
.menu1 .r-y em{float:right;display:inline-block;padding:.22rem;width:.42rem;height:.42rem;background:#fff}
.menu1 .r-y em i{display:inline-block;width:.42rem;height:.42rem;border-radius:50%;background:url(../../img/zt/up-down.png) #fff no-repeat center center;background-size:auto .2rem;-webkit-transition:transform .3s;transition:transform .3s}
.menu1 .r-y em i.zhuan{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
/*Head1*/
.Head1{display:block;overflow:hidden;padding: .4rem 0 .2rem 0;height: .48rem;}
.Head1 h2{float:left;color:#333;font-size:.32rem;line-height:.48rem;margin-left: .24rem;}
.Head1 a{float:right;padding-right:.2rem;margin-right:.24rem;font-size:.28rem;background:url(../../img/zt/all-icon.png) no-repeat center right;background-size:.08rem auto;color:#888;line-height:.48rem}

/*Head2*/
.Head2{display:block;overflow:hidden;padding:0 .24rem;background:#fff}
.Head2 h2{float:left;color:#333;font-size:.32rem;line-height:.84rem}
.Head2 .chose{float:right;display:inline-block;overflow:hidden;margin:.16rem 0;border-radius:.26rem}
.Head2 .chose a{float:left;display:inline-block;padding:0 .12rem;background:#f6f6f6;color:#999;font-size:.24rem;line-height:.52rem}
.Head2 .chose a.cur3{background:#22C485;color:#fff}
.Head2 .chose a:active{opacity:.8}

/*Head3*/
.Head3{position:relative;display:block;overflow:hidden;height:.84rem}
.Head3 .Head3-box{position:absolute;top:0;left:0;z-index:2;overflow:hidden;width:100%;height:.84rem}
.Head3 .Head3-box a{float:left;display:inline-block;width:50%;height:.84rem;background:#f0f0f0;color:#999;text-align:center;font-size:.32rem;line-height:.84rem}
.Head3 .Head3-box a:first-child{border-top-right-radius:.42rem}
.Head3 .Head3-box a:last-child{border-bottom-left-radius:.42rem}
.Head3 .Head3-box a.cur2{background:#fff;color:#333}
.Head3 span{position:absolute;left:20%;z-index:1;display:inline-block;width:50%;height:.42rem;background:#f0f0f0}
.Head3 em{position:absolute;top:.42rem;left:20%;z-index:1;display:inline-block;width:50%;height:.42rem;background:#fff}

/* 攻略头部分类样式 */
.Head4{display:block;overflow:hidden;background:#fff;text-align:center}
.Head4 ul{display:inline-block;overflow:hidden;padding:8px;}
.Head4 ul li{float:left;width:20%;padding:8px 0;}
.Head4 ul li a{display:inline-block;font-size:14px;line-height:.48rem}
.Head4 ul li.cur4{background:#22C485;color:#fff}
.Head4 ul li.cur4 a{ color: #fff;}

/*Cont1*/
.Cont1{display:block;overflow:hidden;padding:0 .24rem .24rem .24rem}
.Cont1 ul{display:block;overflow:hidden}
.Cont1 ul li{float:left;display:block;overflow:hidden;width:25%;text-align:center}
.Cont1 ul li a.C1-explain{display:block;margin-top:.2rem}
.C1-explain>div{position:relative;display:inline-block;margin-bottom:.2rem}
.C1-explain>div span{position:absolute;top:-.04rem;left:-.04rem;z-index:4;display:inline-block;width:.76rem;height:.38rem}
/*精品\火爆*/
.C1-explain>div span.fine{background:url(../../img/zt/fine.png) no-repeat;background-size:.76rem auto}
.C1-explain>div span.hot{background:url(../../img/zt/hot.png) no-repeat;background-size:.76rem auto}
.C1-explain>div .div-img{display:block;overflow:hidden;width:1.3rem;height:1.3rem;border-radius:.2rem}
.C1-explain>div .div-img img{display:block;width: 100%;height:100%;object-fit: cover;}
.C1-explain h3{margin:0 auto .2rem auto}
.C1-explain h3 p{display:block;color:#333;font-weight:400;font-size:.24rem;line-height:.3rem;height:.3rem;overflow: hidden;}
.Cont1 ul li a.btn{clear:both;display:block;margin:0 auto .2rem auto;font-size:.28rem;width:1.12rem;border:.02rem solid #ddd;border-radius:.06rem;color:#888;line-height:.52rem}
.Cont1 ul li a.d_btn{border-color: #22c3b7;color:#22c3b7}
.Cont1 ul li a.a_btn{border-color: #72c322;color:#72c322}
.Cont1 ul li a.s_btn{border-color: #3d89e4;color:#3d89e4}

/*Cont2*/
.Cont2{display:block;background:#fff}
.Cont2 ul{display:block;overflow:hidden}
.Cont2 ul li{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:.3rem .24rem;border-bottom:.02rem solid #f5f5f5}
.Cont2 ul li:active{background:#eee}
.Cont2 ul li:last-child{border-bottom:none}
.Cont2 ul li>a.C2-explain{float:left;display:block;width:1.16rem;height:1.16rem;background:#f5f7f9;}
.C2-explain div{position:relative;display:block;height: 1.16rem;}
.C2-explain div span{position:absolute;top:-.04rem;left:-.04rem;z-index:10;display:inline-block;width:.76rem;height:.38rem}
.C2-explain div span.fine{background:url(../../img/zt/fine.png) no-repeat;background-size:.76rem .38rem}
.C2-explain div span.hot{background:url(../../img/zt/hot.png) no-repeat;background-size:.76rem .38rem}
.C2-explain div img{display:block;width:100%;height:100%;object-fit:cover;border-radius:.2rem}
.Cont2 ul li .sub{position:relative;display:block;margin:0 1.3rem;height:1.16rem}
.Cont2 ul li .sub div{position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.sub h3{font-size:.24rem;overflow:hidden;margin-bottom:.04rem;max-height:.8rem;font-weight:400}
.sub h3 a{display:inline-block;overflow:hidden;max-height:.8rem;color:#333;font-size:.32rem;line-height:.4rem}
.sub p{display:block;overflow:hidden;color:#888;text-overflow:ellipsis;white-space:nowrap}
.sub dl{display:block;overflow:hidden}
.sub dd,.sub dt{float:left;display:inline-block;font-size:.24rem;margin-right:.2rem;color:#888;line-height:.32rem}
.sub dt span{color:#ff3f3f}
.Cont2 ul li a.l_btn{position:absolute;top:50%;right:.24rem;float:right;display:inline-block;width:1.3rem;border-radius:.06rem;background:#22C485;color:#fff;text-align:center;line-height:.56rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.Cont2 ul li a.l_btn:active{opacity:.8}
.Cont2 ul li a.l_btn2{position:absolute;top:50%;right:.24rem;float:right;display:inline-block;font-size:.24rem;width:1.3rem;border-radius:.06rem;background:#22c3b7;color:#fff;text-align:center;line-height:.56rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.Cont2 ul li a.l_btn2:active{opacity:.8}

/*Cont3*/
.Cont3{overflow:hidden;padding:.24rem 0 .24rem .24rem;background:#fff}
.Cont3 .Cont3-box .Cont3-slide{margin-right:.20rem;width:3.4rem;}
.Cont3 .Cont3-box .Cont3-slide>a{display:block;overflow:hidden;width:3.4rem;height:1.7rem;border-radius:.08rem!important;background:#fefefe;text-align:center}
.Cont3 .Cont3-box .Cont3-slide>a img{display:block;width:100%;height:100%;object-fit:cover;}
.Cont3 .Cont3-box .Cont3-slide>span{display:block;overflow:hidden;width:3.4rem;height:1.7rem;border-radius:.08rem!important;background:#f6f6f6;text-align:center}
.Cont3 .Cont3-box .Cont3-slide>span a{display:inline-block;margin-top:.42rem;padding-top:.7rem;background:url(../../img/zt/more-icon.png) no-repeat top center;background-size:.5rem auto;color:#bbb;font-size:.24rem}

/*Cont4*/
.Cont4{padding:0 .24rem}
.Cont4 .Cont4-list{display:none;overflow:hidden;padding-top:.16rem}
.Cont4 .Cont4-list>h6{display:block;font-weight:400}
.Cont4 .Cont4-list>h6>a{display:inline-block;overflow:hidden;padding:.16rem .3rem;background:url(../../img/zt/list-icon.png) no-repeat left center;background-size:.1rem auto;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:.28rem}
.Cont4 .Cont4-list>a:active{background:#eee}

/*Cont5*/
.Cont5{display:block;background:#fff}
.Cont5 ul{display:block;overflow:hidden}
.Cont5 ul li{display:block;overflow:hidden;padding:.2rem .24rem;border-bottom:.02rem solid #f5f5f5}
.Cont5 ul li:active{background-color:#eee}
.Cont5 ul li:last-child{border:none}
.Cont5 ul li>a{position:relative;float:left;display:inline-block;overflow:hidden;margin-right:.2rem;width:1.76rem;height:1.16rem;border-radius:.1rem;background:#fefefe;text-align:center}
.Cont5 ul li>a img{height:100%}
.Cont5 ul li>a span{position:absolute;right:.12rem;bottom:.06rem;display:inline-block;width:.46rem;height:.28rem;background:url(../../img/zt/video-icon.png) no-repeat center center;background-size:.46rem auto}
.Cont5 ul li>dl{display:block}
.Cont5 ul li>dl dt{overflow:hidden;height:.8rem}
.Cont5 ul li>dl dt h3{display:inline-block;font-weight:400;font-size:.24rem;}
.Cont5 ul li>dl dt h3 a{display:inline-block;overflow:hidden;max-height:.8rem;color:#333;font-size:.28rem;line-height:.4rem}
.Cont5 ul li>dl dd{display:table-cell;height:.36rem;color:#999;vertical-align:bottom;font-size:.2rem}
.Cont5 ul li>dl dd em{display:inline-block;margin-left:.1rem}

/*Cont6*/
.Cont6{display:block;background:#fff}
.Cont6 ul{display:block;overflow:hidden;padding:0 .24rem}
.Cont6 ul li{float:left;display:inline-block;overflow:hidden;margin:.1rem 0;width:49%;text-align:center}
.Cont6 ul li:nth-child(even){float:right}
.Cont6 ul li a{position:relative;display:block;background:#f5f7f9;overflow:hidden;padding-bottom:50%;width:100%;height:0;border-radius:.08rem}
.Cont6 ul li a img{position:absolute;display:block;width:100%;height:100%;object-fit:cover}
.cont-zt ul li a{padding-bottom:0;height:auto}

/*Cont7*/
.Cont7 .Cont7-list{overflow:hidden;padding:0 .24rem}
.Cont7 .Cont7-list li{position:relative;overflow:hidden;border-top:.02rem solid #f5f5f5}
.Cont7 .Cont7-list li:first-child{border:none}
.Cont7 .Cont7-list li>a{position:absolute;top:50%;right:0;float:right;display:inline-block;width:1.16rem;border:.02rem solid #22c3b7;border-radius:.06rem;color:#22c3b7;text-align:center;line-height:.56rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.Cont7 .Cont7-list li>a:active{opacity:.8}
.Cont7 .Cont7-list li>div{margin:.2rem 1.6rem .2rem 0}
.Cont7 .Cont7-list li>div a{display:inline-block;overflow:hidden;margin-bottom:.06rem;padding-left:.36rem;background:url(../../img/zt/l-list.png) no-repeat left center;background-size:auto .24rem;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:.28rem;line-height:.38rem}
.Cont7 .Cont7-list li>div dl{overflow:hidden;margin-left:.36rem}
.Cont7 .Cont7-list li>div dl dt{float:left;margin-right:.2rem;color:#888;font-size:.24rem;line-height:.32rem}
.Cont7 .Cont7-list li>div dl dd{color:#888;font-size:.24rem;line-height:.32rem}

/*Cont-J*/
.Cont-J{display:block;background:#fff}
.Cont-J ul{display:block;overflow:hidden}
.Cont-J ul li{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:.3rem .24rem;border-bottom:.02rem solid #f5f5f5}
.Cont-J ul li:last-child{border-bottom:none}
.Cont-J ul li>a.CJ-explain{float:left;display:inline-block}
.Cont-J ul li:active{background:#eee}
.CJ-explain div{position:relative;display:inline-block}
.CJ-explain div span{position:absolute;top:.04rem;left:.04rem;z-index:10;display:inline-block;width:.76rem;height:.38rem}
.CJ-explain div span.fine{background:url(../../img/zt/fine.png) no-repeat;background-size:.76rem .38rem}
.CJ-explain div span.hot{background:url(../../img/zt/hot.png) no-repeat;background-size:.76rem .38rem}
.CJ-explain div img{display:inline-block;width:1.16rem;height:1.16rem;border-radius:.2rem}
.Cont-J ul li .CJ-sub{position:relative;display:block;overflow:hidden;margin:auto 0;margin-left:1.3rem;height:.78rem}
.Cont-J ul li .CJ-sub>div{position:absolute;top:50%;display:block;margin-right:1.3rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.CJ-sub>div h3{display:block;overflow:hidden;margin-bottom:.04rem;max-height:.8rem}
.CJ-sub>div h3 a{color:#333;font-size:.28rem}
.Cont-J ul li>p{display:block;overflow:hidden;margin-left:1.3rem;height:.36rem;color:#888;text-overflow:ellipsis;white-space:nowrap;line-height:.36rem}
.CJ-sub dl{display:block;overflow:hidden}
.CJ-sub dd,.CJ-sub dt{float:left;display:inline-block;margin-right:.2rem;color:#888}
.CJ-sub dt span{color:#ff3f3f}
.Cont-J ul li a.JC_btn2{position:absolute;top:50%;right:0;float:right;display:inline-block;width:1.16rem;border-radius:.06rem;background:#22c3b7;color:#fff;text-align:center;line-height:.56rem;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.Cont-J ul li a.JC_btn2:active{opacity:.8}
/*more*/
.more{display:block;padding:.24rem 0;text-align:center}
.more>a{display:block;color:#222;font-size: .24rem;}
/* 详情页顶部游戏推荐 */
.mGame-tj{width:100%;background:#fff}
.mGame-tj .jctj{padding:0 .1rem;background:#fff}
.mGame-tj .jctj .swiper-slide{width:1.2rem}
.mGame-tj .jctj .swiper-slide a{display:block;padding:.14rem 0 .1rem 0}
.mGame-tj .jctj .swiper-slide a p{overflow:hidden;height:.3rem;color:#333;text-align:center;text-overflow:ellipsis;line-height:.3rem}
.mGame-tj .jctj .swiper-slide a div{position:relative;display:inline-block;margin:0 .1rem .1rem .1rem}
.mGame-tj .jctj .swiper-slide a div img{display:block;width:1rem;height:1rem;border-radius:.2rem}

/*翻篇-上一篇、下一篇*/
.TurnPage{overflow:hidden;width:100%;background:#fff;text-align:center;}
.TurnPage p{overflow:hidden;/*border-top:.02rem solid #f5f5f5;*/padding:0 4%;width: 42%;float: left}
.TurnPage p span,.TurnPage p a{float:left;display:block;overflow:hidden;height:.8rem;color:#595959;font-size:.24rem;line-height:.8rem}
.TurnPage p a{max-width:82%;}
.TurnPage p a:active{color:#22C485;font-weight:bolder}


/*内容超链接颜色*/
.game-js a{color: #0a5fc2}