@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;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
b,em,i{font-style:normal;}
html5,body{width:100%;}
a{color:#3f7eff;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:#fafafa;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;}
.hide{display: none;}
html {-ms-overflow-style:none;scrollbar-width: none;}
html::-webkit-scrollbar{width:0px}
img{vertical-align: top;border: 0;}
body{background-color: #fafafa;background-image:url(../img/bg.png);background-repeat: repeat;overflow-x: hidden;}
.wrap{position: relative;width:100%;max-width:7.5rem;min-width:3.2rem;margin:0 auto;}
.wrap::before{content: "";display: block;position: absolute;top:0;left: 0;right: 0;margin: auto;width: 100%;height: 3.45rem;background: linear-gradient(0deg, rgb(154, 129, 18) 0%, rgba(#f89635) 100%);background:url(../img/hheaderbg.png) no-repeat;background-size: 100% 100%;}
section{margin-bottom: .1rem;padding: 0 .4rem;}
.wrapper{position: relative;width:100%;max-width:7.5rem;min-width:3.2rem;margin:0 auto;}
.wrapper::before{content: "";display: block;position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 100%;height: 2.1rem;background: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: 0 0 .2rem .2rem;}
.icon{background:url(../img/icon.png) no-repeat ;background-size:10rem 10rem;}
/* ----------------------------------------------------------------- */
header{position: relative;padding: 0 .4rem;padding-left: .25rem; height: 1rem;display: flex;justify-content: space-between;}
header>a{display: block;}
header>a img{width: 2.5rem;height: .61rem;margin-top: .19rem;}
nav{margin-bottom: .2rem;position: relative;overflow: hidden;}
.wrap nav{margin-bottom: .12rem;}
.wrapper nav a{color: #333;}
nav{white-space: nowrap;font-size: 0;padding-left: .2rem;}
nav a{position: relative;display: block;float: left; z-index: 1;padding:0 .2rem ; height: .86rem;line-height: .9rem;text-align: center;color: #fff;font-size: .3rem;}
nav a::after{content: "";display: block;position: absolute;bottom: .14rem;right: .12rem;z-index: -1;width: .2rem;background-color: transparent;height: .2rem;border-radius: 50%;}
nav a.current{font-weight: bold;font-size: .36rem;}
nav a.current::after{background: #f89635;box-shadow: 0 0.05rem 0.05rem 0 rgb(90 228 159 / 20%);}
nav a::before{content: "";display: block;width: .01rem;height: .29rem;background:#666;position: absolute;top: .3rem;right: 0;}
nav a:last-child::before{display: none;}


footer{background-color: #303030;padding: .4rem .4rem;}
footer p,footer a{font-size: .28rem;color: #ccc;text-align: center;line-height: .42rem;}
footer p:last-of-type,footer p:last-of-type a{font-size: .24rem;}
footer div>a{flex: 1;}

.Title{padding: .2rem 0;line-height: .42rem;display: flex;justify-content: space-between;}
.Title p{position: relative;height: .42rem;font-size: .36rem;color: #333;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;flex: 1;}
.Title em{position: relative;display: block;height: .56rem;line-height: .56rem;font-size: .36rem;color: #333;font-weight: 600;margin-right: .42rem;}
.Title em::after{content: "";display: block;position: absolute;top: .07rem;right: -.06rem;z-index: -1;width: .18rem;height: .18rem;background-color: #f89635;border-radius: 50%;}
.Title a{display: block;max-width: 1rem;height: .42rem;font-size: .24rem;color: #f89635;}
.Title a::after{content: '';display: inline-block;width: .16rem;height: .16rem;background-image: url(../img/icon.png);background-size: 10rem 10rem;background-position: -.62rem -.46rem;position: relative;top: .02rem;margin-left: .06rem;}
.Title span{display: block;max-width: 1.5rem;height: .42rem;font-size: .24rem;color: #f89635;line-height: .42rem;}

/* -------------------------游戏列表------------------------------ */
.list-2 ul{display: flex;flex-wrap: wrap;height: 3rem;overflow: hidden;padding: .06rem 0 .12rem;background-color: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .1rem;}
.list-2 ul li{display: block;width: 25%;height: 1.2rem;text-align: center;margin-top: .3rem;line-height: .62rem;font-size: .24rem;}
.list-2 ul li[data-none="yes"]{display: none !important;}
.list-2 ul li a{color: #333;}
.list-2 ul li a i{display: block;width: .58rem;height: .58rem;margin: auto;}

.unfoldSort,.foldSort{color: #333;}
.unfoldSort i,.foldSort i{display: block;width: .58rem;height: .58rem;margin: auto;}
.unfoldSort i{background-position: -6.37rem -3.68rem;}
.foldSort i{background-position: -6.37rem -3.68rem;}

.games .list-2 ul li:nth-of-type(1) a i{background-position: -5.61rem -3.68rem;}
.games .list-2 ul li:nth-of-type(2) a i{background-position: -0.11rem -6.4rem;}
.games .list-2 ul li:nth-of-type(3) a i{background-position: -3.5rem -3.68rem;}
.games .list-2 ul li:nth-of-type(4) a i{background-position: -.76rem -3.68rem;}
.games .list-2 ul li:nth-of-type(5) a i{background-position: -1.46rem -3.68rem;}
.games .list-2 ul li:nth-of-type(6) a i{background-position: -.76rem -6.42rem;}
.games .list-2 ul li:nth-of-type(7) a i{background-position: -2.81rem -3.68rem;}
.games .list-2 ul li:nth-of-type(8) a i{background-position: -9.24rem -5.02rem;}
.games .list-2 ul li:nth-of-type(9) a i{background-position: -7.81rem -3.68rem;}
.games .list-2 ul li:nth-of-type(10) a i{background-position: -7.16rem -6.42rem;}
.games .list-2 ul li:nth-of-type(11) a i{background-position: -7.95rem -6.42rem;}
.games .list-2 ul li:nth-of-type(12) a i{background-position: -6.4rem -6.42rem;}
.games .list-2 ul li:nth-of-type(13) a i{background-position: -9.3rem -3.68rem;}
.games .list-2 ul li:nth-of-type(14) a i{background-position: -7.14rem -3.69rem;}
.games .list-2 ul li:nth-of-type(15) a i{background-position: -2.1rem -3.68rem;}

.apps .list-2 ul li:nth-of-type(1) a i{background-position: -5.61rem -3.68rem;}
.apps .list-2 ul li:nth-of-type(2) a i{background-position: -4.88rem -6.42rem;}
.apps .list-2 ul li:nth-of-type(3) a i{background-position: -5.63rem -6.42rem;}
.apps .list-2 ul li:nth-of-type(4) a i{background-position: -3.5rem -5.01rem;}
.apps .list-2 ul li:nth-of-type(5) a i{background-position: -9.24rem -5.02rem;}
.apps .list-2 ul li:nth-of-type(6) a i{background-position: -6.3rem -5.02rem;}
.apps .list-2 ul li:nth-of-type(7) a i{background-position: -.1rem -5.02rem;}
.apps .list-2 ul li:nth-of-type(8) a i{background-position: -1.48rem -6.42rem;}
.apps .list-2 ul li:nth-of-type(9) a i{background-position: -5.62rem -5.02rem;}
.apps .list-2 ul li:nth-of-type(10) a i{background-position: -4.87rem -3.68rem;}
.apps .list-2 ul li:nth-of-type(11) a i{background-position: -3.51rem -6.4rem;}
.apps .list-2 ul li:nth-of-type(12) a i{background-position: -4.18rem -3.68rem;}
.apps .list-2 ul li:nth-of-type(13) a i{background-position: -1.47rem -5.02rem;}
.apps .list-2 ul li:nth-of-type(14) a i{background-position: -4.9rem -5.02rem;}
.apps .list-2 ul li:nth-of-type(15) a i{background-position: -4.21rem -5.02rem;}
.apps .list-2 ul li:nth-of-type(16) a i{background-position: -4.2rem -6.42rem;}
.apps .list-2 ul li:nth-of-type(17) a i{background-position: -0.79rem -5.02rem;}
.apps .list-2 ul li:nth-of-type(18) a i{background-position: -7.63rem -5.02rem;}

.list-3 li{margin-bottom: .26rem;}
.list-3 li a{position: relative;align-items: center;display: flex;padding: .22rem .2rem;background-color: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .04rem;}
.list-3 li a img{display: block;width: 1.2rem;height: 1.2rem;border-radius: .26rem;margin-right: .25rem;}
.list-3 li a div{flex-grow: 1;width: 0%;height: 1.2rem;margin-right: .24rem;position: relative;-webkit-box-flex:1.0}
.list-3 li a div p{font-size: .24rem;color: #808080;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-3 li a div p:nth-of-type(1){font-size: .32rem;font-weight: 600;color: #333;margin-bottom: .04rem;}
.list-3 li a div p span:nth-child(2)::before{content: "|";font-size: .2rem;color: #E0E0E0;margin: 0 .16rem;}
.list-3 li a>span{display: block;font-size: .24rem;color: #fff;text-align: center;width: 1.15rem;height: .48rem;line-height: .48rem;background: linear-gradient(90deg, #f5c55d 0%, #f89635 100%);border-radius: .24rem;}

.pages{display: flex;-webkit-justify-content: space-between;margin: .3rem auto;width: 6.3rem;height: .74rem;padding: .19rem .2rem 0;background-color: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .06rem;}
.pages a{min-width: .56rem;max-width: 1.08rem;height: .56rem;line-height: .56rem;text-align: center;font-size: .32rem;color: #999;background-color: #f5f5f5;border-radius: .28rem;overflow: hidden;}
.pages a.current{color: #fff;font-size: .32rem;background-color: #f89635;}
.pages a:first-child,.pages a:last-child{width: 1rem;font-size: .24rem;}
.pages a i{position: relative;top: .13rem;left: .2rem;display: block;width: .17rem;height: .30rem;background-image: url(../img/icon.png);background-size: 10rem 10rem;}
.pages a:nth-child(2) i{background-position: -0.51rem -.06rem;}
.pages a:nth-last-child(2) i{background-position: -0.91rem -.06rem;}


/* ------------------------攻略列表-------------------------- */
.gl-list{margin-bottom:.05rem}
.gl-list ul{padding: .08rem .19rem;background-color: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .1rem;margin-bottom: .3rem;}
.gl-list li{border-bottom: .02rem solid #eee;}
.gl-list li:last-child{border: none;}
.gl-list li a{display: flex;padding: .24rem 0;}
.gl-list li a div{flex: 1;height: 1.5rem;overflow: hidden;}
.gl-list li a div p{height: .84rem;font-size: .32rem;color: #333;line-height: .42rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .32rem;}
.gl-list li a div p:last-child {position: relative;display: block;font-size: .24rem;color: #333;line-height: .36rem;}
.gl-list li a div p i{position: relative;top: .04rem;display: inline-block;width: .28rem;height: .28rem;background-position: -2.58rem -.06rem;}
.gl-list li a img{display: block;width: 2.2rem;height: 1.5rem;border-radius: .04rem;margin-left: .24rem;}

/* --------------------------专题列表------------------------------ */
.zt-list{padding: 0 .4rem .02rem;}
.zt-list ul li{position: relative;margin-bottom: .32rem;}
.zt-list li>a{position: relative;display: block;width: 6.7rem;padding-bottom: 1.36rem;background-color: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .1rem;}
.zt-list li>a::after{content: '';position: absolute;bottom: .67rem;right: .25rem;display: inline-block;width: .22rem;height: .22rem;background-image: url(../img/icon.png);background-size: 10rem 10rem;background-repeat: no-repeat;background-position: -.29rem -.43rem;}
.zt-list li>a p{display: block;padding: .18rem .1rem 0 .24rem;font-size: .36rem;color: #333;font-weight: 600;line-height: .62rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zt-list li>a div{padding: 0 .1rem 0 .25rem;font-size: .3rem;color: #666;line-height: .45rem;max-height: 1.78rem;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.zt-list li>a i{position: relative;display: block;border-bottom: .02rem dashed #f2f2f2;margin: .16rem 0;}
.zt-list li>a i::after{content: "";position: absolute;top: -.08rem;right: 0;display: block;width: .08rem;height: .16rem;border-radius: .08rem 0 0 .08rem;line-height: .16rem;background: linear-gradient(90deg, #f2f2f2 0%, #f6f6f6 100%);}
.zt-list li>a i::before{content: "";position: absolute;top: -.08rem;left: 0;display: block;width: .08rem;height: .16rem;border-radius: 0 .08rem .08rem 0;line-height: .16rem;background: linear-gradient(270deg, #f2f2f2 0%, #f6f6f6 100%);}
.zt-list li>div{display: flex;position: absolute;left: .27rem;bottom: .3rem;width: 5.94rem;height: .96rem;overflow: hidden;}
.zt-list li>div a{display: block;margin-right: .24rem;}
.zt-list li>div a img{display: block;width: .96rem;height: .96rem;border-radius: .2rem;}

/* ------------------------专题内容------------------------------- */
.zt-head{margin-top: -.13rem;padding: 1rem .4rem .1rem;text-align: center;position: relative;}
.zt-head .crumbs{position: absolute;top: .1rem;left: .2rem;box-shadow: none;padding: .2rem 0;margin: 0 ;font-size: .26rem;background-color: transparent;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zt-head .crumbs a{color: #000;}

.wrapper .crumbs{box-shadow: none;padding: .2rem .2rem; margin: 0 ;font-size: .26rem;background-color: transparent;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.wrapper .crumbs a{color: #000;}
.crumbs.listPage{padding-bottom: 0;}

.zt-head img{position: absolute;width: 100%;height: 3.6rem;top: 0;left: 0;z-index: -99;}
.zt-head h1{display: inline-block;max-width: 6.12rem;padding: 0 .28rem;margin: 1.4rem auto .12rem;height: .58rem;line-height: .56rem;font-size: .36rem;font-weight: bold;color: #fff;text-align: center;/*-webkit-text-stroke: .012rem #fff;text-shadow: #7a7ed1 0 0.04rem 0.02rem;*/background: linear-gradient(90deg, #C6BEFF 0%, #D4B9FC 100%);border-radius: .29rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zt-head>div{padding: .19rem;text-align: left;background-color: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .1rem;}
.zt-head>div>div{display: flex;border-bottom: .02rem dashed #eee;padding-bottom: .18rem;}
.zt-head>div>div div{flex: 1;font-size: .28rem;color: #666;line-height: .42rem;max-height: 1.2rem;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.zt-head>div>div span{display: block;width: 1.08rem;height: 1.1rem;font-size: .22rem;color: #fff;line-height: .32rem;text-align: center;margin: .08rem 0 .08rem .1rem;background: linear-gradient(0deg, #FB7244 0%, #FA5E4F 100%);border-radius: .1rem;}
.zt-head>div>div span::before{content: "";display: block;width: .41rem;height: .41rem;margin: .2rem auto .05rem;background-image: url(../img/icon.png);background-size: 10rem 10rem;background-repeat: no-repeat;background-position: -.06rem -.73rem;}
.zt-head>div>p{display: flex;justify-content: space-between;margin-top: .15rem;}
.zt-head>div>p span{font-size: .24rem;color: #999;line-height: .42rem;}
.zt-head>div>p span i{position: relative;top: .04rem;display: inline-block;width: .28rem;height: .28rem;margin-right: .1rem;background-position: -2.58rem -.06rem;}

.zt-cont li{margin-bottom: .26rem;}
.zt-cont li a{position: relative;align-items: center;display: flex;padding: .22rem .2rem;background-color: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .04rem;}
.zt-cont li a img{display: block;width: 1.2rem;height: 1.2rem;border-radius: .26rem;margin-right: .25rem;}
.zt-cont li a div{flex-grow: 1;width: 0%;height: 1.2rem;margin-right: .24rem;position: relative;-webkit-box-flex:1.0}
.zt-cont li a div p{font-size: .24rem;color: #808080;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zt-cont li a div p:nth-of-type(1){font-size: .32rem;font-weight: 600;color: #333;margin-bottom: .04rem;}
.zt-cont li a div p span:nth-child(2)::before{content: "|";font-size: .2rem;color: #E0E0E0;margin: 0 .16rem;}
.zt-cont li a>span{display: block;font-size: .24rem;color: #fff;text-align: center;width: 1.15rem;height: .48rem;line-height: .48rem;background: linear-gradient(90deg, #f5c55d 0%, #f89635 100%);border-radius: .24rem;}

 


.hot-zt{padding-left: .4rem;padding-right: 0;margin-bottom: .01rem;}
.hot-zt ul{display: flex;flex-wrap: wrap;}
.hot-zt li{position: relative;margin: 0 .18rem .24rem 0;}
.hot-zt li>a{position: relative;display: block;width: 3.25rem;height: 2.92rem;background-color: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .04rem;}
.hot-zt li>a p{display: block;padding: .05rem .1rem 0 .19rem;font-size: .32rem;color: #333;font-weight: 600;line-height: .62rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hot-zt li>a div{padding: 0 .1rem 0 .19rem;font-size: .24rem;color: #666;line-height: .3rem;height: .92rem;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.hot-zt li>a i{position: relative;display: block;border-bottom: .02rem dashed #f2f2f2;margin: .14rem 0 .16rem;}
.hot-zt li>a i::before{content: "";position: absolute;top: -.08rem;left: 0;display: block;width: .08rem;height: .16rem;border-radius: 0 .08rem .08rem 0;line-height: .16rem;background: linear-gradient(270deg, #f2f2f2 0%, #f6f6f6 100%);}
.hot-zt li>a i::after{content: "";position: absolute;top: -.08rem;right: 0;display: block;width: .08rem;height: .16rem;border-radius: .08rem 0 0 .08rem;line-height: .16rem;background: linear-gradient(90deg, #f2f2f2 0%, #f6f6f6 100%);}
.hot-zt li>div{display: flex;position: absolute;left: .18rem;bottom: .2rem;width: 2.7rem;height: .78rem;overflow: hidden;}
.hot-zt li>div a{display: block;margin-right: .1rem;}
.hot-zt li>div a img{display: block;width: .78rem;height: .78rem;border-radius: .18rem;}
.hot-zt li>a::after{content: '';position: absolute;bottom: .5rem;right: .19rem;display: inline-block;width: .18rem;height: .18rem;background-image: url(../img/icon.png);background-size: 10rem 10rem;background-repeat: no-repeat;background-position: -.06rem -.43rem;}

.new-zt{margin-bottom: .4rem;}
.new-zt div:nth-of-type(2){display: flex;flex-wrap: wrap;padding: .24rem .01rem 0 .2rem;background-color: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .04rem;}
.new-zt div:nth-of-type(2) a{display: block;padding: 0 .3rem;margin: 0 .2rem .2rem 0;font-size: .3rem;color: #f89635;height: .54rem;line-height: .52rem;background-color: rgba(248, 150, 53, 0.2);border-radius: .27rem;}

/* -------------------------------攻略内容------------------------------ */
.cont-top{padding: 0 0 .1rem 0;margin: 0 .4rem .2rem;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .04rem;background-color: #fff;}
.gl-title{padding: .5rem .2rem .25rem;border-bottom: 1px solid #eee;background: url(../img/newstopbg.png) no-repeat;background-size: 100% auto;}
.gl-title h1{font-size: .36rem;color: #333;font-weight: bold;line-height: .56rem;margin: .05rem 0 .2rem;}
.gl-title p{display: flex;justify-content: space-between;font-size: .24rem;color: #999;text-align: center;word-break: break-all;}

.gl-cont{padding: .2rem .2rem .1rem;font-size: .28rem;line-height: .42rem;color: #5E5E5E;overflow: hidden;}
.gl-cont p{margin-bottom: .16rem;text-indent: 2em;}
.gl-cont >p:last-child{margin-bottom: 0;}
.gl-cont strong{font-weight: 600;}
.gl-cont p img{display: block;max-width: 100%;height: auto;margin: .2rem auto;}
.gl-cont h3{position: relative;display: inline-block;font-size: .32rem;font-weight: bold;color: #f89635;line-height: .56rem;margin-bottom: 0.1rem;}
.gl-game a{position: relative;align-items: center;display: flex;padding: .32rem .21rem;margin: .05rem auto .2rem;background: url(../img/newsbg.png) no-repeat;background-size: cover;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .04rem;background-color: #fff;}
.gl-game a img{display: block;width: 1.4rem;height: 1.4rem;border-radius: .32rem;margin-right: .25rem;}
.gl-game a div{flex-grow: 1;width: 0%;height: 1.4rem;}
.gl-game a div p{font-size: .24rem;color: #999;line-height: .42rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gl-game a div p:nth-of-type(1){display: block;font-size: .32rem;font-weight: 600;color: #333;line-height: .52rem;margin-bottom: .04rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gl-game a div p:nth-of-type(1) i{display: inline-block;position: relative;top: -.12rem;margin-left: .08rem;width: .2rem;height: .18rem;background-position: -3rem -.05rem;}
.gl-game a>span{position: absolute;top: .7rem;right: .21rem;display: block;font-size: .24rem;color: #fff;text-align: center;width: 1.15rem;height: .48rem;line-height: .48rem;background: linear-gradient(90deg, #f5b85d 0%, #f89635 100%);border-radius: .24rem;}

.game-list{margin-bottom: .16rem;}
.game-list div:nth-child(2){display: flex;flex-wrap: wrap;background-color: #fff;margin-top: .08rem;padding-top: .18rem;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .04rem;}
.game-list div:nth-child(2) a{width: 25%;display: block;text-align: center;height: 2.25rem;padding: .06rem 0 .24rem 0;}
.game-list div:nth-child(2) a img{display: block;width: 1.2rem;height: 1.2rem;border-radius: .26rem;margin: 0 auto;}
.game-list div:nth-child(2) a p{display: block;max-width: 90%;font-size: .3rem;color: #333;height: .56rem;line-height: .56rem;margin: 0 auto;margin-top: .03rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.game-list div:nth-child(2) a span{display: block;margin: 0 auto;font-size: .24rem;color: #fff;text-align: center;width: 1.15rem;height: .48rem;line-height: .48rem;border-radius: .24rem;background: linear-gradient(90deg, #f5b85d 0%, #f89635 100%); }

.cnxh>div:nth-child(2){padding: .02rem 0 .18rem;margin: .08rem auto .18rem;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .04rem;background-color: #fff;}
.cnxh ul{display: flex;margin: .25rem 0 0 .24rem;height: .75rem;padding: .03rem 0 .04rem;width: 6.46rem;white-space: nowrap;font-size: 0;}
.cnxh ul li{position: relative;padding: 0 .54rem 0 .15rem;height: .75rem;line-height: .75rem; background-color: #fffdf5;}
.cnxh ul li.current{position: relative;top: -.03rem;display: block;padding: 0 .54rem 0 .24rem;width: 1.2rem;height: .82rem;background-image: url(../img/icon.png);background-size: 10rem 10rem;background-repeat: no-repeat;background-position: -2.36rem -.49rem;}
.cnxh ul li:last-of-type.current {position: relative;left: -.3rem;display: block;padding: 0 .24rem 0 .54rem;width: 1.2rem;height: .82rem;background-image: url(../img/icon.png);background-size: 10rem 10rem;background-repeat: no-repeat;background-position: -4.54rem -.49rem;}
.cnxh li span{display: block;width: 1.2rem;font-size: .3rem;color: #999;line-height: .75rem;text-align: center;overflow: hidden;white-space: nowrap;}
.cnxh li.current span{color: #fff;}
.cnxh li.current i{color: #fff;}

.cnxh .tabBox div:nth-child(1){display: flex;}
.cnxh .tabBox div{ flex-wrap: wrap;background-color: #fff;margin-top: .08rem;padding-top: .18rem;border-radius: .04rem;}
.cnxh .tabBox div a{width: 25%;display: block;text-align: center;height: 2.25rem;padding: .06rem 0 .24rem 0;}
.cnxh .tabBox div a img{display: block;width: 1.2rem;height: 1.2rem;border-radius: .26rem;margin: 0 auto;}
.cnxh .tabBox div a p{display: block;max-width: 90%;font-size: .3rem;color: #333;height: .56rem;line-height: .56rem;margin: 0 auto;margin-top: .03rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cnxh .tabBox div a span{display: block;margin: 0 auto;font-size: .24rem;color: #fff;text-align: center;width: 1.15rem;height: .48rem;line-height: .48rem;background: linear-gradient(90deg, #f5b85d 0%, #f89635 100%);border-radius: .24rem;}
.cnxh .tabBox div>span{display: block;margin: .1rem auto;width: 6.3rem;height: .66rem;line-height: .66rem;text-align: center;background: #f1d4b7cc;border-radius: .04rem;font-size: .28rem;color: #f89635;}
.cnxh .tabBox div>span::before{content: "";position: relative;top: .04rem;display: inline-block;width: .28rem;height: .28rem;background-image: url(../img/icon.png);background-size: 10rem 10rem;background-repeat: no-repeat;background-position: -3.39rem -.06rem;margin-right: .08rem;}
.cnxh .tabBox div{display: none;}
.news{margin-bottom: .05rem;}
.news ul{padding: .08rem .19rem;background-color: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .1rem;margin-bottom: .3rem;}
.news li{border-bottom: .02rem solid #eee;}
.news li:last-child{border: none;}
.news li a{display: flex;padding: .24rem 0;}
.news li a div{flex: 1;height: 1.5rem;overflow: hidden;}
.news li a div p{height: .84rem;font-size: .32rem;color: #333;line-height: .42rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .32rem;}
/* .news li a div p{height: .84rem;font-size: .32rem;color: #333;line-height: .42rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .32rem;} */
.news li a div p:last-child {position: relative;display: block;font-size: .24rem;color: #333;line-height: .36rem;}
.news li a div p i{position: relative;top: .04rem;display: inline-block;width: .28rem;height: .28rem;background-position: -2.58rem -.06rem;}
.news li a img{display: block;width: 2.2rem;height: 1.5rem;border-radius: .04rem;margin-left: .24rem;}

/* ---------------------游戏下载----------------------- */
.crumbs{position: relative;padding: 0 .05rem;margin: .1rem auto .3rem;font-size: .26rem;color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.crumbs a{color:#999;}
.game-name{position: relative;}
.game-name div.gameInfoBox{position: relative;padding: .28rem .24rem .2rem;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .08rem;background-color: #fff;}
.game-name div.gameInfoBox h1{display: block;width: 3.86rem;font-size: .45rem;line-height: .56rem;color: #333;font-weight: bold;margin-bottom: .16rem;}
.game-name div.gameInfoBox img{position: absolute;top: -.58rem;right: .26rem;display: block;width: 2.04rem;height: 2.04rem;border: .04rem solid #FFF;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .4rem;}
.game-name div.gameInfoBox p{font-size: .26rem;color: #999;line-height: .46rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.game-name div.gameInfoBox>a{display:block;background-color: #999;box-shadow: 0 0.05rem 0.15rem rgb(58 148 225 / 40%);width: 6.22rem;height: .8rem;line-height: .8rem;font-size: .36rem;color: #fff;text-align: center;border: none;border-radius: .4rem;margin: .2rem auto .1rem;}
.game-name div.gameInfoBox>a i{display: inline-block;width: .46rem;height: .46rem;position: relative;top: .1rem;margin-right: .12rem;}
.game-name div.gameInfoBox>a.ard{background-color: #f89635;}
.game-name div.gameInfoBox>a.ios{background-color: #3A94FF;}
.game-name div.gameInfoBox>a.yy{background-color: #f89635;}
.game-name div.gameInfoBox>a.shield_down{background-color: #ccc;}
.game-name div.gameInfoBox>a.ard i{background-position: -.06rem -1.36rem;}
.game-name div.gameInfoBox>a.ios i{background-position: -.72rem -1.36rem;}

.game-name div.gameInfoBox>a.none{background-color:#999}
.game-name div.noGm{line-height: .32rem;margin-top: .2rem;color: #999;}
.game-name div.noGm i{display: inline-block;width: .32rem;height: .32rem;margin-bottom: .1rem; font-size: .24rem;color: #fff;background-color: red;border-radius: 50%;text-align: center;margin-right: .08rem;position: relative;vertical-align: top;}


.game-cont{margin: .36rem .4rem .16rem;padding: .26rem 0 .16rem;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .08rem;background-color: #fff;}
.game-cont .Jump{display: flex;justify-content: space-around;padding: 0 .24rem;}
.game-cont .Jump span{position: relative;font-size: .28rem;color: 333;line-height: .52rem;padding-bottom: .15rem;margin: 0 .1rem .02rem;text-align: center;}
.game-cont .Jump span.current{color: #f89635;}
.game-cont .Jump span i{position: relative; display: block;width: .9rem;height: .9rem;background-color: #F5F6F7;border-radius: 50%;margin: auto;}
.game-cont .Jump span i::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: .3rem;height: .3rem;background-image: url(../img/icon.png);background-size: 10rem 10rem;background-repeat: no-repeat;}

.game-cont .Jump span.info i::after{background-position: -7.52rem -.58rem;}
.game-cont .Jump span.rele i::after{background-position: -8.97rem -.57rem;}
.game-cont .Jump span.news i::after{background-position: -8.04rem -.58rem;}
.game-cont .Jump span.recom i::after{background-position: -9.45rem -.58rem;}
.game-cont .Jump span.like i::after{background-position: -8.5rem -.58rem;}

.game-cont .Jump span.info.current i::after{background-position: -7.52rem -.07rem;}
.game-cont .Jump span.rele.current i::after{background-position: -9.04rem -.06rem;}
.game-cont .Jump span.news.current i::after{background-position: -8.01rem -.07rem;}
.game-cont .Jump span.recom.current i::after{background-position: -9.5rem -.07rem;}
.game-cont .Jump span.like.current i::after{background-position: -8.55rem -.07rem;}

.bjdp{margin: 0 .26rem;display: flex;margin-bottom: .15rem;}
.bjdp i{width: .6rem;height: .71rem;background-position: -1.22rem -1.83rem;}
.bjdp span{width: 5rem;height: .6rem;display: block;font-size: .26rem;color: #FF9834;background: url(../img/icon.png) no-repeat;line-height: .6rem;background-size:10rem 10rem;background-position: -.44rem -2.82rem;margin-top: .06rem;padding-left: .5rem;max-width: 5.49rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.showImg{padding: .1rem .24rem}
.showImg .img_item{overflow-x: auto;padding: 0 0 .1rem;overflow-y: hidden;white-space: nowrap;}
.showImg .img_item ul{font-size: 0;}
.showImg .img_item ul li{position: relative;margin-right: .18rem;display: inline-block;border-radius: .08rem;overflow: hidden;}
.showImg .img_item ul li img{width: auto;height: 3.5rem;}

.game-video{height: 3.5rem;width: auto;margin: auto;position: relative;overflow: hidden;background-size: cover;background-position: 50%;}
.game-video video{width: 100%;height: 3.5rem;object-fit: cover;}

.game-cont .cont-tit{padding: 0 .24rem;margin: .2rem 0 .16rem;height: .5rem;line-height: .49rem;display: flex;justify-content: space-between;overflow: hidden;}
.game-cont .cont-tit p{position: relative;display: inline-block;padding: 0 .1rem 0 .16rem;height: .5rem;font-size: .36rem;color: #333;font-weight: bold;background-color: #eee;}
.game-cont .cont-tit p::after{content: "";position: absolute;top: 0rem;right: -.1rem;display: block;width: .18rem;height: .56rem;background-color: #eee;transform: rotate(-15deg);}
.game-cont .cont{font-size: .28rem;line-height: .48rem;color: #454545;padding: 0 .24rem;}
.game-cont .cont p{margin-bottom: .16rem;}
.game-cont .cont strong{font-weight: bold;}
.game-cont .cont >p:last-child{margin-bottom: 0;}
.game-cont .cont p img{display: block;max-width: 100%;height: auto;margin: 0 auto .1rem auto;}
.game-cont .cont h3{position: relative;display: inline-block;font-size: .32rem;font-weight: bold;color: #f89635;line-height: .56rem;margin-bottom: .1rem;}


.game-info{margin-bottom: .16rem;position: relative;}
.game-info ul{padding: .04rem .24rem .3rem;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .04rem;background-color: #fff;}
.game-info ul li{width: 100%;font-size: .3rem;color: #999;line-height: .56rem;padding: .15rem 0;border-bottom: 1px solid #eee;overflow: hidden;text-overflow: ellipsis;}
.game-info ul li span{float: right;color: #333;word-break: break-all;}
.game-info ul li span i{display: inline-block;width: .42rem;height: .42rem;position: relative;top: .1rem;}
.game-info ul li span i:nth-of-type(1){background-position: -.06rem -1.96rem;margin-right: .2rem;}
.game-info ul li span i:nth-of-type(2){background-position: -.58rem -1.96rem;}
.game-info ul li .gPower, .game-info ul li .gSecret {color: #f89635;}
.jb:after {content: "";position: relative;top: .03rem;margin-left: .06rem;display: inline-block;width: .22rem;height: .22rem;background-image: url(../img/icon.png);background-size: 10rem 10rem;background-repeat: no-repeat;background-position: -3.84rem -.06rem;}


/* ------------------------首页------------------------- */
.swiper-container{width:100%;height:100%;}
.LvSlider{width: 6.7rem;height:3.45rem;margin: 0 auto;border-radius: .2rem;overflow: hidden;background-color: #fff;}
.LvSlider .swiper-slide a{display:block;width:100%;height:100%;}
.LvSlider .swiper-slide img{display:block;width:100%;height:100%;}
.LvSlider .swiper-slide p{display: block;padding-top: .1rem;width: 100%;height: .74rem;background: linear-gradient(0deg, rgba(3, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);position: absolute;bottom: 0;color: #ECECEC;font-size: .28rem;text-align: left;text-indent: 2em;line-height: .74rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.LvSlider .swiper-pagination{width:40%;right: 0;left: auto;padding: 0 .14rem;text-align: right;}
.LvSlider .swiper-pagination-bullet{width:.16rem;height:.16rem;background:rgba(255,255,255,.95);border-radius:.16rem;opacity:1;margin: 0 .06rem;}
.LvSlider .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f89635;}
.LvSlider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .06rem;}
.LvSlider .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: .15rem;}

.alq{padding-left: .33rem;padding-right: 0;margin-bottom: .01rem;}
.alq .Title{padding-right: .4rem;padding-left: .07rem;}
.alq ul{display: flex;width: auto;height: 2.34rem;overflow-x: auto;white-space: nowrap;font-size: 0;padding: .07rem 0 0 .07rem;}
.alq ul li a{display: block;float: left; width: 3.38rem;height: 1.79rem;padding: .04rem .2rem .21rem;border-radius: .04rem;margin-right: .24rem;background: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%)}
.alq ul li a>p{display: block;width: 100%;font-size: .3rem;color: #333;font-weight: bold;height: .6rem;line-height: .6rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.alq ul li a>p i{display: inline-block;width: .37rem;height: .22rem;position: relative;top: -.03rem;background-position: -4.23rem -.06rem;}
.alq ul li a>div{display: flex;}
.alq ul li a>div img{display: block;float: left; width: 1.2rem;height: 1.2rem;border-radius: .28rem;margin-right: .26rem;}
.alq ul li a>div div{width: 1.92rem;height: 1.2rem;overflow: hidden;}
.alq ul li a>div div p{width: 1.92rem;height: .6rem; line-height: .3rem;font-size: .24rem;color: #666;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.alq ul li a>div div span{display: block;float: left; font-size: .24rem;color: #fff;text-align: center;width: 1.15rem;height: .48rem;line-height: .48rem;background: linear-gradient(90deg, #f5b85d 0%, #f89635 100%);border-radius: .24rem;margin-top: .1rem;}

.gameRec{position: relative;overflow: hidden;padding: .0 .32rem;}
.gameRec a{position: relative;align-items: center;display: flex;padding: .93rem .29rem .32rem .32rem;background: url(../img/indexrecbg.png) no-repeat;background-size: 100% auto;border-radius: .04rem;}
.gameRec a img{display: block;width: 1.2rem;height: 1.2rem;border-radius: .26rem;border: .03rem solid #fff;}
.gameRec a div{-webkit-box-flex: 1.0;flex-grow: 1;width: 0%;height: 1.2rem;margin-left: .24rem;position: relative;}
.gameRec a div strong{display: block;font-size: .3rem;color: #CE6F51;line-height: .32rem;font-weight: 600;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gameRec a div p{display: block;width: auto;font-size: .24rem;color: #CE6F51;opacity: 0.88;line-height: .36rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: .08rem;}
.gameRec a div p span{display: inline-block;padding: 0 .07rem;height: .3rem;border: 1px solid #CE6F51;margin-right: .14rem;border-radius: .04rem;text-align: center;line-height: .3rem;}
.gameRec a>span {position: absolute;top: .83rem;right: .28rem;display: block;font-size: .24rem;color: #fff;text-align: center;width: 1.15rem;height: .48rem;line-height: .48rem;background: linear-gradient(90deg, #E67A5A 0%, #CE6F51 100%);border-radius: .24rem;margin-top: .1rem;}
.gameRec i{position: absolute;top: .23rem;right: .52rem;display: block;width: .26rem;height: .26rem;background-position: -1.14rem -.8rem;}


.new-game li{margin-bottom: .26rem;}
.new-game li a{position: relative;align-items: center;display: flex;padding: .22rem .2rem;background-color: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .04rem;}
.new-game li a img{display: block;width: 1.2rem;height: 1.2rem;border-radius: .26rem;margin-right: .25rem;}
.new-game li a div{flex-grow: 1;width: 0%;height: 1.2rem;margin-right: .24rem;position: relative;-webkit-box-flex:1.0}
.new-game li a div p{font-size: .24rem;color: #808080;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new-game li a div p:nth-of-type(1){font-size: .32rem;font-weight: 600;color: #333;margin-bottom: .04rem;}
.new-game li a div p span:nth-child(2)::before{content: "|";font-size: .2rem;color: #E0E0E0;margin: 0 .16rem;}
.new-game li a>span{display: block;font-size: .24rem;color: #fff;text-align: center;width: 1.15rem;height: .48rem;line-height: .48rem;background: linear-gradient(90deg, #f5c55d 0%, #f89635 100%);border-radius: .24rem;}

.indexRank{position: relative;overflow: hidden;padding: .2rem .4rem 0;}
.indexRank .tabMenu{position: absolute;top: 2.22rem;left: .4rem;right: .4rem;z-index: 1;margin: auto;display: flex;padding: .3rem 0;}
.indexRank .tabMenu span{position: relative;display: block;padding-left: .2rem;height: .56rem;line-height: .56rem;font-size: .32rem;color: #B3B3B3;margin-right: .02rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.indexRank .tabMenu span.current{font-size: .36rem;color: #333;font-weight: 600;}
.indexRank .tabMenu span::after{content: "";display: block;position: absolute;top: .06rem;right: .12rem;z-index: -1;width: .18rem;height: .18rem;background-color: transparent;border-radius: 50%;}
.indexRank .tabMenu span.current::after{background: #f89635;}
.indexRank .tabBox{padding-bottom: .25rem;background-color: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .04rem;}
.rankTit{width: 6.7rem;height: 2.02rem;border-radius: .04rem;background: url(../img/indexrankbg.jpg) no-repeat;background-size: 100% 100%}
.rankTit em{display: block;white-space: nowrap;overflow: hidden;font-family: DOUYUFont;font-size: .42rem;line-height: .56rem;font-weight: bold;font-style: oblique;text-shadow: #c5ac2f 0.03rem 0.04rem 0.06rem;text-align: center;padding-top: .4rem}
.topThree{display: flex;margin-top: 1.15rem;padding: 0 .19rem;}
.topThree a{position: relative;z-index: 0;display: block;text-align: center;width: 1.9rem;height: 3.05rem;}
.topThree a:nth-of-type(2) {width: 2.52rem;}
.topThree a::before{content: "";position: absolute;top: .96rem;left: 0;right: 0;margin: auto;z-index: -1;width: 1.9rem;height: 1.73rem;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(227, 194, 86, 0.36) 100%);}
.topThree a:nth-of-type(2):before {width: 2.52rem;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(227, 194, 86, 0.36) 100%);}
.topThree a img{display: block;width: 1.4rem;height: 1.4rem;border-radius: .32rem;border: .03rem solid #FFF;margin: .25rem auto 0;}
.topThree a:nth-of-type(2) img {width: 1.6rem;height: 1.6rem;margin: 0 auto .02rem;}
.topThree a p{display: block;font-size: .28rem;color: #333;height: .56rem;line-height: .56rem;margin: 0 auto;margin-top: .02rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.topThree a:nth-of-type(2) p {font-size: .32rem;height: .62rem;line-height: .62rem;}
.topThree a p::before{content: "";position: relative;display: inline-block;background-image: url(../img/icon.png);background-size: 10rem 10rem;background-repeat: no-repeat;margin-right: .1rem;}
.topThree a:nth-of-type(1) p::before{background-position: -5.37rem -0.06rem;width: .28rem;height: .28rem;top: .06rem;}
.topThree a:nth-of-type(2) p::before{width: .34rem;height: .34rem;background-position: -4.8rem -.06rem;top: .08rem;}
.topThree a:nth-of-type(3) p::before{width: .28rem;height: .28rem;background-position: -5.88rem -.06rem;top: .06rem;}
.topThree a span{display: block;margin: 0 auto;font-size: .24rem;color: #fff;text-align: center;width: 1.15rem;height: .48rem;line-height: .48rem;background: linear-gradient(90deg, #f5c55d 0%, #f89635 100%);border-radius: .24rem;}

.indexRank .tabBox>div{display: none;}
.indexRank .tabBox>div:nth-child(1){display: block;}
.indexRank .tabBox ul{padding: 0 .19rem;}
.indexRank .tabBox li{border-bottom: .02rem solid #eee;}
.indexRank .tabBox li a{position: relative;align-items: center;display: flex;padding: .24rem 0;}
.indexRank .tabBox li a i{display: block;width: .41rem;padding-left: .07rem;font-size: .28rem;color: #ccc;font-weight: bold;}
.indexRank .tabBox li a img{display: block;width: 1.2rem;height: 1.2rem;border-radius: .26rem;margin-right: .25rem;}
.indexRank .tabBox li a div{-webkit-box-flex: 1.0;flex-grow: 1;width: 0%;height: 1.2rem;margin-right: .24rem;position: relative;}
.indexRank .tabBox li a div p{font-size: .24rem;color: #808080;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.indexRank .tabBox li a div p:nth-of-type(1){font-size: .32rem;font-weight: 600;color: #333;margin-bottom: .04rem;}
.indexRank .tabBox li a div p span:nth-child(2)::before{content: "|";font-size: .2rem;color: #E0E0E0;margin: 0 .16rem;}
.indexRank .tabBox li a>span{display: block;font-size: .24rem;color: #fff;text-align: center;width: 1.15rem;height: .48rem;line-height: .48rem;background: linear-gradient(90deg, #f5c55d 0%, #f89635 100%);border-radius: .24rem;}
.indexRank .tabBox li:last-child{border: none;}



.hot-hj{padding-left: .33rem;padding-right: 0;margin-bottom: .01rem;}
.hot-hj .Title{padding-right: .4rem;padding-left: .07rem;}
.hot-hj ul{display: flex;width: auto;max-height: 2.92rem;overflow-x: auto;white-space: nowrap;font-size: 0;padding: .07rem 0 .24rem .07rem;}
.hot-hj li{position: relative;margin: 0 .18rem .24rem 0;}
.hot-hj li>a{position: relative;display: block;width: 3.25rem;height: 2.92rem;background-color: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .04rem;}
.hot-hj li>a p{display: block;padding: .05rem .1rem 0 .19rem;font-size: .32rem;color: #333;font-weight: 600;line-height: .62rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hot-hj li>a div{padding: 0 .1rem 0 .19rem;font-size: .24rem;color: #666;line-height: .3rem;height: .92rem;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.hot-hj li>a i{position: relative;display: block;border-bottom: .02rem dashed #f2f2f2;margin: .14rem 0 .16rem;}
.hot-hj li>a i::before{content: "";position: absolute;top: -.08rem;left: 0;display: block;width: .08rem;height: .16rem;border-radius: 0 .08rem .08rem 0;line-height: .16rem;background: linear-gradient(270deg, #f2f2f2 0%, #f6f6f6 100%);}
.hot-hj li>a i::after{content: "";position: absolute;top: -.08rem;right: 0;display: block;width: .08rem;height: .16rem;border-radius: .08rem 0 0 .08rem;line-height: .16rem;background: linear-gradient(90deg, #f2f2f2 0%, #f6f6f6 100%);}
.hot-hj li>div{display: flex;position: absolute;left: .18rem;bottom: 0;width: 2.7rem;height: .78rem;overflow: hidden;}
.hot-hj li>div a{display: block;margin-right: .1rem;}
.hot-hj li>div a img{display: block;width: .78rem;height: .78rem;border-radius: .18rem;}
.hot-hj li>a::after{content: '';position: absolute;bottom: .5rem;right: .19rem;display: inline-block;width: .18rem;height: .18rem;background-image: url(../img/icon.png);background-size: 10rem 10rem;background-repeat: no-repeat;background-position: -.06rem -.43rem;}


.new-app{padding-left: .4rem;padding-right: 0;margin-bottom: .01rem;}
.new-app .Title{padding-right: .4rem;}
.new-app ul{display: flex;width: auto;max-height: 2.94rem;overflow-x: auto;white-space: nowrap;font-size: 0;padding: .06rem 0;}
.new-app ul li{margin-right: .2rem;padding-bottom: .24rem;background-image: url(../img/listbg.png);background-size: 8rem 12rem;background-repeat: no-repeat;background-position: -5.46rem -6.11rem;}
.new-app li:nth-of-type(12n+1) {background-position: -.4rem -.11rem;}
.new-app li:nth-of-type(12n+1){background-position: -.4rem -.11rem;}
.new-app li:nth-of-type(12n+2){background-position: -2.93rem -.11rem;}
.new-app li:nth-of-type(12n+3){background-position: -5.46rem -.11rem;}
.new-app li:nth-of-type(12n+4){background-position: -.4rem -3.11rem;}
.new-app li:nth-of-type(12n+5){background-position: -2.93rem -3.11rem;}
.new-app li:nth-of-type(12n+6){background-position: -5.46rem -3.11rem;}
.new-app li:nth-of-type(12n+7){background-position: -.4rem -6.11rem;}
.new-app li:nth-of-type(12n+8){background-position: -2.93rem -6.11rem;}
.new-app li:nth-of-type(12n+9){background-position: -5.46rem -6.11rem;}
.new-app li:nth-of-type(12n+10){background-position: -.4rem -9.11rem;}
.new-app li:nth-of-type(12n+11){background-position: -2.93rem -9.11rem;}
.new-app li:nth-of-type(12n+12){background-position: -5.46rem -9.11rem;}
.new-app li a{display: block;width: 2.14rem;height: 2.7rem;overflow: hidden;}
.new-app li a p:nth-of-type(1){display: block;font-size: .32rem;color: #fff;font-weight: 600;line-height: .86rem;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new-app li a img{display: block;width: 1rem;height: 1rem;border-radius: .2rem;border: .03rem solid #fff;margin: auto;}
.new-app li a p:nth-of-type(2){text-align: center; font-size: .24rem;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 0.15rem;}
.new-app li a p span:nth-child(2)::before{content: "|";font-size: .2rem;color: #fff;margin-right: .06rem;}


.News{margin-bottom: .2rem;}
.News  ul{padding: .24rem .2rem 0;background-color: #fff;box-shadow: 0 0.1rem 0.1rem 0 rgb(0 0 0 / 4%);border-radius: .04rem;}
.News  li{border-bottom: .02rem solid #eee;}
.News  li:last-child{border: none;}
.News  li a{display: flex;padding: .24rem 0;}
.News  li a div{flex: 1;height: 1.5rem;overflow: hidden;}
.News  li a div p{height: .84rem;font-size: .32rem;color: #333;line-height: .42rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: .32rem;}
.News  li a div p:last-child {position: relative;display: block;font-size: .24rem;color: #333;line-height: .36rem;}
.News  li a div p i{position: relative;top: .04rem;display: inline-block;width: .28rem;height: .28rem;background-position: -2.58rem -.06rem;}
.News  li a img{display: block;width: 2.2rem;height: 1.5rem;border-radius: .04rem;margin-left: .24rem;}

.firend>div:nth-child(2){overflow: hidden;padding: 0.12rem 0 .2rem;line-height: 0.5rem;position: relative;}
.firend>div:nth-child(2) a{display: inline-block;padding-right: 0.2rem;font-size: 0.24rem;color: #666;line-height: 0.5rem;position: relative;}

/* rule */
.gRule{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;max-width: 7.5rem;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.ruleBox{position: absolute;z-index: 5;top: 2.2rem;left: 0;right: 0;margin: auto;width: 6rem;border-radius: .2rem .2rem .04rem .04rem;text-align: center;background-color: #fff;}
.ruleBox .rClose{position: absolute;top: -.73rem;right:0;margin: auto;z-index: 10;}
.ruleBox .rClose i{display: inline-block;width: .44rem;height: .44rem;background-position: -.06rem -2.57rem;position: relative;}
.ruleBox .rTitle{position: relative;display: block;text-align: center;padding-top: .4rem;height: 1.1rem;background:url(../img/maskbg.png) no-repeat;background-size:6rem 12rem;background-position: -0rem -3.72rem;}
.ruleBox .rTitle p{display: block;font-size: .42rem;color: #333;font-weight: bold;line-height: .62rem;white-space: nowrap;overflow: hidden;}
.ruleBox .rSure{display: block;border: 0;margin: .3rem auto .4rem;width: 4.6rem;height: .8rem;line-height: .8rem;font-size: .3rem;color: #FEFEFE;background: #f89635;border-radius: .04rem;}
.ruleBox>p{text-align: left;font-size: .26rem;color: #333;width: 86%;line-height: .4rem;margin:.3rem auto .2rem;}

.ruleMain{display: block;width: 5.2rem;height: 3.9rem;border: none;padding: .24rem .2rem .22rem;line-height: .42rem;font-size: .24rem;color: #666;border-radius: .04rem;background-color: #F7F7F7;margin: .26rem auto;overflow: auto;}
.ruleMain p{text-align: left;}
.ruleMain strong{display: block;color: #454545;line-height:.52rem;font-size: .26rem; font-weight: 500;text-indent:0em;text-align: left;}

/* Privacy */
.gPrivacy{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;max-width: 7.5rem;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.privacyBox{position: absolute;z-index: 5;top: 2.2rem;left: 0;right: 0;margin: auto;width: 6rem;border-radius: .2rem .2rem .04rem .04rem;text-align: center;background-color: #fff;}
.privacyBox .pClose{position: absolute;top: -.73rem;right:0;margin: auto;z-index: 10;}
.privacyBox .pClose i{display: inline-block;width: .44rem;height: .44rem;background-position: -.06rem -2.57rem;position: relative;}
.privacyBox .pTitle{position: relative;display: block;text-align: center;padding-top: .4rem;height: 1.1rem;background:url(../img/maskbg.png) no-repeat;background-size:6rem 12rem;background-position: -0rem -5.58rem;}
.privacyBox .pTitle p{display: block;font-size: .42rem;color: #333;font-weight: bold;line-height: .62rem;white-space: nowrap;overflow: hidden;}
.privacyBox .pSure{display: block;border: 0;margin: .3rem auto .4rem;width: 4.6rem;height: .8rem;line-height: .8rem;font-size: .3rem;color: #FEFEFE;background: #f89635;border-radius: .04rem;}
.privacyBox>p{text-align: left;font-size: .26rem;color: #333;width: 86%;line-height: .4rem;margin:.3rem auto .2rem;}
.privacyMain{display: block;width: 5.2rem;height: 3.9rem;border: none;padding: .24rem .2rem .22rem;line-height: .42rem;font-size: .24rem;color: #666;border-radius: .04rem;background-color: #F7F7F7;margin: .26rem auto;overflow: auto;}
.privacyMain p{text-align: left;}
.privacyMain strong{display: block;color: #454545;line-height:.52rem;font-size: .26rem; font-weight: 500;text-indent:0em;text-align: left;}

/* order*/
.orderList{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.orderBox{position: absolute;z-index: 5;top: 2.84rem;left: 0;right: 0;margin: auto;width: 6rem;border-radius: .2rem .2rem .04rem .04rem;text-align: center;background-color: #fff;}
.orderBox .oClose{position: absolute;top: -.73rem;right:0;margin: auto;z-index: 10;}
.orderBox .oClose i{display: inline-block;width: .44rem;height: .44rem;background-position: -.06rem -2.57rem;position: relative;}
.orderBox .oTitle{position: relative;display: block;text-align: center;padding-top: .4rem;height: 1.1rem;background:url(../img/maskbg.png) no-repeat;background-size:6rem 12rem;background-position: -0rem -9.3rem;}
.orderBox .oTitle p{display: block;font-size: .42rem;color: #333;font-weight: bold;line-height: .62rem;white-space: nowrap;overflow: hidden;}
.orderBox .oSure{display: block;border: 0;margin: .3rem auto .4rem;width: 4.6rem;height: .8rem;line-height: .8rem;font-size: .3rem;color: #FEFEFE;background: #f89635;border-radius: .04rem;}
.oOrder>p{font-size: .24rem;color: #333;width: 86%;margin:.4rem auto .3rem;}

.orderBox form .tel{width:4.08rem;border:1px solid #dadada;background-color:#fff;color:#999;font-size:.28rem;border-radius:.08rem;padding:0 .26rem;line-height: .88rem;margin: .06rem auto;overflow: hidden;white-space: nowrap;}
.orderBox form span{display: block;color:#ccc;font-size:.24rem;line-height: .4rem;overflow: hidden;white-space: nowrap;}
.orderBox .msg{color: #fe684d;font-size: .18rem;text-align: left;display: block;width:5rem;margin: 0 auto;}
.orderBox form .oBtn,.orderBox .oKnow{display: block;border: 0;margin: .3rem auto .4rem;width: 4.6rem;height: .8rem;line-height: .8rem;font-size: .3rem;color: #FEFEFE;background: #f89635;border-radius: .04rem;}

.orderBox .oWin{width: 100%;padding-bottom:.3rem;height: 3.6rem;font-size: .36rem;border-radius: .12rem;padding-top: .01rem;text-align: center;}
.orderBox .oWin p{font-size:.3rem;color: #333333;line-height: .38rem;margin-top: .29rem;}
.orderBox .oWin .suc{display: block;margin: .35rem auto .1rem;width: 1.1rem;height:1.45rem ;background:url(../img/maskbg.png) no-repeat;background-size:6rem 12rem;background-position: -.14rem -.17rem;}

.orderBox .oLose{width: 100%;height: 2.6rem;padding: .3rem 0;font-size: .36rem;border-radius: .12rem;text-align: center;}
.orderBox .oLose p{font-size:.32rem;color: #333;font-weight: 500;line-height: .86rem;margin: .2rem 0;}

.orderBox .oAgin{width: 100%;height: 2.6rem;padding: .3rem 0;font-size: .36rem;border-radius: .12rem;text-align: center;}
.orderBox .oAgin p{font-size:.32rem;color: #333;font-weight: 500;line-height: .86rem;margin: .2rem 0;}


/* feedback */
.feedBack{position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 10;overflow: hidden;overflow-y: auto;width: 100%; height: 100%; max-width: 7.5rem; min-width: 3.2rem; background-color: rgba(0,0,0,.5); }
.feBackBox{position: absolute;z-index: 5;top: 1.2rem;left: 0;right: 0;margin: auto;width: 6rem;border-radius: .2rem .2rem .04rem .04rem;text-align: center;background-color: #fff;}
.feBackBox .feBaClose{position: absolute;top: -.73rem;right:0;margin: auto;z-index: 10;}
.feBackBox .feBaClose i{display: inline-block;width: .44rem;height: .44rem;background-position: -.06rem -2.57rem;position: relative;}
.feBackBox .fTitle{position: relative;display: block;text-align: center;padding-top: .4rem;height: 1.1rem;background:url(../img/maskbg.png) no-repeat;background-size:6rem 12rem;background-position: -0rem -9.3rem;}
.feBackBox .fTitle p{display: block;font-size: .42rem;color: #333;font-weight: bold;line-height: .62rem;white-space: nowrap;overflow: hidden;}
.feBackBox .fSure{display: block;border: 0;margin: .3rem auto .4rem;width: 4.6rem;height: .8rem;line-height: .8rem;font-size: .3rem;color: #FEFEFE;background: #f89635;border-radius: .04rem;}

.feBack{margin: 0 .32rem .25rem;}
.feBack>span{font-size: .24rem;color: #666;margin: .2rem 0 .16rem;display: block;text-align: left;}
.feBack .info{display: flex;flex-wrap: wrap;background-color: #f9f9f9;padding: .2rem .1rem .1rem;}
.feBack .info p{font-size: .24rem;color: #333;line-height: .88rem;}
.otherRe{background: #f9f9f9;overflow: hidden;padding: .1rem 0 .2rem; }
.feBack textarea{ width: 4.96rem;height: .42rem;border: none;resize:none;background:transparent;padding: .1rem .2rem;font-size: .26rem;color: #666;}


.feBack .photoList img{width:auto;height: 1.2rem;margin-left: .2rem;}
.radio {position: relative;display: block;width: 100%;height: .48rem;line-height: .48rem;margin-bottom: .02rem;}
.checkbox:nth-last-child(1){border-bottom: none;}
.radio input[type='radio'] {position: absolute;left: 0;top: 0;width: .2rem;height: .2rem;opacity: 0;}
.radio label {position: absolute;left: .6rem;top: 0;height: .2rem;line-height: .2rem;font-size: .24rem;color: #333;padding:.12rem 0;text-align: left;}
.radio label:after {content: '';position: absolute;left: -.4rem;top: .12rem;width: .12rem;height: .12rem;border: .05rem solid #f9f9f9;border-radius: 50%;box-shadow: 0 0 0 1px #4BA6FA ;}
.radio input[type='radio']:checked + label:after {background-color: #4BA6FA;}
.telBox{overflow: hidden;background-color: #f9f9f9;}
.telBox input{display: block;border: none;padding:0 .24rem;width: 4.82rem;height: .72rem;line-height: .72rem;background-color: #f9f9f9;font-size: .24rem;color: #666;}
.telBox input::-webkit-input-placeholder {color: #999;}
.telBox input:-moz-placeholder { color: #999;}
.telBox input::-moz-placeholder { color: #999;}
.telBox input:-ms-input-placeholder { color: #999;}
.feSubmit input{display: block;border: 0;margin: .3rem auto .4rem;width: 4.6rem;height: .8rem;line-height: .8rem;font-size: .3rem;color: #FEFEFE;background: #f89635;border-radius: .04rem;}

/* 查看全部 */
.ztAllBox{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;max-width: 7.5rem;width: 100%;height: 100%;background-color: rgba(0,0,0,.62);}
.ztAllBox .intro{position: absolute;z-index: 5;top: 3rem;left: 0;right: 0;margin: auto;width: 6.2rem;padding: 0 .25rem;background-color: #fff;background-image:url(../img/ztintrobg.png);background-repeat: no-repeat;background-size:6.7rem 1.7rem;border-radius: .1rem;}
.ztAllBox .zTit{font-size: .42rem;color: #d4ffea;line-height: 1.4rem;font-weight: bold;text-align: center;}
.ztAllBox .cont{display: block;width: 5.8rem;max-height: 4.86rem;border: none;padding: 0 .1rem;line-height: .46rem;font-size: .28rem;color: #666;margin: .36rem auto .42rem;overflow: auto;}
.ztAllBox .cont div{text-align: left;}
.ztAllBox .cont span{display: block;color: #333;line-height:.52rem;font-size: .36rem; font-weight: bold;text-align: center;margin-bottom: .2rem;}
.ztAllBox .zClose{position: absolute;top: -.58rem;right: 0;display: block;width: .37rem;height: .37rem;background-position:  -.06rem -2.57rem;}