@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}b,em,i{font-style:normal;font-weight:normal;}button,input,select,textarea,th{background:#fff;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;}img {display:block;border:0;}
*{-moz-text-size-adjust:none;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;}
input[type="submit"],input[type="reset"],input[type="password"],input[type="button"],input[type="text"],button{-webkit-appearance:none;}
html{overflow-x:hidden; overflow-y:auto;}
ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0}
html {font-size:100px;}
body {font-size:.24rem;background: #ccc;}
.hide{display: none;}
.icon{background-image: url(../img/iconm.png);background-size: 7.5rem 6rem;display: inline-block;}
.icon2{background-image: url(../img/icon2.png);background-size: 1.64rem 3.28rem;display: inline-block;}
.icon3{background-image: url(../img/icon3.png);background-size: 7.5rem 6rem;display: inline-block;}
.icon4{width:4rem;height: 2rem; background-image: url(../15tianm.png);background-repeat: no-repeat;background-size: 112px 26px;display: inline-block;}
.wrap{width: 100%;height: auto;max-width: 7.5rem;min-width: 3.2rem;margin: 0 auto;background: #fff;min-height:13.33rem;overflow: hidden;}
.h10{height: .1rem;background: #f5f5f5;}

header{height: .89rem;background: #2a2a2b;overflow: hidden;}
header>a i{width: 2.06rem;height: .5rem;display: block;background-position: 0 0;margin: .19rem 0 .19rem .31rem;}
header .info{float: right;}
header .info .search{width: .38rem;height: .4rem;display: inline-block;background-position:-3.37rem 0;margin: .25rem 0 .22rem;}
header .info i:nth-last-child(1){width: .4rem;height: .4rem;display: inline-block;background-position: -3.78rem 0;margin: .25rem .32rem .22rem .32rem;}
header .info .current:nth-last-child(1){background-position: -3.78rem -.43rem;}

nav{padding-left: .25rem;overflow: hidden;background: #03a9f4;}
nav li{display: inline-block;font-size: .32rem;color: #f0f0f0;position: relative;min-width: 20%;}
nav li a{display:inline-block;height:.88rem;line-height:.88rem;text-align:center;color:#9addfb;font-size:.32rem;}
nav li.current a{color:#fff;}
nav li i:nth-child(1){display: inline-block;}
nav li i:nth-child(1){margin-right: .11rem;margin-top: .35rem;}
nav li>i:nth-last-child(1){display: inline-block;width: .15rem;height: .25rem;background-position: -3.52rem -1.74rem;margin: 0 0.15rem;}
nav li:nth-child(1) i:nth-child(1){width: .22rem;height: .24rem;background-position:  0 -1.74rem;}
nav li:nth-child(2) i:nth-child(1){width: .18rem;height: .24rem;background-position:  -.31rem -1.74rem;}
nav li:nth-child(3) i:nth-child(1){width: .22rem;height: .24rem;background-position:  -.55rem -1.74rem;}
nav li:nth-child(4) i:nth-child(1){width: .22rem;height: .24rem;background-position:  -.83rem -1.74rem;}
nav li:nth-child(5) i:nth-child(1){width: .22rem;height: .24rem;background-position:  -1.1rem -1.74rem;}
nav li:nth-child(6) i:nth-child(1){width: .24rem;height: .24rem;background-position:  -1.36rem -1.74rem;}
nav ul{overflow-x: auto;white-space: nowrap;font-size: 0;overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;}
nav ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0}
nav .current:nth-child(1) i:nth-child(1){background-position:  0 -1.42rem;}
nav .current:nth-child(2) i:nth-child(1){background-position:  -.31rem -1.42rem;}
nav .current:nth-child(3) i:nth-child(1){background-position:  -.55rem -1.42rem;}
nav .current:nth-child(4) i:nth-child(1){background-position:  -.83rem -1.42rem;}
nav .current:nth-child(5) i:nth-child(1){background-position:  -1.1rem -1.42rem;}
nav .current:nth-child(6) i:nth-child(1){background-position:  -1.36rem -1.42rem;}


/* 首页 */
.slider{height:2.1rem;margin: .27rem .32rem;}
.slider a{display:block;width:100%;height:100%;}
.slider img{display:block;width:100%;height:100%;}
.slider p{position: absolute;left: .2rem;bottom: .1rem;z-index: 999;color: #fff;font-size: .28rem;white-space: nowrap;overflow: hidden;max-width: 70%;}
.slider .swiper-pagination-bullet{width:.12rem;height:.12rem;background:#fff;border-radius:0;opacity: 1;}
.slider .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#03a9f4;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5px !important;right: .15rem !important;width: auto !important;left: auto !important;}
.swiper-container{width:100%;height:100%;}

.headnav{}
.headnav ul{display: flex;justify-content: space-between;margin: 0 .3rem;}
.headnav ul li{}
.headnav ul li i{width: .58rem;height: .58rem;display: block;}
.headnav ul li:nth-child(1) i{background-position: -4.23rem 0;}
.headnav ul li:nth-child(2) i{background-position: -4.86rem 0;}
.headnav ul li:nth-child(3) i{background-position: -5.49rem 0;}
.headnav ul li:nth-child(4) i{background-position: -6.09rem 0;}
.headnav ul li:nth-child(5) i{background-position: -6.70rem 0;width: .59rem;}
.headnav ul li p{font-size: .26rem;line-height: .26rem;color: #2a2a2b;text-align: center;margin: .26rem 0 .32rem;}

.marvellous{margin: .3rem .3rem .16rem;overflow: hidden;}
.title{display: inline-block;position: relative;width: 100%;}
.title span{font-size: .3rem;line-height: .3rem;color: #333;}
.title em{display: inline-block;height: .02rem;width: 5.15rem;background: #03a9f4;position: absolute;right: .28rem;top: .16rem;}
.title i{display: inline-block;width: .24rem;height: .24rem;color:#03a9f4;border:.02rem solid #03a9f4;border-radius: .02rem;line-height: .2rem;text-align: center;font-weight: bold;font-size: .28rem;position: absolute;right: 0;top: .03rem;}
.marvellous ul{overflow: hidden;}
.marvellous ul li{float: left;width: 25%;margin: .22rem 0 .1rem;}
.marvellous ul li img{width: 1.2rem;height: 1.2rem;display: block;border-radius: .25rem;margin: 0 auto;}
.marvellous ul li span{font-size: .28rem;color: #333;line-height: .28rem;text-align: center;white-space: nowrap;overflow: hidden;width: 100%;display: block;margin: .15rem 0 .18rem;}
.marvellous ul li p{width: 1.24rem;height: .54rem;border: 1px solid #03a9f4;border-radius: .08rem;color: #03a9f4;line-height: .56rem;text-align: center;margin: 0 auto;}

.tybox{margin: 0 .32rem;}
.tybox ul{overflow: hidden;}
.tybox ul li{width: 3.33rem;height: 1.5rem;border-radius: .15rem;float: left;position: relative;margin-bottom: .32rem;}
.tybox ul li img{width: 3.33rem;height: 1.5rem;border-radius: .15rem;}
.tybox ul li:nth-child(2n){margin-left: .2rem;}
.tybox ul li em{font-size: .3rem;color: #fff;font-weight: 600;width: 100%;text-align: center;display: block;line-height: .3rem;margin-top: .42rem;position: absolute;top: 0;left: 0;}
.tybox p{font-size: .2rem;color: #fff;text-align: center;line-height: .2rem;margin-top: .14rem;position: absolute;bottom: .44rem;left: 0;width: 100%;white-space: nowrap;}


.gamerank{margin: .33rem .3rem .11rem;}
.topthree{overflow: hidden;height: 2.92rem;margin-top: .24rem;}
.topthree div{float: left;}
.topthree div:nth-child(1){margin-left: .1rem;}
.topthree i{width: .46rem;height: .64rem;position: absolute;left: .16rem;top: .04rem;}
.top1{width: 2rem;height: 2.92rem;background: #eee;border-radius: .25rem;margin: 0 .3rem;position: relative;overflow: hidden;}
.top1 img{width: 1.5rem;height: 1.5rem;display: block;margin:.18rem auto 0;border-radius: .3rem;}
.top1 i{background-position: -4.48rem -.64rem;left: .05rem  ;}
.top23:nth-child(1) i{background-position: -5.03rem -.64rem;}
.top23:nth-child(3) i{background-position: -5.58rem -.64rem;}
.top23{width: 2rem;height: 2.7rem;background: #eee;border-radius: .25rem;margin-top: .22rem;position: relative;overflow: hidden;}
.top23 img{width: 1.3rem;height: 1.3rem;display: block;margin: .18rem auto 0;border-radius: .25rem;}
.topthree span{font-size: .27rem;color: #333;line-height: .27rem;text-align: center;white-space: nowrap;overflow: hidden;width: 100%;display: block;margin: .13rem 0 .13rem;}
.topthree p{width: 1.24rem;height: .54rem;border: 1px solid #03a9f4;border-radius: .08rem;color: #03a9f4;line-height: .56rem;text-align: center;margin: 0 auto;}

.gamerank ul{margin-top: .05rem;}
.gamerank ul li{overflow: hidden;border-bottom: 1px solid #e5e5e5;padding: .2rem 0;}
.gamerank ul li:nth-last-child(1){border: none;}
.gamerank ul li span{float: left;font-size: .21rem;color: #a1a1a1;width: .42rem;line-height: 1.2rem;}
.gamerank ul li img{width: 1.2rem;height: 1.2rem;display: block;border-radius: .25rem;float: left;}
.gamerank ul li .load{width: 1.24rem;height: .54rem;border: 1px solid #03a9f4;border-radius: .08rem;color: #03a9f4;line-height: .56rem;text-align: center;margin: .31rem auto 0;float: right;}
.gamerank ul li .info{float: left;margin-left: .18rem;max-width: 3.7rem;white-space: nowrap;overflow: hidden;}
.gamerank ul li .info .name{font-size: .28rem;color: #333;line-height: .28rem;margin-top: .25rem;}
.gamerank ul li .info p{font-size: .22rem;color: #999;margin-top: .15rem;}

.gamenew{margin: .33rem .3rem .11rem;}
.gamenew ul{}
.gamenew ul li{overflow: hidden;padding: .2rem 0;border-bottom: 1px solid #e5e5e5;}
.gamenew ul li:nth-last-child(1){border: none;}
.gamenew ul li img{width: 2.3rem;height: 1.34rem;display: block;float: left;}
.gamenew ul li .info{float: left;margin-left: .2rem;}
.gamenew ul li .info p{font-size: .3rem;line-height: .38rem;overflow: hidden;color: #333;max-width: 4.38rem;height: .76rem;}
.gamenew li .info span{color: #999;font-size: .2rem;line-height: .2rem;margin-top: .35rem;}
.gamenew li .info span:nth-last-child(2){float: left;}
.gamenew li .info span:nth-last-child(1){float: right;}
.gamenew li .info i{width:.22rem;height: .21rem;;display: inline-block;background-position: -3.22rem -1.74rem;vertical-align: middle;margin-left: .05rem;} 

.mustapp{margin: .33rem 0 .11rem;}
.mustapp .title{margin: 0 .3rem;width: 92%;}
.mustapp ul{margin: .05rem .3rem 0;}
.mustapp ul li{overflow: hidden;border-bottom: 1px solid #e5e5e5;padding: .2rem 0;}
.mustapp ul li:nth-last-child(1){border: none;}
.mustapp ul li span{float: left;font-size: .21rem;color: #a1a1a1;width: .42rem;line-height: 1.2rem;}
.mustapp ul li img{width: 1.2rem;height: 1.2rem;display: block;border-radius: .25rem;float: left;}
.mustapp ul li .load{width: 1.24rem;height: .54rem;border: 1px solid #03a9f4;border-radius: .08rem;color: #03a9f4;line-height: .56rem;text-align: center;margin: .31rem auto 0;float: right;}
.mustapp ul li .info{float: left;margin-left: .18rem;max-width: 3.9rem;white-space: nowrap;overflow: hidden;}
.mustapp ul li .info .name{font-size: .28rem;color: #333;line-height: .28rem;margin-top: .25rem;}
.mustapp ul li .info p{font-size: .22rem;color: #999;margin-top: .15rem;}

.sort{margin: .33rem .3rem .11rem;}
.sort ul{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;flex-wrap: wrap;margin-top: .26rem;}
.sort ul li{width: 3.37rem;height: 1.23rem;border: 1px solid #dfe2e6;border-radius: .15rem;position: relative;margin-bottom: .2rem;}
.sort ul li span{font-size: .28rem;color: #00121a;margin:.3rem 0 0 .4rem;line-height: .28rem;display: inline-block;font-weight: 600;}
.sort ul li p{font-size: .2rem;color: #999;line-height: .26rem;margin-top: .16rem;margin-left: .4rem;overflow: hidden;max-width: 1.7rem;white-space: nowrap;}
.sort ul li i{width: .82rem;height: .82rem;border-radius: 50%;position: absolute;top: .22rem;right: .38rem;}
.sort ul li:nth-child(2) i{background-position: 0 -1.64rem;}
.sort ul li:nth-child(3) i{background-position: -.82rem -1.64rem;}
.sort ul li:nth-child(4) i{background-position: 0 -2.46rem;}
.sort ul li:nth-child(5) i{background-position: -.82rem -2.46rem;}
.sort ul li:nth-child(6) i{background-position: -.82rem -.82rem;}
.sort ul li:nth-child(7) i{background-position: 0 -.82rem;}
.sort ul li:nth-child(8) i{background-position: -.82rem 0rem;}

.gamety{margin: .33rem .3rem .11rem;}
.gamety ul{overflow: hidden;margin-top: .25rem;}
.gamety ul li{float: left;width: 1.14rem;height: .44rem;line-height: .44rem;text-align: center;margin-bottom: .3rem;}
.gamety ul li a{color: #fff;display: inline-block;width: 1rem;height: .44rem;line-height: .44rem;border-radius: .22rem;}

.friend{margin: .33rem .3rem .11rem;}
.friend .link_list { overflow: hidden; margin-top: 0.15rem; height: 0.5rem; position: relative; }
.friend .link { margin-left: -0.17rem; overflow: hidden; position: absolute; left: 0; top: 0; }
.friend .link a { display: inline-block; padding: 0 0.17rem; font-size: 0.24rem; color: #454545; line-height: 0.5rem; position: relative; }
.friend .link a:before { display: block; content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.08rem; width: 1px; height: 0.2rem;}
.friend .link.on { height: 0.5rem; overflow: hidden; }

footer{background: #2a2a2b;}
footer .info{position: relative;overflow: hidden;margin-bottom: .42rem;}
footer .info>i{position: absolute;width: 4.07rem;height: 2rem;background-position: 0 0;left: .62rem;top: .47rem;}
footer .info a{width: 1.58rem;height: .5rem;border: 1px solid #959595;line-height: .52rem;text-align: center;border-radius: .05rem;display: block;margin-top: .47rem;float: right;margin-right: .62rem;}
footer .info a i{background-position: -3.22rem -1.42rem;width: .3rem;height: .27rem;display: inline-block;vertical-align: middle;margin-right: .16rem;}
footer .info a span{font-size: .22rem;color: #959595;}
footer>p{font-size: .24rem;color: #7a7a7b;text-align: center;line-height: .3rem;}
footer>p:nth-last-child(1){padding-bottom: .35rem;}
.site{background: #fff;height: .72rem;line-height: .72rem;color: #666;max-width: 7.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #545454;border-bottom: 1px solid #f0f0f0;padding: 0 .3rem;}
.site a{color: #545454;font-size: .22rem;line-height: .72rem;}
.site i{width: .21rem;height: .26rem;background-position: -3.98rem -1.43rem;vertical-align:sub;}

.article{}
.article>p{height: .88rem;display: flex;justify-content: space-between;margin: 0 .3rem;}
.article p a{width: 50%;font-size: .28rem;text-align: center;}
.article p em{height: .84rem;line-height: .84rem;padding: .3rem 0 .21rem;color: #333;}
.article p .current em{border-bottom: .04rem solid #03a9f4;color: #03a9f4;font-weight: 600;} 
.article ul{margin: 0 .3rem;}
.article ul li{overflow: hidden;padding: .2rem 0;border-bottom: 1px solid #e5e5e5;display: inline-block;}
.article ul li:nth-last-child(1){border: none;}
.article ul li img{width: 2.3rem;height: 1.34rem;display: block;float: left;}
.article ul li .info{float: left;margin-left: .2rem;}
.article ul li .info p{font-size: .3rem;line-height: .38rem;overflow: hidden;color: #333;max-width: 4.38rem;height: .76rem;}
.article li .info span{color: #999;font-size: .2rem;line-height: .2rem;margin-top: .1rem;margin-top: .35rem;}
.article li .info span:nth-last-child(2){float: left;}
.article li .info span:nth-last-child(1){float: right;}
.article li .info i{width:.22rem;height: .21rem;;display: inline-block;background-position: -3.22rem -1.74rem;vertical-align: middle;margin-left: .05rem;} 


/* 分页 */
.pagecode{display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;margin:1px .3rem .42rem .3rem;}
.pagecode a{width: .58rem;height: .58rem;color: #949799;font-size: .24rem;line-height: .58rem;text-align: center;border-radius: .06rem;background: #f4f4f4;}
.pagecode a:nth-child(1){width: 1rem;}
.pagecode a:nth-last-child(1){width: 1rem;}
.pagecode .current{background: #03a9f4;color: #fff;}
.pagecode .left{width: .18rem;height: .3rem;background-position: -3.57rem -1.43rem;display: inline-block;position: relative;top: .06rem;}
.pagecode .right{width: .18rem;height: .3rem;background-position: -3.76rem -1.43rem;display: inline-block;position: relative;top: .06rem;left: .03rem;}
.blue{color: #03a9f4 !important;}

.headbox{overflow: hidden;margin-left: .3rem;}
.headbox img{width: 1.3rem;height: 1.3rem;display: block;float: left;margin-top: .2rem;border-radius: .24rem;}
.headbox .info{float: left;position: relative;margin-left: .2rem;margin-top: .2rem;width: 4.3rem;}
.headbox .info .name{font-size: .3rem;color: #333;font-weight: 600;white-space: nowrap;overflow: hidden;margin: .05rem 0 .1rem;}
.headbox .info p{color: #666;font-size: .22rem;}
.headbox .info p span{color: #a8a8a8;}
.headbox .info2{float: right;width: 1.2rem;height: 1.7rem;background: linear-gradient(to top,#ff606d,#ffc271);}
.headbox .info2 i{width: .48rem;height: .46rem;display: block;background-position: -4.61rem -1.43rem;margin-top: .42rem;margin-left: .36rem;}
.headbox .info2 p{font-size: .23rem;color: #fff;text-align: center;margin-top: .16rem;}

.newmain{margin:0 .32rem;padding-bottom: .15rem;}
.newmain p{font-size: .25rem;color: #333;line-height: .5rem;text-indent: 2em;}
.newmain h3{font-size: .3rem;color: #333;line-height: .6rem;font-weight: bold;}
.newmain p a{color: #fb7e4a;font-weight: 600;}
.newmain img{max-width:6.86rem;height: auto;margin: .2rem auto;}
.titlebox{border-bottom: 1px solid #ebebeb;margin-bottom: .2rem;}
.titlebox h1{text-align: center;font-size: .3rem;color: #1a1a1a;font-weight: 600;margin-top: .4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.titlebox p{font-size: .2rem;line-height: .2rem;text-align: center;margin: .2rem .2rem .35rem;}
.titlebox span{font-size: .2rem;line-height: .2rem;color: #999;}
.titlebox span:nth-child(2){margin-left: .3rem;}

.sharebox{padding-bottom: .32rem;}
.share{margin: .35rem .26rem 0;display: flex;justify-content: space-between;}
.share span{width: 2.18rem;height: .78rem;border-radius:.16rem;background: #f8f8f8;display: inline-block;position: relative;}
.share :nth-child(1).current i{background-position: -6.29rem -1.42rem !important;}
.share span i{width: .29rem;height: .33rem;position: absolute;top: .23rem;left: .62rem;}
.share li:nth-child(1) i{background-position: -6.61rem -1.42rem;}
.share li:nth-child(2) i{background-position: -6.89rem -1.42rem;left: .5rem;}
.share li:nth-child(3) i{background-position: -7.19rem -1.42rem;left: .55rem;width: .31rem;height: .33rem;}
.share p{color: #3e3e3e;font-size: .24rem;text-align: center;line-height: .78rem;padding-left: .25rem;}

/* 遮盖 */
#modal {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 10;display: none; }
#modal .mask2 {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #000;opacity: .5;}

#modal2 {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 10;display: none;}
#modal2 .mask2 {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #000;opacity: .5;}

/* 分享弹窗 */
.icon3{background-image: url(../img/icon3.png);background-size: 7.5rem 6rem;display: inline-block;}

.dialog{width: 6.2rem;height: 6.94rem;background: #fcf9fc;position: absolute;top: 2.72rem;left: 8.6%;border-radius: .2rem;}
.dialog .bglog{background: url(../img/fx.png) no-repeat;background-size: 6.2rem 2.8rem;width: 6.2rem;height: 2.8rem;border-bottom: .01rem solid #eae9ea;}
.dialog>i{width: .32rem;height: .32rem;background-position: -2.12rem -.59rem;position: absolute;top: .19rem;right: 3.32%;}
.dialog p{color: #1a1a1a;font-size: .33rem;text-align: center;line-height: .33rem;margin-top: .4rem;}
.dialog>span{font-size: .21rem;color: #999;text-align: center;line-height: .21rem;margin-top: .26rem;display: block;}
.dialog em{font-size: .21rem;color: #999;text-align: center;line-height: .21rem;margin-top: .3rem;display: block;}
.dialog .fx_box{margin: 0 .7rem;display: flex;justify-content: space-between;margin-top: .24rem;}
.dialog .fx_box a{width: .98rem;height: .98rem;border: .01rem solid #e0e0e0;border-radius: 50%;display: inline-block;position: relative;}
.dialog .fx_box>a>i{width: .6rem;height: .56rem;position: absolute;top: .2rem;left: .2rem;}
.dialog .fx_box>a:nth-child(1)>i{background-position: 0 -.59rem;}
.dialog .fx_box>a:nth-child(2)>i{background-position: -.67rem -.59rem;}
.dialog .fx_box>a:nth-child(3)>i{background-position: -1.32rem -.59rem;}
.copybox{display: inline-flex;border: .01rem solid #e6e5e6;background: #fff;border-radius: .1rem;width: 4.8rem;height: .48rem;margin-left: .7rem;margin-top: .24rem;}
.copybox input{height: .46rem;border: none;color: #333;font-size: .23rem;line-height: .46rem;width: -webkit-fill-available;margin-top: .01rem;margin-left: .16rem;}
.copybox span{display: inline-block;width: .84rem;height: .48rem;color: #fff;background: #03a9f4;font-size: .22rem;text-align: center;line-height: .48rem;border-radius:0 .1rem .1rem 0;}
.noload{background: -webkit-gradient(linear, left top, right top, from(#ffa115), to(#ffc875));background: linear-gradient(to right, #ffa115, #ffc875) !important;float: left;margin: 0 .3rem;text-align: center;width: 6.9rem;height: .74rem;color: #fff;line-height: .74rem;border-radius: .1rem;}

.share_wecat{width: 5.6rem;height: 6.4rem;padding: .4rem;position: absolute;top: 2.6rem;left: 0;right: 0;margin: auto;z-index: 12;background-color: #fff;border: 1px solid #ccc;border-radius: 6px;}
.share_wecat>p:nth-of-type(1){font-size: .2rem;font-weight: 600;color: #333;}
.share_wecat .code{width: 3.76rem;height: 3.76rem;margin:.32rem auto;}
.share_wecat>p{font-size: .32rem;color: #333;line-height: .48rem;}
.share_wecat span{cursor: pointer;z-index: 15;position: absolute;right: .24rem;top: .24rem;display: block;width: .48rem;height: .48rem;border: 1px solid #BABABA;border-radius: 50%;font-size: .48rem;color: #BABABA;line-height: .44rem;text-align: center;}
.dontlike{width: 6.98rem;height: 5.52rem;margin: 0 .26rem;background: #fff;border-radius: .12rem;position: absolute;overflow: hidden;margin-top: 5rem;}
.dontlike .info{background: #03a3e6;height: .88rem;}
.dontlike .info .unbox{float: left;margin-left: .27rem;line-height: .87rem;}
.dontlike .info .unbox i{width: .14rem;height: .26rem;background-position: -5.01rem -2.06rem;vertical-align: middle;margin-right: .13rem;}
.dontlike .info span{font-size: .26rem;color: #fff;}
.dontlike .info em{font-size: .34rem;color: #fff;line-height: .88rem;margin-left: 1.86rem;}
.dontlike .info>i{width: .33rem;height: .32rem;background-position: -5.44rem -2.06rem;position: absolute;top: .28rem;right: .28rem;}
.dontlike p{font-size: .28rem;color: #010101;line-height: 1.15rem;border-bottom: 1px solid #e5e5e5;margin: 0 .5rem;}

/* 下载列表页 */
.gamenav{display: flex;flex-wrap: wrap;padding: 0.26rem 0.1rem 0.12rem 0.24rem;}
.gamenav a{width: 1.58rem;height: .68rem;border: 1px solid #e4e4e4;display: block;line-height: .68rem;text-align: center;font-size: .26rem;margin:  0 .16rem .2rem 0;border-radius: .1rem;color: #666;}
.gamenav .current{background: #fff;color: #03a9f4;border: 1px solid #03a9f4;}
.options{height: .7rem;font-size: .26rem;margin: .25rem .3rem .1rem;}
.options a{width: 3.4rem;color: #03a9f4;height: .68rem;display: block;float: left;line-height: .7rem;text-align: center;border: 1px solid #03a9f4;}
.options a:nth-child(1){border-radius: .15rem 0 0 .15rem;}
.options a:nth-child(2){border-radius: 0 .15rem .15rem 0;}
.options .current{color: #fff;background: #03a9f4;}

/* 专题列表页 */
.topiclist ul{margin: 0 .3rem;padding-bottom: .3rem;}
.topiclist ul li{overflow: hidden;border-bottom: 1px solid #dedede;padding: .22rem 0;}
.topiclist ul li img{width: 3rem;height: 1.9rem;float: left;border-radius: .1rem;}
.topiclist ul li .info{float: left;margin-left: .2rem;max-width:3.7rem ;}
.topiclist ul li .info p:nth-child(1){font-size: .28rem;color: #333;line-height: .28rem;font-weight: 600;white-space: nowrap;overflow: hidden;margin-top: .08rem;}
.topiclist ul li .info p:nth-child(2){font-size: .22rem;line-height: .36rem;color: #666;height: 1.08rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top: .1rem;}
.topiclist ul li .info p:nth-child(3) i{width: .26rem;height: .27rem;background-position: -3.89rem -1.74rem;vertical-align: sub;}
.topiclist ul li .info p:nth-child(3) span{font-size: .2rem;color: #999;margin-left: .12rem;line-height: .2rem;}

/* 专题详情页 */
.topicdetails{margin: 0 .3rem .3rem;}
.topichead{height: 5.3rem;overflow: hidden;}
.topicbot{height: .63rem;width: 6.9rem;line-height: .63rem;text-align: center;color: #fff;background: #03a9f4;font-size: .24rem;border-radius: .1rem;margin-top: .2rem;}
.topichead img{width: 6.9rem;height: 3.6rem;margin: .2rem 0;border-radius: .05rem;}
.topichead p span{font-size: .3rem;color: #333;font-weight: 600;}
.topichead p em{font-size: .2rem;color: #ccc;float: right;}
.topichead p:nth-last-child(1){font-size: .22rem;line-height: .4rem;color: #666;margin-top: .1rem;}
.detaillist ul{margin: 0 .3rem;padding-bottom: .3rem;}
.detaillist ul li{border-bottom: 1px solid #eaeaea;overflow: hidden;padding: .22rem 0;}
.detaillist ul li img{width: 1.28rem;height: 1.28rem;border-radius: .26rem;float: left;}
.detaillist ul li .info{float: left;margin-left: .2rem;}
.detaillist ul li p:nth-child(1){margin-top: .1rem;}
.detaillist ul li p:nth-child(2){margin-top: .05rem;}
.detaillist ul li p:nth-child(3){width: 3.85rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #787878;margin-top: .05rem;}
.detaillist ul li .name{font-size: .3rem;color: #333;overflow: hidden;white-space: nowrap;width: 3.3rem;display: inline-flex;line-height: .34rem;}
.detaillist ul li p:nth-child(2) span{color: #999;font-size: .22rem;}
.detaillist ul li i{color: #e6e6e6;font-size: .22rem;padding: 0 .1rem;}
.detaillist ul li .loads{float: right;color: #03a9f4;border-radius: .1rem;text-align: center;width: 1.22rem;height: .52rem;line-height: .52rem;margin: .35rem 0;border: .02rem solid #03a9f4;}

.headerNav{width:100%;max-width:7.5rem;position:absolute;top:.9rem;z-index:999;}
.headerNav ul{position: absolute;left: 0;top: 0;overflow: hidden;background: #2a2a2b;padding-left: .2rem;padding-top: .26rem;}
.headerNav ul li{width: 2.22rem;height: .72rem;float: left;margin-right: .2rem;background: #fff;margin-bottom: .2rem;border-radius: .08rem;position: relative;}
.headerNav ul li a{color: #969699;line-height: .72rem;font-size: .28rem;width: 100%;height: 100%;display: block;margin-left: .7rem;}
.headerNav ul .current{background: #969699;}
.headerNav ul .current a{color: #ebebeb;}
.headerNav ul li i{width: .33rem;height: .28rem;display: inline-block;position: absolute;top: .24rem;left: .25rem;}
.headerNav ul li:nth-child(1) i{background-position: 0 -2.61rem;}
.headerNav ul li:nth-child(2) i{background-position: -.4rem -2.61rem;}
.headerNav ul li:nth-child(3) i{background-position: -.77rem -2.61rem;}
.headerNav ul li:nth-child(4) i{background-position: -1.12rem -2.61rem;}
.headerNav ul li:nth-child(5) i{background-position: -1.47rem -2.61rem;}
.headerNav ul li:nth-child(6) i{background-position: -1.81rem -2.61rem;}
.headerNav ul .current:nth-child(1) i{background-position: 0 -2.23rem;}
.headerNav ul .current:nth-child(2) i{background-position: -.4rem -2.23rem;}
.headerNav ul .current:nth-child(3) i{background-position: -.77rem -2.23rem;}
.headerNav ul .current:nth-child(4) i{background-position: -1.12rem -2.23rem;}
.headerNav ul .current:nth-child(5) i{background-position: -1.47rem -2.23rem;}
.headerNav ul .current:nth-child(6) i{background-position: -1.81rem -2.23rem;}

.mask{width:7.5rem;height:100%;position:absolute;top:.9rem;background:rgba(0, 0, 0, 0.5);z-index: 998;}
/* 返回顶部 */
.backTop { position: fixed; bottom: 2.6rem; right: 0.28rem; width: 0.8rem; height: 0.8rem; text-align: center; border-radius: 50%; background: rgba(129, 212, 249, .8); }
.backTop>i { display: inline-block; width: 0.38rem; height: 0.46rem; position: relative; top: 0.2rem;background-position: -4.18rem -1.43rem; }

/* 游戏下载页 */
.gameload{margin-bottom: .3rem;}
.gameload .bgbox{position: relative;height: 2.2rem;width: 100%;overflow: hidden;}
.gameload .test{position: absolute;top: 0;left: 0;width: 100%;height: 2.2rem;filter: blur(10px);background-size:cover;background-repeat:no-repeat;background-position:0rem -2.5rem;}

.gameload .bgmask{background: url(../img/bg.png) no-repeat;background-size: 7.15rem 2.18rem;width: 100%;height: 2.2rem;position: absolute;top: 0;left: 0;}
.gameload .zgmask{background-color: #000;opacity: .6;height: 2.2rem;width: 100%;position: absolute;top: 0;left: 0;}
.bgmask i{width: .75rem;height: 1.13rem;display: block;position: absolute;top: 0;right: .32rem;background-position: 0 -3.07rem;}
.bgmask b{font-size: .28rem;color: #fff;font-weight: 600;position: absolute;top: .42rem;right: .16rem;text-shadow: #e0860a 0.1em 0.1em 0.2em;}
.gameload .info{position: relative;margin-top: -1.02rem;}
.gameload .info img{width:1.8rem;height: 1.8rem;display: block;border: .04rem solid #fff;border-radius: .4rem;margin: 0 auto;}
.gameload .info>p{font-size: .28rem;color: #000;font-weight: 600;text-align: center;white-space: nowrap;overflow: hidden;margin-top: .16rem;}
.gameload .info>i{width: .95rem;height: .86rem;display: inline-block;background-position: -.83rem -3.07rem;position: absolute;top: 0;left: 2.81rem;}
.hotbox{overflow: hidden;margin-left: 1.55rem;text-align: center;margin-top: .3rem;}
.hotbox li{float: left;width: 1rem;margin-right: .7rem;}
.hotbox li:nth-last-child(1){margin-right: 0;}
.hotbox li i{display: inline-block;margin-right: .06rem;}
.hotbox li:nth-child(1) i{width: .22rem;height: .26rem;background-position: -3.92rem -2.22rem;}
.hotbox li:nth-child(2) i{width: .24rem;height: .26rem;background-position: -4.21rem -2.22rem;}
.hotbox li:nth-child(3) i{width: .30rem;height: .26rem;background-position: -4.52rem -2.22rem;}
.hotbox li span{font-size: .26rem;color:#282828;}
.hotbox li p{font-size: .2rem;color: #999;}
.gameload>a{width: 6.85rem;height: .72rem;font-size: .28rem;color: #fff;text-align: center;line-height: .72rem;display: block;border-radius: .36rem;margin: .28rem .32rem;background: -webkit-gradient(linear, left top, right top, from(#04a4e6), to(#56cbf2));background: linear-gradient(to right, #04a4e6, #56cbf2);}
.gameload>.dontload{background: -webkit-gradient(linear, left top, right top, from(#c8cbcc), to(#d9dde1));background: linear-gradient(to right, #c8cbcc, #d9dde1);}
.gameload>a i{width: .31rem;height: .25rem;background-position: -5.54rem -1.42rem;display: inline-block;vertical-align: middle;margin-right: .15rem;}
.gameload>.dontload i{display: none;}
.gameload>p{text-align: center;}
.gameload>p span{font-size: .22rem;color: #2bb36a;margin-right: .4rem;}
.gameload>p span i{width: .22rem;height: .22rem;display: inline-block;background-position: -3.23rem -2.51rem;margin-right: .1rem;vertical-align: middle;}
.gameload .info>p:nth-child(3){color:#666;font-weight:400;font-size:.24rem;}

.loadmain{margin-bottom: .2rem;}
.loadmain .loadnav{height: .8rem;border-bottom: .02rem solid #f0f0f0;}
.loadmain .loadnav span{width: 1rem;height: .8rem;display: inline-block;text-align: center;line-height: .8rem;margin: 0 .75rem;color: #333;font-size: .28rem;position: relative;}
.loadmain .loadnav .current{color: #03a9f4;border-bottom: .02rem solid #03a9f4;}
.loadmain .loadnav em{position: absolute;top:.2rem;font-size: .15rem;color: #fb7e4a;line-height: .15rem;}

.loadmain .cont{/*height: 7.88rem;*/overflow: hidden;}
.loadmain .cont>p { font-size: 0.25rem; color: #666; line-height: 0.48rem; padding: 0 0.26rem; }
.loadmain .cont>h3 { font-size: 0.26rem; color: #1a1a1a; line-height: 0.26rem; padding-left: 0.1rem; font-weight: bold; margin: 0.28rem 0 0.16rem 0.26rem; border-left: 0.08rem solid #03a3e6; }
.loadmain .cont img{max-width:6.9rem;max-height: 7rem;height: auto;width: auto;display: block;margin: .15rem auto;}

.loadmain .drawer{text-align: right;margin: .2rem 0;}
.loadmain .drawer span{width: 1.6rem;height: .48rem;display: inline-block;line-height: .48rem;font-size: .23rem;color: #fff;background: #03a9f4;text-align: center;border-radius: .08rem;}
.loadmain .drawer span:nth-last-child(1){margin-right: .32rem;}
.loadmain .drawer span i{width: .24rem;height: .24rem;display: inline-block;vertical-align: middle;margin-left: .08rem;}
.loadmain .drawer span .up{background-position: -3.23rem -2.22rem !important;}
.loadmain .drawer span:nth-last-child(1) i{background-position: -3.53rem -2.22rem;}

.alike{margin: .3rem .3rem .16rem;}
.alike ul{overflow: hidden;}
.alike ul li{float: left;width: 25%;margin: .22rem 0 .1rem;}
.alike ul li img{width: 1.2rem;height: 1.2rem;display: block;border-radius: .25rem;margin: 0 auto;}
.alike ul li p{font-size: .28rem;color: #333;line-height: .3rem;text-align: center;white-space: nowrap;overflow: hidden;width: 100%;display: block;margin: .15rem 0 0;}

.correla{margin: .3rem .3rem .16rem;}
.correla>ul{overflow: hidden;margin-top: .35rem;}
.correla>ul li{float: left;width: 25%;text-align: center;height: .76rem;line-height: .76rem;color: #93d6f5;background: #f2fbff;}
.correla>ul .current{background: #03a9f4;color: #fff;}
.correla>ul .current em{display: block;line-height: .42rem;}
.correla>ul li p{display: block;line-height: .24rem;}

.correla .info>p{font-size: .22rem;color: #666;line-height: .4rem;margin-top: .23rem;}
.correla .info ul{display: flex;flex-wrap: wrap;}
.correla .info ul li{margin: .23rem 0 0;width: 25%;}
.correla .info ul li img{width: 1.18rem;height: 1.18rem;border-radius: .25rem;margin: 0 auto;}
.correla .info ul li p{font-size: .24rem;color: #000;text-align: center;width: 1.5rem;overflow: hidden;white-space: nowrap;margin: 0 auto;overflow: hidden;}
.correla .info ul li span{font-size: .18rem;color: #929292;text-align: center;display: block;}

.show_img{padding:.25rem .25rem .1rem;}
.img_item { overflow-x: auto; padding: 0 0 .15rem;margin-bottom: .2rem; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.img_item ul{font-size: 0;}
.img_item ul li { margin-right: .1rem; display: inline-block; }
.img_item ul li img {width:auto;max-height: 4.6rem;height:160px;}

div.photo-box {width: 100%;background: rgba(0,0,0,.8);height: 100% !important;position: fixed;overflow: hidden;display: none;z-index: 999;left: 0;top: 0;}
.cf {*zoom: 1;}
.pinch-zoom-container{height: 100% !important;}
.img-slider {position: absolute;left: 0;top: 0;padding: 0;}
.img-slider li {overflow: hidden;display: table-cell;vertical-align: middle;z-index: 999;}
div.photo-box li {list-style: none;}
.img-slider li img {vertical-align: middle;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.cf:before, .cf:after {content: " ";display: table;}
.cf:after {clear: both;}

.game-video{height:4.5rem;margin:auto;position:relative;overflow:hidden;background-size:cover;background-position:50%}
.game-video video{width:100%;height:100%;object-fit: cover;position:absolute;left:0;top:0;}
.game-video img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.game-video .cont{width:7.5rem;height:4.5rem;}
.game-video .cont iframe{width:7.5rem;height:4.5rem;}
.game-video .vback{display:none;width:100%;height:4.5rem;position:absolute;left:0;z-index:1;background:rgba(0, 0, 0, 0.6);}
.game-video .vback .info{width:2rem;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:.8rem auto .3rem auto;}
.game-video .vback .info .img_box{width:2rem;text-align:center;position:relative;}
.game-video .vback .info img{display:block;width:1.6rem;height:1.6rem;border-radius:.3rem;margin:0 auto;}
.game-video .vback .info p{color:#fff;font-size:.28rem;overflow:hidden;white-space:nowrap;margin:.1rem auto 0 auto;text-align:center;}
.game-video .vback .info .replay{display:block;width:1.6rem;height:1.6rem;background:rgba(0, 0, 0, 0.3);position:absolute;top:0;left:.2rem;border-radius:.3rem;}
.game-video .vback .info .replay i{display:block;width:.63rem;height:.63rem;background-position: -2.96rem -5.28rem;margin:.44rem auto;}
.game-video .vback .btn{display:block;width:2.6rem;height:.6rem;line-height:.6rem;color:#fff;background:#ffa115;border-radius:.6rem;font-size:.3rem;text-align:center;margin:0 auto;}
.game-video .vback .btn i{display:inline-block;width:.36rem;height:.36rem;border-radius:.02rem;margin-left: .15rem;background-position: -3.89rem -5.65rem;position:relative;top: .12rem;}


/* 预约 */
.orderList{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
.orderBox{position: absolute;z-index: 5;top: 2.84rem;left: 0;right: 0;margin: auto;background-color: #fff;width: 6.42rem;border-radius: .12rem;text-align: center;}
.orderBox .oClose{position: absolute;top: -.96rem;right: .38rem;z-index: 10;}
.orderBox .oClose i{display: inline-block;width: .48rem;height: .96rem;background-position: -5.37rem -3.61rem;position: relative;}
.orderBox .oTitle{width: 100%;height: 2rem;background-image: url(../img/order_bg.png);background-size: 100% 100%;text-align: center;font-size: .34rem;color: #fff;}
.orderBox .oTitle i{display:block;width: .59rem;height: .58rem;background-position: -6.88rem -3.73rem;position: relative;top: .42rem;margin: 0 auto;}
.orderBox .oTitle p{margin-top: .56rem;font-size: .34rem;color: #fff;white-space: nowrap;overflow: hidden;}
.orderBox form .tel{width:5.28rem;border:1px solid #dadada;background-color:#fff;color:#999;font-size:.28rem;border-radius:.08rem;padding:0 .26rem;line-height: .82rem;margin: .6rem auto .06rem;overflow: hidden;white-space: nowrap;}
.orderBox form p{ color:#666;font-size:.28rem;line-height: .46rem;margin-top: .24rem;overflow: hidden;white-space: nowrap;}
.orderBox form p em{ color:#cc0000;}
.orderBox form span{display: block;color:#ccc;font-size:.24rem;line-height: .4rem;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn{width:5.3rem;border: 0;background-color:#ffa622;color:#fff;font-size:.32rem;border-radius:.08rem;line-height: .86rem;margin: .4rem auto .64rem;overflow: hidden;white-space: nowrap; }
.orderBox .msg{color: #fe684d;font-size: .18rem;text-align: left;display: block;width:5.6rem;margin: 0 auto;}
.orderBox .oKnow{display: block;width:3.82rem;border: 0;background-color:#ffb800;color:#fff;font-size:.32rem;border-radius:.39rem;line-height: .78rem;margin: .6rem auto 0rem;overflow: hidden;white-space: nowrap;}

.orderBox .oWin{width: 100%;height: 4.6rem;padding: .52rem 0;font-size: .36rem;border-radius: .12rem;text-align: center;}
.orderBox .oWin p{font-size:.32rem;color: #141414;font-weight: 500;line-height: .86rem;margin-bottom: .2rem;}
.orderBox .oWin i{display:inline-block;width: 3.34rem;height: 2.01rem;background-position: -4.05rem -9.57rem;position: relative;}

.orderBox .oLose{width: 100%;height: 4.6rem;padding: .52rem 0;font-size: .36rem;border-radius: .12rem;text-align: center;}
.orderBox .oLose p{font-size:.32rem;color: #141414;font-weight: 500;line-height: .86rem;margin-bottom: .2rem;}
.orderBox .oLose i{display:inline-block;width: 3.34rem;height: 2.01rem;background-position: -4.05rem -6.95rem;position: relative;}

.orderBox .oAgin{width: 100%;height: 4.6rem;padding: .52rem 0;font-size: .36rem;border-radius: .12rem;text-align: center;}
.orderBox .oAgin p{font-size:.32rem;color: #141414;font-weight: 500;line-height: .86rem;margin-bottom: .2rem;}
.orderBox .oAgin i{display:inline-block;width: 3.34rem;height: 2.01rem;background-position: -.06rem -6.95rem;position: relative;}


.yy{background-image: url(../img/yy.png);background-size: 5.4rem 6.2rem;}
.orderBox .oClose i{display: inline-block;width: .48rem;height: .96rem;background-position: 0 0;position: relative;}
.orderBox .oTitle i{display:block;width: .59rem;height: .58rem;background-position:-.56rem 0rem ;position: relative;top: .42rem;margin: 0 auto;}
.orderBox .oWin i{display:inline-block;width: 3.34rem;height: 2.01rem;background-position:-1.64rem 0rem ;position: relative;}
.orderBox .oLose i{display:inline-block;width: 3.34rem;height: 2.01rem;background-position: -1.64rem -4.2rem;position: relative;}
.orderBox .oAgin i{display:inline-block;width: 3.34rem;height: 2.01rem;background-position: -1.5rem -2.1rem;position: relative;}