@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,figure{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,strong,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}
.clearfix{margin-right:auto;margin-left:auto;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
b,em,i{font-style:normal;}
html,body{width:100%;overflow-x: hidden;}
a{color:#F14093;text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:12px;line-height:1.5;position:relative;color:#333;background:#f6f6f6;height:100%;}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun";}
input[type="submit"],input[type="reset"],input[type="password"],input[type="button"],input[type="text"],button{-webkit-appearance:none;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-moz-text-size-adjust:none;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;}
html {font-size:100px;}
body {font-size:.24rem;max-width:7.5rem;min-width:3.2rem;margin:0 auto;}
header, section, footer, aside, nav, article, figure{display: block;}
.fx{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.fx_gw{-webkit-box-flex:1.0;-moz-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;}
.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex_grow{-webkit-box-flex:1.0;-moz-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;}
.hide{display: none;}
img{vertical-align: top;border: 0;}
.ico{background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;}
.icon{background:url(../img/iconpl.png) no-repeat;background-size:8rem 8rem;}


header{position: relative;background: #fff;}
header .hdTop{display: flex;justify-content: space-between;padding: 0 .26rem;height: 1.09rem;}
header a{display: block;}
header .logo{display: block;width: auto;height: .61rem;margin-top: .22rem;}
header .logo img{display: block;width: auto;height: 100%;}
header .troll {display: flex;}
header .troll form{position: relative;margin-right: .01rem;width: 3.58rem;height: .6rem;border-radius: .1rem;background-color: #FFF9FA;margin-top: .24rem;}
header .troll form:after{content: "";position: absolute;top: 0;right: 0;display: block;width:.68rem;height:.6rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position:.16rem .1rem;background-color: #F14093;box-shadow: 0px .02rem .1rem 0px rgba(0,0,0,0.11);border-radius: .1rem;}
header .troll input{position: absolute;top: 0;left: 0;z-index: 2;border: none;width: 2.45rem;padding: 0 .22rem;height: .6rem;border-radius: .1rem;background-color: transparent;text-align: left;font-size: .24rem;color: rgba(241, 64, 147, 1);}
header .troll input::-webkit-input-placeholder{color:rgba(241, 64, 147, .4);font-size: .2rem; }
header .troll input::-moz-placeholder{color:rgba(241, 64, 147, .4);font-size: .2rem; }
header .troll input:-moz-placeholder{color:rgba(241, 64, 147, .4);font-size: .2rem; }
header .troll input:-ms-input-placeholder{color:rgba(241, 64, 147, .4);font-size: .2rem; }
header .ihNav{position: relative;top: .35rem;margin:0 .04rem 0 .26rem;display: block;width:.38rem;height:.38rem;background-position:-1.13rem -3.5rem;}
header .ihNav.gb{background-position: -1.82rem -3.5rem;}
.hideNav{width:100%;max-width:7.5rem;height: 100%;position:absolute;top:1.09rem;left:50%;margin-left:-3.75rem;z-index:20;background:rgba(0, 0, 0, 0.7);}
.hideNav div{display: flex;flex-wrap: wrap;width: 6.9rem;padding: .25rem .3rem .57rem;background-color: #fff;border-radius: 0 0 20px 20px;}
.hideNav div:after{content: "";position: absolute;top: .01rem;display: block;left: 0;right: 0;margin: auto;width: 100%;height: .15rem;background: linear-gradient(to bottom,#f6f7fb,#fdfdfe,#fff);}
.hideNav div a{display: block;width: 1.725rem;height: .8rem;padding: .15rem 0 .45rem;text-align: center;font-size: .24rem;color: #999;line-height: .3rem;}
.hideNav div a:before{content: "";display: block;margin:0 auto .15rem;width: .8rem;height: .8rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -.04rem -4.58rem;}
.hideNav div a:nth-of-type(1):before{background-position: -.04rem -4.58rem;}
.hideNav div a:nth-of-type(2):before{background-position: -1.2rem -4.58rem;}
.hideNav div a:nth-of-type(3):before{background-position: -2.36rem -4.58rem;}
.hideNav div a:nth-of-type(4):before{background-position: -3.52rem -4.58rem;}
.hideNav div a:nth-of-type(5):before{background-position: -4.69rem -4.58rem;}
.hideNav div a:nth-of-type(6):before{background-position: -5.85rem -4.58rem;}
nav{position: relative;height: .81rem;overflow: hidden;overflow-x: auto;white-space: nowrap;font-size: 0;overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;padding-left: .3rem;}
nav::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0;}
nav a{position: relative;z-index: 1;display:inline-block;padding:0 .28rem .26rem;height:.55rem;line-height:.54rem;text-align:center;color:#333;font-size:.32rem;}
nav a:nth-of-type(n+2):before{content: "";position: absolute;top: .19rem;left: -.04rem;display: block;width: .1rem;height: .2rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -1.15rem -.05rem;}
nav a:after{content: "";display: none;position: absolute;top: .53rem;left: 0;right: 0;margin: auto;width: .3rem;height: .09rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -.6rem -.05rem;}
nav a.current{font-weight: bold;color: #F14093;}
nav a.current:after{display: block;}
nav a:last-of-type{margin-right: .3rem;}
nav:after{content: "";position: fixed;z-index: 2;top: 1.2rem;right: 0;display: block;width: .3rem;height: .5rem;background:linear-gradient(to right,rgba(255, 255, 255, .1) 1% ,rgba(255, 255, 255, .5) 10%,rgba(255, 255, 255, 1));}
header:before{content: "";display: block;position: absolute;width: 100%;height: .06rem;background: rgba(255, 255, 255, .5);bottom: 0;left: 0;right: 0;margin: auto;}
footer{background: #202020;padding:.22rem .26rem .56rem;}
footer p,footer p a{font-size: .22rem;color: #666;text-align: center;line-height: .36rem;}
footer p a{color: #888;}
.frLink{padding:.29rem .25rem;background-color: #000;margin-top: .32rem;}
.frLink div{font-size: .22rem;color: #999;line-height: .48rem;font-weight: bold;}
.frLink div a{font-weight: 400;color: #999;margin-right: .36rem;}

.deTit{display: flex;justify-content: space-between;position: relative;padding: 0 .15rem;height: .58rem;line-height: .58rem;margin:auto;}
.deTit em{position: relative;z-index: 1;display: block;font-size: .34rem;color: #313131;height: .58rem;line-height: .57rem;font-weight: bold;}
.deTit a{position: relative;padding-right: .3rem;font-size: .22rem;color: #999;height: .58rem;line-height: .58rem;}
.deTit a:after{content: "";position: absolute;top: .18rem;right: 0;display: block;width: .22rem;height: .22rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -2.39rem -.05rem;}

.hTit{display: flex;justify-content: space-between;position: relative;padding: .1rem .15rem;height: .58rem;line-height: .58rem;margin:auto;}
.hTit h2{position: relative;z-index: 1;display: block;padding-left: .6rem;font-size: .4rem;color: #313131;line-height: .58rem;font-weight: bold;}
.hTit h2:after{content: "";position: absolute;top: .02rem;left: -.15rem;z-index: -1;display: block;width: .53rem;height: .49rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -.04rem -.67rem;}
.hTit a{position: relative;padding-right: .3rem;font-size: .22rem;color: #999;height: .58rem;line-height: .58rem;}
.hTit a:after{content: "";position: absolute;top: .18rem;right: 0;display: block;width: .22rem;height: .22rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -2.39rem -.05rem;}
.hTit h2.lj{font-size: .34rem;color: #2E2E30;padding-left: .38rem;}
.hTit h2.lj:after{left: .01rem;width: .53rem;height: .49rem;background-position: -.04rem -.67rem;}
.hTit h2.yx:after{left: -.08rem;width: .69rem;height: .65rem;background-position: -.78rem -.67rem;}
.hTit h2.zt:after{top: -.01rem;width: .65rem;height: .68rem;background-position: -1.68rem -.67rem;}
.hTit h2.yy:after{width: .76rem;height: .63rem;background-position: -2.48rem -.67rem;}
.hTit h2.phb:after{width: .58rem;height: .72rem;background-position: -3.34rem -.67rem;}
.hTit h2.bq:after{width: .45rem;height: .54rem;background-position: -4.13rem -.67rem;}
.hTit h2.zx:after{width: .82rem;height: .68rem;background-position: -4.73rem -.67rem;}


.site{position: relative;padding: 0 .26rem .01rem;margin:auto;height: .73rem;line-height: .73rem;font-size: .24rem;color: rgba(255,255,255,.75);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.site i{position: relative;top: .04rem;display: inline-block;width:.21rem;height: .24rem ;margin-right: .07rem;background-position: -3.37rem -.05rem;}
.site a{color: rgba(255,255,255,.75);}

.pageWrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between;padding: .32rem .26rem;height: .58rem;}
.pageWrap a,.pageWrap span{min-width: .58rem;max-width: 1.08rem;height: .58rem;line-height: .58rem;text-align:center;font-size:.26rem;color:#94979B;background-color: #ECEBEE;border-radius:.06rem;overflow: hidden;}
.pageWrap .current{color:#fff;background-color:#F14093;}
.pageWrap .disabled{color:#b1b1b1;}
.pageWrap i{position: relative;top: .17rem;left: .22rem;display: block;width: .14rem;height: .24rem;background-image: url(../img/icon.png);background-size: 10rem 10rem;}
.pageWrap .left{background-position: -6.4rem -.05rem;}
.pageWrap .right{background-position: -6.4rem -.05rem;transform: rotateY(180deg);left: .22rem;}
.pageWrap .disabled .left{opacity: .6;}
.pageWrap .disabled .right{opacity: .6;}
.pageWrap a:first-child,.pageWrap a:last-child{width: .96rem;}

.wrapper{background: url(../img/wrapperbg.png) no-repeat;background-size: 100% auto;background-color: #fff;}
.pkSlider{position: relative;padding: .26rem 0 .22rem;margin-bottom: .2rem;}
.pkSlider:before{content: "";position: absolute;bottom: .11rem;z-index: 1;left: 0;right: 0;margin: auto;display: block;width: 6.67rem;height: .11rem;background-color: rgba(255,255,255,.8);border-radius: 0 0 .2rem .2rem;}
.pkSlider:after{content: "";position: absolute;bottom: 0;z-index: 0;left: 0;right: 0;margin: auto;display: block;width: 6.09rem;height: .22rem;background-color: rgba(255,255,255,.35);border-radius: 0 0 .2rem .2rem;}
.pkSlider .swiper-container{margin: 0 .25rem;height: 2.3rem;border-radius: .2rem;}
.pkSlider .swiper-wrapper{height:100%;}
.pkSlider .swiper-slide{position: relative;}
.pkSlider a{display:block;width:100%;height:100%;overflow: hidden;}
.pkSlider a img{display:block;width:100%;min-height:100%;height: auto;}
.pkSlider .swiper-pagination{}
.pkSlider .swiper-pagination-bullet{width: .27rem;height:.08rem;border-radius: .03rem;background:rgba(248, 248, 248, .75);opacity: 1;margin: 0 .04rem !important;}
.pkSlider .swiper-pagination-bullet.swiper-pagination-bullet-active{width: .45rem;background: #F14093;}

.pkNPlay{position: relative;display: flex;width: 6.69rem;height: .4rem;margin: auto;padding: .1rem .15rem;background: rgba(255, 255, 255, .65);border-radius: .1rem;margin-bottom: .2rem;}
.pkNPlay i{position: relative;top: .07rem;display: block;width: .62rem;height: .26rem;background-position: -1.51rem -.05rem;}
.pkNPlay .playList{position: relative;z-index: 1;flex: 1;height: .48rem;overflow: hidden;}
.pkNPlay .playList div a{position: relative;display: block;padding: 0 .9rem 0 .12rem;font-size: .24rem;color: #3E3E3F;line-height: .4rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pkNPlay .playList div span{position: absolute;top: 0;right: 0;display: block;width: .8rem;padding-left: .1rem;height: .4rem;line-height: .4rem;font-size: .22rem;color: #ccc;}
.pkNPlay .playList div span:after{content: "";position: absolute;top: .17rem;right: .02rem;display: block;width: .06rem;height: .06rem;background: linear-gradient(90deg, #FF7B7B, #E087FF, #A4D7FF);border-radius: 50%;}

.pink1{width: 6.99rem;background: #FFF;border-radius: .1rem;margin: auto;margin-bottom: .2rem;}
.pink1 .list{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap: wrap;padding: .1rem .08rem .08rem;margin: 0 .15rem;background: #F2F3F5;border-radius: .2rem;}
.pink1 .list a{position: relative;display: block;text-align: center;width: 25%;padding:.15rem 0;}
.pink1 .list a img{display:block;width:1.2rem;height:1.2rem;border-radius:.26rem;margin: 0 auto;}
.pink1 .list a p{display: block;width: 100%;font-size:.28rem;color:#333;height: .56rem;line-height:.56rem;margin: .04rem auto 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pink1 .list a span{display: block;margin: auto;width: 1.24rem;height: .5rem;line-height: .5rem;border: .02rem solid rgba(241,64,147,.5);border-radius: .27rem;text-align: center;font-size: .24rem;color: #F14093;}
.pink1 .list a span.no{color: #FF802C;border: .02rem solid rgba(255,147,87,.5);}
.pink1 .tjZt{position: relative;display: flex;overflow: hidden;overflow-x: auto;white-space: nowrap;overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;padding-top:.02rem;margin: 0 .15rem;}
.pink1 .tjZt::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0;}
.pink1 .tjZt a{display: block;padding: 0 .32rem;margin: .28rem .28rem 0 0;height: .48rem;line-height: .48rem;font-size: .24rem;color: #646567;background: #f2f3f5;border-radius: .22rem;} 

.pink2{background: #FFF;border-radius: .1rem;margin: auto;margin-bottom: .2rem;}
.pink2 .hTit{margin: 0 .25rem;}
.pink2 ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap: wrap;padding: .03rem .136rem .07rem;}
.pink2 ul li{position: relative;display: block;text-align: center;width: 25%;padding:.13rem 0;}
.pink2 ul li a{display: block;}
.pink2 ul li img{display:block;width:1.28rem;height:1.28rem;border-radius:.26rem;margin: 0 auto;}
.pink2 ul li p{display: block;width: 96%;font-size:.24rem;color:#333;height: .5rem;line-height:.5rem;margin: .02rem auto 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pink2 ul li span{display: block;margin: auto;width: 1.24rem;height: .5rem;line-height: .5rem;border: .02rem solid rgba(241,64,147,.5);border-radius: .27rem;text-align: center;font-size: .24rem;color: #F14093;}
.pink2 ul li span.no{color: #FF802C;border: .02rem solid rgba(255,147,87,.5);}

.pink3{padding: .14rem .26rem;background: url(../img/hztbg.png) no-repeat;background-size: 100% 100%;margin: auto;margin-bottom: .2rem;}
.pink3 ul{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:.2rem;}
.pink3 ul li{position: relative;display: block;width: 3.38rem;height: 1.92rem;border-radius: .1rem;margin-bottom: .3rem;}
.pink3 ul li i{content: "";position: absolute;top: -.1rem;left: 0;right: 0;margin: auto;display: block;padding-left: .02rem;width: 1.86rem;height: .24rem;line-height: .24rem;text-align: center;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -.04rem -9.76rem;}
.pink3 ul li em{display: block;transform: scale(.9);font-size: .2rem;color: #fff;line-height: .24rem;}
.pink3 ul li a{display: block;width:100%;height: 100%;border-radius:.1rem;overflow: hidden;}
.pink3 ul li a img{display: block;width: 100%;min-height: 100%;height: auto;border-radius: .2rem;}
.pink3 ul li a p{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;height: .48rem;font-size: .24rem;color: #fff;line-height: .46rem;text-align: center;background: linear-gradient(to top,rgba(0,0,0,.7),transparent);border-radius: 0 0 .1rem .1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.filterBg{position: absolute;left: 0;right: 0;bottom: 0;height: .48rem;border-radius: 0 0 .1rem .1rem;margin: auto;overflow: hidden;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.3))),rgba(114,102,104,.2);background: linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),rgba(114,102,104,.2);}
.pkMore{display: block;width: 100%;height: .6rem;margin-bottom: .14rem;font-size: .26rem;color: rgba(49, 49, 49, .75);line-height: .6rem;text-align: center;background: #fff;border-radius: .3rem;}

.pink7{padding: 0 .26rem;background: #fff;overflow: hidden;}
.pink7 .tabMenu{display: block;margin:.15rem auto .11rem;overflow: hidden;overflow-x: auto;white-space: nowrap;font-size: 0;overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;height: .65rem;background: #FFF;box-shadow: 0 .03rem .15rem 0 rgba(0,113,91,.08);border-radius: .33rem;}
.pink7 .tabMenu::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0;}
.pink7 .tabMenu span{position: relative;margin-right: .1rem;display:inline-block;padding: 0 .65rem;height: .63rem;font-size:.24rem;color:rgba(139, 139, 139, .75);line-height:.65rem;border: .01rem solid rgba(255,255,255,.75);border-radius: .33rem;}
.pink7 .tabMenu span.current{ background: linear-gradient(90deg, rgba(255,123,123,.75),rgba(224,135,255,.75), rgba(164,215,255,.75));color: #fff;font-weight: bold;}
.pink7 li a{display: flex;padding-top: .26rem;}
.pink7 li a>div{position: relative;flex: 1;height: 1.42rem;padding-bottom: .29rem;}
.pink7 li a>div:after{content: "";position: absolute;bottom: 0;display: block;width: 108%;height: .01rem;background-color: #E7E7E7;border-radius: .01rem;}
.pink7 li:last-of-type a>div:after{background: transparent;}
.pink7 li a img{display:block;width:2.22rem;height:1.44rem;border-radius:.08rem;margin-right: .36rem;}
.pink7 li a p{display: block;margin-bottom: .11rem;height: .96rem;font-size:.3rem;color:#333;line-height: .48rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pink7 li a>div div{position: relative;font-size:.24rem;color:#999;line-height: .4rem;height: .4rem;overflow: hidden;}
.pink7 li a span{position: relative;font-size:.24rem;color:#999;line-height: .4rem;margin-left: .3rem;}

.pink6{position: relative;padding: 0 .26rem;background: #fff;margin-bottom: .2rem;}
.pink6 ul{padding-top: .15rem;overflow: hidden;}
.pink6 ul li{position: relative;display: flex;flex-wrap: wrap;width: 108%;}
.pink6 ul li:nth-of-type(n+2){display: none;}
.pink6 ul li a{position: relative;display: block;font-size: .24rem;color: #fff;line-height: .64rem;width: 1.62rem;height: .64rem;text-align: center;background: #FFBB00;border-radius: .18rem;margin:0 .17rem .18rem 0;overflow: hidden;white-space: nowrap;overflow: hidden;}
.pink6 ul li a span{position: absolute;right: 0;bottom: 0;display: block;padding:0 .11rem;min-width: .4rem;height: .27rem;font-size: .2rem;color: #3D4258;line-height: .27rem;text-align: center;border-radius: .18rem 0 .18rem 0;background: rgba(255,255,255,.3);}
.pink6 ul li a:nth-of-type(8n+1){background: #FFBB00;}
.pink6 ul li a:nth-of-type(8n+2){background: #40D9A3;}
.pink6 ul li a:nth-of-type(8n+3){background: #42B3FF;}
.pink6 ul li a:nth-of-type(8n+4){background: #40D9A3;}
.pink6 ul li a:nth-of-type(8n+5){background: #FF6073;}
.pink6 ul li a:nth-of-type(8n+6){background: #FF704D;}
.pink6 ul li a:nth-of-type(8n+7){background: #3E61FF;}
.pink6 ul li a:nth-of-type(8n+8){background: #FFBB00;}

.pkChange{position: absolute;top: .22rem;right: .4rem;font-size: .22rem;color: #FF1C70;line-height: .4rem;cursor: pointer;}
.pkChange i{position: relative;top: .08rem;vertical-align: top;display: inline-block;margin-right: .13rem;width: .24rem;height: .24rem;background-position: -2.87rem -.05rem;}

.hRank{padding: .15rem 0 .01rem;margin-bottom: .2rem;background: url(../img/hrktbg.png) no-repeat;background-size: 100% auto;}
.hRank .hTit{margin: 0 .26rem;}
.hRank .tabMenu{display: block;margin: .16rem 0;padding: 0 0 0 .25rem;height: .62rem;overflow: hidden;overflow-x: auto;white-space: nowrap;font-size: 0;overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;}
.hRank .tabMenu::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0;}
.hRank .tabMenu span{position: relative;vertical-align: top;display:inline-block;width: 2.2rem;text-align: center;margin-right: .16rem;height: .58rem;font-size:.24rem;color:rgba(255, 83, 165, .75);line-height:.58rem;background: rgba(255,255,255,.5);border: 1px solid rgba(255,83,165,.3);border: .01rem solid rgba(255,83,165,.3);border-radius: .3rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hRank .tabMenu span strong{position: relative;display: block;margin: auto;width: 1.5rem;font-size: .24rem;color: rgba(255, 83, 165, .75);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hRank .tabMenu span:before,.hRank .tabMenu span:after{content: "";position: absolute;left: .13rem;top: .04rem;right: auto;z-index: 1;display: inline-block;width: .25rem;height: .53rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -.04rem -1.62rem;}
.hRank .tabMenu span:after{right: .13rem;left: auto;transform: rotateY(180deg);}
.hRank .tabMenu span:nth-of-type(2){border: 1px solid rgba(255, 200, 170,1);border: .01rem solid rgba(255, 200, 170,1);}
.hRank .tabMenu span:nth-of-type(3){border: 1px solid rgba(205, 207, 255,1);border: .01rem solid rgba(205, 207, 255,1);}
.hRank .tabMenu span:nth-of-type(2):before,.hRank .tabMenu span:nth-of-type(2):after{background-position: -.66rem -1.62rem;}
.hRank .tabMenu span:nth-of-type(3):before,.hRank .tabMenu span:nth-of-type(3):after{background-position: -1.44rem -1.62rem;}
.hRank .tabMenu span:nth-of-type(2) strong{color: rgba(254, 129, 62,.75)}
.hRank .tabMenu span:nth-of-type(3) strong{color: rgba(75, 97, 255, .65)}
.hRank .tabMenu span.current:before{left: .12rem;top: .06rem;background-position: -2.13rem -1.62rem;}
.hRank .tabMenu span.current:after{right: .12rem;top: .06rem;background-position: -2.13rem -1.62rem;transform: rotateY(180deg);}
.hRank .tabMenu span.current{position: relative;width: 2.21rem;background: #FF53A5;border-radius: .26rem .26rem .26rem 0;}
.hRank .tabMenu span.current strong{background: linear-gradient(0deg, #FFD76C 0%,#FFD76C 20%,#FFFFFF 70%, #FFFFFF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;}
.hRank .tabMenu span:nth-of-type(2).current{background: #FE813E;}
.hRank .tabMenu span:nth-of-type(3).current{background: #5D76FF;}
.hRank .tabMenu span:nth-of-type(3).current strong{background: linear-gradient(0deg, #67D2FF 0%,#67D2FF 20%, #FFFFFF 70%, #FFFFFF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;}

.hRank ol{position: relative;padding-top: 4rem;background: url(../img/hrkmbg.png) no-repeat;background-size:6.69rem auto;background-position:.41rem 1.8rem;}
.hRank ol li{position: relative;}
.hRank ol li:nth-of-type(2n+1){background-color: #FFFAFC;}
.hRank ol li a{position: relative;display: flex;padding: .32rem .26rem .33rem .03rem;overflow: hidden;}
.hRank ol li:nth-of-type(2n+2) a{padding: .38rem .26rem .39rem .03rem;}
.hRank ol li a img{width: 1.2rem;height: 1.2rem;border-radius: .28rem;margin-right: .28rem;}
.hRank ol li a div{flex: 1;height: 1.2rem;overflow: hidden;}
.hRank ol li a div p{display: block;font-size: .28rem;color: #000;line-height: .4rem;margin-bottom: .01rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hRank ol li a div span{display: block;font-size: .22rem;color: #9F9FA4;line-height: .44rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hRank ol li a>span{position: absolute;top: 0;bottom: 0;right: .25rem;margin: auto;display: block;width: 1.24rem;height: .5rem;line-height: .5rem;border: .02rem solid rgba(241,64,147,.5);border-radius: .27rem;font-size: .24rem;color: #F14093;text-align: center;overflow: hidden;}
.hRank ol li a>span.no{color: #FF802C;border: .02rem solid rgba(255,147,87,.5);}
.hRank ol li i{display: block;margin: .34rem .15rem 0 .31rem;width: .64rem;height: .51rem;text-align: center;font-size: .34rem;color: #C2C2D9;line-height: .51rem;font-style: italic;}
.hRank ol li:nth-of-type(-n+3){position: absolute;top: .5rem;margin: 0;background-color: transparent;text-align: center;}
.hRank ol li:nth-of-type(1){width: 2.4rem;height: 3.4rem;top: 0;left:2.56rem;}
.hRank ol li:nth-of-type(2){width: 2.15rem;height: 3.2rem;top: .4rem;left:.41rem;}
.hRank ol li:nth-of-type(3){width: 2.15rem;height: 3.2rem;top: .4rem;left:4.95rem;}
.hRank ol li:nth-of-type(-n+3) a{display: block;text-align: center;padding: 0;}
.hRank ol li:nth-of-type(-n+3) i{position: absolute;top: 0;left: 0;right: 0;margin: auto;z-index: 1;}
.hRank ol li:nth-of-type(1) i{position: absolute;top: 0;z-index: 1;float: inherit;font-size: 0;width: 1.55rem;height: 1.84rem;background:url(../img/hrk1bg.png) no-repeat;background-size:100% auto;}
.hRank ol li:nth-of-type(2) i{position: absolute;top: .12rem;z-index: 1;float: inherit;font-size: 0;width: 1.32rem;height: 1.62rem;background:url(../img/hrk2bg.png) no-repeat;background-size:100% auto;}
.hRank ol li:nth-of-type(3) i{position: absolute;top: .12rem;z-index: 1;float: inherit;font-size: 0;width: 1.32rem;height: 1.62rem;background:url(../img/hrk3bg.png) no-repeat;background-size:100% auto;}
.hRank ol li:nth-of-type(-n+3) img{float: inherit;display: block;width: 1.08rem;height: 1.08rem;margin: auto;}
.hRank ol li:nth-of-type(1) img{width: 1.28rem;height: 1.28rem;border-color: #FEB754;margin-top: .3rem;border-radius:1.1rem 1.1rem 1rem 1rem;}
.hRank ol li:nth-of-type(2) img{width: 1.08rem;height: 1.08rem;border-color: #FD8EB9;margin-top: .46rem;border-radius: 1rem 1rem .9rem .9rem;}
.hRank ol li:nth-of-type(3) img{width: 1.08rem;height: 1.08rem;border-color: #B482FC;margin-top: .46rem;border-radius: 1rem 1rem .9rem .9rem;}
.hRank ol li:nth-of-type(-n+3) div{float: inherit;width: 100%;height: auto;}
.hRank ol li:nth-of-type(-n+3) div p{margin-bottom: 0;text-align: center;font-size: .24rem;line-height: .4rem;margin-top: .36rem;}
.hRank ol li:nth-of-type(-n+3) div span{margin-bottom: 0;text-align: center;font-size: .2rem;line-height: .28rem;text-overflow: inherit;}
.hRank ol li:nth-of-type(1) div p{margin-top: .44rem;}
.hRank ol li:nth-of-type(-n+3) a>span{position: relative;margin:.1rem auto;top: auto;bottom: auto;right: auto;}
.hRank ol li:nth-of-type(-n+3) div span:nth-of-type(1){display: none;}
.hRank .rmore{margin: .06rem .26rem .01rem;}

.gsWrap{background: url(../img/gstopbg.png) no-repeat;background-size: 100% auto;}
.gsPart{margin-bottom: .19rem;padding-bottom: .01rem;}
.gsPart .list{display: flex;flex-wrap: wrap;margin:.3rem .26rem .2rem .25rem;padding: .34rem  0 .19rem;background: #FFF;box-shadow: 0 .03rem .35rem 0 rgba(255,71,111,.12);border-radius: .1rem;}
.gsPart .list a{display: block;margin:0 .02rem .22rem .16rem;padding: 0 .445rem;height: .62rem;line-height: .62rem;border: 1px solid #D8D8D8;border: .01rem solid #D8D8D8;border-radius: .31rem;font-size: .3rem;color: #666;background: #fff;}
.gsPart .list a.current{font-weight: bold;color: #fff;background: #FF7B92;border-color: #FF7B92;}
.gsPart .list a:nth-of-type(n+9){display: none;}
.gsPart .list span{display: block;margin:0 .02rem .22rem .16rem;padding: 0 .33rem;height: .62rem;line-height: .62rem;border: 1px solid rgba(255, 123, 146, .5);border: .01rem solid rgba(255, 123, 146, .5);border-radius: .31rem;font-size: .3rem;color: #FF7B92;background: #fff;}
.gsPart .list span.putTag{color: #ccc;border-color: #D8D8D8;}
.softPart .list a.current{background:#DD8BFF;border-color: #DD8BFF;}
.softPart .list span{color: #DD8BFF;border-color:rgba(221,139,255,0.5);}

.gsList{padding-bottom: .1rem;background: #fff;overflow: hidden;}
.gsList ul{padding: .05rem 0 .03rem;}
.gsList li{position: relative;background: #fff;border-bottom: .01rem solid #fff;}
.gsList li:nth-of-type(2n+2){background-color: #f6f6f6;}
.gsList li a{position: relative;display: flex;padding: .32rem .26rem .33rem;overflow: hidden;}
.gsList li:nth-of-type(2n+2) a{padding: .38rem .26rem .39rem;}
.gsList li a img{width: 1.2rem;height: 1.2rem;border-radius: .28rem;margin-right: .28rem;}
.gsList li a div{flex: 1;height: 1.2rem;overflow: hidden;}
.gsList li a div p{display: block;font-size: .28rem;color: #000;line-height: .4rem;margin-bottom: .01rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gsList li a div span{display: block;font-size: .22rem;color: #9F9FA4;line-height: .44rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gsList li a>span{position: absolute;top: 0;bottom: 0;right: .25rem;margin: auto;display: block;width: 1.24rem;height: .5rem;line-height: .5rem;border: .02rem solid rgba(241,64,147,.5);border-radius: .27rem;font-size: .24rem;color: #F14093;text-align: center;overflow: hidden;}
.gsList li a>span.no{color: #FF802C;border: .02rem solid rgba(255,147,87,.5);}

.ztWrap{background: url(../img/zttopbg.png) no-repeat;background-size: 100% auto;background-color: #fff;}
.ztWrap .site,.ztWrap .site a{color: #fff;}
.ztWrap .site i{background-position: -3.6rem -.05rem;}
.ztPart .tit{display: flex;justify-content: space-between;position: relative;padding: 0 .3rem;height: .46rem;line-height: .46rem;margin:auto;}
.ztPart .tit strong{position: relative;z-index: 1;display: block;padding-left: .45rem;font-size: .32rem;color: #333;line-height: .45rem;font-weight: bold;}
.ztPart .tit strong:after{content: "";position: absolute;top: .03rem;left: 0;z-index: -1;display: block;width: .34rem;height: .4rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -2.49rem -3.5rem;}

.ztPart ul{display: flex;overflow: hidden;overflow-x: auto;white-space: nowrap;font-size: 0;overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;padding:.25rem 0 .01rem .26rem;}
.ztPart ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0;}
.ztPart li{position: relative;display: block;width: 3.8rem;height: 2.15rem;border-radius: .1rem;margin:0 .3rem .2rem 0;}
.ztPart li i{content: "";position: absolute;top: -.1rem;left: 0;right: 0;margin: auto;display: block;padding-left: .02rem;width: 1.86rem;height: .24rem;line-height: .24rem;text-align: center;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -.04rem -9.76rem;}
.ztPart li em{display: block;transform: scale(.9);font-size: .2rem;color: #fff;line-height: .24rem;}
.ztPart li a{display: block;width: 3.8rem;height: 2.15rem;border-radius:.1rem;overflow: hidden;}
.ztPart li a img{display: block;width: 100%;min-height: 100%;height: auto;border-radius: .2rem;}
.ztPart li a p{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;height: .48rem;font-size: .24rem;color: #fff;line-height: .46rem;text-align: center;background: linear-gradient(to top,rgba(0,0,0,.7),transparent);border-radius: 0 0 .1rem .1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.filterBg{position: absolute;left: 0;right: 0;bottom: 0;height: .48rem;border-radius: 0 0 .1rem .1rem;margin: auto;overflow: hidden;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.3))),rgba(114,102,104,.2);background: linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),rgba(114,102,104,.2);}


.ztMenu{display: flex;justify-content: space-between;margin:.2rem .26rem .31rem;overflow: hidden;overflow-x: auto;white-space: nowrap;font-size: 0;overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;height: .65rem;background: #FFF;box-shadow: 0 .03rem .15rem 0 rgba(0,113,91,.08);border-radius: .33rem;}
.ztMenu::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0;}
.ztMenu a{position: relative;display:inline-block;flex:1;text-align: center;padding: 0 .28rem;height: .63rem;font-size:.24rem;color:rgba(139, 139, 139, .75);line-height:.65rem;border: .01rem solid rgba(255,255,255,.75);border-radius: .33rem;}
.ztMenu a.current{ background: linear-gradient(90deg, rgba(255,123,123,.75),rgba(224,135,255,.75), rgba(164,215,255,.75));color: #fff;font-weight: bold;}

.ztList{padding-bottom: .22rem;}
.ztList ul{padding: 0 .26rem;}
.ztList li{position: relative;display: flex;height: 2.4rem;background: #FFF;border: 1px solid #EDEDED;border: .01rem solid #EDEDED;border-radius: .1rem;margin-bottom:.22rem;overflow: hidden;}
.ztList li a:nth-of-type(2){display: block;width: 100%;padding: .25rem .16rem .25rem 0;}
.ztList li a:nth-of-type(2){position: relative;z-index: 1;width: 3.3rem;height: 1.9rem;border-radius: .1rem;overflow: hidden;}
.ztList li img{width: 100%;min-height: 100%;height: auto;}
.ztList li a:nth-of-type(1){display: block;width: 0%;-webkit-box-flex:1.0;-moz-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;padding: .25rem 0;}
.ztList li p{display: block;font-size: .24rem;color: #333;line-height: .28rem;font-weight: bold;overflow: hidden;white-space: nowrap;}
.ztList li p:nth-of-type(1){text-overflow: ellipsis;margin-left: .16rem;margin-bottom: .01rem;}
.ztList li p:nth-of-type(2){font-size: .2rem;color: #999;line-height:.56rem;font-weight: 400;margin-left: .09rem;margin-bottom: .01rem;}
.ztList li p:nth-of-type(2):before{content: "";position: relative;top: .15rem;margin-right: .04rem;vertical-align: top;display: inline-block;width: .34rem;height: .26rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -5.74rem -.05rem;}
.ztList li i{display: block;font-size: .2rem;color: #333;line-height: .48rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-left:.16rem;}
.ztList li i:before{content: "";position: relative;top: .12rem;vertical-align: top;display: inline-block;margin-right: .08rem;width: .24rem;height: .22rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -5.21rem -.06rem;}
.ztList li span{display: block;width: 1.48rem;height: .5rem;font-size: .2rem;color: #fff;line-height: .5rem;text-align: center;background: linear-gradient(-90deg, #FF126D, #FF8094);box-shadow: 0 1px .1rem 0 rgba(255,26,112,.3);border-radius: .25rem;margin-left: .15rem;}
.ztWrap .pageWrap{padding: 12px .5rem .32rem;}

.ztDeWrap{background: url(../img/ztdetopbg.png) no-repeat;background-size: 100% auto;}
.ztDeWrap .site,.ztDeWrap .site a{color: #fff;}
.ztDeWrap .site i{background-position: -3.6rem -.05rem;}

.ztDePart{position: relative;margin:1.02rem .26rem .2rem .25rem;box-shadow: 0 .01rem .2rem 0 rgba(250,124,151,.3);border-radius: .1rem;background: transparent;}
.ztDePart h1{display: block;margin-top: -1.2rem;margin-left: .15rem;padding-left: .15rem;height: .6rem;background: linear-gradient(90deg, #51F5D8, transparent);border-radius: .1rem;font-size: .32rem;color: #000;font-weight: bold;line-height: .6rem;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.ztDePart .img{position: relative;width: 100%;height: 2.72rem;border-radius: .1rem .1rem 0 0;overflow: hidden;}
.ztDePart .img img{width: 100%;min-height: 100%;height: auto;}
.ztDePart p{position: relative;z-index: 1;display: block;margin:0 .2rem .04rem .3rem;max-height: 1.6rem;font-size: .2rem;color: #717171;line-height: .32rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.ztDePart span{position: relative;z-index: 1;margin-top: .07rem;padding-left: .3rem;display: block;height: .4rem;line-height: .4rem;font-size: .2rem;color: #999;}
.ztDePart span em{color: #FF9F9F;}
.ztDePart i{content: "";position: absolute;top: -.12rem;right: .16rem;display: block;padding-left: .06rem;width: 1.8rem;height: .28rem;line-height: .28rem;font-size: .2rem;color: #fff;text-align: center;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -.04rem -9.37rem;}
.ztDePart i em{display: block;transform: scale(.9);font-size: .2rem;color: #fff;line-height: .27rem;}
.ztDePart .info{position: relative;z-index: 1;margin: auto;margin-top: -.6rem;padding: 1.2rem 0 .2rem;background: linear-gradient(0deg, #fff ,#fff  72%,transparent);background-color: transparent;border-radius:0 0 .1rem .1rem;}

.ztGaHot{padding: .16rem 0 .2rem;margin: 0 .25rem .2rem;background: #FFF;border-radius: .1rem;}
.ztGaHot ul{display: flex;flex-wrap: wrap;}
.ztGaHot ul li{width: 25%;height: 2.37rem;margin: .15rem 0;}
.ztGaHot ul li a:nth-of-type(1){display: block;text-align: center;}
.ztGaHot ul li a:nth-of-type(1) img{display: block;margin: 0 auto;width:1.28rem;height: 1.28rem;border-radius: .3rem;}
.ztGaHot ul li a:nth-of-type(1) p{display: block;margin: auto;font-size: .24rem;color: #000;line-height: .54rem;white-space: nowrap;overflow: hidden;}
.ztGaHot ul li .btn{display: block;margin:.01rem auto 0;width: 1.24rem;height: .5rem;line-height: .5rem;border: .02rem solid rgba(241,64,147,.5);border-radius: .27rem;font-size: .24rem;color: #F14093;text-align: center;}
.ztGaHot ul li .btn.no{color: #FF802C;border: .02rem solid rgba(255,147,87,.5);}
.ztGaHot ul li a span{display: block;margin:.01rem auto 0;width: 1.24rem;height: .5rem;line-height: .5rem;border: .02rem solid rgba(241,64,147,.5);border-radius: .27rem;font-size: .24rem;color: #F14093;text-align: center;}
.ztGaHot ul li a span.no{color: #FF802C;border: .02rem solid rgba(255,147,87,.5);}


.ztDeWrap .gsList{padding: .16rem 0 .02rem;margin:0 .25rem .2rem;}
.ztDeWrap .gsList ul{margin-top: -.1rem;}
.ztDeWrap .gsList li .btn{position: absolute;top: 0;bottom: 0;margin:auto;right: .25rem;padding: 0;display: block;width: 1.24rem;height: .5rem;line-height: .5rem;border: .02rem solid rgba(241,64,147,.5);border-radius: .27rem;font-size: .24rem;color: #F14093;text-align: center;}
.ztDeWrap .gsList li .btn.no{color: #FF802C;border: .02rem solid rgba(255,147,87,.5);}
.ztDeWrap .gsList li:nth-of-type(2n+2){background: #fffafc;}

.ztDeWrap .pink3{background: transparent;padding: 0 .26rem;}
.pink3 .list{display: flex;flex-wrap: wrap;padding:.02rem 0;width: 103%;}
.pink3 .list a{display: block;margin: 0 .28rem .28rem 0;padding: 0 .33rem;height: .48rem;font-size: .24rem;color: #646567;line-height: .48rem;background:rgba(255,255,255,.5);border-radius: .22rem;}

.ztGaRec {position: relative;padding: .15rem .25rem 0;margin-bottom: .2rem;}
.ztGaRec i{position: absolute;top: .01rem;left: .68rem;display: block;width: .87rem;height:.44rem;background-position: -5.01rem -1.62rem;}
.ztGaRec a:nth-of-type(1){position: relative;display: flex;margin: 0 .08rem;padding: .28rem .22rem .13rem;overflow: hidden;background: #FFF9FA;border: 1px solid #FCD6F1;border: .01rem solid #FCD6F1;border-radius: .2rem;}
.ztGaRec a:nth-of-type(1) img{width: 1.2rem;height: 1.2rem;border-radius: .28rem;margin-right: .26rem;}
.ztGaRec a:nth-of-type(1)>div{position: relative;z-index: 1;display: block;width: 0%;-webkit-box-flex: 1.0; -moz-flex-grow: 1;-webkit-flex-grow: 1; flex-grow: 1;height: 1.2rem;overflow: hidden;}
.ztGaRec a:nth-of-type(1) p{display: block;font-size: .26rem;color: #000;line-height: .42rem;margin-top: .01rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztGaRec a:nth-of-type(1)>div div{font-size: .2rem;color: #999;line-height: .32rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztGaRec a:nth-of-type(1)>div span{font-size: .2rem;color: #ccc;margin-right: .3rem;}
.ztGaRec a.btn{position: absolute;z-index: 1;top: .66rem;right: .48rem;margin: auto;display: block;width: 1.24rem;height: .5rem;line-height: .5rem;background: linear-gradient(-90deg, #FF7B7B, #E087FF, #A4D7FF);border: .02rem solid #FFF;border-radius: .27rem;font-size: .24rem;color: #fff;text-align: center;overflow: hidden;}
.ztGaRec a.btn.no{color: #FF802C;border: .02rem solid rgba(255,147,87,.5);}
.ztGaRec:after{content: "";position: absolute;top: .36rem;right: .48rem;display: block;width: 2.56rem;height: 1.31rem;background: url(../img/bianji.png) no-repeat;background-size: 100% 100%;}

.nsWrap{padding-bottom: .01rem;background: url(../img/nstopbg.png) no-repeat;background-size: 100% auto;background-color: #fff;}
.nsWrap .site,.nsWrap .site a{color: #fff;}
.nsWrap .site i{background-position: -3.6rem -.05rem;margin-left: .05rem;}

.nsPart{display: flex;overflow: hidden;overflow-x: auto;white-space: nowrap;font-size: 0;overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;padding:.01rem 0 .01rem .31rem;}
.nsPart::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0;}
.nsPart a{position: relative;display: block;width: 4.4rem;height: 3.34rem;border-radius: .1rem;margin-right:.2rem;}
.nsPart a:nth-of-type(1):before{content: "";position: absolute;z-index: 1;top: -.01rem;left: -.01rem;margin: auto;display: block;width: .99rem;height: .88rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -.04rem -3.4rem;}
.nsPart a div{position: relative;width: 4.4rem;height: 2.7rem;border-radius: .1rem;overflow: hidden;}
.nsPart a div img{width: 100%;min-height: 100%;height: auto;}
.nsPart a p{font-size: .26rem;color: #333;line-height: .64rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.nsList{padding: 0 .26rem;margin-bottom: .2rem;overflow: hidden;}
.nsList .ztMenu{margin: .23rem 0 .12rem;}
.nsList li a{display: flex;padding-top: .26rem;}
.nsList li a>div{position: relative;flex: 1;height: 1.42rem;padding-bottom: .29rem;}
.nsList li a>div:after{content: "";position: absolute;bottom: 0;display: block;width: 108%;height: .01rem;background-color: #E7E7E7;border-radius: .01rem;}
.nsList li a img{display:block;width:2.22rem;height:1.44rem;border-radius:.08rem;margin-right: .36rem;}
.nsList li a p{display: block;margin-bottom: .11rem;height: .96rem;font-size:.3rem;color:#333;line-height: .48rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.nsList li a>div div{position: relative;font-size:.24rem;color:#999;line-height: .4rem;}
.nsList li a span{position: relative;font-size:.24rem;color:#999;line-height: .4rem;margin-left: .3rem;}
.nsList .pageWrap{padding: .3rem .26rem .39rem;}

.nsDeWrap .site{background: url(../img/nstopbg.png) no-repeat;background-size: 100% auto;}
.nsDeWrap .site,.nsDeWrap .site a{color: #fff;}
.nsDeWrap .site i{background-position: -3.6rem -.05rem;margin-left: .05rem;}
.nsDeWrap h1{padding: 0 .25rem;font-size: .38rem;color: #000;font-weight: bold;line-height: .54rem;margin: .3rem 0 0;text-align: center;}
.nsDeWrap .intro{position: relative;padding: 0 .25rem;width: 100%;display: flex;justify-content: center;font-size: .2rem;color: #999;line-height:.48rem;margin-bottom: .1rem;}
.nsDeWrap .intro span{margin:0 .11rem;}
.infoCont{padding: .3rem 0;margin: 0 .25rem .2rem;background-color: #fff;border-radius: .1rem;overflow: hidden;}
.infoCont .cont{font-size:.24rem;line-height:.45rem;color:#1F1F1F;padding: 0 .25rem .1rem;}
.infoCont .cont a {color: #F14093;display: inline-block;border-bottom:1px solid #F14093;line-height: .4rem;text-indent: 0;}
.infoCont .cont p{margin-bottom:.16rem;word-break: break-all;}
.infoCont .cont img{display:block;max-width:100%;height: auto;margin:.2rem auto;}
.infoCont .cont h3{position: relative;display: block;font-size: .28rem;color: #000;font-weight:bold;line-height: .58rem;margin-bottom: .12rem;}
.infoCont .cont br:last-child{display: none;}
.infoCont .cont iframe {width: 100%;height: 3.6rem;margin: 0 auto;display: block;border: none;}
.infoCont .cont table{width: 100% !important;border-color: #d9d9d9;}
.infoCont .cont table a{border-bottom: none;color: #2440b3;}
.infoCont .cont strong{font-weight: bold;}
.infoCont .cont .info {width: 100%;height: 1.7rem;background: #f5f5f5;overflow: hidden;border-radius: .08rem;margin: .2rem auto;}
.infoCont .cont .info img {width: 1.28rem;height: 1.28rem;display: block;float: left;margin: .21rem .2rem;border-radius: .25rem}
.infoCont .cont .info p{text-indent: 0;}
.qaboxs {float: left;width: 50%;max-width: 50%}
.qaboxs .name {color: #333;font-size: .32rem;margin-top: .32rem;margin-bottom: .2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.qaboxs p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.qaboxs p span {font-size: .28rem;color: #999}
.qaboxs p span em {font-size: .28rem;color: #666;}
.infoCont .cont .info a {border: 0}
.infoCont .cont .info a.btn {width: 1.2rem;height: .52rem;display: block;float: right;font-size: .24rem;color: #fff;text-align: center;background: #ffa622;line-height: .52rem;border-radius: .08rem;margin-top: .6rem;margin-right: .2rem;}

.nsZan{text-align: center;margin: .02rem auto .32rem;width: 1.8rem;height: .66rem;line-height: .66rem;background: linear-gradient(-90deg, #FF126D, #FF8094);box-shadow: 0 .01rem .1rem 0 rgba(255,26,112,.3);border-radius: .33rem;font-size: .2rem;color: #fff;}
.nsZan i{position: relative;top: .03rem;display: inline-block;width: .22rem;height: .22rem;background-position: -4.29rem -.05rem;margin-right: .08rem;}

.nsUrl {padding: 0 .05rem .04rem .25rem;height: .4rem;line-height: .4rem;font-size: .22rem;color: #8F8F8F;font-weight: lighter;}
.nsUrl span {position: relative;display: inline-block;padding: 0 .1rem; height: .38rem;line-height: .38rem;font-size: .22rem;text-align: center;font-weight: lighter;color: #FFA900;border: 1px solid rgba(255,169,0,.5); border-radius: .06rem;margin-right: .12rem;cursor: pointer}
.nsUrl span i { display: inline-block; width: .18rem; height: .18rem;vertical-align: top; position: relative; top: .1rem;margin-right: .08rem; background-position: -4.77rem -.05rem;}
.nsUrl span input { position: absolute; top: 0;left: 0;z-index: -1;width: 100%;height: 100%;}


.infoGame {position: relative;background: #FFF9FA;border: 1px solid #FCD6F1;border: .01rem solid #FCD6F1;border-radius: .2rem;margin:0 .25rem .25rem;overflow: hidden;}
.infoGame:before{content: "";position: absolute;top:0;left: 0;display: block;width: 1.87rem;height:1.52rem;background: url(../img/nsgamebg.png) no-repeat;background-size: 100% 100%;}
.infoGame a:nth-of-type(1){position: relative;display: flex;padding: .16rem;}
.infoGame a:nth-of-type(1) img{width: 1.1rem;height: 1.1rem;border: .05rem solid rgba(255,255,255,.3);border-radius: .2rem;margin-right: .21rem;}
.infoGame a:nth-of-type(1)>div{position: relative;z-index: 1;display: block;width: 0%;-webkit-box-flex: 1.0; -moz-flex-grow: 1;-webkit-flex-grow: 1; flex-grow: 1;height: 1.2rem;overflow: hidden;}
.infoGame a:nth-of-type(1) p{display: block;font-size: .26rem;color: #000;font-weight: bold;line-height: .42rem;margin-top: .06rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.infoGame a:nth-of-type(1)>div div{font-size: .2rem;color: #999;line-height: .32rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.infoGame a:nth-of-type(1)>div span{font-size: .2rem;color: #ccc;margin-right: .2rem;}
.infoGame a.btn{position: absolute;z-index: 1;top: 0;bottom: 0;right: .16rem;margin: auto;display: block;width: 1.24rem;height: .5rem;line-height: .5rem;background: linear-gradient(-90deg, #FF7B7B, #E087FF, #A4D7FF);border: .02rem solid #FFF;border-radius: .27rem;font-size: .24rem;color: #fff;text-align: center;overflow: hidden;}
.infoGame a.btn.no{color: #FF802C;border: .02rem solid rgba(255,147,87,.5);}
.infoGame:after{content: "";position: absolute;top: .13rem;right: .16rem;display: block;width: 2.56rem;height: 1.31rem;background: url(../img/bianji.png) no-repeat;background-size: 100% 100%;}

.nsDeWrap .nsList{margin: 0 .26rem .31rem;padding: .16rem .15rem;background: #fff;border-radius: .1rem;overflow: hidden;}
.nsDeWrap .nsList li:last-of-type a>div:after{display: none;}

.pageBox{display: flex;padding: .24rem 0 .39rem .25rem;margin: 0 .25rem .2rem;background: #fff;border-radius: .1rem;}
.pageBox a{display: block;width: 3.15rem;margin-right: .21rem;}
.pageBox p{display: block;margin-bottom: .18rem;height: .84rem;font-size: .24rem;color: #333;line-height: .42rem;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pageBox i{display: block;font-size: .2rem;color: #AEAEAE;line-height:.36rem ;margin-bottom: .26rem;}
.pageBox span{display: block;width: 3.13rem;height: .74rem;line-height: .74rem;background: #F14093;border-radius: 10px;font-size: .26rem;color: #fff;text-align: center;}

.rkWrap{padding-bottom: .13rem;background: url(../img/ranktopbg.png) no-repeat;background-size: 100% auto;}
.rkList{padding: .2rem 0;margin: 1.8rem .25rem .2rem;background: #fff;border-radius: .1rem;}
.rkMenu{position: relative;display: flex;height:.7rem;justify-content: center;}
.rkMenu:before,.rkMenu:after{content: "";position: absolute;left: .21rem;right: auto;top: 0;display: block;width: .32rem;height: .69rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -.04rem -2.45rem;}
.rkMenu:after{left: auto;right: .21rem;transform:rotateY(180deg);}
.rkMenu a{position: relative;z-index: 1;display: block;max-width: 2rem;min-width: 1rem;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .28rem;color: #909090;line-height: .69rem;padding: 0 .1rem;margin: 0 .1rem;}
.rkMenu a:after{content: "";position: absolute;z-index: -1;left: 0;right: 0;bottom: .12rem;margin: auto;display: none;width: 100%;height: .16rem;background: linear-gradient(-90deg, #FFABC6, #FF6297);}
.rkMenu a.current:after{display: block;}
.rkMenu a.current{font-size: .32rem;color: #262626;font-weight: bold;}
.rtime{position: relative;font-size: .2rem;color: #CCC;line-height: .44rem;text-align: center;}
.rtime:before,.rtime:after{content: "";position: relative;top: .21rem;vertical-align: top;display: inline-block;width: .82rem;height: .02rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -3.47rem -2.45rem;margin: 0 .11rem;}
.rtime:after{background-position: -3.47rem -2.71rem;}
.rkList ol{padding: .14rem 0 .03rem;}
.rkList li{position: relative;background: #fff;border-bottom: .01rem solid #fff;}
.rkList li:nth-of-type(2n+1){background-color: #FFFAFC;}
.rkList li a{position: relative;display: flex;padding: .32rem .26rem .33rem .03rem;overflow: hidden;}
.rkList li:nth-of-type(2n+2) a{padding: .38rem .26rem .39rem .03rem;}
.rkList li a img{width: 1.2rem;height: 1.2rem;border-radius: .28rem;margin-right: .28rem;}
.rkList li a div{flex: 1;height: 1.2rem;overflow: hidden;}
.rkList li a div p{display: block;font-size: .28rem;color: #000;line-height: .4rem;margin-bottom: .01rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rkList li a div span{display: block;font-size: .22rem;color: #9F9FA4;line-height: .44rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rkList li a>span{position: absolute;top: 0;bottom: 0;right: .25rem;margin: auto;display: block;width: 1.24rem;height: .5rem;line-height: .5rem;border: .02rem solid rgba(241,64,147,.5);border-radius: .27rem;font-size: .24rem;color: #F14093;text-align: center;overflow: hidden;}
.rkList li a>span.no{color: #FF802C;border: .02rem solid rgba(255,147,87,.5);}
.rkList li i{display: block;margin: .34rem .2rem 0 .18rem;width: .64rem;height: .51rem;text-align: center;font-size: .22rem;color: #C2C2D9;font-weight: bold;line-height: .51rem;}
.rkList li:nth-of-type(-n+3) i{font-size: 0;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -.64rem -2.45rem;}
.rkList li:nth-of-type(1) i{background-position: -.64rem -2.45rem;}
.rkList li:nth-of-type(2) i{background-position: -1.51rem -2.45rem;}
.rkList li:nth-of-type(3) i{background-position: -2.4rem -2.45rem;}
.rmore{display: block;margin: .04rem .15rem .18rem;height: .58rem;line-height: .58rem;text-align: center;font-size: .26rem;color: #FF53A5;border: 1px solid rgba(255,83,165,.5);border: .01rem solid rgba(255,83,165,.5);border-radius: .3rem;opacity: .65;}

.gsDeWrap{background: url(../img/nogamebg.png) no-repeat;background-size: 100% auto;}
.gsDeWrap .nsList{margin: 0 .26rem .31rem;padding: .16rem .15rem;background: #fff;border-radius: .1rem;overflow: hidden;}
.gsDeWrap .nsList li:last-of-type a>div:after{display: none;}

.relJs{position: relative;padding: .16rem .15rem .12rem;margin: 0 .25rem .2rem;background: #fff;border-radius: .1rem;}
.relJs>ul{padding: .16rem .2rem;margin: .15rem 0;background: #f6f6f6;border-radius:.1rem; }
.relJs>ul li{display: flex;justify-content: space-between;font-size: .24rem;color: #666;line-height: .36rem;padding: .15rem 0;border-radius: .12rem; word-break: break-all;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.relJs>ul li:last-of-type{border: 0;}
.relJs>ul li span{display: inline-block;width: 1.25rem;color: #999;}
.gPower,.gSecret,.gsSecret{color: #FDA7A7 !important;}
.feBaBtn{position: absolute;top: .24rem;right: -.12rem;padding-left: .36rem;width: .62rem;text-align: center;height: .48rem;font-size: .2rem;color: #fff;text-align: center;line-height: .38rem;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -4.59rem -2.45rem;}

.relZt {margin: 0 .26rem .2rem;padding: .16rem 0 .32rem;background: #fff;border-radius: .1rem;overflow: hidden;}
.relZt .tabMenu{display:flex; relative;height: .46rem;overflow: hidden;overflow-x: auto;white-space: nowrap;font-size: 0;overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;margin-right:.15rem;padding:.13rem 0 .26rem .15rem;}
.relZt .tabMenu::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0;}
.relZt .tabMenu span{display: inline-block;margin-right: .07rem;padding: 0 .1rem;flex: 1;height: .46rem;line-height: .46rem;font-size: .2rem;color: #333;text-align: center;background:rgba(241, 64, 147, .15);cursor: pointer;white-space: nowrap;overflow: hidden;}
.relZt .tabMenu span.current{color: #fff;font-weight: bold;background:linear-gradient(90deg, #ff7078, #c86fff, #74b9ff);}
.relZt .tabBox{padding-bottom: .15rem;background-color: #FFF;border-radius: .1rem;}
.relZt .rztTop{position: relative; min-height: 2.4rem; padding: .1rem .5rem .4rem .22rem;background: url(../img/ztdetlbg.png) no-repeat;background-position: 3.93rem 8rem;background-size: 5.1rem 2.98rem;overflow: hidden;}
.relZt .intro{display: flex;justify-content: space-between;border-bottom: 1px dashed rgba(102,102,102,.15);border-bottom: .01rem dashed rgba(102,102,102,.15);margin:.07rem .15rem;}
.relZt .intro div{position: relative;width: 3.65rem;}
.relZt .intro strong{display: block;padding: 0 .15rem;height: .6rem;line-height: .68rem;font-size: .24rem;color: #333;font-weight: bold;background: linear-gradient(-90deg, #FFFFFF, #51F5D8);border-radius: .1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.relZt .intro span{display: block;margin-top: .06rem;font-size: .2rem;color: #999;line-height: .42rem;}
.relZt .intro span em{color: #FF9F9F;}
.relZt .intro img{width:2.88rem;height:2rem;border-radius: .1rem;margin-bottom: .2rem;}
.relZt .intro i{content: "";position: absolute;top: -.12rem;left: .05rem;display: block;padding-left: .06rem;width: 1.8rem;height: .28rem;line-height: .28rem;font-size: .2rem;color: #fff;text-align: center;background:url(../img/icon.png) no-repeat;background-size:10rem 10rem;background-position: -.04rem -9.37rem;}
.relZt .intro i em{display: block;transform: scale(.9);font-size: .2rem;color: #fff;line-height: .27rem;}
.relZt .intro p{display: block;font-size: .2rem;color: #717171;max-height: .9rem;line-height: .3rem;margin-bottom: .18rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.relZt .intro div label{font-size: .2rem;color: #999;line-height: .26rem;position: relative;top: .1rem;}
.relZt .list {display: flex;flex-wrap: wrap;}
.relZt .list a{position: relative;display:block;padding-top: .19rem;width: 25%;height: 1.81rem;line-height: .54rem;font-size: .24rem;color: #333;text-align: center;overflow: hidden;}
.relZt .list a img{width:1.28rem;height: 1.28rem;border-radius: .3rem;display: block;margin: auto;}

.yxCont{position: relative;padding: .2rem 0;margin: 0 .25rem .2rem;background: #FFF;border-radius: .1rem;overflow: hidden;}
.yxCont .cont{font-size:.24rem;line-height:.44rem;color:#1F1F1F;padding: 0 .15rem;}
.yxCont .cont a {color: #F14093;display: inline-block;border-bottom:1px solid #F14093;line-height: .4rem;text-indent: 0;}
.yxCont .cont p{margin-bottom:.16rem;word-break: break-all;}
.yxCont .cont img{display:block;max-width:100%;height: auto;margin:.2rem auto;}
.yxCont .cont h3{position: relative;display: block;font-size: .28rem;color: #1F1F1F;font-weight: bold;line-height: .42rem;margin-bottom: .12rem;}
.yxCont .cont br:last-child{display: none;}
.yxCont .cont iframe {width: 100%;height: 3.6rem;margin: 0 auto;display: block;border: none;}
.yxCont .cont table{width: 100% !important;border-color: #d9d9d9;}
.yxCont .cont table a{border-bottom: none;color: #2440b3;}
.yxCont .cont strong{font-weight: bold;}
.showImg{padding: 0 0 0 .25rem;margin-bottom: .2rem;}
.img_item {overflow-x: auto; padding: 0 0 .06rem; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.img_item ul{font-size: 0;}
.img_item ul li {position: relative;margin-right: .14rem; display: inline-block;border-radius: .2rem;overflow: hidden;}
.img_item ul li video{width:auto;height: 3.2rem;}
.img_item ul li img {width:auto;height: 3.2rem;}
.img_item ul li .replay{position: absolute;z-index: 1;top: 32%;left: 0;right: 0;margin: auto;display: block;width: .76rem;height: .76rem;background: url(../img/icon.png) no-repeat;background-size: 10rem 10rem;background-repeat: no-repeat;background-position: -.04rem -5.65rem;}
.img_item ul li .replay.hide{display: none;}
.showImg ::-webkit-scrollbar{height: .1rem !important;border-radius: .06rem;background: #eee;}
.showImg ::-webkit-scrollbar-thumb {border-radius: .06rem;background-color: #D2D2D2!important;}
.hideVideo{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 100000000000000;max-width: 7.5rem;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
.tpVideo{position: absolute;top: 30%;width: 7.5rem;}
.tpVideo video{position: relative;z-index:10;width: 100%;}
.tpVideo .replay1{position: absolute;z-index: 100000000000001;top: 30%;left: 0;right: 0;margin: auto;display: block;width: 1.06rem;height: 1.06rem;background-position: -2.34rem -5.65rem;}
.tpVideo .replay1.hide{display: none;}
.hideVideo .vClose{position: absolute;top:0;right: 0;z-index: 10;display: block;height: .74rem;width: .74rem;background-position: -1.2rem -5.65rem;}
.pkJump {display: flex;justify-content: space-around;padding: 0 0 0 .26rem;margin-top: .19rem;margin-bottom: .17rem;}
.pkJump span{position: relative;display: inline-block;vertical-align: bottom;font-size: .28rem;color: #333;cursor: pointer;flex: 1;line-height: .62rem;padding-right: .2rem;text-align: center;}
.pkJump span:nth-of-type(1):before{content: "";position: relative;top: .135rem;margin-right: .08rem;vertical-align: top;display:inline-block;width: .32rem;height: .32rem;background: url(../img/icon.png) no-repeat;background-size: 10rem 10rem;background-repeat: no-repeat;background-position: -7.18rem -.05rem;}
.pkJump span.current{color: #313131;font-size: .34rem;font-weight: bold;line-height: .56rem;}
.yxCont .cont h3 i{font-style: italic;}
.cTit{position: relative;display: block;padding: 0 .15rem;font-size: .32rem;color: #202020;font-weight: bold;line-height: .48rem;margin-bottom: .1rem;}
.tagList{display: flex;flex-wrap: wrap;padding: 0 .25rem;margin: .12rem 0;}
.tagList a{float: left;padding: 0 .13rem 0 .12rem;font-size: .2rem;color: #868C92;background: #f5f7f8;height: .42rem;line-height: .42rem;border-radius: .21rem;margin:0 .06rem .06rem 0;}
.tagList a:after{content: "";position: relative;top: .16rem;vertical-align: top;margin-left: .08rem;display: inline-block;width: .07rem;height: .12rem;background: url(../img/icon.png) no-repeat;background-size: 10rem 10rem;background-position: -6.86rem -.054rem;}
.tagList a:last-of-type:after{display: none;}
.tagList a:last-of-type{padding: 0 .14rem;font-size: .24rem;}
.gsIntro{margin: 0 .25rem .2rem;padding-bottom: .12rem;background: url(../img/gadetopbg.png) no-repeat;background-size: 100% 2.93rem;}
.gsIntro .info{position: relative;display: flex;padding: .27rem .16rem .11rem;}
.gsIntro .info img{display: block;margin-right: .18rem;width: 1.28rem;height: 1.28rem;border-radius: .3rem;}
.gsIntro .info h1{display: block;font-size: .36rem;color: #333;line-height: .44rem;font-weight: bold;margin-bottom: .06rem;width: 80%;}
.gsIntro .info ul{display: flex;flex-wrap: wrap;width: 4.6rem;}
.gsIntro .info ul li{display: block;width: 50%;font-size: .22rem;color: #999;line-height: .4rem;white-space: nowrap;overflow: hidden;}
.gsIntro .info ul li:nth-of-type(2n+1){width: 45%;}
.gsIntro .info ul li:nth-of-type(2n+2){width: 55%;}
.gsIntro .info>p span:nth-of-type(2){margin-left: .22rem;}
.oTip{position: relative;padding:.14rem .15rem .11rem .18rem;position: relative;top: -.09rem; z-index: 1;display: block;margin: .22rem .25rem .11rem;font-size: .24rem;color: #FFB86A;line-height: .3rem;background:#fff;border-radius: .1rem;}
.oTip:before{content: "";position: absolute;top: -.22rem;left: 1.15rem;display: block;width: .29rem;height: .22rem;background: url(../img/icon.png) no-repeat;background-size: 10rem 10rem;background-position: -7.75rem -.06rem;}
.gsIntro .score{position: absolute;top: .3rem;right: .18rem;width: 1.01rem;height: 1.07rem;font-size: .36rem;color: #896336;line-height: .56rem;font-weight: bold;background: url(../img/icon.png) no-repeat;background-size: 10rem 10rem;background-position: -3.8rem -5.65rem;white-space: nowrap;overflow: hidden;}
.gsIntro .score strong{display: block;margin-top: .22rem;margin-bottom: .01rem;font-size: .36rem;color: #896336;line-height: .46rem;font-weight: bold;text-align: center;}
.gsIntro .score span{position: relative;display: block;margin: auto;width: .73rem;height: .13rem;background: url(../img/icon.png) no-repeat;background-size: 10rem 10rem;background-position: -5.7rem -2.49rem;}
.gsIntro .score i{position: absolute;left: 0;top: 0;display: block;width: .73rem;height: .13rem;background: url(../img/icon.png) no-repeat;background-size: 10rem 10rem;background-position: -5.7rem -2.67rem;}
.gsIntro .age{position: absolute;top: 1.02rem;left: .16rem;padding-right: .09rem;width: .9rem;height: .53rem;font-size: .2rem;color: #fff;line-height: .7rem;text-align: right;background: url(../img/icon.png) no-repeat;background-size: 10rem 10rem;background-position: -5.21rem -5.65rem;white-space: nowrap;overflow: hidden;}
.gsIntro .age span{display: block;transform:scale(.8);}
.downBtn{display: flex;width: 6.69rem;padding-top: .19rem;margin: auto;}
.downBtn a,.downBtn button{display: block;box-sizing: border-box;width:100%;height: .74rem;line-height: .74rem;font-size: .3rem;color: #fff;text-align: center;border: none;border-radius:.37rem;margin: 0rem auto .2rem;}
.downBtn .adrBtn{background: linear-gradient(90deg, #06D79A, #05C8AF);	box-shadow:0 .02rem 0 0  #05cfa5 inset;}
.downBtn .iosBtn{background: linear-gradient(25deg, #8989FF, #7878FE);box-shadow:0 .02rem 0 0  #7879fe inset;}
.downBtn .ljBtn{flex: 1;width: auto;min-width: 3rem;max-width: 100%;background: linear-gradient(205deg, #1cd1f0,#43dfd4);}
.downBtn .gsBtn{width: 3.1rem;margin-left: .18rem;background: linear-gradient(205deg, #ff8876 ,#ff6f8e);}
.downBtn .orderBtn{margin-bottom: .3rem;width: 6.98rem;background: linear-gradient(-90deg, #FF8E58, #FFB14F);box-shadow: 0 .02rem 0 0 #ff9c55 inset;}
.downBtn .noDown,.downBtn .no{background: linear-gradient(205deg,#b2b2b2 ,#ccc);box-shadow: 0 .07rem .1rem 0 rgba(204,204,204,.2);}

.gsDebg{position: relative;background-size: auto 7.2rem;}
.gsDebg:before{content: "";position: absolute;top: 0;left: 0;right: 0;margin: auto;display: block;width: 100%;height: 1.58rem;background: url(../img/topbeforebg.png) no-repeat;background-size: 100% auto;}
.gsDebg .gsIntro{position: relative;margin:3.5rem auto 0;padding:0 .25rem .2rem;z-index: 1;background: transparent;}
.gsDebg .gsIntro img{border: .06rem solid rgba(255,255,255,.3);margin-right: .22rem;}
.gsDebg .gsIntro:before{content: "";position: absolute;z-index: -1;bottom: 0;left: 0;right: 0;margin: auto;display: block;width: 100%;height: 4.55rem;background: url(../img/topafterbg.png) no-repeat;background-size: 100% auto;}
.gsDebg .gsIntro .info{padding-left: 0;padding-right: 0;}
.gsDebg .gsIntro .info h1{color: #fff;margin-top: .06rem;}
.gsDebg .gsIntro .info ul li{color: #ccc;}
.gsDebg .gsIntro .age{left: .05rem;top: 1.09rem;}

.rankRec{margin: 0 .26rem .31rem; padding: .16rem .15rem;background: #fff; border-radius: .1rem;overflow: hidden;}
.rankRec .list{width: 104%;padding: .2rem 0 .05rem .15rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap: wrap;}
.rankRec .list a{display: block;padding: 0 .1rem;width: 2.91rem;height: .64rem;line-height:.64rem;text-align:center;background-color:#f2f2f2;color:#424242;font-size:.3rem;border-radius:.08rem;overflow:hidden;white-space:nowrap;margin:0 .19rem .2rem 0; }
.rankRec .list a.current{color: #fff;background-color: #FF9900;}   
    
    

.mTit{position: relative;padding-top: .1rem;}
.mTit h3{position: relative;display: block;font-size: .32rem !important;color: #1F1F1F;font-weight: bold;line-height: .42rem;margin-bottom: .12rem;}

.downBtn .safeBtn {margin-left:.12rem;background: linear-gradient(90deg, #39D89C, #0ec760); box-shadow: 0 .02rem 0 0 #0ec760 inset; color: #fff;display: flex;align-items: center; justify-content: center}
.downBtn .safeBtn p { display: flex;flex-direction: column; align-items: center; justify-content: center; font-size: .3rem;line-height: .34rem}
.downBtn .safeBtn p strong { font-weight: normal}
.downBtn .safeBtn p i { margin-top: .05rem; font-size: .2rem;line-height: .24rem;font-style: normal}
.btnTips {height: auto;padding: 0; margin-top: -.04rem; display: block; overflow: hidden;position: relative;  font-size: .2rem; line-height: .24rem; color: #888}
.btnTips::before,.btnTips::after {content: ""; width: 0; height: 0;border-left: .11rem solid transparent;border-right:.11rem solid transparent;border-bottom: .11rem solid #f1fff7; display: block;overflow: hidden; position: absolute; left: 75%;top: .02rem;transform: translateX(-50%);z-index: 2}
.btnTips::after {border-left: .11rem solid transparent;border-right: .11rem solid transparent;border-bottom: .11rem solid #47FFA3;top: 0;transform: translateX(-50%); z-index: 0}
.btnTips p { width: 100%;height: auto; padding: .2rem;box-sizing: border-box;background: #f1fff7;border: 1px solid #47FFA3;border-radius: .04rem; margin: .1rem 0 0;display: block;overflow: hidden}
.gsDeWrap,.ztDePart{position: relative;}
.gsDeWrap .feBaBtn{top: .48rem;right: .13rem;}
.ztDePart .feBaBtn{top: 1.7rem;right: -.12rem;}
.gsPart h1{display: block;font-size: .42rem;color: #0A2540;font-weight: bold;text-align: center;line-height: .62rem;margin-top: .1rem;}
.updateList li:nth-of-type(2n+2){background-color: #FFF9FA;}
.scrollTop{position: fixed;bottom: 2rem; right: 0.2rem;width: 0.72rem;height: 0.72rem;background: url(../img/goTop.png) no-repeat ;z-index: 9}
.downBtn .adrBtn{display:flex;justify-content:center;background: linear-gradient(90deg, #01f1d2, #05cef0);}
.downBtn .adrBtn p{display:flex;flex-direction: column;align-items:center;justify-content: center;}
.downBtn .adrBtn p strong{display:block;color: #fff;line-height: .38rem;}
.downBtn .adrBtn p i{color: #fff;line-height: .24rem;font-size:.2rem;font-weight: 300;}

/* 多弹窗 */
.modals{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);font-size:.32rem}
.modal-content{background-color:#fefefe;margin:50% auto 0;padding:.4rem;border:.02rem solid #888;width:80%;max-width:10rem;border-radius:.1rem}
.close{color:#aaa;float:right;font-size:.56rem;font-weight:bold;cursor:pointer}
#appointmentForm{margin-top:.2rem}
#appointmentForm input{width:60%;padding:.2rem;margin:.2rem 0;border:.02rem solid #ddd;border-radius:.08rem}
#submitBtn{background-color:#00BEBE;color:#fff;font-size:.3rem;padding:.25rem .4rem;border:none;border-radius:.08rem;cursor:pointer;width:100%;margin:.2rem auto}
.result-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000}
.result-content{background-color:#fff;width:80%;max-width:6rem;margin:35% auto 0;padding:.4rem;border-radius:.16rem;text-align:center;box-shadow:0 .08rem .16rem rgba(0,0,0,.2)}
.result-close{float:right;font-size:.48rem;font-weight:bold;color:#aaa;cursor:pointer}
.result-icon{width:1.2rem;height:1.2rem;margin:.2rem auto;background-size:contain;background-repeat:no-repeat;background-position:center}
.result-icon.success{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234CAF50"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg>')}
.result-icon.error{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23F44336"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg>')}
.result-message{margin:.3rem 0;font-size:.32rem;color:#333}
.confirm-btn{background-color:#00BEBE;color:#fff;border:none;padding:.2rem .4rem;border-radius:.08rem;cursor:pointer;width:100%;font-size:.32rem}
.btn-toPop,.js-power a{cursor:pointer;color:#FDA7A7 !important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.app-info-panel .app-info-list .infoWrap .btn-toPop,.app-info-panel .app-info-list .js-power a{color:#05a69f}
.permission-box{position:fixed;z-index:100;top:0;left:0;display:none;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;height:100vh}
.permission-box .permission-bg{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.6)}
.permission-box .permission-card{position:absolute;background-color:#fff;width:77%;border-radius:.24rem;padding:.4rem;line-height:1.5em;font-size:.36rem}
.permission-box .permission-head{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:.72rem;margin-bottom:.32rem}
.permission-box .permission-head .permission-name{font-weight:700;font-size:.4rem!important;color:#333!important;line-height:1.5}
.permission-box .permission-head .permission-close{margin-left:auto;width:.8rem;height:.8rem;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'></path></svg>");background-repeat:no-repeat;background-position:center;background-size:.8rem;cursor:pointer;border-radius:.24rem}
.permission-box .permission-head .permission-close:active,.permission-box .permission-head .permission-close:hover{background-color:#f2f2f2}
.permission-box .permission-content{max-height:7.4rem;overflow-y:scroll;line-height:1.5}
.permission-box .permission-content .permission-title{margin:.24rem 0 .16rem;color:#666;font-weight:700;font-size:.3rem}
.permission-box .permission-content .permission-desc{color:#999;font-size:.28rem}
.feedback-popup{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%}
.feedback-popup .overlay{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5)}
.feedback-wrap{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:86%;max-width:6.4rem;background-color:#fff;border-radius:.16rem;padding:.4rem .3rem;text-align:center;box-sizing:border-box}
.feedback-wrap>img{width:.96rem;height:.96rem}
.feedback-wrap>p{font-size:.32rem;color:#333;margin:.12rem 0 .2rem}
.tick-panel{text-align:left;font-size:.28rem;color:#333}
.tick-panel>p{margin:.2rem 0 .1rem}
.tick-list{overflow:hidden}
.tickWrap{float:left;width:50%;box-sizing:border-box;padding:.06rem .1rem .06rem 0;font-size:.26rem;color:#666}
.tickWrap label{vertical-align:middle;cursor:pointer}
.tickWrap input{vertical-align:middle;margin-left:.08rem}
.tick-panel textarea[name='remake']{box-sizing:border-box;display:block;width:100%;height:1.4rem;border:.02rem solid #EEE;border-radius:.08rem;padding:.12rem;font-size:.26rem;color:#666;resize:none;outline:none}
.feedback-popup .confirmBtn{display:block;width:100%;height:.72rem;line-height:.72rem;margin:.3rem auto 0;background-color:#00BEBE;color:#fff;font-size:.3rem;border:none;border-radius:.36rem;cursor:pointer}
.feedback-popup .close-button{position:absolute;right:.2rem;top:.1rem;font-size:.44rem;line-height:1;color:#999;cursor:pointer}
.feedback-popup .close-button .material-icons{font-style:normal}
#imageModal,#imageViewer{display:none}
.telBox{overflow:hidden}
.telBox input{box-sizing:border-box;display:block;padding:0 20px;width:100%;height:48px;line-height:48px;border:1px solid #EEE;border-radius:10px;font-size:16px;color:#666}
.telBox input::-webkit-input-placeholder{font-size:14px;color:#999}
.telBox input:-moz-placeholder{font-size:14px;color:#999}
.telBox input::-moz-placeholder{font-size:14px;color:#999}
.telBox input:-ms-input-placeholder{font-size:14px;color:#999}
/* —— 图片放大轮播弹窗 —— */
#imageModal{display:none;position:fixed;z-index:10001;left:0;top:0;width:100%;height:100%;background:#000}
#imageModal .overlay{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.9)}
#imageModal .modalHeader{position:absolute;top:0;left:0;right:0;height:.88rem;z-index:2}
#imageModal .modalHeader .close{position:absolute;right:.2rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.8rem;height:.8rem;line-height:.8rem;text-align:center;font-size:.56rem;color:#fff;cursor:pointer;float:none}
#imageModal .modal-swiper{position:absolute;left:0;top:0;width:100%;height:100%}
#imageModal .modal-swiper .swiper-slide{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
#imageModal .modal-swiper img{max-width:100%;max-height:100%;display:block}
#imageModal .modal-swiper-prev,#imageModal .modal-swiper-next{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;width:.8rem;height:.8rem;line-height:.8rem;text-align:center;font-size:.48rem;color:#fff;background:rgba(255,255,255,.15);border:none;border-radius:50%;cursor:pointer}
#imageModal .modal-swiper-prev{left:.3rem}
#imageModal .modal-swiper-next{right:.3rem}
#imageModal .bottomWrap{position:absolute;left:0;right:0;bottom:.3rem;text-align:center;z-index:2}
#imageModal .pageNumber{display:inline-block;padding:.06rem .24rem;font-size:.28rem;color:#fff;background:rgba(0,0,0,.4);border-radius:.3rem}
#imageModal .material-icons{font-style:normal}
.ztPart li i{width: 2.7rem;background: #333;transform: skewX(-17deg);}
.ztPart li i em{transform: skewX(17deg);}
.nsUrl span{margin-right: .07rem;font-size: .2rem;}