@charset "utf-8";blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul {margin: 0;padding: 0}
fieldset,img {border: 0}
:focus {outline: 0}
address,caption,cite,code,dfn,em,optgroup,th,var {font-style: normal;font-weight: 400}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: 400}
abbr,acronym {border: 0;font-variant: normal}
button,input,optgroup,option,select,textarea {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit}
code,kbd,samp,tt {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}
sub,sup {font-size: 100%;vertical-align: baseline}
:link,:visited,ins {text-decoration: none}
blockquote,q {quotes: none}
blockquote:after,blockquote:before,q:after,q:before {content: '';content: none}
b,em,i {font-style: normal;font-weight: 400}
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}
button,input[type=button],input[type=password],input[type=reset],input[type=submit],input[type=text] {-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: #f6f7f9}
:root{--defcolor:#008bff;--shallowcolor:#63d0f1;}
.hide {display: none}
.wrap {width: 100%;height: auto;max-width: 7.5rem;min-width: 3.2rem;margin: 0 auto;background: #fff;min-height: 13.33rem;overflow: hidden;position: relative}
.clearfix {margin-right: auto;margin-left: auto}
.clearfix:after,.clearfix:before {display: table;content: "";line-height: 0}
.clearfix:after {clear: both}
.title{overflow: hidden;}
.title p{font-size: .32rem;font-weight: 600;line-height: .32rem;color: #282828;float: left;margin-left: .32rem;}
.title span{float: right;font-size: .18rem;margin-right: .32rem;}
.title span a{color: #c4c4c4;font-size: .26rem;line-height: .26rem;}
.icon{background: url(../images/icon.png) no-repeat;background-size: 6rem 6rem;display: inline-block;}



/* -------------手机游戏------------- */
nav{overflow: hidden;background: var(--defcolor);}
nav ul{border-bottom: 1px solid rgba(255,255,255,.6);overflow-x: auto;white-space: nowrap;font-size: 0;}
nav ul li{display: inline-block;font-size: .32rem;color: #f0f0f0;position: relative;width: 1.8rem;}
nav li a{display: inline-block;width: 100%;height: .87rem;line-height: .87rem;text-align: center;color: #fff;font-size: .32rem;}
nav li.current a {color: #fff;font-weight: 600;}
nav li.current a span{ border-bottom: .04rem solid #fff;height: .83rem;display: inline-block;}

/* 游戏分类 */
.gameNav{margin-top: .3rem;}
.gameNav .title{position: relative;}
.gameNav .title em{font-size: .24rem;color: #b5b5b5;position: absolute;right: .32rem;top: 0;}
.gameNav .title em i{width: .14rem;height: .14rem;margin-left: .1rem;}
.gameNav .title em i.up{background-position: -0.34rem -0.17rem;}
.gameNav .title em i.down{background-position: -0.17rem -0.17rem;}

.gameNav ul{overflow: hidden;margin: .3rem .32rem .1rem;height: 2.5rem;}
.gameNav ul li{float: left;width: 1.49rem;height: 1.05rem; border: 1px solid #e6e6e6;border-radius: .15rem;margin-left: .23rem;margin-bottom: .2rem;position: relative;overflow: hidden;}
.gameNav ul li[data-none="1"]{display: none !important;}
.gameNav ul li a{display: block; text-align: center;}
.gameNav ul li p{font-size: .26rem;color: #212121;line-height: .3rem;text-align: center;}
.gameNav ul li i{margin-top: 0.1rem; width: .47rem;height: .47rem;}
.gameNav ul li:nth-child(4n+1) {  margin-left: 0;}
.gameNav ul li.current{border: 1px solid var(--defcolor);}
.gameNav ul li.current a{border-color: var(--defcolor);}
.gameNav ul li.current p,.gameNav ul li.current span{color: var(--defcolor);}

.gameNav ul li:nth-child(1) i{background-position: 0 0;}
.gameNav ul li:nth-child(2) i{background-position: -.75rem -0rem;}
.gameNav ul li:nth-child(3) i{background-position: -1.5rem -0rem;}
.gameNav ul li:nth-child(4) i{background-position: -2.17rem -0rem;}
.gameNav ul li:nth-child(5) i{background-position: -2.99rem -0rem;}
.gameNav ul li:nth-child(6) i{background-position: -3.76rem -0rem;}
.gameNav ul li:nth-child(7) i{background-position: -5.19rem -0rem;}
.gameNav ul li:nth-child(8) i{background-position:  -0rem -2.61rem;}
.gameNav ul li:nth-child(9) i{background-position: -1.65rem -2.62rem;}
.gameNav ul li:nth-child(10) i{background-position: -7.75rem -0rem;}
.gameNav ul li:nth-child(11) i{background-position: -8.45rem -.03rem;}
.gameNav ul li:nth-child(12) i{background-position: -9.9rem -.01rem;}
.gameNav ul li:nth-child(13) i{background-position: -9.9rem -.01rem;}
.gameNav ul li:nth-child(14) i{background-position: -3.2rem -2.61rem;}
.gameNav ul li:nth-child(15) i{background-position:  -6.86rem -0rem;}
.gameNav ul li:nth-child(16) i{background-position:  -4.9rem -2.6rem;}
.gameNav ul li:nth-child(17) i{background-position: -3.4rem -3.5rem;}


.gameNav ul li.current:nth-child(1) i{background-position: 0rem -.82rem;}
.gameNav ul li.current:nth-child(2) i{background-position: -.75rem -.82rem;}
.gameNav ul li.current:nth-child(3) i{background-position: -1.5rem -.82rem;}
.gameNav ul li.current:nth-child(4) i{background-position: -2.17rem -.82rem;}
.gameNav ul li.current:nth-child(5) i{background-position: -3rem -.82rem;}
.gameNav ul li.current:nth-child(6) i{background-position: -3.76rem -.82rem;}
.gameNav ul li.current:nth-child(7) i{background-position: -5.2rem -.82rem;}
.gameNav ul li.current:nth-child(8) i{background-position:  -0rem -3.25rem;}
.gameNav ul li.current:nth-child(9) i{background-position: -1.65rem -3.25rem;}
.gameNav ul li.current:nth-child(10) i{background-position: -7.75rem -.82rem;}
.gameNav ul li.current:nth-child(11) i{background-position: -8.45rem -.85rem;}
.gameNav ul li.current:nth-child(12) i{background-position: -9.9rem -.83rem;}
.gameNav ul li.current:nth-child(13) i{background-position: -9.9rem -.83rem;}
.gameNav ul li.current:nth-child(14) i{background-position: -3.2rem -3.25rem;}
.gameNav ul li.current:nth-child(15) i{background-position:  -6.86rem -.82rem;}
.gameNav ul li.current:nth-child(16) i{background-position:  -4.9rem -3.25rem;}
.gameNav ul li.current:nth-child(17) i{background-position: -3.4rem -4.3rem;}


.gameNav ul.appTab li:nth-child(2) i{background-position: 0 -4.84rem;}
.gameNav ul.appTab li:nth-child(3) i{background-position: -.72rem -4.84rem;}
.gameNav ul.appTab li:nth-child(4) i{background-position:  -6.65rem -2.65rem;}
.gameNav ul.appTab li:nth-child(5) i{background-position: -1.5rem -4.85rem;}
.gameNav ul.appTab li:nth-child(6) i{background-position: -3.81rem -4.84rem;}
.gameNav ul.appTab li:nth-child(7) i{background-position: -9.6rem -4.8rem;}
.gameNav ul.appTab li:nth-child(8) i{background-position: -7.35rem -4.82rem;}
.gameNav ul.appTab li:nth-child(9) i{background-position: -2.29rem -4.84rem;}
.gameNav ul.appTab li:nth-child(10) i{background-position: -3.08rem -4.84rem;}
.gameNav ul.appTab li:nth-child(11) i{background-position: -5.25rem -4.84rem;}
.gameNav ul.appTab li:nth-child(12) i{background-position: -4.55rem -4.8rem;}
.gameNav ul.appTab li:nth-child(13) i{background-position: -3.76rem -0rem}
.gameNav ul.appTab li:nth-child(14) i{background-position: -10.15rem -4.84rem;}
.gameNav ul.appTab li:nth-child(15) i{background-position: -2.38rem -2.6rem;}


.gameNav ul.appTab li.current:nth-child(2) i{background-position: 0 -5.6rem;}
.gameNav ul.appTab li.current:nth-child(3) i{background-position: -.72rem -5.6rem;}
.gameNav ul.appTab li.current:nth-child(4) i{background-position:  -6.65rem -3.25rem;}
.gameNav ul.appTab li.current:nth-child(5) i{background-position: -1.5rem -5.61rem;}
.gameNav ul.appTab li.current:nth-child(6) i{background-position: -3.81rem -5.6rem;}
.gameNav ul.appTab li.current:nth-child(7) i{background-position: -9.6rem -5.55rem;}
.gameNav ul.appTab li.current:nth-child(8) i{background-position: -7.37rem -5.56rem;}
.gameNav ul.appTab li.current:nth-child(9) i{background-position: -2.32rem -5.6rem;}
.gameNav ul.appTab li.current:nth-child(10) i{background-position: -3.08rem -5.6rem;}
.gameNav ul.appTab li.current:nth-child(11) i{background-position: -5.25rem -5.6rem;}
.gameNav ul.appTab li.current:nth-child(12) i{background-position: -4.55rem -5.55rem;}
.gameNav ul.appTab li.current:nth-child(13) i{background-position: -3.76rem -.8rem}
.gameNav ul.appTab li.current:nth-child(14) i{background-position: -10.15rem -5.55rem;}
.gameNav ul.appTab li.current:nth-child(15) i{background-position: -2.38rem -3.25rem;}



.gameBox .tabnav{margin:0 .32rem;}
.tabnav p{width: 100%;background: #f2f9ff;border-radius: .36rem;height: .72rem;line-height: .72rem;font-size: .28rem;text-align: center;}
.tabnav p a{width: 33%;display: inline-block;color: #81f3d7;}
.tabnav p a.current{color: #fff;background: var(--defcolor);border-radius: .36rem;box-shadow: 0 0.1rem 0.1rem rgb(242 249 255 / 90%);}

.gameBox ul{overflow: hidden;margin: .25rem .32rem 0;}
.gameBox ul li{float: left;position: relative;margin-bottom: .32rem;}
.gameBox ul li a img{float: left;width: 1.36rem;height: 1.36rem;border-radius: .35rem;}
.gameBox ul li a div{float: left;margin-left: .3rem;width: 3.9rem;}
.gameBox ul li a div p:nth-child(1){font-size: .3rem;color: #333;font-weight: 600;line-height: .3rem;margin-top: .08rem;white-space: nowrap;overflow: hidden;}
.gameBox ul li a div p:nth-child(2){font-size: .24rem;color: #b5b5b5;line-height: .24rem;margin-top: .3rem;}
.gameBox ul li a div p:nth-child(2) span:nth-child(1){margin-right: .38rem;}
.gameBox ul li a div p:nth-child(2) span:nth-child(2){margin-top: .3rem; font-size: .24rem;color: #b5b5b5;line-height: .24rem;}
.gameBox ul li a div p:nth-child(3){font-size: .24rem;color: #b5b5b5;line-height: .24rem;margin-top: .15rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gameBox ul li a div p:nth-child(4){display: none;}
.gameBox ul li a >span{float: right;width: 1.18rem;height: .46rem;border: 1px solid var(--defcolor);border-radius: .23rem;line-height: .48rem;font-size: .24rem;color: var(--defcolor);text-align: center;display: block;margin-top: .38rem;}

.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: #75757d;font-size: .24rem;line-height: .58rem;text-align: center;border-radius: .06rem;background: #f4f4f4;}
.pagecode a:nth-child(1){width: 1rem;}
.pagecode a.current{background: var(--defcolor);color: #fff;}

footer{background: url(../images/footerbg2.png) no-repeat;background-size: 7.5rem 1.04rem;height: 1.04rem;position: relative;}
footer div{position: absolute;bottom: .15rem;left: 0;right: 0;margin: 0 auto;}
footer p{font-size: .18rem;color: #b3cbff;text-align: center;}



/*------------------------攻略列表页----------------------------- */
.newsList{padding-bottom: .08rem;}
.nlNav{display: flex;justify-content: space-around;margin-bottom: .1rem;border-bottom: 1px solid #eee;line-height: 1rem;}
.nlNav a{display: block;font-size: .3rem;padding: 0 .1rem;border-bottom: .02rem solid transparent;color: #454545;border-radius: .08rem;text-align: center;margin: 0 .1rem;max-width: 25%;max-height: .92rem;overflow: hidden;white-space: nowrap;}
.nlNav a.current{color: var(--defcolor);border-color: var(--defcolor);}
.newsList ul{padding: 0 .32rem;margin-bottom: .2rem;}
.newsList ul li{display: block;padding: .24rem 0;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.newsList ul li:nth-of-type(5n+1){padding: .32rem 0;}
.newsList ul li a>p{display: inline-block;max-height: .84rem;font-size: .28rem;color: #424242;line-height: .42rem;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;}
.newsList ul li a div p:nth-of-type(1){display: inline-block;max-height: .84rem;font-size: .28rem;color: #424242;line-height: .42rem;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;}
.newsList li a div{margin-top: .1rem;}
.newsList li a div p:nth-of-type(2){font-size: .2rem;color: #a8a8a8;line-height: .36rem;}

.newsList li a div i{display: inline-block;position: relative;top: .03rem;margin-right: .08rem;}
.newsList li a div i.iLook{width: .33rem;height: .2rem;background-position: -0.61rem -0.12rem;}
.newsList li a div i.iTime{background-position: -1.55rem -0.11rem;width: .2rem;height: .2rem;}

.newsList li.nVer img{width: 100%;height: 2.8rem;border-radius: .06rem;}
.newsList li.nVer a>p{height: auto;margin-top: .1rem;}
.newsList li.nVer i.iTime {margin-left: .25rem;}
.newsList li.nVer a div>p{display: block;overflow: hidden;white-space: nowrap}
.newsList li.nVer div p em{color: #a8a8a8;font-size: .2rem;line-height: .36rem;}
.newsList li.nVer a div{width: auto;height: auto;float: none;}

.newsList li img{display: block; float: left;width: 3rem;height: 1.68rem;border-radius: .06rem;margin-right: .2rem;}
.newsList li a div{width: 3.66rem;height: 1.68rem;overflow: hidden; float: left;}
.newsList li a div p:nth-of-type(2){margin-top: .36rem; display: flex;justify-content: space-between;font-size: .28rem;color: #424242;white-space: normal;}
.newsList li div p:nth-of-type(2) em {color: #a8a8a8;font-size: .2rem;line-height: .36rem;}
.newsList li:last-of-type {border: none;}
/* -------------------排行榜------------------- */
.rankNav{margin: .32rem .32rem .4rem;}
.rankNav ul{overflow: hidden;}
.rankNav ul li{float: left;width: 2.12rem;height: 1.06rem;margin-right: .22rem;text-align: center;border-radius: .15rem;}
.rankNav ul li:nth-child(1){background-image: linear-gradient(135deg,#38a5fd .1rem,#a3e4ff 2.04rem);}
.rankNav ul li:nth-child(2){background-image: linear-gradient(135deg,#f694a7 .1rem,#fab9c6 2.04rem);}
.rankNav ul li:nth-child(3){margin-right: 0; background-image: linear-gradient(135deg,#af8cf1 .1rem,#b1bdff 2.04rem);}
.rankNav ul li a{display: block;}
.rankNav ul li a i{width: 0.34rem;height: 0.37rem;margin-top: .15rem;}
.rankNav ul li:nth-child(1) a i{background-position: -2.12rem 0rem;}
.rankNav ul li:nth-child(2) a i{background-position: -2.53rem 0rem;}
.rankNav ul li:nth-child(3) a i{background-position: -2.88rem 0rem;}
.rankNav ul li a p{font-size: .24rem;color: #fff;}

.indexRank{margin: .33rem 0 .11rem;}
.title span a i{width: .07rem;height: .14rem;margin-left: .1rem;background-position: -0.16rem -0.53rem;}
.indexRank .topThree{overflow: hidden;margin: 0 .32rem .4rem;padding-top: 1rem;}
.indexRank .topThree div{float: left;}
.indexRank .topThree .top23{width: 2rem;border-radius: .25rem;margin-top: .22rem;position: relative;}
.indexRank .topThree .top1{width: 2rem;border-radius: .25rem;margin: 0 .3rem;position: relative;}
.indexRank .topThree div:nth-child(1){margin-left: .1rem;}
.indexRank .topThree div > a{display: block;}
.indexRank .topThree div > a > img{width: 1.16rem;height: 1.16rem;display: block;margin: 0 auto;border-radius: .25rem;}
.indexRank .img{display: block;}
.topThree .img img{width: 1.16rem;height: 1.16rem;display: block;margin: 0 auto;border-radius: .25rem;}
.topThree p{font-size: .27rem;color: #333;line-height: .27rem;text-align: center;white-space: nowrap;overflow: hidden;width: 100%;display: block;margin: .5rem 0 .08rem;}
.topThree em{display: block;font-size: .24rem;color: #cbcbcb;line-height: .24rem;text-align: center;white-space: nowrap;overflow: hidden;margin-bottom: .2rem;}
.topThree i:nth-of-type(1){width: .6rem;height: .52rem;position: absolute;top: -.66rem;left: 0;right: 0;margin: 0 auto;}
.topThree i:nth-of-type(2){width: 1.7rem;height: .48rem;position: absolute;top: .91rem;left: 0;right: 0;margin: 0 auto;}

.topThree .top1 i:nth-of-type(1){background-position: -.04rem -1.13rem;}
.topThree .top1 i:nth-of-type(2){background-position: -.04rem -1.87rem;}

.topThree .top23 i:nth-of-type(1){background-position: -.7rem -1.13rem;}
.topThree .top23 i:nth-of-type(2){background-position: -.04rem -2.45rem;}

.topThree .top23:nth-last-child(1) i:nth-of-type(1){background-position: -1.38rem -1.13rem;}
.topThree .top23:nth-last-child(1) i:nth-of-type(2){background-position: -.04rem -3.04rem;}
.indexRank .topThree div > a > span{display: block;width: 1.24rem;height: .46rem;border: 1px solid var(--defcolor);border-radius: .23rem;color: var(--defcolor);line-height: .46rem;text-align: center;margin: .2rem auto 0;}
.indexRank .btn{display: block;width: 1.24rem;height: .46rem;border: 1px solid var(--defcolor);border-radius: .23rem;color: var(--defcolor);line-height: .46rem;text-align: center;margin: .2rem auto 0;}

.indexRank ul{overflow: hidden;margin: 0 .32rem;}
.indexRank ul .img{float: left;}
.indexRank ul li{float: left;position: relative;margin-bottom: .32rem;}
.indexRank ul li em{position: absolute;width: .64rem;height: .3rem;background: #b1c4d5;color: #fff;font-size: .22rem;text-align: center;line-height: .3rem;border-top-left-radius: .3rem;border-bottom-right-radius: .3rem;top: 0;left: 0;}
.indexRank ul li img{float: left;width: 1.36rem;height: 1.36rem;border-radius: .35rem;}
.indexRank ul li a div{float: left;margin-left: .3rem;width: 3.9rem;}
.indexRank ul li a div p:nth-child(1){font-size: .3rem;color: #333;font-weight: 600;line-height: .3rem;margin-top: .08rem;white-space: nowrap;overflow: hidden;}
.indexRank ul li a div p:nth-child(2){font-size: .24rem;color: #b5b5b5;line-height: .24rem;margin-top: .3rem;}
.indexRank ul li a div p:nth-child(3){font-size: .24rem;color: #b5b5b5;line-height: .24rem;margin-top: .15rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.indexRank ul li a div p:nth-child(2) span:nth-child(1){margin-right: .38rem;}
.indexRank ul li a > span{display: block;width: 1.24rem;height: .46rem;border: 1px solid var(--defcolor);border-radius: .23rem;color: var(--defcolor);line-height: .46rem;text-align: center;margin: .2rem auto 0;float: right;margin-top: .43rem;}

.indexRank ul li .btn{float: right;margin-top: .43rem;}

.h10{height: .1rem;background: #f5f5f5;}

.hotTags{padding: .3rem 0;}
.hotTags .tags{display: flex;flex-wrap: wrap;padding-left: .32rem;}
.hotTags .tags a{display: block; margin: .2rem .2rem 0 0;padding: .02rem .16rem;line-height: .46rem;background-color: #f3faf7;border-radius: .06rem;font-size: .24rem;color: #25c88a;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hotTags .tags a:nth-of-type(16n+1){color: #f47920;background-color: #fff5ed}
.hotTags .tags a:nth-of-type(16n+2){color: #7fb80e;background-color: #f9ffed}
.hotTags .tags a:nth-of-type(16n+3){color: #6f60aa;background-color: #f1edff}
.hotTags .tags a:nth-of-type(16n+4){color: #009ad6;background-color: #edfaff}
.hotTags .tags a:nth-of-type(16n+5){color: #c77eb5;background-color: #ffedfb}
.hotTags .tags a:nth-of-type(16n+6){color: #4e72b8;background-color: #edf3ff}
.hotTags .tags a:nth-of-type(16n+7){color: #dea32c;background-color: #fff9ed}
.hotTags .tags a:nth-of-type(16n+8){color: #45b97c;background-color: #edfff5}
.hotTags .tags a:nth-of-type(16n+9){color: #7bbfea;background-color: #edf8ff}
.hotTags .tags a:nth-of-type(16n+10){color: #f1516c;background-color: #ffedf0}
.hotTags .tags a:nth-of-type(16n+11){color: #7fb86e;background-color: #f1ffed}
.hotTags .tags a:nth-of-type(16n+12){color: #9b95c9;background-color: #efedff}
.hotTags .tags a:nth-of-type(16n+13){color: #f69c9f;background-color: #ffedee}
.hotTags .tags a:nth-of-type(16n+14){color: #fcaf18;background-color: #fff9ed}
.hotTags .tags a:nth-of-type(16n+15){color: #2585a6;background-color: #edfbff}
.hotTags .tags a:nth-of-type(16n+16){color: #bea901;background-color: #fbf9e3}




/* -----------------攻略内容页-------------------- */
.newCont{padding: .32rem;background-color: #fff;border-top: 1px solid #dfdfdf;font-family: "黑体";}
.newCont h1{font-size: .36rem;color: #292929;line-height: .52rem;font-weight: 700;}
.newCont .Info{font-size: .24rem;color: #8f8f8f;padding: .14rem 0 .22rem 0;overflow: hidden;white-space: nowrap;}
.newCont .Info span{margin-right: .28rem;}
.newCont .Info span:nth-last-child(1){margin-right: 0;}

.newCont .cont{font-size: .3rem;color: #424242;line-height: .52rem;overflow: hidden;}
.newCont .cont p{margin-bottom: .25rem;}
.newCont .cont strong{font-weight: 700;}
.newCont .cont p img{display: block;width: 90%;height: auto;margin: .1rem auto;}

.newCont .drawer{overflow: hidden;}
.newCont .drawer p{display: block;line-height: .7rem;font-size: .24rem;color: var(--defcolor);text-align: center;margin-top: .32rem;background-color: #f2f9ff;overflow: hidden;white-space: nowrap;}

.nextGame{position: relative;background-image: url(../images/ngame.jpg);background-size: 100% 100%;margin: .24rem auto 0;padding: .2rem;background-color: #eaf2fa;display: flex;justify-content: space-between;align-items: center;}
.nextGame a{display: flex;align-items: center;}
.nextGame a img{width: 1.2rem;height: 1.2rem;border-radius: .2rem;border: .04rem solid #fff;margin-right: .32rem;flex-shrink: 0;}
.nextGame a div{width: 3.7rem;flex: 1;}
.nextGame a div p{line-height: .36rem;font-size: .24rem;color: grey;white-space: nowrap;overflow: hidden;}
.nextGame a div p:nth-child(1) {font-size: .3rem;color: #3e423c;}
.nextGame .btn{display: block;width: 1.16rem;height: .46rem;line-height: .48rem;text-align: center;border-radius: .23rem;color: var(--defcolor);font-size: .24rem;background-color: #fff;letter-spacing: .02rem;border: 1px solid var(--defcolor);margin-top: .1rem;}


.recGame{padding: .3rem 0;}
.recGame ul{width: 100%;padding: .12rem .32rem 0;overflow: hidden;}
.recGame ul li{float: left;text-align: center;width: 1.56rem;margin-right: .2rem;margin-top: .12rem;}
.recGame ul li a{display: block;}
.recGame ul li a img{width: 1.2rem;height: 1.2rem;display: block;border-radius: .2rem;margin: 0 auto;}
.recGame ul li a p{text-overflow: ellipsis; max-width: 1.56rem;font-size: .3rem;color: #424242;line-height: .6rem;white-space: nowrap;overflow: hidden;}
.recGame .btn{display: block; width: 1.16rem;height: .46rem;border: 1px solid var(--defcolor);color: var(--defcolor);font-size: .22rem;text-align: center;border-radius: .24rem;line-height: .46rem;margin: 0 auto .1rem;}


.newMenu{overflow: hidden;padding: 0 .32rem;}
.newMenu span{width: 50%;text-align: center;display: inline-block;float: left;height: .7rem;font-size: .3rem;line-height: .7rem;}
.newMenu span.current{color: var(--defcolor);border-bottom: .04rem solid var(--defcolor);}

.newsBox ul{padding: 0 .32rem;margin-bottom: .2rem;}
.newsBox ul li{display: block;padding: .24rem 0;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.newsBox ul li h4{display: inline-block;max-height: .84rem;font-size: .28rem;color: #424242;line-height: .42rem;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;}
.newsBox li a div{margin-top: .1rem;}
.newsBox li a div p{font-size: .2rem;color: #a8a8a8;line-height: .36rem;}
.newsBox li a div i{display: inline-block;position: relative;top: .03rem;margin-right: .08rem;}
.newsBox li a div i.iLook{width: .33rem;height: .2rem;background-position: -0.61rem -0.12rem;}
.newsBox li a div i.iTime{background-position: -1.55rem -0.11rem;width: .2rem;height: .2rem;}
.newsBox li img{display: block; float: left;width: 3rem;height: 1.68rem;border-radius: .06rem;margin-right: .2rem;}
.newsBox li a div{width: 3.66rem;height: 1.68rem;overflow: hidden; float: left;}
.newsBox li a div p{margin-top: .36rem; display: flex;justify-content: space-between;font-size: .28rem;color: #424242;white-space: normal;}
.newsBox li div p:nth-of-type(1) em {color: #a8a8a8;font-size: .2rem;line-height: .36rem;}
.newsBox li:last-of-type {border: none;padding-bottom: 0;}

/* ---------------------游戏下载---------------------- */
.loadcont{position: relative;}
.loadtop{margin: 0 .32rem;text-align: center;width: 6.86rem;min-height: 1.5rem;background: #fff;border-radius: .2rem;overflow: hidden;box-shadow: 0 0.1rem 0.3rem rgb(243 250 255 / 90%);padding: .35rem 0 .15rem;}
.loadtop img{width: 1.5rem;height: 1.5rem;border-radius: .35rem;margin: 0 auto .25rem;}
.loadtop h1{font-size: .32rem;line-height: .32rem;color: #292929;font-weight: 600;}
.loadtop span{font-size: .24rem;line-height: .24rem;color: #a8a8a8;margin-top: .2rem;display: inline-block;}
.loadtop span em{font-size: .24rem;line-height: .24rem;color: #5c5c5c;margin: 0 .2rem;}
.loadtop div:nth-of-type(2) a{width: 100%; background-color: #ccc; display: block;height: .8rem;color: #fff;font-size: .32rem;line-height: .8rem;margin: 0;font-weight: 600;}
.loadtop .fixed{position: fixed;z-index: 2;top: 0;left: 0;right: 0;margin: auto;box-shadow: rgb(0 0 0 / 10%) 0px 5px 9px 0px;width: 7rem;overflow: hidden;padding: .2rem .25rem;background-color: #fff;}
.loadtop .fixed a{display: block; font-weight: 600;border-radius: .36rem;font-size: .32rem;margin: 0 auto!important;color: #fff;width: 100%;background: #ccc;height: .8rem;line-height: .8rem;}


.loaddetail{margin: .2rem .32rem .4rem;}
.loaddetail .title p{margin-left: 0;}
.loaddetail .loadmenu{width: 100%;background: #fafafa;border-radius: .36rem;height: .72rem;line-height: .71rem;font-size: .28rem;text-align: center;margin-top: .32rem;display: flex;justify-content: space-between;}
.loaddetail .loadmenu span{display: inline-block;color: #9a9a9a;padding: 0 .3rem;}
.loaddetail .loadmenu span.current{color: var(--defcolor);background: #ebf6ff;border-radius: .36rem;box-shadow: 0 0.1rem 0.1rem rgb(242 249 255 / 90%);}

.loaddetail .cont .riZhi{overflow: hidden;}
.loaddetail .riZhi h3{font-size: .28rem;color: #1a1a1a;line-height: .28rem;padding-left: .1rem;font-weight: 700;margin: .24rem 0;border-left: .08rem solid var(--defcolor);}
.loaddetail .riZhi h3 span{float: right;font-size: .24rem;color: #AAAAAA;font-weight: 300;}
.loaddetail .riZhi div{background: #F5F5F5;max-height: 2.6rem;height: auto;padding: .24rem .38rem .3rem .2rem;margin-bottom: .2rem;border-radius: .2rem;overflow: hidden;}
.loaddetail .riZhi div p{font-size: .24rem;color: #666666;line-height: .4rem !important;margin-bottom: 0rem !important;}





.show_img{margin-top: .25rem;overflow-x: auto;padding: 0 0 .15rem;margin-bottom: .2rem;overflow-y: hidden;white-space: nowrap;}
.show_img ul{font-size: 0;}
.show_img ul li{margin-right: .1rem;display: inline-block;}
.show_img ul li img{width: auto;max-height: 4.6rem;border-radius: .2rem;height: 3.6rem;}

.gameTags{display: flex;flex-wrap: wrap;padding: .1rem 0 .15rem;width: 105%;}
.gameTags a{ display: block;padding: 0 .1rem;font-size: .24rem;color: var(--defcolor);border: 1px solid #ddd;border-radius: .08rem;margin: 0 .12rem .1rem 0;}

.loaddetail .cont{overflow: hidden;height: auto;}
.loaddetail .cont p{font-size: .28rem;color: #666;line-height: .48rem;}
.loaddetail .cont h3{font-size: .28rem;color: #1a1a1a;line-height: .28rem;padding-left: .1rem;font-weight: 700;margin: .24rem 0;border-left: .08rem solid var(--defcolor);}
.loaddetail .cont img{display:block;max-width:100%;height:auto;object-fit:cover;margin:.18rem auto;max-height:7rem}

.gameinfo{margin: .32rem .32rem 0;overflow: hidden;position: relative;margin-top: .2rem;padding-top: .12rem;}
.gameinfo .title p{margin-left: 0;}
.jubao{color: #999;font-size: .2rem;position: absolute;right: 0;top: .02rem;border: 1px solid #d9d9d9;border-radius: .2rem;padding: 0 .1rem;}
.jubao i{display: inline-block;width: 0.22rem;height: 0.22rem;position: relative;top: .005rem;background-position: -0.71rem -0.6rem;margin-right: .06rem;}
.gameinfo li{width: 6.86rem;height: .86rem;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #dadde0;}
.gameinfo li>span{font-size: .28rem;color: #292929;}
.gameinfo li>em {font-size: .28rem;color: #757575;}
.gameinfo li:nth-last-child(1){border:none ;}
.gSecret,.gPower{color: #01c689 !important;}

.relatGameBox{margin: .32rem .32rem 0;overflow: hidden;position: relative;margin-top: .2rem;padding-top: .12rem;}
.relatGameBox .title p{margin-left: 0;}
.relatGameBox > ul{}
.relatGameBox > ul > li{border-bottom: 1px solid #ccc;}
.relatGameBox > ul > li:last-child{border: none;}
.relatGameBox > ul > li > a{display: block;width: 6.7rem;height: 1.06rem;border-radius: 0.06rem;margin: 0 auto 0.2rem;}
.relatGameBox > ul > li > a:first-child{margin-top: .2rem;}
.relatGameBox > ul > li > a > img{float: left;  width: 0.72rem; height: 0.72rem;border-radius: 0.08rem;margin: 0.17rem 0.17rem 0 0.18rem;}
.relatGameBox > ul > li > a > div{float: left;width: 4rem;white-space: nowrap;overflow: hidden;}
.relatGameBox > ul > li > a > div > p:nth-child(1){height: 0.42rem;line-height: 0.42rem;color: #333333; font-size: 0.26rem;margin-top: 0.18rem;}
.relatGameBox > ul > li > a > div > p:nth-child(2){height: 0.31rem;line-height: 0.31rem;color: #949494; font-size: 0.2rem;}
.relatGameBox > ul > li > a > span{display: block;width: 1.16rem;height: 0.46rem;border: 1px solid #28c16a;color: #28c16a;font-size: .22rem;text-align: center;border-radius: 0.24rem;line-height: .46rem;float: left;margin: 0.3rem 0 0 0.07rem;}

.relatenew{padding: .32rem 0 .24rem;}
.relatenew ul{padding: .35rem .25rem 0;margin-top: -.18rem;}
.relatenew ul li{font-size: .28rem;color: #666;border-bottom: 1px solid #e8e8e8;line-height: .82rem;display: flex;justify-content: space-between;white-space: nowrap;overflow: hidden;}
.relatenew ul li a{display: block;max-width: 6rem;font-size: .3rem;color: #666;overflow: hidden;}
.relatenew ul li a i{display: inline-block;width: .08rem;height: .08rem;background-color: #000;margin: 0 .16rem 0 .02rem;position: relative;top: -.06rem;}
.relatenew ul li span{font-size: .24rem;color: #a9a9a9;}
.relatenew ul li:nth-last-child(1){border: none;}

.correla .tabMenu{    display: block;
    overflow-x: auto;
    white-space: nowrap;}
.correla .tabMenu > span{    height: 1rem;
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 0 .1rem;
    overflow: hidden;max-width: 100%;    font-size: .28rem;
    color: #282828;
    line-height: .93rem;
    white-space: nowrap;}
.correla .tabMenu > span::after{content: '';
    height: .1rem;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background: #008bff;    width: 36%;
    bottom: .1rem;
    border-radius: 50%;}
.correla .tabMenu > span.current::after{display: block;}

/*
.correla .tabMenu{display: flex;justify-content: space-around;}
.correla .tabMenu span{height: 1rem;max-width: 18.5%;text-align: center;display: inline-block;position: relative;padding: 0 .1rem;overflow: hidden;}
.correla .tabMenu span p{font-size: .28rem;color: #282828;line-height: .93rem;white-space: nowrap;overflow: hidden;}
.correla .tabMenu span.current p{font-size: .34rem;font-weight: 600;}
.correla .tabMenu span em{width: .38rem;height: .1rem;display: block;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;background: #1fde67;display: none;}
.correla .tabMenu span.current em{display:block;}
*/




.menu_cont{overflow: hidden;border-top: .02rem solid #f6f7f9;margin: .3rem .32rem .25rem;background: #f5f5f5;border-radius: .15rem;}
.menu_cont a{display: block;}
.menu_cont .img{width: 2.8rem;height: 1.8rem;border-radius: .15rem;float: left;overflow: hidden;}
.menu_cont img{width: 2.8rem;height: 1.8rem;border-radius: .15rem;float: left;}

.menu_cont .info{float: left;width: 3.75rem;height: 1.8rem;margin-left: .18rem;position: relative;}
.menu_cont .info p:nth-child(1){font-size: .3rem;font-weight: 600;color: var(--defcolor);line-height: .3rem;margin-top: .22rem;width: 2.8rem;white-space: nowrap;overflow: hidden;}
.menu_cont .info p:nth-child(2){font-size: .2rem;color: #666;line-height: .32rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-top: .12rem;}

.menu_info{margin: 0 .32rem .45rem;margin-bottom: .36rem;}
.menu_info ul{overflow: hidden;border-top: .02rem dashed #e1ebf5;}
.menu_info ul li{float: left;text-align: center;margin-right: .55rem;margin-top: .26rem;}
.menu_info ul li:nth-child(4n-3) {margin-left: .19rem;}
.menu_info ul li:nth-child(4n) {margin-right: .19rem;}
.menu_info ul li img{width: 1.2rem;height: 1.2rem;border-radius: .3rem;}
.menu_info ul li p{font-size: .3rem;color: #424242;line-height: .3rem;margin-top: .15rem;white-space: nowrap;overflow: hidden;width: 1.2rem;}

.tagCad{padding: .32rem 0 .12rem;}
.tagCad .list{padding: .12rem .32rem;}
.tagCad .list a{line-height: .56rem;margin-right: .24rem;}
.tagCad .list a:nth-of-type(10n+1) {font-size: .30rem;color: #f1516c;}
.tagCad .list a:nth-of-type(10n+2) {font-size: .36rem;font-weight: 700;color: #45b97c;}
.tagCad .list a:nth-of-type(10n+3) {font-size: .32rem;color: #796cb0;}
.tagCad .list a:nth-of-type(10n+4) {font-size: .32rem;font-weight: 700;color: #009ad6;}
.tagCad .list a:nth-of-type(10n+5) {font-size: .28rem;color: #4e72b8;}
.tagCad .list a:nth-of-type(10n+6) {font-size: .36rem;color: #dea32c;}
.tagCad .list a:nth-of-type(10n+7) {font-size: .32rem;color: #f69c9f;}
.tagCad .list a:nth-of-type(10n+8) {font-size: .28rem;color: #45b97c;}
.tagCad .list a:nth-of-type(10n+9) {font-size: .36rem;color: #93c244;}
.tagCad .list a:nth-of-type(10n+10) {font-size: .28rem;font-weight: 700;color: #c77eb5;}



/* --------------------------首页--------------------------- */
.bgimg{display: none; height: 2rem;width: 100%;background-size: 7.5rem 2rem;position: absolute;left: 0;}
.swiper{height: 3rem;margin: .21rem .32rem;background-color: skyblue;}

.goodgame{margin-top: .3rem;}
.goodgame ul{margin: .3rem .32rem .1rem;}
.goodgame ul > li{overflow: hidden;width: 100%;height: 1.52rem;background: #f5f5f5;border-radius: .32rem;margin-bottom: .2rem;}
.goodgame ul > li > a{display: block;}
.goodgame ul > li > a > div{float: left;width: 4.8rem;margin-left: .22rem;margin-top: .22rem;}
.goodgame ul > li > a > div > p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.goodgame ul > li > a > div > p:nth-child(1){color: #282828;font-weight: 600;font-size: .3rem;line-height: .3rem;}
.goodgame ul > li > a > div > p:nth-child(2){color: #8f8f8f;font-size: .18rem;margin-top: .08rem;display: block;height: .36rem;line-height: .36rem;}
.goodgame ul > li > a > div > p:nth-child(3){white-space: nowrap;margin-top: .08rem;max-width: 5rem;display: inline-block;overflow: hidden;}
.goodgame ul > li > a > div > p:nth-child(3) span{padding: 0 .18rem;background: #e6e6e6;font-size: .18rem;line-height: .35rem;text-align: center;margin-right: .1rem;display: inline-block;border-radius: .08rem;    color: #fff;}
.goodgame ul > li > a > div > p:nth-child(3) > span:nth-child(1){    background-color: #f98700;}
.goodgame ul > li > a > div > p:nth-child(3) > span:nth-child(2){    background-color:#36b1c0;}
.goodgame ul > li > a > div > p:nth-child(3) > span:nth-child(3){    background-color: #e4697d;}
.goodgame ul > li > a > div > p:nth-child(3) > span:nth-child(4){    background-color: #66bb6a;}


.goodgame ul > li > a > img{display: block;float: right; width: 1.52rem;height: 1.52rem;border-radius: .32rem;}

.maxgame{margin: .3rem 0;}
.maxgame .box{margin: .25rem .32rem .24rem;}
.maxgame ul li{padding: .15rem 0;}
.maxgame ul li p{color: #5c5c5c;font-size: .24rem;line-height: .42rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;margin: .15rem 0 0 0;}

.maxgame ul li .infotop{overflow: hidden;}
.maxgame ul li .infotop .btn{float: right;width: 1.18rem;height: .46rem;border: 1px solid var(--defcolor);color: var(--defcolor);font-size: .22rem;text-align: center;border-radius: .24rem;line-height: .48rem;margin-top: .6rem;}
.maxgame ul li .infotop img{width: 1.3rem;height: 1.3rem;float: left;border-radius: .3rem;}
.maxgame ul li .infotop a div{float: left;margin-left: .2rem;width: 4rem;}

.maxgame ul li .infotop a div p:nth-child(1){font-size: .3rem;color: #282828;font-weight: 600;line-height: .3rem;margin-top: .12rem;}
.maxgame ul li .infotop a div p:nth-child(2){font-size: .22rem;color: #8f8f8f;margin-top: .08rem;}
.maxgame ul li .infotop a div p:nth-last-child(1){white-space: nowrap;margin-top: .08rem;}
.maxgame ul li .infotop a div p:nth-last-child(1) span{padding: 0 .18rem;background: #e6e6e6;font-size: .18rem;line-height: .35rem;text-align: center;margin-right: .1rem;display: inline-block;border-radius: .08rem;}

.indexNew{margin-top: .3rem;}
.indexNew .newNav{display: flex; overflow: hidden;margin: .15rem .32rem 0;}
.indexNew .newNav span{flex: 1;margin-right: 0;text-align: center;float: left;line-height: .58rem;border-bottom: .03rem solid #fff;}
.indexNew .newNav span.current{color: var(--defcolor);border-color: var(--defcolor);font-size: .28rem;}
.indexNew ul{overflow: hidden;margin: 0 .32rem .2rem;padding-top: .05rem;margin-top: .05rem;margin-bottom: 0;}
.indexNew ul li{float: left;padding: .2rem 0;border-bottom: 1px solid #d2d2d2;}
.indexNew ul li img{float: left;width: 2.6rem;height: 1.5rem;border-radius: .2rem;}
.indexNew ul li .info{float: left;margin-left: .2rem;width: 4.04rem;}
.indexNew ul li .info p:nth-child(1){font-size: .28rem;line-height: .4rem;color: #212121;font-weight: 600;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: .8rem;margin-top: .05rem;}
.indexNew ul li .info p:nth-child(2){display: flex;-webkit-box-pack: justify;justify-content: space-between;margin-top: .25rem;}
.indexNew ul li .info p:nth-child(2) span{color: #a8a8a8; font-size: .22rem;}
.indexNew ul li:nth-last-child(1){border-bottom: none;}

.friend_a{margin-top: 0.3rem;}
.link_box{overflow: hidden;padding: 0.12rem 0 .2rem 0.17rem;height: 0.56rem;line-height: 0.5rem;position: relative;margin-top: .2rem;}
.link_box a{display: inline-block;padding: 0 0.2rem;font-size: 0.24rem;color: #666;line-height: 0.5rem;position: relative;}
.link_box a::before{display: block;content: '';position: absolute;left: 0;top: 50%;margin-top: -0.08rem;width: 1px;height: 0.2rem;}

.slider {height: 3rem;margin: .21rem .32rem}
.slider a {display: block;width: 100%;height: 100%}
.slider img {display: block;width: 100%;height: 100%}
.slider .swiper-pagination-bullet {width: .2rem;height: .2rem;background: #ddd;border-radius: 0;opacity: 1}
.slider .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #1aa9fb}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom: 5px!important;right: 0!important;width: auto!important;left: 0!important}
.swiper-container {width: 100%;height: 100%;border-radius: .1rem}


/* -----------------排行榜内容------------------ */
.Topic .title{margin: 0.3rem 0 0.24rem;}
.Topic .list{padding: 0 .25rem .2rem;padding-top: .02rem;}
.Topic .list>a{position: relative;display: block;height: 2.28rem;overflow: hidden;border-radius: .06rem;}
.Topic .list>a img{width: 100%;min-height: 2.48rem;height: auto;display: block;margin: auto;margin-top: -.2rem;}
.Topic .list>a div{display: flex;justify-content: space-between;position: absolute;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: .88rem;padding-top: .6rem;background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 100%);border-radius: 0 0 .08rem .08rem;}
.Topic .list>a div p{margin-left: .2rem;max-width: 5.6rem;}
.Topic .list>a div span{display: block;width: 1.06rem;height: .42rem;line-height: .42rem;margin-right: .24rem;border-radius: .06rem;color: #fff;margin-top: .16rem;background-color: var(--defcolor);font-size: .24rem;text-align: center;}
.Topic .list>a div strong{display: block;font-size: .28rem;font-weight: bold;color: #fff;line-height: .42rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Topic .list>a div em{display: block;color: #ccc;font-size: .18rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Topic ul{display: flex;border-bottom: .06rem dotted #efedff;padding-bottom: .12rem;padding-top: .05rem;}
.Topic ul li{max-width: 1.7rem;text-align: center;flex: 1;margin-top: .16rem;margin-right: .08rem;}
.Topic ul li a{display: block;}
.Topic ul li .btn{display: block;width: 1.06rem;height: .4rem;line-height: .4rem;margin: .11rem auto;border-radius: .06rem;color: var(--defcolor);border: 1px solid var(--defcolor);font-size: .24rem;text-align: center;}
.Topic ul li img{display: block;width: 1.08rem;height: 1.08rem;border-radius: .2rem;margin: 0 auto;}
.Topic ul li p{width: 99%;height: .42rem;line-height: .42rem;color: #000;font-size: .28rem;margin: .04rem auto 0;overflow: hidden;white-space: nowrap;}
.Topic ul li > a > span{display: block;width: 1.06rem;height: .4rem;line-height: .4rem;margin: .11rem auto;border-radius: .06rem;color: var(--defcolor);border: 1px solid var(--defcolor);font-size: .24rem;text-align: center;}
.Topic .list:nth-last-child(1) ul{border: none;}


.icon2{background: url(../images/icon2.png) no-repeat;background-size: 12rem 7.5rem;display: inline-block;}
.icon3{background: url(../images/icon3.png) no-repeat;background-size: 10rem 10rem;display: inline-block;}
/* 举报 */
.feedBack {position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
.feBaBox {position: absolute;z-index: 5;top: 2.4rem;left: 0;right: 0;margin: auto;background-color: #fff;width: 5.4rem;border-radius: .06rem;text-align: center;}
.feBaClose {position: absolute;top: .21rem;right: .21rem;z-index: 10;cursor: pointer;}
.feBaClose i {display: inline-block;width: .26rem;height: .26rem;background-position: 0 -7.65rem;position: relative;}
.feHead {position: relative;width: 100%;height: 1.3rem;text-align: center;font-size: .24rem;border-top-left-radius: .06rem;border-top-right-radius: .06rem;color: #fff;}
.feHead p {position: relative;top: -0.9rem;margin-top: .1rem;font-size: .4rem;color: #202020;font-weight: bold;line-height: .42rem;white-space: nowrap;overflow: hidden;}
.feHead i {display: block;width: 2.25rem;height: 1.71rem;background-position: -7.75rem -8.29rem;position: relative;top: -0.97rem;margin: 0 auto;}
.feBack {margin: 0 .4rem .2rem;padding-top: .2rem;}
.feBack p {font-size: .2rem;color: #4c4c4c;font-weight: bold;margin: .18rem 0 .16rem;text-align: left;}
.feBack p:nth-of-type(1) {margin-top: 0;}
.feBack .info {border: .01rem solid #dcdcdc;border-radius: .08rem;background-color: #fafafa;}
.feBack textarea {display: block;width: 4.02rem;height: .52rem;border: none;resize: none;background: #edf1f5;padding: .15rem .18rem;font-size: .24rem;color: #8f8f8f;}
.radio {position: relative;height: .5rem;line-height: .5rem;border-bottom: .01rem solid #dcdcdc;}
.radio input[type='radio'] {position: absolute;left: 0;top: 0;width: .2rem;height: .2rem;opacity: 0;}
.radio label {position: absolute;left: 0rem;top: 0;height: .5rem;line-height: .5rem;width: 4.2rem;font-size: .24rem;color: #8f8f8f;text-align: left;padding-left: .1rem;}
.radio label:after {content: '';position: absolute;right: .1rem;top: .14rem;width: .14rem;height: .14rem;border: .04rem solid #fff;border-radius: .03rem;border: .01rem solid #bfbfbf;text-align: center;line-height: .14rem;font-size: .12rem;}
.telBox {overflow: hidden;margin-bottom: .2rem;}
.telBox input{display: block;border: none;width: 3.9rem;height: .42rem;line-height: .42rem;font-size: .16rem;padding: 0 .2rem;border: .01rem solid #dcdcdc;border-radius: .08rem;}
.feSubmit input {border: 0;display: block;cursor: pointer;width: 3.3rem;border: 0;background: linear-gradient(to right,var(--defcolor),var(--shallowcolor));color: #fff;font-size: .2rem;border-radius: .08rem;line-height: .58rem;margin: 21px auto .36rem;overflow: hidden;white-space: nowrap;}
.radio input[type='radio']:checked + label:after{background-color: var(--defcolor);content: "√";border-color: var(--defcolor);color: #fff;font-size: .18rem;}

/* 权限 */
.gRule {position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.ruleTxt {position: absolute;z-index: 5;top: 1.5rem;left: 0;right: 0;margin: auto;background-color: #fff;width: 6.4rem;border-radius: .06rem;text-align: center;}
.gRclose {position: absolute;top: .21rem;right: .21rem;z-index: 10;cursor: pointer;}
.gRclose i {display: inline-block;width: .26rem;height: .26rem;background-position: 0 -7.65rem;position: relative;}
.oTitle {position: relative;width: 100%;height: 1.3rem;text-align: center;font-size: .24rem;border-top-left-radius: .06rem;border-top-right-radius: .06rem;color: #fff;}
.oTitle i {display: block;width: 2.25rem;height: 1.54rem;background-position: -2.77rem -8.45rem;position: relative;top: -0.82rem;margin: 0 auto;}
.oTitle p {position: relative;top: -0.72rem;margin-top: .1rem;font-size: .4rem;color: #202020;font-weight: bold;line-height: .42rem;white-space: nowrap;overflow: hidden;}
.Main {background-color: #fff;display: block;height: 4.4rem;border: none;padding: .15rem .25rem .25rem;line-height: .42rem;font-size: .24rem;color: #4c4c4c;margin: .2rem .25rem .3rem;overflow: auto;}
.Main p{text-align: left;}
.Main p:nth-of-type(1) {color: #333;font-size: .24rem;font-weight: bold;}
.Main strong {display: block;color: #333;line-height: .52rem;font-size: .24rem;font-weight: bold;text-indent: 0em;text-align: left;}
.gSure {display: block;cursor: pointer;width: 4rem;border: 0;background: linear-gradient(to right,#38a6fd,var(--defcolor));color: #fff;font-size: .2rem;border-radius: .08rem;line-height: .58rem;margin: .21rem auto 36px;overflow: hidden;white-space: nowrap;}


/* 隐私 */
.gPrivacy {position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.privacyTxt {position: absolute;z-index: 5;top: 1.5rem;left: 0;right: 0;margin: auto;background-color: #fff;width: 6.4rem;border-radius: .06rem;text-align: center;}
.gPrivacy .oTitle i {display: block;width: 2.25rem;height: 1.53rem;background-position: -5.29rem -8.44rem;position: relative;top: -0.82rem;margin: 0 auto;}


/* 预约 */
.orderList {position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 12;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);}
.orderBox {position: absolute;z-index: 5;top: 260px;left: 0;right: 0;margin: auto;background-color: #fff;width: 420px;border-radius: 6px;text-align: center;}
.orderBox .oClose {position: absolute;top: 21px;right: 21px;z-index: 10;cursor: pointer;}
.orderBox .oClose i{display: inline-block;width: 26px;height: 26px;background-position: 0 -765px;position: relative;}
.orderBox .oTitle i{background-position: -20px -844px;}
.orderBox form {position: relative;}
.orderBox form .tel {width: 298px;border: none;background-color: #f5f5f5;color: #999;font-size: 18px;border-radius: 6px;padding: 0 10px;line-height: 62px;margin: 20px auto 12px;overflow: hidden;white-space: nowrap;}
.orderBox .maskclear {position: absolute;width: 18px;height: 18px;top: 43px;right: 70px;background-position: -53px -792px;}
.orderBox form span {color: #ff3232;font-size: 14px;text-align: left;display: block;width: 306px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox .msg {display: block;color: #ff3232;font-size: 14px;text-align: left;width: 326px;margin: 0 auto;}
.orderBox form .oBtn, .orderBox .oKnow {display: block;cursor: pointer;width: 318px;border: 0;background: linear-gradient(to right,#38a6fd,var(--defcolor));color: #fff;font-size: 20px;border-radius: 8px;line-height: 58px;margin: 10px auto 42px;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn {margin-top: 22px;}
.orderBox .oWin,.orderBox .oLose,.orderBox .oAgin{width: 100%;font-size: 18px;border-radius: 6px;text-align: center;}
.orderBox .oWin>p {background-color: #fff;display: block;font-size: 16px;color: #666;line-height: 72px;}


.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;}

/* 头部 */
header{display: flex;justify-content: space-between;background: var(--defcolor);height: 1rem;overflow: hidden;}
header .logo {position: relative;flex: 1;font-size: .3rem;color: #fff;height: 1rem;line-height: 1.04rem;overflow: hidden;}
header .logo a{margin-left: .08rem;font-size: .3rem;color: #fff;height: 1rem;line-height: 1.04rem;}
header .logo a img{display: block;float: left; width:1.875rem;height: .47rem; margin: .3rem .05rem 0 .26rem}
header >div:nth-of-type(2){width: .96rem;height: 1rem;text-align: center;line-height: 1rem;}
header  div>i{background-position: -8.64rem -2.44rem !important;width: .46rem;height: .5rem;position: relative;top: .19rem;}

header>div:nth-of-type(3){width: 100%;max-width: 7.5rem;padding-bottom: .1rem;position: absolute;top: 1.1rem;z-index: 8;left: 50%;margin-left: -3.75rem;background-color: #fff;border-top: 1px solid #e6e6e6;}
header>div:nth-of-type(3) .hotTab{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0rem .26rem;}
.hotTab a{display: block;width: .94rem;height: 1.74rem;padding-top: .46rem;color: #424242;line-height: .56rem;font-size: .3rem;border-radius: .1rem;text-align: center;}
.hotTab a i{display: block;width: .92rem;height: .92rem;}
.hotTab a:nth-of-type(1) i{background-position: -0.04rem -4.13rem;}
.hotTab a:nth-of-type(2) i{background-position: -1.04rem -4.13rem;}
.hotTab a:nth-of-type(3) i{background-position: -2.04rem -4.13rem;}
.hotTab a:nth-of-type(4) i{background-position: -3.04rem -4.13rem;}
.hotTab a:nth-of-type(5) i{background-position: -4.04rem -4.13rem;}

.hdhBot{padding: .3rem 0;margin: 0 .26rem;border-top: 1px solid #e6e6e6;display: flex;justify-content: space-between;}
.hdhBot>a {display: block;width: 1.6rem;min-height: 3rem;background-image: url(../images/navbg.jpg);font-size: .3rem;color: var(--defcolor);line-height: .68rem;font-weight: bold;text-align: center;border-radius: .06rem;}
.hdhBot>a i{display: block;width: .83rem;height: .83rem;margin: .88rem auto 0;}
.hdhBot>a i.yx{background-position: -3.02rem -2.89rem;}
.hdhBot>div{width: 5.36rem;display: flex;flex-wrap: wrap;;}
.hdhBot>div a{display: block;width: 1.58rem;height: .62rem;line-height: .62rem;color: #424242;font-size: .28rem;text-align: center;border: 1px solid #e2e2e2;background-color: #f8f8f8;border-radius: .32rem;overflow: hidden;white-space: nowrap;margin: .1rem .02rem .1rem .14rem;}
.hdhBot>a i.app{background-position: -4.06rem -2.89rem;}




/* 专题 */
.ztNav{padding: .32rem .32rem 0;}
.ztNav div{border: 1px solid #01c689;overflow: hidden;border-radius: .2rem;}
.ztNav div a{display: inline-block;float: left;text-align: center;height: .88rem;line-height: .88rem;font-size: .34rem;background: var(--defcolor);color: #fff;font-weight: 600;width: 50%;}
.ztNav div a.current{background: #fff;color: #424242;}
.ztNav div a i{width: .4rem;height: .4rem;background-position: -2.33rem -2.65rem;vertical-align: sub;margin-right: .15rem;}
.ztNav div a:nth-of-type(1).current i{background-position: -3.76rem -1.72rem;}
.ztNav div a:nth-of-type(2).current i{background-position: -3.12rem -1.72rem;}
.ztNav div a:nth-of-type(1) i{background-position: -3.76rem -2.34rem;}
.ztNav div a:nth-of-type(2) i{background-position: -3.14rem -2.34rem;}


.topiclist {margin: 0 .32rem;position: relative;}
.topiclist ul{margin-top: .3rem;}
.topiclist ul li{position: relative;float: left;width: 6.86rem;max-height: 4rem;min-height: 2.28rem;;background: #fff;border-radius: .25rem;box-shadow: 0 0.01rem 0.06rem 0.06rem rgb(0 139 255 / 5%);margin-bottom: .35rem;position: relative;overflow: hidden;}
.topiclist ul li:nth-child(1) {box-shadow: 0 0.1rem 0.1rem rgb(0 139 255 / 5%);}
.topiclist ul li a{display: block;}
.topiclist ul li>a{display: block;height: 1.68rem;overflow: hidden;border-radius: .08rem;padding:.28rem .23rem;}
/* .topiclist ul li>a img {margin: auto;width: 100%;min-height: 100%;height: auto;border-radius: .08rem;float: left;} */
.topiclist ul li>a img {margin: auto;width:3rem;height: 1.68rem;object-fit:cover;border-radius: .08rem;float: left;display: block;}
.topiclist ul li>a > div{float: left;margin-left: .2rem;width:3.15rem;height:  1.68rem;}
.topiclist ul li>a > div > p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.topiclist ul li>a > div > p:nth-child(1){font-size: .3rem;font-weight: bold;color: #292929;margin-bottom: .1rem;line-height: .38rem;height: .38rem;}
.topiclist ul li>a > div > p:nth-child(2){font-size: .24rem;color: #5c5c5c;line-height: .36rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: .04rem;white-space:unset;}

.topiclist ul li>a > em{font-size: .24rem;line-height: .24rem;color: #fff;position: absolute;top: 1.8rem;left: 1.8rem;}
.topiclist ul li>a > em{font-size: .2rem;color: #999;left: 3.44rem;top: 1.69rem;}
.topiclist ul li>a > em:before {content: "";display: inline-block;width: .2rem;height: .2rem;background-image: url(../images/icon.png);background-size: 6rem 6rem;background-position: -1.54rem -0.1rem;margin-right: .06rem;vertical-align: top;position: relative;top: .025rem;}


.topiclist ul li span{position: absolute;top: .28rem;left: .23rem;display: block;width: 1.5rem;height: .4rem;line-height: .4rem;font-size: .2rem;color: #fff;background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 34%, rgba(0, 0, 0, 0) 100%);border-radius: .1rem 0 0 0;;}
.topiclist ul li span i {color: #FF6600;}

.topiclist > ul > li > div:nth-child(2){display: block;float: left;padding: 0 .05rem;margin: .25rem 0 .3rem;}
.topiclist > ul > li > div:nth-child(2) a{float: left;color: #292929;width: 1.42rem;height: 1.55rem;margin-right: 0;overflow: hidden;font-size: .24rem;text-align: center;}
.topiclist > ul > li > div:nth-child(2) a img{width: 1.12rem;height: 1.12rem;border-radius: .2rem;margin-bottom: .08rem;display: block;margin: 0 auto;}
.topiclist > ul > li > div:nth-child(2) > div{position: relative;width: 2.22rem;height: .9rem;margin: .12rem 0 0 .13rem;    float: left;
    color: #292929;overflow: hidden;
    font-size: .24rem;
    text-align: center;}
.topiclist > ul > li > div:nth-child(2) > div > img{display: block;float: left;width: .9rem;height: .9rem;border-radius: .2rem;border: .06rem solid #fff;position: absolute;top: -.06rem;}
.topiclist > ul > li > div:nth-child(2) > div > img:nth-child(1){z-index: 5;left: -.06rem;}
.topiclist > ul > li > div:nth-child(2) > div > img:nth-child(2){z-index: 4;left: .35rem;}
.topiclist > ul > li > div:nth-child(2) > div > img:nth-child(3){z-index: 3;left: .76rem;}
.topiclist > ul > li > div:nth-child(2) span {top: .28rem;left: .23rem;display: block;width: 1.5rem;height: .4rem;line-height: .4rem;font-size: .2rem;color: #fff;background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 34%, rgba(0, 0, 0, 0) 100%);border-radius: .1rem 0 0 0;}
.topiclist > ul > li > div:nth-child(2) > div > a {display: block;background: #E9EBEE;width: .9rem;height: .9rem;border-radius: .9rem .4rem .4rem .9rem;position: absolute;top: 0;z-index: 2;left: 1.32rem;}
.topiclist > ul > li > div:nth-child(2) > div > a i{    display: block;width: .18rem;height: .75rem;position: absolute;right: .15rem;top: .08rem;background-image: url(../images/icon.png);background-size: 6rem 6rem;background-position: -5.37rem -.84rem;}



/* 专题内容 */
.ztmain{position: relative;}
.ztmain .cont1{background-color: #f4f4f4;padding: .15rem  0;}
.ztmain .cont1>div{width: 7.26rem; min-height: 1.6rem;position: relative;border-radius: 0.22rem;background-color: #fff;margin: 0 auto;}
.ztmain .cont1{display: block;}
.ztmain .cont1 img{height: 3.625rem;width: 100%;display: block;border-radius: 0.22rem 0.22rem 0 0;}
.ztmain .cont1 >div{border-radius: 0 0 0.22rem 0.22rem;padding-bottom: 0.3rem;}
.ztmain .cont1 >div > div > h1{height: 0.6rem;line-height: 0.6rem;color: #333333;font-size: 0.34rem;text-indent: 0.36rem;position: relative;margin-top: 0.13rem;white-space: nowrap;overflow: hidden;font-weight: bold;}
/*.ztmain .cont1 >div > div > h1::before{content: "";position: absolute;width: 0.07rem;height: 0.3rem;background: #28c16a;left: 0;top: 0;bottom: 0;margin: auto;}*/


.ztmain .cont1 > div > div > p:nth-child(2){width: 5.1rem;height: 0.33rem;line-height: 0.33rem;color: #999999;font-size: 0.24rem;text-indent: 0.36rem;white-space: nowrap;overflow: hidden;}
.ztmain .cont1 > div > div > div{width: 6.34rem;height: 1.22rem;line-height: 0.42rem;color: #666666;font-size: 0.24rem;overflow: hidden;margin: 0.1rem 0 0 0.36rem;overflow-y: scroll;}
.ztmain .cont1 > div > div > p:nth-child(3){width: 6.34rem;height: 1.22rem;line-height: 0.42rem;color: #666666;font-size: 0.22rem;overflow: hidden;margin: 0.1rem 0 0 0.36rem;overflow-y: scroll;}

.ztmain .cont2 .title{margin: .3rem 0 .2rem;}
.ztmain .cont2 ul{padding: .1rem 0 .12rem .26rem;margin: auto;overflow: hidden;}
.ztmain .cont2 ul li{width: 6.98rem;height: 1.64rem;box-shadow: 0 0 0.1rem rgb(0 0 0 / 10%);border-radius: 0.18rem;position: relative;margin-bottom: 0.2rem;float: left;}
.ztmain .cont2 ul li a{height: 1.64rem;display: flex;align-items: center;float: left;}
.ztmain .cont2 li img {display: block;width: 1.24rem;height: 1.24rem;margin-right: 0.2rem;margin-left: 0.2rem;border-radius: 0.28rem;}
.ztmain .cont2 ul li img {float: left;width: 1.36rem;height: 1.36rem;border-radius: .35rem;}
.ztmain .cont2 li a div {max-width: 3.8rem;height: 100%;display: flex;flex-direction: column;}
.ztmain .cont2 li a div strong{font-weight: 400;max-width: 3.5rem;white-space: nowrap;overflow: hidden;color: #00121a;font-size: 0.28rem;font-weight: bold;line-height: 0.42rem;margin-top: 0.2rem;margin-bottom: .06rem;overflow: hidden;white-space: nowrap;}
.ztmain .cont2 li a div p:nth-of-type(1){margin-bottom: 0.06rem;max-height: .32rem;overflow: hidden;white-space: nowrap;}
.ztmain .cont2 li a div p:nth-of-type(1)>span{padding: 0 0.03rem;display: block;float: left;height: 0.28rem;line-height: 0.28rem;text-align: center;color: #999999;font-size: 0.18rem;background-color: #f8f8f8;margin-right: 0.1rem;border-radius: 0.04rem;border: 1px solid #eaeaea;}
.ztmain .cont2 li a div p:nth-last-child(1){max-width: 3.5rem;color: #a0a0a0;font-size: 0.18rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztmain .cont2 li a>span{display: block;width: 1.18rem;height: 0.46rem;border: 1px solid #ffaf0f;border-radius: 0.23rem;line-height: .48rem;font-size: .24rem;color: #ffaf0f;text-align: center;display: block;margin-top: 0.38rem;position: absolute;top: 0.2rem;right: 0.2rem}



.ztmain .cont3 .title{margin: .3rem 0 .2rem;}
.ztmain .cont3 ul{overflow: hidden;margin: .25rem .32rem 0;}
.ztmain .cont3 ul li{float: left;position: relative;margin-bottom: .32rem;}
.ztmain .cont3 ul li a img{float: left;width: 1.36rem;height: 1.36rem;border-radius: .35rem;}
.ztmain .cont3 ul li a div{float: left;margin-left: .3rem;width: 3.9rem;}
.ztmain .cont3 ul li a div p:nth-child(1){font-size: .3rem;color: #333;font-weight: 600;line-height: .3rem;margin-top: .08rem;white-space: nowrap;overflow: hidden;}
.ztmain .cont3 ul li a div p:nth-child(2){font-size: .24rem;color: #b5b5b5;line-height: .24rem;margin-top: .3rem;}
.ztmain .cont3 ul li a div p:nth-child(2) span:nth-child(1){margin-right: .38rem;}
.ztmain .cont3 ul li a div p:nth-child(2) span:nth-child(2){margin-top: .3rem; font-size: .24rem;color: #b5b5b5;line-height: .24rem;}
.ztmain .cont3 ul li a div p:nth-child(3){font-size: .24rem;color: #b5b5b5;line-height: .24rem;margin-top: .15rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ztmain .cont3 ul li a >span{float: right;width: 1.18rem;height: .46rem;border: 1px solid var(--defcolor);border-radius: .23rem;line-height: .48rem;font-size: .24rem;color: var(--defcolor);text-align: center;display: block;margin-top: .38rem;}

.mgl_box{}
.mgl_box > ul{padding: .2rem 0 .12rem .26rem;margin: auto;overflow: hidden;}
.mgl_box > ul li{width: 6.98rem;height: 1.64rem;box-shadow: 0 0 0.1rem rgb(0 0 0 / 10%);border-radius: 0.18rem;position: relative;margin-bottom: 0.2rem;float: left;}
.mgl_box > ul li a{height: 1.64rem;}
.mgl_box > ul li img {display: block;width: 1.24rem;height: 1.24rem;margin-right: 0.2rem;margin-left: 0.2rem;border-radius: 0.28rem;margin-top: .15rem;}
.mgl_box > ul li img {float: left;width: 1.36rem;height: 1.36rem;border-radius: .35rem;}
.mgl_box > ul li a div {max-width: 3.8rem;height: 100%;display: flex;flex-direction: column;}
.mgl_box > ul li a div > p:nth-child(1){font-weight: 400;max-width: 3.5rem;white-space: nowrap;overflow: hidden;color: #00121a;font-size: 0.28rem;font-weight: bold;line-height: 0.42rem;margin-top: 0.2rem;margin-bottom: .06rem;overflow: hidden;white-space: nowrap;}
.mgl_box > ul li a div > p:nth-child(2){max-width: 3.5rem;color: #a0a0a0;font-size: 0.26rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1.5}
.mgl_box > ul li a div > p:nth-child(3){margin-top: 0.06rem;max-height: .32rem;overflow: hidden;white-space: nowrap;}
.mgl_box > ul li a div > p:nth-child(3){font-size: .26rem;color: #b5b5b5;line-height: .24rem;margin-top: 0.1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mgl_box > ul li a div > p:nth-child(3)>span{padding: 0 0.03rem;display: block;float: left;height: 0.28rem;line-height: 0.28rem;text-align: center;color: #999999;font-size: 0.18rem;background-color: #f8f8f8;margin-right: 0.1rem;border-radius: 0.04rem;border: 1px solid #eaeaea;}
.mgl_box > ul li a>span{display: block;width: 1.18rem;height: 0.46rem;border: 1px solid var(--defcolor);border-radius: 0.23rem;line-height: .48rem;font-size: .24rem;color: var(--defcolor);text-align: center;margin-top: 0.38rem;position: absolute;top: 0.2rem;right: 0.2rem}
.mgl_box > ul li a>span.no_down{border-color:#ffaf0f;color: #ffaf0f;}

.idxBg{    height: 2rem;
    width: 100%;
    background: url(../images/indexbg.png) no-repeat;
    background-size: 7.5rem 2rem;
    position: absolute;
    left: 0;}

.commTit1{    margin: .3rem 0 .2rem;overflow: hidden;}
.commTit1 > p{font-size: .32rem;
    font-weight: 600;
    line-height: .32rem;
    color: #282828;
    float: left;
    margin-left: .32rem;}

.loding_box{padding:.1rem 0}
.loding_box .loding_btn{display:block;width:2rem;height:0.62rem;line-height:.62rem;background-color:var(--defcolor);border:1px solid var(--defcolor);border-radius:0.1rem;font-size:.26rem;color:#fff;text-align:center;margin:.1rem auto}


.mYxDeInfoBox{position:relative}
.mYxDeInfoT{position:relative;height:2rem;overflow:hidden}
.mYxDeInfoT > img{transform:scaleY(-1);display:block;width:110%;position:absolute;background:inherit;filter:blur(15px);top:-30%;right:-5%;left:-5%}
.mYxDeInfoT > div.mYxDeInfoTBg{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;overflow:hidden;backdrop-filter:blur(15px);background:linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)),rgba(114,102,104,.2)}
.mYxDeInfoT > div.mYxDeInfoTMain{padding:.37rem 0 .35rem .3rem;position:relative;overflow:hidden;height:1.28rem}
.mYxDeInfoT > div.mYxDeInfoTMain > img{float:left;display:block;width:1.28rem;height:1.28rem;border-radius:.3rem;margin-right:.16rem}
.mYxDeInfoT > div.mYxDeInfoTMain > div{float:left;width:4.7rem}
.mYxDeInfoT > div.mYxDeInfoTMain > div > h1{margin-bottom:.1rem;font-size:.28rem;color:#fff;font-weight:700;margin-top:.18rem;line-height:.44rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mYxDeInfoT > div.mYxDeInfoTMain > div > p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mYxDeInfoT > div.mYxDeInfoTMain > div > p > span{max-width:2.5rem;overflow:hidden;white-space:nowrap;display:inline-block;text-align:center;height:.36rem;line-height:.36rem;font-size:.18rem;color:#639fff;padding:0 .2rem 0 .08rem;background-color:rgba(0,0,0,.2);border-radius:.18rem;margin-top:.12rem;margin-right:.1rem}
.mYxDeInfoT > div.mYxDeInfoTMain > div > p > span.nl{color:#00cb9e;margin-right:0}
.mYxDeInfoT > div.mYxDeInfoTMain > div > p > span::before{content:"";display:inline-block;width:.23rem;height:.25rem;background-image:url(../images/index_icon.png);background-size:6rem 6rem;background-position:-2.32rem -3.73rem;position:relative;top:.04rem;margin:0 .08rem}
.mYxDeInfoT > div.mYxDeInfoTMain > div > p > span.jc::before{background-position:-2.32rem -3.73rem}
.mYxDeInfoT > div.mYxDeInfoTMain > div > p > span.nl::before{width:.24rem;height:.24rem;background-position:-3.47rem -3.4rem;top:.03rem}
.mYxDeInfoT > div.mYxDeInfoTMain > span{border-radius:.2rem;position:relative;float:right;font-size:.22rem;line-height:.36rem;color:#fff;padding:.25rem .3rem 0 .25rem;display:block}
.mYxDeInfoT > div.mYxDeInfoTMain > span::before{content:"";position:absolute;top:.25rem;left:0;display:block;width:1px;height:.78rem;background-color:rgba(255,255,255,.25)}
.mYxDeInfoT > div.mYxDeInfoTMain > span > i{display:block;width:.36rem;height:.33rem;background-image:url(../images/index_icon.png);background-size:6rem 6rem;background-position:-1.38rem -4.1rem;position:relative;top:.06rem;margin:0 auto .08rem}
.mYxDeInfoB{position:relative;padding:.25rem .3rem .02em}
.mYxDeInfoB > div{}
.mYxDeInfoB > .mYxDeInfoBMain{width:6rem;overflow:hidden}
.mYxDeInfoBMain .deTagBox{width:5rem;display:flex;overflow-x:auto;white-space:nowrap;font-size:0}
.mYxDeInfoBMain .deTagBox::-webkit-scrollbar{width:0;height:0;display:none;-webkit-appearance:none;border-radius:0}
.mYxDeInfoBMain .deTagBox > a{display:block;font-size:.2rem;color:#fff;height:.4rem;line-height:.4rem;padding:0 .04rem 0 .1rem;margin-right:.1rem;background-color:#f67b29;border-radius:.175rem .2rem .2rem 0}
.mYxDeInfoBMain .deTagBox > a::after{content:' > '}
.mYxDeInfoBMain .deTopTxtInfo{display:flex;flex-wrap:wrap;padding-top:.12rem}
.mYxDeInfoBMain .deTopTxtInfo > li{width:100%;font-size:.24rem;color:#999;line-height:.44rem;white-space:nowrap;overflow:hidden}
.mYxDeInfoBMain .deTopTxtInfo > li > span{margin-right:.15rem;color:#1a1a1a}
.grade{position:absolute;top:.26rem;right:.28rem;background-color:#fff;width:1.3rem;max-height:1.24rem;box-shadow:0px 0px .1rem #ececec;text-align:center;overflow:hidden}
.grade > span:nth-child(1){display:block;color:#999;font-size:.18rem;margin-top:.02rem;overflow:hidden;white-space:nowrap}
.grade > strong:nth-child(2){display:block;height:.44rem;line-height:.44rem;color:#454545;font-size:.44rem;font-weight:bold;overflow:hidden;white-space:nowrap}
.grade > span:nth-child(3){position:relative;display:block;text-align:center;overflow:hidden;white-space:nowrap;line-height:.46rem;color:#454545;font-size:.18rem;font-weight:500;margin:0 .03rem}
.downBtnBox{margin:0 .32rem;text-align:center;width:6.86rem;background:#fff;overflow:hidden;padding:.02rem 0 .18rem;border:none;display: none;}
.downBtnBox > a,.downBtnBox > span{color:#fff;font-size:.32rem;font-weight:600;display:block;width:100%;height:.8rem;line-height:.8rem;border-radius:.1rem;background:#008bff}
.downBtnBox > a::before{content:'';display:inline-block;vertical-align:middle;margin-right:.1rem;position:relative;top:0}
.downBtnBox .android-btn{background:#008bff}
.downBtnBox .android-btn::before{width:0.38rem;height:0.38rem;position:relative;top:-.06rem;background:url(../images/maskicon.png) no-repeat;background-size:3rem 12rem;background-position:-2.6rem -.02rem;margin-right:.06rem}
.downBtnBox .ios-btn{background-color:#515151}
.downBtnBox .ios-btn::before{background-image:url(../images/icon4.png);background-size:6rem 6rem;width:.3rem;height:.4rem;background-position:-2.76rem -1.32rem;top:-.05rem}
.downBtnBox .no-down{background:#ccc}
.cueCard{width:94%;box-sizing:border-box;background-color:#fff;color:#FF6F6F;font-size:0.28rem;line-height:0.44rem;background:url(../images/edit_tip_pic.png) no-repeat 0px 3px;padding-left:0.44rem;margin:.12rem 3%;text-align: left;}

.mIdxIconNav{    padding: .3rem .12rem .02rem;
    display: flex;
    flex-wrap: wrap;}
.mIdxIconNav > a{    position: relative;
    display: block;
    width: 25%;
    margin-bottom: .2rem;
    font-size: .28rem;
    color: #333;
    line-height: .58rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;}
.mIdxIconNav > a::before{content: "";
    position: relative;
    vertical-align: middle;
    display: block;
    margin: auto;
    background: url(../images/gasoicon.png) no-repeat;
    background-size: 20rem 3rem;    height: 1.05rem;}
.mIdxIconNav > a:nth-child(2)::before{width: .95rem;background-position: -10.39rem -.14rem;top: .02rem;}
.mIdxIconNav > a:nth-child(4)::before{width: 1.05rem;
    background-position: -11.74rem -.14rem;}
.mIdxIconNav > a:nth-child(3)::before{width: .95rem;
    background-position: -13.19rem -.14rem;}
.mIdxIconNav > a:nth-child(1)::before{width: .96rem;
    background-position: -14.54rem -.14rem;}

.mIdxNewBox{padding: .3rem 0;}
.mIdxNewBox .newTabNav{    overflow: hidden;
    margin: .15rem .32rem 0;    display: flex;}
.mIdxNewBox .newTabNav > span{    float: left;
    font-size: .24rem;
    line-height: .58rem;
    color: #757575;    flex: 1;
    text-align: center;
    border-bottom: .03rem solid #fff;}
.mIdxNewBox .newTabNav > span.current{    color:var(--defcolor);
    border-color:var(--defcolor);
    font-size: .28rem;}

.newTabCont{}
.newTabCont > ul{border-top: 1px solid #d2d2d2;display: none;}
.newTabCont > ul:first-child{display: block;}
.newTabCont > ul.txt{padding: .17rem .32rem 0;}
.newTabCont > ul.txt > li{    font-size: .28rem;
    color: #666;
    border-bottom: 1px solid #e8e8e8;
    line-height: .79rem;
    height: .79rem;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    overflow: hidden;}
.newTabCont > ul.txt > li > a{    display: block;
    flex: 1;
    max-width: 5.8rem;
    font-size: .3rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.newTabCont > ul.txt > li > a::before{content: '';    display: inline-block;
    width: .08rem;
    height: .08rem;
    background-color: #000;
    margin: 0 .16rem 0 .02rem;
    position: relative;
    top: -.06rem;}
.newTabCont > ul.txt > li > span{font-size: .24rem;
    color: #a9a9a9;}

.newTabCont > ul.ztImg{overflow: hidden;
    margin: 0 .32rem .2rem;
    padding-top: .05rem;}
.newTabCont > ul.ztImg > li{    padding: .2rem 0;
    border-bottom: 1px solid #d2d2d2;}
.newTabCont > ul.ztImg > li > a{display: block;height: 1.5rem;overflow: hidden;}
.newTabCont > ul.ztImg > li > a > img{float: left;
    width: 2.6rem;
    height: 1.5rem;
    border-radius: .2rem;display: block;}
.newTabCont > ul.ztImg > li > a > div{    float: left;
    margin-left: .2rem;
    width: 4.04rem;}
.newTabCont > ul.ztImg > li > a > div > p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newTabCont > ul.ztImg > li > a > div > p:nth-child(1){    font-size: .28rem;
    line-height: .4rem;
    color: #212121;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: .8rem;
    margin-top: .05rem;white-space:unset;}
.newTabCont > ul.ztImg > li > a > div > p:nth-child(2){    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: .25rem;}
.newTabCont > ul.ztImg > li > a > div > p:nth-child(2) > span{    color: #a8a8a8;
    font-size: .24rem;}


.bar{margin:0.1rem 0.21rem;color: #cdcdcd;}
.bar a{color: #cdcdcd;}
.bar span{color: #cdcdcd;}