﻿blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul {margin: 0;padding: 0}
fieldset,img {border: 0}
:focus {outline: 0}
address,caption,cite,code,dfn,em,optgroup,th,var {font-style: normal;font-weight: 400}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: 400}
abbr,acronym {border: 0;font-variant: normal}
button,input,optgroup,option,select,textarea {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit}
code,kbd,samp,tt {font-size: 100%}
body {line-height: 1.5}
ol,ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0}
caption,th {text-align: left}
sub,sup {font-size: 100%;vertical-align: baseline}
:link,:visited,ins {text-decoration: none}
blockquote,q {quotes: none}
blockquote:after,blockquote:before,q:after,q:before {content: '';content: none}
b,em,i {font-style: normal;font-weight: 400}
button,input,select,textarea,th {background: #fff;font-family: "Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif}
img {display: block;border: 0}
* {-moz-text-size-adjust: none;-webkit-text-size-adjust: none;-ms-text-size-adjust: none}
button,input[type=button],input[type=password],input[type=reset],input[type=submit],input[type=text] {-webkit-appearance: none}
html {overflow-x: hidden;overflow-y: auto}
ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0}
html {font-size: 100px}
body {font-size: .3rem;background: #fff}
.hide {display: none}
.wrap {width: 100%;height: auto;max-width: 7.5rem;min-width: 3.2rem;margin: 0 auto;background: #fff;min-height: 13.33rem;overflow: hidden;position: relative}
.clearfix {margin-right: auto;margin-left: auto}
.clearfix:after,.clearfix:before {display: table;content: "";line-height: 0}
.clearfix:after {clear: both}
.icon{background: url(https://aiqya.hbjha.cn/images/icon.png) no-repeat;background-size: 8rem 8rem;}
:root{--defcolor:#0dc265;--linearcolor: #aee7ce}



/* --------------------------------------------------------------------------------- */
header{height: .85rem;background: #333;width: 100%;position: relative;z-index: 99;padding: 0 6px 0 6px;}
header a img{height: .6rem;display: block;float: left;margin: 0.13rem .02rem 0 0}
header div{float: left;width: 4.3rem;height: 0.58rem;line-height: 0.58rem;background: #fff;border-radius: 0.28rem;margin-top: 0.15rem;}
header .key{width: 78%;float: left;height: 0.58rem;line-height: 0.58rem;color: #333;border: none;background: none;overflow: hidden;padding: 0px;font-size: 14px;padding-left: 12px;}
header .btn{float: right;display: block;background: url(https://aiqya.hbjha.cn/images/icon.png) no-repeat;background-position: -0.05rem -0.55rem;height: 0.5rem;width: 0.5rem;margin-top: 0.04rem; background-size: 8rem 8rem;margin-right: 3%;border: none;}
header span{display: inline-block;width: .6rem;height: .6rem;;margin-top: 0.15rem;margin-right: 0.15rem;float: right;background-position: 0 0;}
header span.current{background-position: -.7rem .03rem}
.headNav{display:none;position: absolute;width: 100%;height:auto;top:.9rem;background: #fff;border-top: 1px solid #ececec;z-index:100;}
.headNav > ul:nth-child(1){border-bottom: 5px solid #ececec;height: 1.8rem;padding-top: .2rem;}
.headNav > ul:nth-child(1) > li{float: left;width:1.5rem;height: 1.8rem;}
.headNav > ul:nth-child(1) > li > a{width:1rem;height: 100%;margin: 0 auto;display: block;text-align: center;}
.headNav > ul:nth-child(1) > li > a > i{display: block;width: 1rem;height: 1rem;margin: 0 auto;overflow:hidden;background: url("https://aiqya.hbjha.cn/images/ico_img1.png") no-repeat;background-size: 1rem auto;}
.headNav > ul:nth-child(1) > li > a > p{display: block;color: #999;height:.8rem;line-height: .8rem;font-size:.26rem;}
.headNav > ul:nth-child(1) > li > a > i.ico_home{background-position: 0 -8.65rem;}
.headNav > ul:nth-child(1) > li > a > i.ico_game{background-position: 0 -3.34rem;}
.headNav > ul:nth-child(1) > li > a > i.ico_app{background-position: 0 -4.4rem;}
.headNav > ul:nth-child(1) > li > a > i.ico_zt{background-position: 0 -5.46rem;}

.headNav > div:nth-child(2){border-bottom: 5px solid #ececec;width: 100%;padding: 0}
.headNav > div:nth-child(2) > div{overflow: hidden;background: #fff;position: relative;padding-left: 1.67rem;}
.headNav > div:nth-child(2) > div:nth-child(1){border-bottom: 5px solid #ececec;}
.headNav > div:nth-child(2) > div > div:nth-child(1){width: 1.67rem;height: 100%;text-align: center;position: absolute;left: 0;top: 0;}
.headNav > div:nth-child(2) > div > div:nth-child(1) > span{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;   width: .625rem;height: 1.46rem;color: #999999;font-size:.26rem;}
.headNav > div:nth-child(2) > div > div:nth-child(1) > span > i{display: block;height: .54rem;width: .625rem;background: url("https://aiqya.hbjha.cn/images/ico_img1.png") no-repeat;background-size: 1rem auto;}
.headNav > div:nth-child(2) > div > div:nth-child(1) > span > i.ico_game_1{background-position: 0 0;}
.headNav > div:nth-child(2) > div > div:nth-child(1) > span > i.ico_app_1{background-position: 0 -.6rem;}

.headNav > div:nth-child(2) > div > ul:nth-child(2){border-left: 5px solid #ececec;background: #fff;padding: .35rem .2rem .1rem .2rem;overflow: hidden;}
.headNav > div:nth-child(2) > div > ul:nth-child(2) > li{width: 33%;float: left;padding-bottom:.2rem;}
.headNav > div:nth-child(2) > div > ul:nth-child(2) > li > a{width: 90%;height: .5rem;border: 1px solid #dddddd;text-align: center;line-height:.5rem;font-size: .24rem;color: #999;margin: 0 auto;display: block;border-radius:.2rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

nav{overflow: hidden;position: relative;}
nav ul{display: flex;overflow-x: auto;justify-content: center;}
nav ul li a{font-weight: 700; display: block;position: relative;height: 0.9rem;line-height: 0.9rem;font-size:.31rem;color: #505050;white-space: nowrap;padding: 0 0.37rem;margin: 0 0.24rem;}
nav ul li a i{display: block;width: .84rem;height: .04rem; background: #fff;position: absolute;left: 0;right: 0; bottom: 0.06rem;z-index: 9;margin:0 auto}
nav ul li.cur a{color: var(--defcolor);}
nav ul li.cur a i{background: var(--defcolor);}

footer p{text-align: center;height: .52rem;line-height: .52rem;font-size:.24rem;}
footer a{color: #666;font-size:.24rem;}

/* 翻页 */
.flex{display: flex;}
.pageWrap{justify-content:space-between;-webkit-justify-content:space-between;margin:.24rem;}
.pageWrap a,.pageWrap span{width:.58rem;height:.58rem;line-height:.58rem;text-align:center;font-size:.22rem;color:#454545;border-radius:.06rem;background-color:#f4f4f4;}
.pageWrap .current{color:#fff;font-size:.22rem;background:var(--defcolor);}
.pageWrap .disabled{background:#ececec;color:#b1b1b1;}
.pageWrap .ico_l{width: .18rem;height: .32rem;background-position: -1.65rem -.75rem;position: relative;top: .12rem;left: .2rem;display: block;}
.pageWrap .ico_r{width: .18rem;height: .32rem;background-position: -2.03rem -.75rem;position: relative;top: .12rem;left: .2rem;display: block;}
.pageWrap a:first-child,.pageWrap a:last-child{width: 1rem;}

/* -----------------------------游戏列表-------------------------- */
.list-1{position: relative;height: 3.68rem;padding-top: 0.15rem;margin-bottom: 0.15rem;}
.slider{float: left; width: 7.08rem;height: 3.68rem;position: relative;border-radius: .22rem;overflow: hidden;margin: 0 .25rem 0 .2rem;margin-bottom: 0.15rem}
.slider ul{position: relative;overflow: hidden;width: 15.48rem;}
.slider ul li{width: 7.08rem;height: 3.68rem;;float: left;position: relative;}
.slider li img{width: 7.08rem;height: 3.68rem;;border-radius: .22rem;}
.slider li p{display: block;width: 100%;height: .47rem;line-height: .2rem;text-align: center;position: absolute;bottom: 0;padding: .1rem;font-size: .24rem;color: #fff;overflow: hidden;white-space: nowrap;background: rgba(0,0,0,.6);}
.slider>div{position: absolute;bottom: .08rem;left: 0;right: 0;margin: auto;width: 2rem;height: .3rem;text-align: center;overflow: hidden;}
.slider>div i{display: inline-block;width: .1rem;height: .1rem;overflow: hidden;margin: .06rem .04rem;background-color: rgba(255,255,255,.4);border-radius: .22rem}
.slider>div i.current{width: .56rem;background: var(--defcolor);}

.hot{height: 0.74rem;line-height: 0.74rem;color: #333;position: relative;}
.hot a{display: block;float: left;text-align: center; width: 33.33%;height: 0.74rem;line-height: 0.74rem;color: #000;font-size: .28rem;}
.hot a i{display: inline-block;width: .5rem;height: .5rem;padding-right: 2px;vertical-align: top;margin-top: 0.07rem;}
.hot a:nth-child(1) i{background-position: -1.3rem 0.1rem;}
.hot a:nth-child(2) i{background-position: -1.85rem 0.1rem;}
.hot a:nth-child(3) i{background-position: -2.4rem 0.1rem;}

.Title{height: 0.94rem;line-height: 0.94rem;color: #333;padding-left: 0.27rem;position: relative}
.Title p{font-weight: 700;font-size:.375rem;line-height: 0.94rem;color: #333;display: block;float: left;}
.Title a{display: block;float: right;height: 0.94rem;width: 1rem;}
.Title a span{text-align: right;font-size: 0.24rem;width: 0.6rem;height: 0.32rem;line-height: 0.94rem;color: #666;}
.Title a span::after{content: ">";margin: auto;width: 0.12rem;height:0.28rem;}

.index_tab_ment{float: right;background: #f8f8f8;border-radius:.5rem;padding: 0;margin: .2rem .2rem 0 0;}
.index_tab_ment > span{font-size:.26rem;height:.5rem;display:inline-block;text-align: center;color: #333;border-radius:.4rem;line-height: .5rem;float: left;padding: 0 .25rem;}
.index_tab_ment > span.current{background-image: linear-gradient(35deg, var(--defcolor),var(--linearcolor));background-color: var(--defcolor);background: -webkit-linear-gradient(left, var(--defcolor) 0%, var(--linearcolor) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f60', endColorstr='#ff973c',GradientType=1 );background: linear-gradient(to right, var(--defcolor) 0%, var(--linearcolor)100%);color: #fff;}



.jptj{border-top: 5px solid #ececec;overflow: hidden;}
.jptj>div:nth-child(2){overflow: hidden;padding: 8px 0px 15px 12px;font-size: 0;overflow-x: scroll;white-space: nowrap;}
.jptj>div:nth-child(2) a{padding:0 0 .05rem 0;width:1.46rem;box-sizing: border-box;margin-right:.375rem;display: inline-block;position: relative;}
.jptj>div:nth-child(2) a img{display: block;width:1.35rem;height:1.35rem;margin: 0px auto;border-radius:.3rem;}
.jptj>div:nth-child(2) a p{height:.46rem;line-height:.46rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:.28rem;color: #333;text-align: center;margin: .1rem 0 0 0 ;}
.jptj>div:nth-child(2) a strong{font-size:.26rem;color: #666;font-weight: normal;display: block;height:.45rem;line-height:.45rem;overflow: hidden;text-align: center;}
.jptj>div:nth-child(2) a span{color: var(--defcolor);border: 1px solid var(--defcolor);border-radius:.24rem;display: block;height: .458rem;line-height:.458rem;font-size: .29rem;text-align: center;width:1.1rem;margin: .1rem auto 0;}

.game-size{border-top: 5px solid #ececec;overflow: hidden;}
.game-size>a{display: block;width: 100%;height: auto;background: #fff;overflow: hidden;padding: 0.2rem 0.3rem;box-sizing: border-box;}
.game-size>a>img{width: 1.3rem;height: 1.3rem;border-radius:.3rem;display: block;overflow: hidden;float: left;}
.game-size>a>div{float: left;width:4.1rem;height: auto;padding: 0 0 0 .2rem;box-sizing: border-box;display: block;overflow: hidden;}
.game-size>a>div > p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #9f9fa4;font-size: .24rem;}
.game-size>a>div > p:nth-child(1){height: 0.36rem;line-height: 0.36rem;font-size: 0.3rem;color: #333333;}
.game-size>a>div > p:nth-child(2){height: 0.54rem;line-height: 0.54rem;}
.game-size>a>div > p:nth-child(3){height: 0.32rem;line-height: 0.32rem;}

/*.game-size>a>div p:nth-of-type(1){width: 100%;height: .4rem;line-height: 0.4rem;font-size: 14px;color: #333;display: block;overflow: hidden;}
.game-size>a>div img{width: auto;height: .28rem;display: block;overflow: hidden;margin: 5px 0 5px 0;}
.game-size>a>div p:nth-of-type(2){width: 100%; height: .4rem;line-height: .4rem;font-size: 12px;font-weight: normal;color: #999;display: block;overflow: hidden;}
.game-size>a>div p:nth-of-type(2) span:last-child{color: red;}
*/
.game-size>a>span{display: block;float: right;width:1.1rem;height: .458rem;line-height:.458rem;font-size: .29rem;color: var(--defcolor);border: 1px solid var(--defcolor);text-align: center;border-radius: 0.24rem;margin: 0.36rem 0 0 0;}

/* ---------------------------游戏列表内容----------------------------------- */
.list-top{box-shadow: 0 2px 4px rgb(0 0 0 / 10%);height: .85rem;background: #fff;width: 100%;position: relative;z-index: 99;overflow: hidden;}
.list-top a{position: absolute;left: .15rem;top: 0; width: .25rem;height: .85rem; background: url(https://aiqya.hbjha.cn/images/icon.png) no-repeat;background-size: 8rem 8rem; background-position: -2.14rem -0.35rem;}
.list-top h1{width: 100%;height: .85rem;line-height: .85rem;text-align: center;font-size: .4rem;font-weight: bold;color: #000;overflow: hidden;}
.list-top span{width: .6rem;height: .6rem;position: absolute;right: .1rem;top: .15rem; background-position:-1.34rem -0.54rem;}
.list-top span.current{background-position: -31px 3px !important;}

.bar{overflow: hidden;height: .56rem;line-height: .56rem;background-color: #f5f7f9;padding: 3px 6px;font-size: .25rem;color: #727272;}
.bar i{display: inline-block;width: .4rem;height: .56rem;background-position: -2.54rem -0.51rem;vertical-align: top;}
.bar a{color: #727272;}

.list-tab{overflow: hidden;border-bottom: 1px dashed #eaeaea;padding-bottom: 15px;}
.list-tab p{overflow: hidden;width: 75%;background: #f8f8f8;border-radius:.4rem;margin: 15px auto 0;}
.list-tab p a{color: #333;width: 33.333%;text-align: center;line-height: .67rem;height:.67rem;border-radius:.4rem;float: left;font-size: .28rem;font-weight: bold;display: block;}
.list-tab p a.cur{background: linear-gradient(to right, #f60 0%, #ff973c 100%);color: #fff;}

.list-cont a{display: block;width: 100%;height: auto;background: #fff;overflow: hidden;padding: 0.2rem 0.3rem;box-sizing: border-box;border-bottom: 1px dashed #eaeaea;}
.list-cont a:last-child{border: none;}
.list-cont a>img{width: 1.3rem;height: 1.3rem;border-radius: 14px;display: block;overflow: hidden;float: left;}
.list-cont a>div{float: left;width: auto;height: auto;padding: 0 0 0 .2rem;box-sizing: border-box;display: block;overflow: hidden;}

.list-cont>a>div > p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #9f9fa4;font-size: .24rem;}
.list-cont>a>div > p:nth-child(1){height: 0.36rem;line-height: 0.36rem;font-size: 0.3rem;color: #333333;}
.list-cont>a>div > p:nth-child(2){height: 0.54rem;line-height: 0.54rem;}
.list-cont>a>div > p:nth-child(3){height: 0.32rem;line-height: 0.32rem;}


/*.list-cont a>div p:nth-of-type(1){width: 100%;height: .4rem;line-height: 0.4rem;font-size: 14px;color: #333;display: block;overflow: hidden;}
.list-cont a>div img{width: auto;height: .28rem;display: block;overflow: hidden;margin: 5px 0 5px 0;}
.list-cont a>div p:nth-of-type(2){width: 100%; height: .4rem;line-height: .4rem;font-size: 12px;font-weight: normal;color: #999;display: block;overflow: hidden;}
.list-cont a>div p:nth-of-type(2) span:last-child{color: red;}*/
.list-cont a>span{display: block;float: right;width:1.1rem;height: .458rem;line-height:.458rem;font-size: .29rem;color: var(--defcolor);border: 1px solid var(--defcolor);text-align: center;border-radius: 0.24rem;margin: 0.36rem 0 0 0;}

/* -----------------资讯列表---------------- */
.gl-tab{height: 0.74rem;line-height: 0.74rem;color: #333;position: relative;}
.gl-tab span{display: block;float: left;text-align: center; width: 50%;height: 0.74rem;line-height: 0.74rem;color: #000;position: relative;}
.gl-tab span i{display: inline-block;width: .5rem;height: .5rem;padding-right: 2px;vertical-align: top;margin-top: 0.07rem;}
.gl-tab span:nth-child(1) i{background-position: -2.83rem 0.1rem;}
.gl-tab span:nth-child(2) i{background-position: -3.35rem 0.1rem;}
.gl-tab span::after{content: "";display: none;position: absolute;left:1.85rem;top: 0.6rem; width: .26rem;height: 0.1rem;background: url(https://aiqya.hbjha.cn/images/icon.png) no-repeat;background-size: 8rem 8rem;background-position: -0.15rem -1.17rem;}
.gl-tab span.on{font-weight: 700;}
.gl-tab span.on::after{display: block;}

.gl-tabBox .jptj ul{margin: 6px 3px 6px 0px;padding-left: 15px;overflow-x: scroll;display: flex;width: 100%;}
.gl-tabBox .jptj ul li{float: left;}
.gl-tabBox .jptj ul li a{width: 3.3rem;-moz-box-sizing: border-box;box-sizing: border-box;margin-right: 12px;display: inline-block;}
.gl-tabBox .jptj ul li a img{width: 3.3rem;height: 2.2rem;border-radius: 0.06rem;}
.gl-tabBox .jptj ul li a p{font-size: .28rem;color: #333;padding-top: 10px;overflow: hidden;font-weight: 400;height: .88rem;line-height: .44rem;white-space: initial;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.gl-size{border-top: 5px solid #ececec;overflow: hidden;}
.gl-size>a{display: block; margin: 0 15px 15px 15px;}
.gl-size a img{width: 2.7rem;height: 1.8rem;border-radius: 3px;display: block; float: left;margin-right: 10px;}
.gl-size a p{font-size: .28rem;color: #333;line-height: .44rem;height: 1.32rem;overflow: hidden;}
.gl-size a span{color: #999;font-size: .24rem;height: .44rem;line-height: .44rem;overflow: hidden;}

.gl-tabBox .app{display: none;}

/* -----------------资讯列表内容-----------------------*/
.gl-list{padding-top: .28rem;}
.gl-list>a{display: block; margin: 0 15px 15px 15px;}
.gl-list a img{width: 2.7rem;height: 1.8rem;border-radius: 3px;display: block; float: left;margin-right: 10px;}
.gl-list a p{font-size: .28rem;color: #333;line-height: .44rem;height: 1.32rem;overflow: hidden;}
.gl-list a span{color: #999;font-size: .24rem;height: .44rem;line-height: .44rem;overflow: hidden;}

/* --------------------专题合集------------------------ */
.zt-tab{height: 0.74rem;line-height: 0.74rem;color: #333;position: relative;}
.zt-tab span{display: block;float: left;text-align: center; width: 50%;height: 0.74rem;line-height: 0.74rem;color: #000;position: relative;}
.zt-tab span i{display: inline-block;width: .5rem;height: .5rem;padding-right: 2px;vertical-align: top;margin-top: 0.07rem;}
.zt-tab span:nth-child(1) i{background-position: -2.83rem 0.1rem;}
.zt-tab span:nth-child(2) i{background-position: -3.35rem 0.1rem;}
.zt-tab span::after{content: "";display: none;position: absolute;left:1.85rem;top: 0.6rem; width: .26rem;height: 0.1rem;background: url(https://aiqya.hbjha.cn/images/icon.png) no-repeat;background-size: 8rem 8rem;background-position: -0.15rem -1.17rem;}
.zt-tab span.on{font-weight: 700;}
.zt-tab span.on::after{display: block;}
.zt-tab span:nth-of-type(1) i{background-position: -3.9rem 0.1rem;}
.zt-tab span:nth-of-type(2) i{background-position: -4.5rem 0.1rem;}

.zt-tabBox .app{display: none;}
.zt-tabBox .jptj ul{margin: 6px 3px 6px 0px;padding-left: 15px;overflow-x: scroll;display: flex;width: 100%;}
.zt-tabBox .jptj ul li{float: left;}
.zt-tabBox .jptj ul li a{padding: 0px;width: 4rem;height: 2rem;-moz-box-sizing: border-box;box-sizing: border-box;margin-right: 12px;display: inline-block;position: relative;}
.zt-tabBox .jptj ul li a img{width: 4rem;height: 2rem;border-radius: 4px;}
.zt-tabBox .jptj ul li a p{position: absolute;left: 0px;bottom: 0px;height: .52rem;line-height: .52rem;background:rgba(0,0,0,.6);color: #fff;width: 3.52rem;font-size: .28rem;padding: 0px .24rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;text-align: center;}

.zt-size{border-top: 5px solid #ececec;}
.zt-size ul{padding: 8px 15px 0px 15px;overflow: hidden;}
.zt-size ul li a{overflow: hidden;position: relative;display: block; height: 1.6rem;border-bottom: 1px dashed #eaeaea;padding-bottom: 15px;margin-bottom: 15px;}
.zt-size ul li a img{width: 3.2rem;display: block;float: left;height: 1.6rem;border-radius: 4px;margin-right: .15rem;}
.zt-size ul li a > p{overflow: hidden;text-overflow: ellipsis;font-size: 0.24rem;color: #999;}
.zt-size ul li a > p:nth-child(2){padding-top: 0.1rem; font-size: 0.28rem;color: #333;height:.3rem;line-height:.3rem;white-space: nowrap;margin-bottom:.1rem;}
.zt-size ul li a > p:nth-child(3){}
.zt-size ul li a > p:nth-child(4){height: .66rem;line-height: .33rem;margin-top: .1rem;   display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: justify;}


/*.zt-size ul li a p:nth-of-type(1){padding-top: 0.1rem; font-size: 0.28rem;color: #333;height: 0.28rem;line-height: 0.28rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 4px;font-weight: bold;}
.zt-size ul li a div{padding-top: 0.1rem; font-size: 0.28rem;color: #999;height: .96rem;line-height: .48rem;overflow: hidden;margin-top: 4px;}
*/


/* ------------------------专题内容------------------------ */

.zt-info{width: 100%;height: auto;padding: 12px 4% 0;background: #fff;display: block;overflow: hidden;box-sizing: border-box;position: relative;}
.zt-info > div:nth-child(1){width: 100%;height: auto;display: block;overflow: hidden;position: relative;zoom: 1;margin-bottom: 12px;border-radius: 9px;}
.zt-info > div:nth-child(1) > img{width: 100%;max-height: 4.1rem;display: block;overflow: hidden;border-radius: 9px;}
.zt-info > div:nth-child(1) > h1{padding: 0px 15px;height: 30px;line-height: 30px;font-size: 15px;font-weight: normal;color: #fff;text-align: center;display: block;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 10;margin: 0px;border-radius: 9px;background-color: rgba(0,0,0,.6)}
.zt-info > div:nth-child(2){position: absolute;bottom: 0px;left: 0px;width: 100%;overflow: hidden;}
.zt-info > div:nth-child(2) > div:nth-child(1){background-color: rgba(0,0,0,.6);margin: 0px 4% 12px 4%;line-height: 22px;overflow: hidden;color: #fff;height: 50px;position: relative;}
.zt-info > div:nth-child(2) > div:nth-child(1) > div{position: absolute;left: 0px;top: 0px;padding: 10px 115px 10px 15px;font-size: 12px;line-height: 22px;}
.zt-info > div:nth-child(2) > div:nth-child(1) > div > p{font-size: 12px;line-height: 22px;overflow: hidden;}

.zt-info > div:nth-child(2) > span:nth-child(2){   display: block;width: 80px;height: 24px;line-height: 24px;overflow: hidden;font-size: 12px;color: #fff;background: #19b5fe;text-align: center;border-radius: 4px;position: absolute;right: 27px;bottom: 38px;z-index: 22;}
.zt-info > div:nth-child(2) > span:nth-child(3){display: block;width: 118px;height: 24px;line-height: 24px;overflow: hidden;font-size: 12px;color: #fff;text-align: center;border-radius: 4px;position: absolute;right: 17px;bottom: 13px;z-index: 22;}

.m-alter-bg{width: 100%;height: 100%;background: #000;opacity: 0.6;display: block;overflow: hidden;position: fixed;left: 0;top: 0;z-index: 99998;}
.ztContTxtHtml{width: 90%;height: auto;max-height: 50%;padding: 18px;box-sizing: border-box;display: block;overflow: hidden;line-height: 22px;font-size: 14px;color: #333;background: #fff;border-radius: 4px;position: fixed;top: 30%;left: 5%;z-index: 99999;overflow: auto;}
.ztContTxtHtml > div{line-height: 22px;font-size: 14px;color: #333;}
.ztContTxtHtml > div > p{width: 100%;height: auto;display: block;overflow: hidden;text-indent: 18px;line-height: 24px;color: #666;}
.ztContTxtHtml > b{width: auto;height: auto;font-size: 12px;background: #333;color: #fff;padding: 0 6px;display: block;overflow: hidden;position: fixed;right: 5%;top: 30%;z-index: 10;border-radius: 0 0 0 6px;}


.zt-title{width: 100%;height: auto;padding: .24rem 4% 0;background: #fff;display: block;overflow: hidden;box-sizing: border-box;position: relative;}
.zt-title>div{width: 100%;height: auto;display: block;overflow: hidden;position: relative;zoom: 1;margin-bottom: .24rem;border-radius: 9px;}
.zt-title>div img{width: 100%;height: auto;display: block;overflow: hidden;border-radius: 9px;}
.zt-title>div h1{padding: 0px 15px;height: .6rem;line-height: .6rem;font-size: .3rem;font-weight: normal;color: #fff;text-align: center;display: block;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 10;margin: 0px;border-radius: 9px;background: rgba(0,0,0,.6);}
.zt-title>div div{height: 1rem;line-height: .44rem;position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px 15px;background: rgba(0,0,0,.6);}


.zt-info-box{width: 100%;position: relative;overflow: hidden;}
.zt-info-box>div:nth-child(1){position:relative;width: 100%;}
.zt-info-box>div:nth-child(1) img{display: block;width: 100%;max-height: 4.1rem;}
.zt-info-box>div:nth-child(1) div{ padding:.1rem .12rem;position: absolute;bottom: 0;left: 0;width: 100%; background: rgba( 0, 0, 0, .6);}
.zt-info-box>div:nth-child(1) div h1{display: block;float: left;font-size: .36rem;color: #fff;width: 4.8rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zt-info-box>div:nth-child(1) div span{display: block;float: right;margin-top: .14rem; color: #fff;padding-right: .24rem;font-size: .24rem;}
.zt-info-box>div:nth-child(2){padding: .1rem .24rem 0;background: #fff;font-size: .28rem;line-height: 1.5;color: #b4b4b4;height:1.8rem;overflow-y:scroll;}
.zt-info-box>div:nth-child(2) > p{font-size: .28rem;line-height: 1.5;color: #b4b4b4;}


.zt-cont .Title{border-bottom: 1px dashed #eaeaea}
.zt-cont{overflow: hidden;border-top: 5px solid #ececec;}
.zt-cont>a{display: block;border-bottom: 1px dashed #eaeaea; width: 100%;height: auto;background: #fff;overflow: hidden;padding: 0.2rem 0.3rem;box-sizing: border-box;}
.zt-cont>a:last-child{border: none;}
.zt-cont>a>img{width: 1.3rem;height: 1.3rem;border-radius: 14px;display: block;overflow: hidden;float: left;}
.zt-cont>a>div{float: left;width:4.2rem;height: auto;padding: 0 0 0 .2rem;box-sizing: border-box;display: block;overflow: hidden;}

.zt-cont>a>div > p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #9f9fa4;font-size: .24rem;}
.zt-cont>a>div > p:nth-child(1){height: 0.36rem;line-height: 0.36rem;font-size: 0.3rem;color: #333333;font-weight: bold;}
.zt-cont>a>div > p:nth-child(2){height: 0.54rem;line-height: 0.54rem;}
.zt-cont>a>div > p:nth-child(3){height: 0.32rem;line-height: 0.32rem;}
.zt-cont>a>span{display: block;float: right;width:1.1rem;height: .458rem;line-height:.458rem;font-size: .29rem;color: var(--defcolor);border: 1px solid var(--defcolor);text-align: center;border-radius: 0.24rem;margin: 0.36rem 0 0 0;}



/*.zt-cont>a>div p:nth-of-type(1){width: 100%;height: .4rem;line-height: 0.4rem;font-size: 14px;color: #333;display: block;overflow: hidden;}
.zt-cont>a>div img{width: auto;height: .28rem;display: block;overflow: hidden;margin: 5px 0 5px 0;}
.zt-cont>a>div p:nth-of-type(2){width: 100%; height: .4rem;line-height: .4rem;font-size: 12px;font-weight: normal;color: #999;display: block;overflow: hidden;}
.zt-cont>a>div p:nth-of-type(2) span:last-child{color: red;}*/

.zt-hot{border-top: 1px dashed #eaeaea;border-top: 5px solid #ececec;}
.zt-hot ul{width: 100%;height: auto;background: #fff;padding: 0 15px 8px 0;box-sizing: border-box;display: block;overflow: hidden;margin: 0px;}
.zt-hot ul li{width: 50%;height: auto;float: left;padding: 8px 0px 0px 15px;display: inline;overflow: hidden;box-sizing: border-box;margin-bottom: 0.14rem;}
.zt-hot ul li a {width: 100%;height: auto;}
.zt-hot ul li a img  {border-radius: 6px;height:1.64rem;width: 100%;}
.zt-hot ul li a p{ width: 100%;height: 20px;line-height: 20px;font-size: 14px;font-weight: normal;color: #333;text-align: center;margin: 4px 0 0 0;display: block;overflow: hidden;}

/* -----------------------游戏下载------------------------ */
.game-tit{overflow: hidden;padding:.25rem;position: relative;height: 1.6rem;}
.game-tit > img{display: block;float: left;width: 1.6rem;height: 1.6rem;border-radius:.3rem;}
.game-tit > div{float: left;margin-left: .2rem;width:5.19rem;}
.game-tit > div > h1{overflow: hidden;font-size: .375rem;font-weight: bold;color: #333;height: .5rem;line-height: .5rem;margin-bottom: .08rem;}
.game-tit > div > p{overflow: hidden;}
.game-tit > div > p > span{color: #999;font-size: .25rem;line-height: .5rem;height: .5rem;overflow: hidden;width: 50%;float: left;}
/*.game-tit img{width: 1.6rem;height: 1.6rem;border-radius: 16px;position: absolute; left: .3rem;top: .3rem;}
.game-tit h1{overflow: hidden;font-size: .375rem;font-weight: bold;color: #333;height: .5rem;line-height: .5rem;margin-bottom: .08rem;}
.game-tit p{overflow: hidden;}
.game-tit p span{color: #999;font-size: .25rem;line-height: .5rem;height: .5rem;overflow: hidden;width: 50%;float: left;}
*/
.downBtnBox{padding: 0 .3rem;overflow: hidden;margin-bottom: .2rem;}
.downBtnBox a,.downBtnBox span{font-size:.32rem; color: #fff;height:.71rem;line-height: .71rem;display: block;border-radius:.375rem;text-align: center;background: linear-gradient(to right, #f60 0%, #ff973c 100%);}
.downBtnBox > a:first-child,.downBtnBox > span:first-child{margin-top: 0;}
.downBtnBox a i,.downBtnBox span i{display: inline-block;vertical-align: middle;width: .5rem;height: .6rem;margin-right: .05rem;}
.downBtnBox .and{background: linear-gradient(to right, rgb(0, 201, 124) 0%, #3cff8d 100%);}
.downBtnBox .and i{background-position: -3.15rem -.48rem;}
.downBtnBox .ios{background: linear-gradient(to right, #0079c9 0%, #3c97ff 100%);}
.downBtnBox .ios i{background-position: -4.37rem -.48rem;}
.downBtnBox .yy{background: linear-gradient(to right, #c98900 0%, #ffcb3c 100%);}
.downBtnBox .yy i{background-position: -3.77rem -.48rem;}
.downBtnBox .none{background: #999}

.game-cont{overflow: hidden;border-top: .1rem solid #ececec;}
.game-cont>ul{height: .9rem;border-bottom: 1px solid #dcdcdc;display: -webkit-box;line-height: .9rem;color: #e7e7e7;margin-bottom: .3rem;}
.game-cont>ul li{-webkit-box-flex: 1;color: #333;text-align: center;line-height: .4rem;font-size: .3rem;font-weight: bold;position: relative;height: .4rem;margin: .3rem 0px;border-left: 1px solid #ddd;}
.game-cont>ul li i{display: none;margin-left: -0.1rem;width: .3rem;height: .2rem;background-position: -.08rem -1.48rem;vertical-align: middle;position: absolute;left: 50%;bottom: -0.4rem;}
.game-cont>ul li:nth-of-type(1){border: none;}
.game-cont>ul li.current i{display: block;}
.game-cont>ul li.current{color:var(--defcolor);}

.showImg{position: relative;padding: 0px 0px .2rem 0px;background: #fff;height: 4.6rem;font-size: 0;overflow-x: scroll;white-space: nowrap;}
.showImg ul{position: absolute;left: .25rem;white-space: nowrap;font-size: 0;}
.showImg ul li{display: inline-block;margin-right: .08rem;}
.showImg ul li img{display: block;overflow: hidden;max-height: 4.6rem;width: auto;border: 1px solid #fff;border-radius: 4px;}

.game-text{line-height: .6rem;overflow: hidden;color: #666;padding: 0px .3rem 0px .3rem;position: relative;}
.game-text p{font-size: .3rem; line-height: .625rem;color: #666;margin: 0px 0px .3rem 0px;}
.game-text p img{width: auto;max-width: 100% !important;height: initial !important;margin: 0px auto;display: block;border-radius: 6px;}
/*.game-text h3{color: #333;margin-bottom: .3rem;overflow: hidden;position: relative;font-size: .3rem;}*/
.game-text h3{border-left: .08rem solid var(--defcolor);color:var(--defcolor);font-size: .35rem;padding-left: .125rem;height: .4rem;line-height: .4rem;display: block;margin-bottom: .3rem;}

.game-info{overflow: hidden;background: #fff;width: 100%;border-top: 5px solid #f0f0f0;}
.game-info > p{line-height: .8rem;height: .8rem;overflow: hidden;font-size:.3125rem;color: #333;padding: 0 .25rem;border-bottom: 1px solid #e5e5e5;white-space: nowrap;}
/*.game-info p:nth-child(1){border-top: 5px solid #f0f0f0;height: .8rem;}*/
.game-info p a{color: #333;}
.gPower{width: 1.58rem;height: .46rem;line-height: .46rem;font-size: .29rem;font-weight: normal;color: #fff;text-align: center;background: var(--defcolor);border-radius: 4px;float: right;margin: .19rem 0 0 0;display: inline;overflow: hidden;text-indent: 0px;}

.cnxh{overflow: hidden;border-top: 5px solid #ececec;}
.cnxh>p{height:.67rem;background: #f8f8f8;overflow: hidden;width: 93%;margin: 0px auto;border-radius: .41rem;}
.cnxh>p span{color: #333;font-size: .31rem; overflow: hidden;font-weight: bold;border-right: 1px solid #e2e2e2;width: 1.88rem;height: .67rem;display: block;float: left;line-height: .67rem;text-align: center;padding: 0 .21rem;display: block;}
.cnxh>p span.current{color: var(--defcolor);}
.cnxh .tabCont{width: 100%;height: auto;overflow: hidden;display: none;}
.cnxh .tabCont:nth-child(3){display: block;}
.cnxh .tabCont>a p:nth-child(1){padding: .3rem .35rem;padding-bottom: 0; width: 100%;height: auto;font-size: .31rem;font-weight: bold;color: #333;display: block;overflow: hidden;}
.cnxh .tabCont>a p:nth-child(2){padding: 0 .35rem;margin-top: .17rem;height: 1.08rem;line-height: .54rem;font-size: .3rem;font-weight: normal;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cnxh .tabCont ul{width: 100%;height: auto;padding: 0px .06rem .21rem .06rem;box-sizing: border-box;display: block;overflow: hidden;}
.cnxh .tabCont ul li{width: 25%;height: auto;margin: .17rem 0;float: left;box-sizing: border-box;display: inline;overflow: hidden;}
.cnxh .tabCont ul li a{width: 100%;height: auto;display: block;overflow: hidden;}
.cnxh .tabCont ul li a img{width: 1.35rem;height: 1.35rem;border-radius: .29rem;margin: auto;display: block;overflow: hidden;}
.cnxh .tabCont ul li a p{width: 100%;height: .42rem;line-height: .42rem;font-size: .29rem;color: #333;text-align: center;margin-top: .10rem;display: block;overflow: hidden;text-indent: 0;padding: 0;border: 0;}

.xgwz{overflow: hidden;border-top: 5px solid #ececec;}
.xgwz ul{padding: 0px .25rem .25rem .25rem;overflow: hidden;}
.xgwz ul li{overflow: hidden;height: .73rem;line-height: .73rem;text-overflow: ellipsis;white-space: nowrap;}
.xgwz ul li i{width: .33rem;height: .73rem; display: inline-block;vertical-align: middle;background-position: -.73rem -1.12rem;}
.xgwz ul li a{color: #333;}

.game-tj{border-top: 5px solid #ececec;overflow: hidden;}
.game-tj > div:nth-child(2){overflow: hidden;padding: .17rem .25rem .31rem .25rem;font-size: 0;overflow-x: scroll;white-space: nowrap;}
.game-tj div:nth-child(2) a{padding: 0px 0px .06rem 0px;width: 1.46rem;box-sizing: border-box;margin-right: .375rem;display: inline-block;position: relative;}
.game-tj div:nth-child(2) a img{display: block;width: 1.35rem;height: 1.35rem;border-radius: .29rem;margin: 0 auto;}
.game-tj div:nth-child(2) a p:nth-of-type(1){height: .46rem;line-height: .46rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .29rem;color: #333;text-align: center;font-weight: bold;margin-top: .104rem;}
.game-tj div:nth-child(2) a p:nth-of-type(2){font-size: .25rem;color: #666;font-weight: normal;display: block;height: .46rem;line-height: .46rem;overflow: hidden;text-align: center;}
.game-tj div:nth-child(2) a span{color: var(--defcolor);border: 1px solid var(--defcolor);border-radius: .21rem;display: block;height: 22px;line-height:22px;font-size: 14px;text-align: center;width: 53px;margin: .08rem auto 0;}
.game-tj div:nth-child(2) a:last-child{margin-right: 0;}

.index_game_box{border-top: 5px solid #ececec;overflow: hidden;}
.index_game_box > div:nth-child(2){}
.index_game_box > div:nth-child(2) > div{overflow: hidden;padding: .17rem .25rem .31rem .25rem;font-size: 0;overflow-x: scroll;white-space: nowrap;display: none;}
.index_game_box > div:nth-child(2) > div:first-child{display: block;}
.index_game_box > div:nth-child(2) > div a{padding: 0px 0px .06rem 0px;width: 1.46rem;box-sizing: border-box;margin-right: .375rem;display: inline-block;position: relative;}
.index_game_box > div:nth-child(2) > div a img{display: block;width: 1.35rem;height: 1.35rem;border-radius: .29rem;margin: 0 auto;}
.index_game_box > div:nth-child(2) > div a p:nth-of-type(1){height: .46rem;line-height: .46rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .29rem;color: #333;text-align: center;margin-top: .104rem;}
.index_game_box > div:nth-child(2) > div a p:nth-of-type(2){font-size: .25rem;color: #666;font-weight: normal;display: block;height: .46rem;line-height: .46rem;overflow: hidden;text-align: center;}
.index_game_box > div:nth-child(2) > div a span{color: var(--defcolor);border: 1px solid var(--defcolor);border-radius: .24rem;display: block;width:1.1rem;height: .458rem;line-height:.458rem;font-size: .29rem;text-align: center;margin: .08rem auto 0;}
.index_game_box > div:nth-child(2) > div a:last-child{margin-right: 0;}



.c-rank{border-top: 5px solid #ececec;}
.c-rank>a{height: 1.35rem;position: relative;display: block; background: #fff;overflow: hidden;padding: .312rem .2083rem;border-bottom: 1px dashed #eaeaea;}
.c-rank>a:last-child{border: 0;}
.c-rank>a i{font-size: .27rem;text-align: center; display: inline-block;float: left;margin-right: .15rem;width: .375rem;height: .458rem;z-index: 999;line-height: .4rem;color: #fff;font-weight: normal;background-position: -.1rem -2.01rem;}
.c-rank>a:nth-of-type(1) i{background-position-x: -.57rem;}
.c-rank>a:nth-of-type(2) i{background-position-x: -1rem;}
.c-rank>a:nth-of-type(3) i{background-position-x: -1.43rem;}
.c-rank>a>img{width: 1.3rem;height: 1.3rem;border-radius: 14px;display: block;overflow: hidden;float: left;}
.c-rank>a>div{float: left;width: 4rem;height: auto;padding: 0 0 0 .2rem;box-sizing: border-box;display: block;overflow: hidden;}

.c-rank>a>div > p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #9f9fa4;font-size: .24rem;}
.c-rank>a>div > p:nth-child(1){height: 0.36rem;line-height: 0.36rem;font-size: 0.3rem;color: #333333;}
.c-rank>a>div > p:nth-child(2){height: 0.54rem;line-height: 0.54rem;}
.c-rank>a>div > p:nth-child(3){height: 0.32rem;line-height: 0.32rem;}
.c-rank>a>span{display: block;float: right;width:1.1rem;height: .458rem;line-height:.458rem;font-size: .29rem;color: var(--defcolor);border: 1px solid var(--defcolor);text-align: center;border-radius: 0.24rem;margin: 0.36rem 0 0 0;}

/*.c-rank>a>div p:nth-of-type(1){width: 100%;height: .4rem;line-height: 0.4rem;font-size: 14px;color: #333;display: block;overflow: hidden;}
.c-rank>a>div img{width: auto;height: .28rem;display: block;overflow: hidden;margin: 5px 0 5px 0;}
.c-rank>a>div p:nth-of-type(2){width: 100%; height: .4rem;line-height: .4rem;font-size: 12px;font-weight: normal;color: #999;display: block;overflow: hidden;}
.c-rank>a>div p:nth-of-type(2) span:last-child{color: red;}*/


/* -------------------------首页-------------------------- */
.in-hot a:nth-child(1) i{background-position:-4.9rem 0.1rem;}
.in-hot a:nth-child(2) i{background-position:-3.9rem 0.1rem;}
.in-hot a:nth-child(3) i{background-position:-5.38rem 0.1rem;}

.in-1{font-size: 0;position: relative;padding: .375rem .313rem .375rem .75rem;border-top: .10rem solid #ececec;}
.in-1>p{display: block;width: .46rem;border-top-left-radius: .125rem;border-bottom-left-radius: .125rem;padding: .21rem 0;font-size: .25rem;line-height: .29rem;color: white;background-image: linear-gradient(-90deg, #f60 0%, #ff973c 100%);text-align: center;vertical-align: middle;box-sizing: border-box;position: absolute;left: .313rem;top: .48rem;}
.in-1>div{display: block;border-radius: 8px;background-image: linear-gradient(90deg, #f60 0%, #ff973c 100%);box-sizing: border-box;box-shadow: 0 .04rem .21rem 0 rgb(176 170 170 / 30%);height: 1.81rem;}
.in-1>div>div{width: 100%;height: 100%;border: 1px solid transparent;border-radius: 8px;padding: 10px 10px 10px 12px;background: white;background-clip: padding-box;box-sizing: border-box;vertical-align: middle;text-align: left;}
.in-1>div>div ul{display: inline-block;width: 73%;}
.in-1>div>div ul li{display: none;height: 65px;}
.in-1>div>div ul li.current{display: inline-block;}
.in-1>div>div ul li a>img{float: left; width: 1.35rem;height: 1.35rem;border-radius: .29rem;}
.in-1>div>div ul li a div{display: inline-block;margin-left: .25rem;vertical-align: middle;height: 1.35rem;width: 2.71rem;}
.in-1>div>div ul li a div > p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .25rem;color: #666;}
.in-1>div>div ul li a div >p:nth-child(1){font-size: .29rem;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: bold;height: .46rem;line-height: .46rem;}
/*
.in-1>div>div ul li a div p:nth-child(2){height: .29rem;overflow: hidden;margin: .083rem 0px .104rem 0px;}
.in-1>div>div ul li a div p:nth-child(2) img{height: .29rem;display: block;}
.in-1>div>div ul li a div p:nth-child(3){font-size: .25rem;color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}*/
.in-1>div>div>div{position: relative;display: inline-block;margin-left: .625rem;font-size: .25rem;color:#f60;vertical-align: middle;}
.in-1>div>div>div::before{content: '';position: absolute;left: -0.313rem;width: .02rem;min-width: .02rem;height: .8333rem;background-image: radial-gradient(circle at center, #AAAAAA, white);}
.in-1>div>div>div img{display: block;margin: 0 auto;width: .42rem;height: .42rem;}
.in-1>div>div>div p{margin-top: .042rem;}

.in-2{overflow: hidden;border-top: 5px solid #ececec;}
.in-2 div:nth-child(2){overflow: hidden;padding: 0px .0625rem .21rem .0625rem;}
.in-2 div:nth-child(2) a{width: 25%;height: auto;float: left;display: inline;overflow: hidden;margin: .17rem 0;}
.in-2 div:nth-child(2) a img{display: block;width: 1.35rem;height: 1.35rem;border-radius: .29rem;margin: 0 auto;}
.in-2 div:nth-child(2) a p:nth-of-type(1){height: .46rem;line-height: .46rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .29rem;color: #333;text-align: center;width: 1.8rem;margin: .1rem auto 0;}
.in-2 div:nth-child(2) a p:nth-of-type(2){font-size: .25rem;color: #666;font-weight: normal;display: block;height: .46rem;line-height: .46rem;overflow: hidden;text-align: center;}
.in-2 div:nth-child(2) a span{color: var(--defcolor);border: 1px solid var(--defcolor);border-radius: .24rem;display: block;width:1.1rem;height: .458rem;line-height:.458rem;font-size: .29rem;text-align: center;margin: .08rem auto 0;}
.in-2 div:nth-child(2) a:nth-child(4n){margin-right: 0;}

.in-3{overflow: hidden;border-top: 5px solid #ececec;}
.in-3 ul{margin: 6px 3px 6px 0px;padding:0 .31rem; overflow-x: scroll;display: flex;width: 100%;}
.in-3 ul li{float: left;}
.in-3 ul li a{padding: 0px;width: 4rem;height: 2rem;-moz-box-sizing: border-box;box-sizing: border-box;margin-right: 12px;display: inline-block;position: relative;}
.in-3 ul li a img{width: 4rem;height: 2rem;border-radius: 4px;}
.in-3 ul li a p{position: absolute;left: 0px;bottom: 0px;height: .52rem;line-height: .52rem;background:rgba(0,0,0,.6);color: #fff;width: 3.52rem;font-size: .28rem;padding: 0px .24rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;text-align: center;}

.in-rank{overflow: hidden;border-top: 5px solid #ececec;}
.in-rank > div:nth-child(2){}
.in-rank > div:nth-child(2) > div{display: none;}
.in-rank > div:nth-child(2) > div:first-child{display:block;}
.in-rank > div:nth-child(2) > div > div:nth-child(1){overflow: hidden;padding: .25rem .3125rem .3125rem .3125rem;border-bottom: 1px dashed #eaeaea;}
.in-rank > div:nth-child(2) > div > div:nth-child(1) > a{position: relative; width: 33%;height: auto;float: left;display: inline;overflow: hidden;}
.in-rank > div:nth-child(2) > div > div:nth-child(1) > a > img{display: block;width: 1.35rem;height: 1.35rem;border-radius: .29rem;margin: 0 auto;}
.in-rank > div:nth-child(2) > div > div:nth-child(1) a p:nth-of-type(1){height: .46rem;line-height: .46rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .29rem;color: #333;text-align: center;margin-top: .104rem;}
.in-rank > div:nth-child(2) > div > div:nth-child(1) a p:nth-of-type(2){font-size: .25rem;color: #666;font-weight: normal;display: block;height: .46rem;line-height: .46rem;overflow: hidden;text-align: center;}
.in-rank > div:nth-child(2) > div > div:nth-child(1) a span{color: var(--defcolor);border: 1px solid var(--defcolor);border-radius: .24rem;display: block;width:1.1rem;height: .458rem;line-height:.458rem;font-size: .29rem;text-align: center;margin: .08rem auto 0;}
.in-rank > div:nth-child(2) > div > div:nth-child(1) a i{background-position: -.1rem -2.01rem;font-size: 14px;position: absolute;left: 0;top: 0;width: .375rem;height: .458rem;;z-index: 999;line-height: .4rem;color: #fff;font-weight: bold;font-style: italic;text-indent: .063rem;}
.in-rank > div:nth-child(2) > div > div:nth-child(1) a:nth-child(1) i{background-position-x: -.57rem;}
.in-rank > div:nth-child(2) > div > div:nth-child(1) a:nth-child(2) i{background-position-x: -1rem;}
.in-rank > div:nth-child(2) > div > div:nth-child(1) a:nth-child(3) i{background-position-x: -1.43rem;}

.in-rank > div:nth-child(2) > div > div:nth-child(2)>a{height: 1.35rem;position: relative;display: block; background: #fff;overflow: hidden;padding: .312rem .2083rem;border-bottom: 1px dashed #eaeaea;}
.in-rank > div:nth-child(2) > div > div:nth-child(2)>a:last-child{border: 0;}
.in-rank > div:nth-child(2) > div > div:nth-child(2)>a i{font-size: .27rem;text-align: center; display: inline-block;float: left;margin-right: .15rem;width: .375rem;height: .458rem;z-index: 999;line-height: .4rem;color: #fff;font-weight: normal;background-position: -.1rem -2.01rem;}
.in-rank > div:nth-child(2) > div > div:nth-child(2)>a>img{width: 1.3rem;height: 1.3rem;border-radius: 14px;display: block;overflow: hidden;float: left;}
.in-rank > div:nth-child(2) > div > div:nth-child(2) > a > div{float: left;width:4rem;height: auto;padding: 0 0 0 .2rem;box-sizing: border-box;display: block;overflow: hidden;}
.in-rank > div:nth-child(2) > div > div:nth-child(2)>a>div > p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #9f9fa4;font-size: .24rem;}
.in-rank > div:nth-child(2) > div > div:nth-child(2)>a>div > p:nth-child(1) {height: 0.36rem;line-height: 0.36rem;font-size: 0.3rem;color: #333333;}
.in-rank > div:nth-child(2) > div > div:nth-child(2)>a>div > p:nth-child(2) {height: 0.54rem;line-height: 0.54rem;}
.in-rank > div:nth-child(2) > div > div:nth-child(2)>a>div > p:nth-child(3) {
    height: 0.32rem;
    line-height: 0.32rem;
}
.in-rank > div:nth-child(2) > div > div:nth-child(2)>a>span{display: block;float: right;width:1.1rem;height: .458rem;line-height:.458rem;font-size: .29rem;color: var(--defcolor);border: 1px solid var(--defcolor);text-align: center;border-radius: 0.24rem;margin: 0.36rem 0 0 0;}


/*
.in-rank>div:nth-child(3)>a>div p:nth-of-type(2){width: 100%;height: .4rem;line-height: 0.4rem;font-size: 14px;color: #333;display: block;overflow: hidden;}
.in-rank > div:nth-child(2) > div:nth-child(2)>a>div img{width: auto;height: .28rem;display: block;overflow: hidden;margin: 5px 0 5px 0;}
.in-rank > div:nth-child(2) > div:nth-child(2)>a>div p:nth-of-type(2){width: 100%; height: .4rem;line-height: .4rem;font-size: 12px;font-weight: normal;color: #999;display: block;overflow: hidden;}
.in-rank > div:nth-child(2) > div:nth-child(2)>a>div p:nth-of-type(2) span:last-child{color: red;}
*/



/* 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;}
.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;}


/* 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: -1.17rem -1.33rem;position: relative;}
.orderBox .oTitle{position: relative;display: block;text-align: center;padding-top: .4rem;}
.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: .9rem;margin-bottom: .9rem;}


.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;}


















