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

header{background: #63BF3D;height: .88rem;overflow: hidden;position: relative;z-index: 10;}
header img{float: left;width: 1.27rem;height: .54rem;display: inline-block;margin-top: .17rem;margin-left: .24rem;}
.searchbox{position: relative;float: right;display: inline-block;width: 4.6rem;height: .62rem;border-radius: .27rem;background: #fff;margin-top: .13rem;margin-right: .24rem;}
.searchbox i{position: absolute;width: .3rem;height: .3rem;background-position:-.38rem -.05rem;top: .15rem;right: .26rem;}
.searchbox span{font-size: .24rem;color: #d3d3d3;line-height: .62rem;margin-left: .26rem;}
header>i{width: .38rem;height: .38rem;display: block;background-position: -5.74rem -.06rem;float: right;margin-right: .3rem;margin-top: .28rem;}
header>i.onbtn{background-position: -6.18rem -.07rem;}

nav{background: #63BF3D;height: .88rem;}
nav ul{overflow: hidden;}
nav ul li{float: left;width:20%;text-align: center;line-height: .88rem;position: relative;}
nav ul li a span{font-size: .3rem;color: #fff;position: relative;z-index: 2;display: block;}
nav ul li.current a{font-size: .34rem;font-weight: 600;z-index: 2;}
nav ul li.current em{width: .76rem;height: .2rem;background: #F1F46E;border-radius: .1rem;display: inline-block;position: absolute;bottom: .17rem;left: .38rem;z-index: 1;}

.crumb{padding: 0 .26rem;height: .66rem;line-height: .66rem;font-size: .28rem;color: #999;background-color: #f8f8f8;}
.crumb a{color: #bbb;}
.crumb i:first-of-type{display:inline-block;width:.2rem;height:.21rem;background-position:-.08rem -.33rem;position: relative;top: 0;margin-right: .1rem;}
.crumb i:nth-of-type(n+2){display:inline-block;width:.1rem;height:.14rem;background-position:-.57rem -.4rem;position: relative;top: -.04rem;margin: 0 .2rem;}
.green{background: #63BF3D;color: #fff;}
.green a{color: #C9FFB3;}
.green i:first-of-type{background-position: -1.69rem -.04rem;}
.green i:nth-of-type(n+2){background-position: -1.93rem -.02rem;}

footer{height: 2.55rem;background: #333;overflow: hidden;}
footer p:nth-child(1){font-size: .24rem;color: #999;line-height: .24rem;margin: 0 .3rem;text-align: center;margin-top: .8rem;}
footer p{font-size: .24rem;color: #999;line-height: .24rem;margin: 0 .3rem;text-align: center;margin-top: .1rem;}

/* paging */
.pageWrap{display:flex;justify-content: center;background: #fff;padding: .15rem .15rem;margin: 0 .24rem;border-radius: .1rem;}
.pageWrap a,.pageWrap i{display: block;}
.pageWrap a { margin-right: 0.3rem;}
.pageWrap a:last-child { margin-right: 0;}
.pageWrap a,.pageWrap span{width: .58rem;height: .58rem;line-height: .58rem;text-align:center;font-size: .22rem;color:#999;border-radius:.06rem;background-color:#edf1f5;border: 1px solid #edf1f5;overflow: hidden;}
.pageWrap .current{color:#63BF3D;font-size:.22rem;background:#E1F8D7;border-color:#E1F8D7;}
.pageWrap .disabled{color:#b1b1b1;}
.pageWrap .ico_l{width: .16rem;height: .2rem;background-position: -.38rem -.4rem;position: relative;top: .24rem;left: 42%;}
.pageWrap .ico_r{width: .16rem;height: .2rem;background-position: -.52rem -.4rem;position: relative;top: .24rem;left: 38%;}
.pageWrap a:first-child,.pageWrap a:last-child{width: 0.96rem;}

/* applist */
.appnav{overflow: hidden;background: #fff;}
.appnav ul{margin: .26rem .26rem;}
.appnav ul li{width: 2.2rem;height: .7rem;float: left;border-radius: .08rem;margin-right: .18rem;margin-bottom: .2rem;text-align: center;}
.appnav ul li:nth-child(3n){margin-right: 0;}
.appnav ul li a{font-size: .3rem;line-height: .7rem;display: block;border-radius: .08rem;}
.appnav ul li:nth-of-type(16n+1) a{color: #bea901;background-color: #fbf9e3;}
.appnav ul li:nth-of-type(16n+2) a{color: #f47920;background-color: #fff5ed;}
.appnav ul li:nth-of-type(16n+3) a{color: #7fb80e;background-color: #f9ffed;}
.appnav ul li:nth-of-type(16n+4) a{color: #6f60aa;background-color: #f1edff;}
.appnav ul li:nth-of-type(16n+5) a{color: #009ad6;background-color: #edfaff;}
.appnav ul li:nth-of-type(16n+6) a{color: #c77eb5;background-color: #ffedfb;}
.appnav ul li:nth-of-type(16n+7) a{color: #4e72b8;background-color: #edf3ff;}
.appnav ul li:nth-of-type(16n+8) a{color: #dea32c;background-color: #fff9ed;}
.appnav ul li:nth-of-type(16n+9) a{color: #45b97c;background-color: #edfff5;}
.appnav ul li:nth-of-type(16n+10) a{color: #7bbfea;background-color: #edf8ff;}
.appnav ul li:nth-of-type(16n+11) a{color: #f1516c;background-color: #ffedf0;}
.appnav ul li:nth-of-type(16n+12) a{color: #7fb86e;background-color: #f1ffed;}
.appnav ul li:nth-of-type(16n+13) a{color: #9b95c9;background-color: #efedff;}
.appnav ul li:nth-of-type(16n+14) a{color: #f69c9f;background-color: #ffedee;}
.appnav ul li:nth-of-type(16n+15) a{color: #fcaf18;background-color: #fff9ed;}
.appnav ul li:nth-of-type(16n+16) a{color: #2585a6;background-color: #edfbff;}
.appnav ul li.current a{color: #fff;background: #63BF3D !important;}

.appmain{margin: .2rem .24rem;background: #fff;padding-bottom: .01rem;}
.appmain .apptop{width: 100%;height: .9rem;display: flex;}
.appmain .apptop a{width: 2.44rem;height: .9rem;background: #F4F1F4;text-align: center;line-height: .9rem;color: #666;font-size: .28rem;display: inline-block;position: relative;}
.appmain .apptop a em{position: absolute;font-size: .2rem;color: #ccc;bottom: .22rem;left: 29%;line-height: .2rem;display: block;width: 1rem;text-align: center;display: none;}
.appmain .apptop a:nth-child(1).current{height: 1.08rem;width: 2.24rem;background: #fff;color: #63BF3D;font-size: .3rem;margin-top: -.2rem;font-weight: 600;}
.appmain .apptop a:nth-child(1).current::after{position: absolute;content:"";width: 0.18rem;height: 1.1rem;right: -0.08rem;background: #fff;border-radius:  0 0.1rem 0 0;transform: rotate(-6deg);z-index: 2;}
.appmain .apptop a:nth-child(2).current{height: 1.08rem;width: 2.14rem;background: #fff;color: #63BF3D;font-size: .3rem;margin-top: -.2rem;font-weight: 600;}
.appmain .apptop a:nth-child(2).current::before{position: absolute;content:"";width: 0.18rem;height: 1.1rem;left: -0.08rem;background: #fff;border-radius: 0.1rem 0  0 0;transform: rotate(6deg);}
.appmain .apptop a:nth-child(2).current::after{position: absolute;content:"";width: 0.18rem;height: 1.1rem;right: -0.08rem;background: #fff;border-radius:  0 0.1rem 0 0;transform: rotate(-6deg);z-index: 2;}
.appmain .apptop a:nth-child(3).current{height: 1.08rem;width: 2.24rem;background: #fff;color: #63BF3D;font-size: .3rem;margin-top: -.2rem;font-weight: 600;}
.appmain .apptop a:nth-child(3).current::before{position: absolute;content:"";width: 0.18rem;height: 1.1rem;left: -0.08rem;background: #fff;border-radius: 0.1rem 0  0 0;transform: rotate(6deg);}
.appmain .apptop a.current em{display: block;}
.appmain ul{margin-top: .2rem;}
.appmain ul li{height: 1.2rem;margin: 0 .26rem .36rem;}
.appmain ul li img{width: 1.2rem;height: 1.2rem;border-radius: .1rem;float: left;}
.appmain ul li .info{float: left;width: 3.6rem;margin-left: .24rem;}
.appmain ul li .info p:nth-child(1){font-size: .28rem;color: #333;line-height: .28rem;margin-top: .12rem;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.appmain ul li .info p:nth-child(2){font-size: .24rem;color: #999;line-height: .24rem;margin-top: .15rem;}
.appmain ul li .info p:nth-child(2) span{color: #999;margin: 0 .06rem;}
.appmain ul li .info p:nth-child(3){font-size: .24rem;color: #999;line-height: .24rem;margin-top: .15rem;}
.appmain ul li .info p:nth-child(3) span{font-size: .24rem;color: #63BF3D;}
.appmain ul li a>span{float: right;width: 1.2rem;height: .6rem;color: #fff;background: #63BF3D;border-radius: .06rem;display: inline-block;line-height: .6rem;text-align: center;margin-top: .3rem;}

.botnav{overflow: hidden;height: .88rem;width: 100%;background: #fff;}
.botnav a{height: .88rem;display: inline-block;float: left;width: 1.87rem;text-align: center;line-height: .88rem;}
.botnav a span{height: .24rem;font-size: .3rem;line-height: .24rem;color: #333;text-align: center;width: 1.87rem;border-right: 1px solid #f0f0f0;display: inline-block;}
.botnav a span:nth-last-child(1){border-right: 0;}

.appbox{position: relative;height: 3.7rem;}
.mainbg{background: url(../images/mainbg.png) no-repeat;background-size: 7.5rem 3.71rem;height: 3.71rem;width: 7.5rem;background-color: #f8f8f8;position: absolute;top: 0;left: 0;}
.mainbg>a{display: block;height: 100%;width: 100%;}
.appbox .appbox_t{margin: 0 .24rem;position: absolute;background: #fff;margin-top: 1.05rem;border-radius: .1rem;}
.appbox .appbox_t img{width: 1.6rem;height: 1.6rem;border-radius: .1rem;float: left;margin-left: .26rem;margin-top: -.7rem;}
.appbox .appbox_t .info{float: left;width: 4.9rem;margin-left: .2rem;position: relative;margin-top: -.7rem;}
.appbox .appbox_t .info p:nth-child(1){font-size: .32rem;color: #424242;line-height: .34rem;margin-top: .3rem;white-space: nowrap;overflow: hidden;max-width: 3.4rem;display: block;font-weight: 600;}
.appbox .appbox_t .info p:nth-child(2){font-size: .24rem;color: #999;margin-top: .24rem;line-height: 0.36rem;}
.appbox .appbox_t .info p:nth-child(3){font-size: .24rem;color: #999;line-height: .24rem;}
.appbox .appbox_t .info p span:nth-child(1){width: 2rem;display: inline-block;white-space: nowrap;overflow: hidden;}
.appbox .appbox_t .info p span:nth-child(2){width: 1.5rem;display: inline-block;white-space: nowrap;overflow: hidden;}
.appbox .appbox_t .downbtn a,.appbox .appbox_t .downbtn span{width: 1.2rem;height: .6rem;line-height: .6rem;text-align: center;display: inline-block;color: #fff;background: #63BF3D;border-radius: .06rem;position: absolute;right: .2rem;top: .44rem;}
.appbox .appbox_t .downbtn a.yy{background: #f36861;}
.appbox .appbox_t .downbtn span{background: #ccc;}
.appbox .appbox_t>p{font-size: .26rem;color: #666;line-height: .42rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 6.48rem;margin: 0 .27rem .24rem;padding-top: .24rem;overflow: hidden;}
.appbox .appbox_t>p span{font-size: .26rem;color: #63BF3D;}
.appbox .appbox_t .info p:nth-child(1) a{color:#424242;}
.applv{background: #fff;border-radius: .1rem;height: 3.1rem;margin: 0 .24rem;}
.djtit p{font-size: .3rem;font-weight: 600;line-height: .3rem;padding: .26rem .26rem .3rem;overflow: hidden;}
.djtit p i{width: .18rem;height: .2rem;background-position: -.08rem -.05rem;margin-right: .12rem;}
.djtit a{font-size: .22rem;color: #999;float: right;}
.djtit a i{width: .08rem;height: .14rem;display: inline-block;background-position: -2.43rem -.39rem;margin-right: .03rem;margin-left: .06rem;}
.applv ul{display: flex;overflow-x: auto;}
.applv ul li{width: 3.67rem;height: 2.06rem;float: left;border-radius: .1rem;background: #f0fbeb;margin-left: .2rem;}
.applv ul li a{width: 3.67rem;height: 2.06rem;float: left;border-radius: .1rem;background: #f0fbeb;}
.applv ul li a>p{font-size: .28rem;color: #333;line-height: .28rem;font-weight: 600;width: 100%;margin: .19rem .2rem .2rem;}
.applv ul li img{width: 1.2rem;height: 1.2rem;border-radius: .1rem;float: left;margin-left: .2rem;}
.applv ul li .info{float: left;width: 2rem;margin-left: .26rem;}
.applv ul li .info p{font-size: .24rem;color: #999;line-height: .24rem;margin-top: .14rem;}

.appxg{background: #fff;border-radius: .1rem;margin: 0 .24rem;padding-bottom: .01rem;}
.appxg ul li{height: 1.2rem;margin: 0 .26rem .36rem;}
.appxg ul li img{width: 1.2rem;height: 1.2rem;border-radius: .1rem;float: left;}
.appxg ul li .info{float: left;width: 3.6rem;margin-left: .24rem;}
.appxg ul li .info p:nth-child(1){font-size: .28rem;color: #333;line-height: .28rem;margin-top: .12rem;white-space: nowrap;overflow: hidden;}
.appxg ul li .info p:nth-child(2){font-size: .24rem;color: #999;line-height: .24rem;margin-top: .15rem;}
.appxg ul li .info p:nth-child(2) span{color: #999;margin: 0 .06rem;}
.appxg ul li .info p:nth-child(3){font-size: .24rem;color: #999;line-height: .24rem;margin-top: .15rem;}
.appxg ul li .info p:nth-child(3) span{font-size: .24rem;color: #63BF3D;}
.appxg ul li a>span{float: right;width: 1.2rem;height: .6rem;color: #fff;background: #63BF3D;border-radius: .06rem;display: inline-block;line-height: .6rem;text-align: center;margin-top: .3rem;}

/* gamelist */
.gaemnav{background: #fff;border-radius: .1rem;padding-bottom: .2rem;}
.gaemnav ul{overflow: hidden;margin: 0 .24rem;}
.gaemnav ul li{width: 2.2rem;height: .98rem;float: left;border-radius: .1rem;margin-right: .2rem;margin-bottom: .2rem;position: relative;}
.gaemnav ul li:nth-child(3n){margin-right: 0;}
.gaemnav ul li:nth-child(1){background-position: -.08rem -.63rem;}
.gaemnav ul li:nth-child(2){background-position: -2.45rem -.63rem;}
.gaemnav ul li:nth-child(3){background-position: -2.45rem -1.74rem;}
.gaemnav ul li:nth-child(4){background-position: -4.86rem -2.85rem;}
.gaemnav ul li:nth-child(5){background-position: -4.82rem -3.93rem;}
.gaemnav ul li:nth-child(6){background-position: -4.86rem -.63rem;}
.gaemnav ul li:nth-child(7){background-position: -.08rem -2.85rem;}
.gaemnav ul li:nth-child(8){background-position: -.08rem -1.74rem;}
.gaemnav ul li:nth-child(9){background-position: -2.45rem -4.97rem;}
.gaemnav ul li:nth-child(10){background-position: -.08rem -4.97rem;}
.gaemnav ul li:nth-child(11){background-position: -4.86rem -1.74rem;}
.gaemnav ul li:nth-child(12){background-position: -2.45rem -2.85rem;}
.gaemnav ul li:nth-child(13){background-position: -2.45rem -3.93rem;}
.gaemnav ul li:nth-child(14){background-position: -.08rem -6.00rem;}
.gaemnav ul li:nth-child(15){background-position: -.08rem -3.93rem;}
.gaemnav ul li:nth-child(16){background-position: -7.29rem -9.02rem;}
.gaemnav ul li:nth-child(17){background-position: -2.45rem -6.00rem;}
.gaemnav ul li a{display: block;width: 100%;height: 100%;}
.gaemnav ul li span{font-size: .24rem;color: #fff;position: absolute;top: .46rem;left: .2rem;}
.gaemnav>p{height: .6rem;text-align: center;line-height: .6rem;border-radius: .1rem;color: #999;background: #f8f8f8;margin: 0 .24rem;}
.gaemnav>p i.bot{width: .17rem;height: .14rem;background-position: -.74rem -.4rem;margin-left: 9px;}
.gaemnav>p i.top{width: .17rem;height: .14rem;background-position: -.93rem -.4rem;margin-left: 9px;}

/* ztlist */
.slider{height:2.6rem;padding-bottom: .2rem;margin: 0 .24rem;}
.slider a{display:block;width:100%;height:100%;}
.slider img{display:block;width: 7.02rem;height: 2.6rem;    object-fit: cover;}
.slider .swiper-pagination-bullet{width:.1rem;height:.1rem;background:#ddd;border-radius:0;opacity: 1;}
.slider .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#75CC29;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5px !important;right: 0 !important;width: auto !important;left: 258px !important;}
.swiper-container{width:100%;height:100%;border-radius: .1rem;}
/* 修改的 */
.swiper-slide{position: relative;text-align:center;font-size:.18rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content: center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.swiper_abs {position: absolute;z-index: 20;right: .26rem;top: 1rem;text-align: center;}
.swiper_abs a{display: block;}
.swiper_abs .btn{display: block;width: 1.52rem;height: .6rem;border-radius: .06rem;color: #fff;margin: auto;line-height: .6rem;background: linear-gradient(49deg, #63BF3D 0%, #ADEA2B 100%);}

.ztnav{display: flex;margin: 0 .24rem;}
.ztnav a{width: 2.3rem;height: .66rem;line-height: .66rem;color: #666;font-size: .28rem;text-align: center;display: inline-block;background: #fff;border-top-left-radius: .2rem;border-top-right-radius: .2rem;}
.ztnav a.current{width: 2.42rem;background: #63BF3D;height: .74rem;color: #fff;font-weight: 600;line-height: .74rem;margin-top: -.08rem;}

.hotzt{background: #fff;margin: 0 .24rem;border-radius: .1rem;}
.hotzt ul{display: flex;overflow-x: auto;margin-left: .26rem;}
.hotzt ul li{width: 3.15rem;height: 1.76rem;float: left;position: relative;margin-right: .2rem;}
.hotzt ul li img{width: 3.15rem;height: 1.76rem;border-radius: .1rem;}
.hotzt ul li p{position: absolute;font-size: .26rem;color: #fff;line-height: .26rem;bottom: .25rem;text-align: center;width: 100%;display: block;z-index: 2;}
.hotzt ul li span{width: 3.15rem;height: .94rem;background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.01) 99%);border-radius: .1rem;position: absolute;bottom: 0;}

.jxzt{background: #fff;margin: 0 .24rem;border-radius: .1rem;overflow: hidden;}
.jxzt ul{margin: 0 .26rem;}
.jxzt ul li{float: left;width: 3.15rem;position: relative;margin-right: .2rem;margin-bottom: .2rem;}
.jxzt ul li:nth-child(2n){margin-right: 0;}
.jxzt ul li img{width: 3.15rem;height: 1.76rem;border-radius: .1rem;}
.jxzt ul li p{font-size: .28rem;color: #333;line-height: .6rem;width: 100%;display: block;text-align: center;overflow:hidden;white-space:nowrap}
.jxzt ul li span{position: absolute;display: block;height: .46rem;padding: 0 .16rem;background: #63BF3D;border-radius: 0 0 .3rem .3rem;font-size: .22rem;color: #fff;line-height: .46rem;top: -.06rem;left: .1rem;}

/* ztdetail */
.ztdetail{background: #fff;margin: 0 .24rem;border-radius: .1rem;}
.ztdetail .zthead{margin-top: .28rem;}
.ztdetail .zthead .info{position: relative;}
.ztdetail .zthead .info img{width: 7.02rem;height: 3rem;border-radius: .1rem .1rem 0 0;}
.ztdetail .zthead .info p{position: absolute;display: block;height: .44rem;border-top-left-radius: .3rem;color: #fff;line-height: .44rem;font-size: .24rem;text-align: center;padding: 0 .2rem 0 .35rem;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);}
.ztdetail .zthead .info span{position: absolute;display: block;height: .46rem;padding: 0 .16rem;background: #63BF3D;border-radius: 0 0 .3rem .3rem;font-size: .22rem;color: #fff;line-height: .46rem;top: -.06rem;left: .26rem;}
.ztdetail .zthead .info2{margin: 0 .28rem;}
.ztdetail .zthead .info2 h3{font-size: .3rem;color: #333;line-height: .3rem;display: block;margin:.26rem auto;text-align: center;font-weight: 600;}
.ztdetail .zthead .info2 h3 i{width: .22rem;height: .2rem;}
.ztdetail .zthead .info2 h3 i:nth-child(1){background-position: -.74rem -.13rem;vertical-align: bottom;margin-right: .1rem;}
.ztdetail .zthead .info2 h3 i:nth-child(2){background-position: -1.01rem -.13rem;vertical-align: top;margin-left: .1rem;}
.ztdetail .zthead .info2 p{font-size: .26rem;color: #666;line-height: .42rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.ztdetail .zthead ul{overflow: hidden;padding: .36rem .28rem;}
.ztdetail .zthead ul li{height: .6rem;border-radius: .3rem;line-height: .6rem;text-align: center;padding: 0 .25rem;float: left;margin-right: .26rem;background: #EDFAFF;margin-bottom: .1rem;}
.ztdetail .zthead ul li a{color: #2EA8E6;}
.ztdetail .zthead ul li:nth-child(1){background: #EDFAFF;}
.ztdetail .zthead ul li:nth-child(1) a{color: #2EA8E6;}
.ztdetail .zthead ul li:nth-child(2){background: #FFEDEE;}
.ztdetail .zthead ul li:nth-child(2) a{color: #F56269;}
.ztdetail .zthead ul li:nth-child(3){background: #FFF6E4;}
.ztdetail .zthead ul li:nth-child(3) a{color: #F5B431;}
.ztdetail .zthead ul li:nth-child(4){background: #EBEFFF;}
.ztdetail .zthead ul li:nth-child(4) a{color: #526ACC;}

.ztmain{background: #fff;margin: 0 .24rem;border-radius: .1rem;overflow: hidden;}
.ztmain ul li{height: 1.2rem;margin: 0 .26rem .36rem;}
.ztmain ul li img{width: 1.2rem;height: 1.2rem;border-radius: .1rem;float: left;}
.ztmain ul li .info{float: left;width: 3.6rem;margin-left: .24rem;}
.ztmain ul li .info p:nth-child(1){font-size: .28rem;color: #333;line-height: .28rem;margin-top: .12rem;white-space: nowrap;overflow: hidden;}
.ztmain ul li .info p:nth-child(2){font-size: .24rem;color: #999;line-height: .24rem;margin-top: .15rem;}
.ztmain ul li .info p:nth-child(2) span{color: #999;margin: 0 .06rem;}
.ztmain ul li .info p:nth-child(3){font-size: .24rem;color: #999;line-height: .26rem;margin-top: .15rem;white-space: nowrap;overflow: hidden;}
.ztmain ul li a>span{float: right;width: 1.2rem;height: .6rem;color: #fff;background: #63BF3D;border-radius: .06rem;display: inline-block;line-height: .6rem;text-align: center;margin-top: .3rem;}
.ztmain ul li .info p em{color:#63BF3D;}

/* load */
.djbox{position: relative;overflow: hidden;}
.djbox .loadbg{width: 7.5rem;height: 2.27rem;background: url(../images/loadbg.png) no-repeat;background-size: 7.5rem 2.27rem;top: 0;left: 0;}
.djbox .loadtop{margin-top: -2.05rem;}
.djbox .loadtop .imgbg{width: 2.04rem;height: 2.04rem;background: url(../images/loadtop.png) no-repeat;background-size: 2.04rem 2.04rem;margin: 0 2.73rem;overflow: hidden;}
.djbox .loadtop img{width: 1.7rem;height: 1.7rem;border-radius: .3rem;margin: .15rem auto;}
.djbox .loadtop h1{font-size: .32rem;color: #333;line-height: .6rem;font-weight: 600;text-align: center;margin-top: .2rem;}
.djbox .loadtop>p{font-size: .26rem;line-height: .26rem;text-align: center;margin-top: .25rem;}
.djbox .loadtop p span:nth-child(1){margin-right: .66rem;}
.djbox .loadtop p span{color: #999;}
.djbox .loadtop p em{color: #666;}
.djbox .loadtop ul{overflow: hidden;margin: .26rem .8rem;}
.djbox .loadtop ul li{float: left;margin-right: .26rem;margin-bottom: .04rem;}
.djbox .loadtop ul li a{height: .6rem;display: inline-block;background: #d9f0f9;color: #2EA8E6;font-size: .26rem;line-height: .6rem;border-radius: .3rem;padding: 0 .2rem;max-width: 1.04rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.djbox .loadtop ul li:nth-child(1) a{background: #D9F0F9;color: #2EA8E6;}
.djbox .loadtop ul li:nth-child(2) a{background: #FFEDEE;color: #F56269;}
.djbox .loadtop ul li:nth-child(3) a{background: #FAEFDA;color: #F5B431;}
.djbox .loadtop ul li:nth-child(4) a{background: #E6EAF8;color: #526ACC;}
.loadbox a{display: block;width: 6.6rem;height: .88rem;line-height: .88rem;color: #fff;text-align: center;border-radius: .1rem;margin: 0 auto;font-size: .32rem;}
.loadbox a.and{background: #18BA68;    margin-top: 5px;}
.loadbox a.ios{background: #fe7037;}
.loadbox a i{width: .3rem;height: .3rem;background-position: -1.31rem -.13rem;vertical-align: middle;margin-right: .1rem;}
.linkBtn{margin: .3rem 0 .1rem;position: relative;}
.linkBtn button{display: block;width: 6.6rem;height: .88rem;line-height: .88rem;color: #fff;text-align: center;border-radius: .1rem;margin: 0 auto;font-size: .32rem;background: #f36861;border: none;}
.kgTop p{display:block;width:auto;font-size:.24rem;color:#8f8f8f;line-height: .36rem;overflow:hidden;}
.kgTop .intro{margin-top: .1rem;line-height: .42rem;}
.kOrder i{width: .31rem;height: .31rem;background-position: -2.04rem -.13rem;vertical-align: middle;margin-right: .12rem;}
.oTip{text-align: left;white-space: normal;font-size: .2rem;margin: 0 .9rem 0 6em;color: #FB6961;margin-top: .25rem;}
.tips>i{width: .26rem;height: .26rem;background-position: -1.69rem -.3rem;position: absolute;left: .9rem;top: 1.16rem;}

.djload{margin: 0 .24rem;background: #fff;border-radius: .1rem;padding-bottom: .26rem;}
.djload .djnav{width: 100%;height: .9rem;display: flex;}
.djload .djnav span{width: 2.44rem;height: .9rem;background: #F4F1F4;text-align: center;line-height: .9rem;color: #666;font-size: .28rem;display: inline-block;position: relative;}
.djload .djnav span em{position: absolute;font-size: .2rem;color: #ccc;bottom: .22rem;left: 16%;line-height: .2rem;display: block;width: 1.2rem;text-align: center;display: none;}
.djload .djnav span:nth-child(1).current{height: 1.08rem;width: 2.24rem;background: #fff;color: #63BF3D;font-size: .3rem;margin-top: -.2rem;font-weight: 600;}
.djload .djnav span:nth-child(1).current::after{position: absolute;content:"";width: 0.18rem;height: 1.1rem;right: -0.08rem;background: #fff;border-radius:  0 0.1rem 0 0;transform: rotate(-6deg);z-index: 2;}
.djload .djnav span:nth-child(2).current{height: 1.08rem;width: 2.14rem;background: #fff;color: #63BF3D;font-size: .3rem;margin-top: -.2rem;font-weight: 600;}
.djload .djnav span:nth-child(2).current::before{position: absolute;content:"";width: 0.18rem;height: 1.1rem;left: -0.08rem;background: #fff;border-radius: 0.1rem 0  0 0;transform: rotate(6deg);}
.djload .djnav span:nth-child(2).current::after{position: absolute;content:"";width: 0.18rem;height: 1.1rem;right: -0.08rem;background: #fff;border-radius:  0 0.1rem 0 0;transform: rotate(-6deg);z-index: 2;}
.djload .djnav span:nth-child(3).current{height: 1.08rem;width: 2.14rem;background: #fff;color: #63BF3D;font-size: .3rem;margin-top: -.2rem;font-weight: 600;}
.djload .djnav span:nth-child(3).current::before{position: absolute;content:"";width: 0.18rem;height: 1.1rem;left: -0.08rem;background: #fff;border-radius: 0.1rem 0  0 0;transform: rotate(6deg);}
.djload .djnav span:nth-child(3).current::after{position: absolute;content:"";width: 0.18rem;height: 1.1rem;right: -0.08rem;background: #fff;border-radius:  0 0.1rem 0 0;transform: rotate(-6deg);z-index: 2;}
.djload .djnav span:nth-child(4).current{height: 1.08rem;width: 2.24rem;background: #fff;color: #63BF3D;font-size: .3rem;margin-top: -.2rem;font-weight: 600;}
.djload .djnav span:nth-child(4).current::before{position: absolute;content:"";width: 0.18rem;height: 1.1rem;left: -0.08rem;background: #fff;border-radius: 0.1rem 0  0 0;transform: rotate(6deg);}
.djload .djnav span.current em{display: block;}

.show_img{margin-top: .12rem;}
.img_item {overflow-x: auto;padding: 0 0 .15rem;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;margin: 0 .26rem .2rem;text-align: center}
.img_item ul{font-size: 0;}
.img_item ul li { margin-right: .1rem; display: inline-block; }
div.photo-box {width: 100%;background: rgba(0,0,0,.72);height: 100% !important;position: fixed;overflow: hidden;display: none;z-index: 999;left: 0;top: 0;}
.cf {*zoom: 1;}
.pinch-zoom-container{height: 100% !important;}
.img-slider {position: absolute;left: 0;top: 0;padding: 0;}
.img-slider li {overflow: hidden;display: table-cell;vertical-align: middle;z-index: 999;}
div.photo-box li {list-style: none;}
.img-slider li img {vertical-align: middle;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.cf:before, .cf:after {content: " ";display: table;}
.cf:after {clear: both;}

.img_item  .djVideo{position: relative}
.img_item ul li video{width:auto;height: 3.2rem;}
.img_item ul li img {width:auto;height: 3.2rem;}
.img_item ul li .replay{position: absolute;z-index: 1;top: 29%;left: 0;right: 0;margin: auto;display: block;width: .98rem;height: .98rem;background: url(../images/icon.png) no-repeat;background-size: 10rem 10rem;background-position: -7.19rem -3.88rem;}
.img_item ul li .replay.hide{display: none;}

.djedit{margin: 0 .26rem;display: flex;}
.djedit i{width: .57rem;height: .71rem;background-position: -.08rem -7.12rem;}
.djedit span{width: 5.99rem;height: .6rem;display: flex;justify-content: center;lign-items: center;font-size: .26rem;color: #FF9834;background: url(../images/dhk.png) no-repeat;line-height: .6rem;background-size: 5.99rem .6rem;margin-top: .06rem;padding-left: .5rem;max-width: 5.49rem;white-space: nowrap;overflow: hidden;}

.djload .cont{margin: 0 .24rem;overflow: hidden;height: auto !important;}
.djload .cont p{font-size: .3rem;line-height: .45rem;color: #666;margin: .15rem 0;}
.djload .cont img{max-width: 5.5rem;height: auto!important;max-height: 7rem;width: auto;display: block;margin: .15rem auto;}
.djload .cont h3{font-size: .32rem;color: #1a1a1a;line-height: .32rem;padding-left: .1rem;font-weight: 700;margin: .24rem 0;border-left: .08rem solid #63BF3D;}
.drawer p{height: .6rem;text-align: center;line-height: .6rem;border-radius: .1rem;color: #999;background: #f8f8f8;margin: 0 .24rem;}
.drawer p i.bot{width: .17rem;height: .14rem;background-position: -.74rem -.4rem;margin-left: 9px;}
.drawer p i.top{width: .17rem;height: .14rem;background-position: -.93rem -.4rem;margin-left: 9px;}
.rizhi{position: relative;}
.rizhi font{position: absolute;right: 0;top:0;display: block;width: 1.18rem;height: .38rem;line-height: .38rem;border: 1px solid #f36861;font-size: .24rem;color: #f36861;border-radius: .38rem;text-align: center;}
.rizhi {position: relative;}
.rizhi strong{display: block;color: #454545;line-height:.52rem;font-size: .3rem; font-weight: bold;text-indent:0em;}

.drawer{position: relative;}
.drawer .linear{position:absolute;height:.8rem;top:-.79rem;width:100%;background-image:linear-gradient(-180deg,rgba(255,255,255,0) 0,#fff 70%)}

.gameinfo{position: relative;background: #fff;margin: 0 .26rem;border-radius: .1rem;padding-bottom: .2rem;}
.gameinfo ul{margin: 0 .45rem 0 .5rem;}
.gameinfo ul li{width: 6.06rem;height: .68rem;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px dashed #ddd;}
.gameinfo ul li:nth-last-child(1){border: none;}
.gameinfo ul li span{font-size: .26rem;color: #999;}
.gameinfo ul li em{font-size: .26rem;color: #666;}
.gameinfo ul li em a{color: #666;text-decoration: none;}
.gameinfo li em.gPower,.gameinfo li em.gSecret{color: #63BF3D;}
.feBaBtn{position: absolute;top: .18rem;right: .25rem;width: 1.1rem;height: .44rem;font-size: .24rem;color: #63BF3D;text-align: center;line-height: .42rem;}
.feBaBtn:before{content: "!";position: relative;top: .11rem;vertical-align: top;margin-right: .08rem;display: inline-block;width: .24rem;height: .24rem;background:#63BF3D;border-radius: 50%;color: #fff;font-size: .14rem;text-align: center;line-height: .22rem;}


.djlv{background: #fff;margin: 0 .24rem;border-radius: .1rem;}
.djlv .djtit a{color: #999;font-size: .22rem;font-weight: 300;float: right;}
.djlv .djtit a i{width: .1rem;height: .14rem;background-position: -.57rem -.4rem;margin-left: .1rem;}
.djlv ul{margin: 0 .26rem;}
.djlv ul li{padding: .18rem 0;border-bottom: 1px solid #DDD;height: 1rem;width: 100%;}
.djlv ul li:nth-last-child(1){border: none;}
.djlv ul li img{width: 1rem;height: 1rem;border-radius: .2rem;float: left;}
.djlv ul li .info{float: left;width: 3.8rem;margin-left: .25rem;}
.djlv ul li .info p:nth-child(1){font-size: .28rem;color: #333;line-height: .28rem;font-weight: 600;margin-top: .16rem;white-space: nowrap;overflow: hidden;}
.djlv ul li .info p:nth-child(2){font-size: .24rem;color: #999;line-height: .24rem;margin-top: .16rem;}
.djlv ul li .info p:nth-child(2) span{color: #999;margin: 0 .1rem;}
.djlv ul li em{float: right;display: block;width: 1.2rem;height: .6rem;border-radius: .06rem;color: #63BF3D;border: 1px solid #63BF3D;line-height: .6rem;text-align: center;margin-top: .2rem;}

.djother{background: #fff;margin: 0 .24rem .2rem;border-radius: .1rem;}
.djother .djtit a{color: #999;font-size: .22rem;font-weight: 300;float: right;}
.djother .djtit a i{width: .1rem;height: .14rem;background-position: -.57rem -.4rem;margin-left: .1rem;}
.djother ul{margin: 0 .26rem;overflow: hidden;}
.djother ul li{width: 1.4rem;float: left;margin-right: .3rem;margin-bottom: .2rem;}
.djother ul li:nth-child(4n){margin-right: 0;}
.djother ul li img{width: 1.2rem;height: 1.2rem;border-radius: .2rem;margin: 0 auto;display: block;}
.djother ul li p{font-size: .28rem;color: #333;line-height: .28rem;margin-top: .16rem;white-space: nowrap;overflow: hidden;text-align: center;}
.djother ul li span{font-size: .24rem;color: #999;line-height: .24rem;margin-top: .12rem;text-align: center;display: block;height: .24rem;}
.djother ul li em{display: block;width: 1.2rem;height: .6rem;border-radius: .06rem;color: #63BF3D;border: 1px solid #63BF3D;line-height: .6rem;text-align: center;margin: .2rem auto 0;}

.djlike{background: #fff;margin: 0 .24rem .2rem;border-radius: .1rem;overflow: hidden;}
.djlike .djtit a{color: #999;font-size: .22rem;font-weight: 300;float: right;}
.djlike .djtit a i{width: .1rem;height: .14rem;background-position: -.57rem -.4rem;margin-left: .1rem;}
.djlike .likenav{background: #F8F8F8;overflow: hidden;margin: 0 .26rem;width: 6.5rem;height: .8rem;}
.djlike .likenav span{float: left;width: 25%;display: inline-block;text-align: center;}
.djlike .likenav span em{font-size: .28rem;line-height: .8rem;height: .78rem;display: inline-block;}
.djlike .likenav span.current em{color: #63BF3D ;font-weight: 600;border-bottom: .02rem solid #63BF3D;}

.menu_cont{border-top:.02rem solid #f6f7f9;margin:.48rem .26rem .26rem;background:#f5f5f5;border-radius:.15rem;position: relative;}
.menu_cont a>p{position: absolute;top: .8rem;left: .32rem;font-size: .26rem;color: #fff;line-height: .26rem;font-weight: 600;}
.menu_cont a>em{font-size: .32rem;color: #fff;line-height: .32rem;position: absolute;top: 1.2rem;left: .32rem;font-weight: 600;}
.menu_cont img{width:3.25rem;height:1.82rem;border-radius: .1rem 0  0 .1rem;float:left}
.menu_cont .info{float: left;width: 3rem;height: 1.8rem;margin-left: .18rem;position: relative;}
.menu_cont .info p{font-size:.24rem;color:#666;line-height:.36rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin-top:.23rem}
.menu_cont .info span{font-size:.18rem;color:#c9c9c9;position:absolute;right:.12rem;top:.3rem;line-height:.18rem;}
.menu_cont span{height: .44rem;width: 1.44rem;line-height: .44rem;display: inline-block;text-align: center;color: #fff;background: #36e48c;position: absolute;border-radius: .1rem .1rem .1rem 0;left: 0;top: -.22rem;}
.menu_info ul li{float: left;width: 1.4rem;margin-right: .3rem;margin-bottom: .3rem;}
.menu_info ul li:nth-child(4n){margin-right: 0;}
.menu_info ul li img{width: 1.2rem;height: 1.2rem;border-radius: .1rem;margin: 0 auto;}
.menu_info ul li p{font-size: .28rem;color: #333;line-height: .28rem;margin-top: .16rem;text-align: center;white-space: nowrap;overflow: hidden;}
.menu_info ul li span{font-size: .24rem;color: #999;line-height: .24rem;margin-top: .16rem;text-align: center;display: block;height: .24rem;}

.djlike ul{margin: 0 .26rem;}
.djnew{background: #fff;margin: 0 .24rem .2rem;border-radius: .1rem;}
.djnew .djtit a{color: #999;font-size: .22rem;font-weight: 300;float: right;}
.djnew .djtit a i{width: .1rem;height: .14rem;background-position: -.57rem -.4rem;margin-left: .1rem;}
.djnew ul{margin: 0 .26rem;}
.djnew ul li{border-bottom: 1px solid #ddd;padding: .28rem 0;}
.djnew ul li:nth-last-child(1){border-bottom: none;}
.djnew ul li p{font-size: .26rem;color: #666;line-height: .26rem;white-space: nowrap;overflow: hidden;max-width: 5.5rem;}
.djnew ul li p em{display: inline-block;width: .1rem;height: .1rem;background: #ccc;vertical-align: middle;margin: 0 .1rem;border-radius: 50%;}
.djnew ul li span{color: #999;display: inline-block;font-size: .26rem;line-height: .26rem;float: right;margin-top: -.3rem;}

.djzt{background: #fff;margin: 0 .24rem .2rem;border-radius: .1rem;}
.djzt .djtit a{color: #999;font-size: .22rem;font-weight: 300;float: right;}
.djzt .djtit a i{width: .1rem;height: .14rem;background-position: -.57rem -.4rem;margin-left: .1rem;}
.djzt ul{margin: 0 .26rem;overflow: hidden;}
.djzt ul li{float: left;position: relative;margin-right: .2rem;margin-bottom: .2rem;}
.djzt ul li:nth-child(2n){margin-right: 0;}
.djzt ul li img{width: 3.15rem;height: 1.76rem;border-radius: .1rem;}
.djzt ul li p{font-size: .28rem;color: #333;line-height: .6rem;display: block;text-align: center;white-space: nowrap;overflow: hidden;width: 3.15rem;}
.djzt ul li span{position: absolute;display: block;height: .46rem;padding: 0 .16rem;background: #63BF3D;border-radius: 0 0 .3rem .3rem;font-size: .22rem;color: #fff;line-height: .46rem;top: -.06rem;left: .1rem;}

.kgComment{background: #fff;margin: 0 .24rem .2rem;border-radius: .1rem;}
.kgComment .comTop {padding: 0 .26rem;text-align: right;}
.kgComment textarea{width: 100%;border: none;border: 1px solid #d2d2d2;padding: .2rem 0;height: 2rem;outline: none;resize: none;margin-top: .1em;line-height:.56rem;text-indent: 1em;font-size: .28;color:#454545;}
.kgComment textarea::-webkit-input-placeholder {font-size: .24rem;color:#8f8f8f;}
.kgComment textarea:-moz-placeholder {font-size: .24rem;color:#8f8f8f;}
.kgComment textarea::-moz-placeholder {font-size: .24rem;color:#8f8f8f;;}
.kgComment textarea:-ms-input-placeholder {font-size: .24rem;color:#8f8f8f;}
.kgComment button{outline: none;border: none;cursor: pointer;width: 1.62rem;height: .6rem;line-height: .6rem;margin-top: .24rem;font-size:.26rem;color: #fff;background-color: #63BF3D;border-radius: .08rem;}
.kgComment button.disabled{cursor: default;}
.comTit{width:100%;height:.84rem;border-bottom: .02rem solid #e6e6e6;margin-top: .1rem;}
.comTit em{position: relative;float: left;display: inline-block;height:.84rem;line-height: .84rem;font-size:.3rem;color:#63BF3D;border-bottom:.02rem solid #63BF3D; padding:0 3px;}
.comTit em:after{content: '';width:100%;height: .02rem;background-color: #63BF3D;position: absolute;bottom: -.02rem;left: 0;}
.comTit span{float: right;display: inline-block;height:.8rem;line-height: .8rem;font-size:.28rem;color: #808080;}
.comList{padding: 0 .26rem;}
.comList li{padding: .2rem 0;border-bottom: 1px solid #f4f4f4;}
.comList li:last-of-type{border: none;}
.comList li>p{font-size:.26rem;color: #424242;line-height: .46rem;margin-top: .04rem;}
.listTop{line-height: .64rem;overflow: hidden;*zoom: 1;}
.listTop p,.listTop em{float: left;display: inline-block;font-size:.24rem;color: #8f8f8f;}
.listTop span{float: right;display: inline-block;font-size:.24rem;color: #424242;cursor: pointer;}
.listTop em{margin-left: .64rem;}
.kgComment .unlist{width: 100%;height: 1.6rem;line-height: 1.6rem;font-size: .28rem;color:#ababab;text-align: center;}
/* order */
.orderList{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.62);}
.orderBox{position: absolute;z-index: 5;top: 4.4rem;left: 0;right: 0;margin: auto;background-color: #fff;width: 5.2rem;border-radius: .08rem;text-align: center;}
.orderBox .oClose{position: absolute;bottom: -.8rem;left: 0;right:0;margin: auto;z-index: 10;}
.orderBox .oClose i{display: inline-block;width: .4rem;height: .4rem;background-position: -3.98rem -.05rem;position: relative;}
.orderBox .oTitle{position: relative;width: 100%;height: 1.48rem;margin-top: -1rem;background-image: url(../images/gametbg.png);background-size: 100% 100%;text-align: center;border-top-left-radius: .08rem;border-top-right-radius: .08rem;}
.orderBox .oTitle>i{display:block;width: .7rem;height: .7rem;background-position: -7.63rem -3.54rem;position: absolute;top: -.42rem;left: 0;right: 0;margin: 0 auto;background-color: #63BF3D;border: .09rem solid #63BF3D;border-radius: 50%;}
.orderBox .oTitle p{font-size: .3rem;color: #fff;line-height: .62rem;white-space: nowrap;overflow: hidden;padding-top: .8rem;}
.orderBox .oTitle p>i{display:inline-block;width: .18rem;height: .26rem;background-position: -2.79rem -.05rem;position: relative;top: .02rem;margin-right:.12rem;}

.orderBox form .tel{width:2.74rem;border:1px solid #d2d2d2;background-color:#fff;color:#808080;font-size:.24rem;border-radius:.08rem;padding:0 .26rem;line-height: .58rem;margin: .3rem auto .1rem;overflow: hidden;white-space: nowrap;}
.orderBox form p{ color:#666;font-size:.28rem;line-height: .46rem;margin-top: .24rem;overflow: hidden;white-space: nowrap;}
.orderBox form p em{ color:#cc0000;}
.orderBox form .oBtn{width:3.28rem;height: .6rem;border: 0;background-color:#63BF3D;color:#fff;font-size:.28rem;border-radius:.08rem;line-height: .6rem;margin: .25rem auto .4rem;overflow: hidden;white-space: nowrap; }
.orderBox .msg{color: #ff3232;font-size: .18rem;text-align: left;display: block;width:3.28rem;margin: 0 auto;}
.orderBox .oKnow{display: block;width:3.28rem;height: .6rem;border: 0;background-color:#63BF3D;color:#fff;font-size:.28rem;border-radius:.08rem;line-height: .6rem;margin: .3rem auto 0rem;overflow: hidden;white-space: nowrap;}

.orderBox .oWin{width: 100%;height: 3.3rem;padding: .32rem 0;font-size: .36rem;border-radius: .08rem;text-align: center;}
.orderBox .oWin p{font-size:.32rem;color: #141414;font-weight: 500;line-height: .86rem;margin-bottom: .2rem;}
.orderBox .oWin>i{display:inline-block;width: 1.6rem;height: .96rem;background-position: -8.4rem -.05rem;position: relative;}

.orderBox .oAgin{width: 100%;height: 3.3rem;padding: .32rem 0;font-size: .36rem;border-radius: .08rem;text-align: center;}
.orderBox .oAgin p{font-size:.32rem;color: #141414;font-weight: 500;line-height: .86rem;margin-bottom: .2rem;}
.orderBox .oAgin>i{display:inline-block;width: 1.6rem;height: 1.06rem;background-position: -8.4rem -1.52rem;position: relative;}

.orderBox .oLose{width: 100%;height: 3.3rem;padding: .32rem 0;font-size: .36rem;border-radius: .08rem;text-align: center;}
.orderBox .oLose p{font-size:.32rem;color: #141414;font-weight: 500;line-height: .86rem;margin-bottom: .2rem;}
.orderBox .oLose>i{display:inline-block;width: 1.6rem;height: .96rem;background-position: -8.4rem -2.99rem;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,.62);}
.ruleBox{position: absolute;z-index: 5;top: 2.6rem;left: 0;right: 0;margin: auto;background-color: #fff;width: 5.2rem;border-radius: .08rem;text-align: center;}
.ruleBox .rClose{position: absolute;bottom: -.8rem;left: 0;right:0;margin: auto;z-index: 10;}
.ruleBox .rClose i{display: inline-block;width: .4rem;height: .4rem;background-position: -3.98rem -.05rem;position: relative;}
.ruleBox .rTitle{position: relative;width: 100%;height: 1.48rem;margin-top: -1rem;background-image: url(../images/gametbg2.png);background-size: 100% 100%;text-align: center;border-top-left-radius: .08rem;border-top-right-radius: .08rem;}
.ruleBox .rTitle>i{display:block;width: .71rem;height: .7rem;background-position: -8.55rem -3.54rem;position: absolute;top: -.42rem;left: 0;right: 0;margin: 0 auto;background-color: #63BF3D;border: .09rem solid #63BF3D;border-radius: 50%;}
.ruleBox .rTitle p{font-size: .3rem;color: #fff;line-height: .62rem;white-space: nowrap;overflow: hidden;padding-top: .8rem;text-align: center;}
.ruleBox .rTitle p>i{display:inline-block;width: .24rem;height: .26rem;background-position: -3.19rem -.05rem;position: relative;top: .02rem;margin-right:.12rem;}
.ruleBox .rSure{display: block;width:3.28rem;height: .6rem;border: 0;background-color:#63BF3D;color:#fff;font-size:.28rem;border-radius:.08rem;line-height: .6rem;margin: .3rem auto;overflow: hidden;white-space: nowrap;}

.ruleMain{display: block;width: 4.68rem;height: 4.4rem;border: none;padding: 0 .26rem;line-height: .42rem;font-size: .24rem;color: #4c4c4c;margin: .26rem auto;overflow: auto;}
.ruleMain p{text-align: left;}
.ruleMain strong{display: block;color: #454545;line-height:.52rem;font-size: .26rem; font-weight: bold;text-indent:0em;text-align: left;}
/* rule */
.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,.62);}
.privacyBox{position: absolute;z-index: 5;top: 2.6rem;left: 0;right: 0;margin: auto;background-color: #fff;width: 5.2rem;border-radius: .08rem;text-align: center;}
.privacyBox .pClose{position: absolute;bottom: -.8rem;left: 0;right:0;margin: auto;z-index: 10;}
.privacyBox .pClose i{display: inline-block;width: .4rem;height: .4rem;background-position: -3.98rem -.05rem;position: relative;}
.privacyBox .pTitle{position: relative;width: 100%;height: 1.48rem;margin-top: -1rem;background-image: url(../images/gametbg2.png);background-size: 100% 100%;text-align: center;border-top-left-radius: .08rem;border-top-right-radius: .08rem;}
.privacyBox .pTitle>i{display:block;width: .71rem;height: .7rem;background-position: -8.55rem -3.54rem;position: absolute;top: -.42rem;left: 0;right: 0;margin: 0 auto;background-color: #63BF3D;border: .09rem solid #63BF3D;border-radius: 50%;}
.privacyBox .pTitle p{font-size: .3rem;color: #fff;line-height: .62rem;white-space: nowrap;overflow: hidden;padding-top: .8rem;text-align: center;}
.privacyBox .pTitle p>i{display:inline-block;width: .24rem;height: .26rem;background-position: -3.19rem -.05rem;position: relative;top: .02rem;margin-right:.12rem;}
.privacyBox .pSure{display: block;width:3.28rem;height: .6rem;border: 0;background-color:#63BF3D;color:#fff;font-size:.28rem;border-radius:.08rem;line-height: .6rem;margin: .3rem auto;overflow: hidden;white-space: nowrap;}

.privacyMain{display: block;width: 4.68rem;height: 4.4rem;border: none;padding: 0 .26rem;line-height: .42rem;font-size: .24rem;color: #4c4c4c;margin: .26rem auto;overflow: auto;}
.privacyMain p{text-align: left;}
.privacyMain strong{display: block;color: #454545;line-height:.52rem;font-size: .26rem; font-weight: bold;text-indent:0em;text-align: left;}
/* feedback */
.feedBack{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);}
.feHead{position: absolute;z-index: 5;top: 1.6rem;left: 0;right: 0;margin: auto;background-color: #fff;width: 5.2rem;border-radius: .08rem;text-align: center;}
.feBaClose{position: absolute;bottom: -.8rem;left: 0;right:0;margin: auto;z-index: 10;}
.feBaClose i{display: inline-block;width: .4rem;height: .4rem;background-position: -3.98rem -.05rem;position: relative;}
.feHead .oTitle{position: relative;width: 100%;height: 1.48rem;margin-top: -1rem;background-image: url(../images/gametbg2.png);background-size: 100% 100%;text-align: center;border-top-left-radius: .08rem;border-top-right-radius: .08rem;}
.feHead .oTitle>i{display:block;width: .71rem;height: .7rem;background-position: -8.55rem -3.54rem;position: absolute;top: -.42rem;left: 0;right: 0;margin: 0 auto;background-color: #63BF3D;border: .09rem solid #63BF3D;border-radius: 50%;}
.feHead .oTitle p{font-size: .3rem;color: #fff;line-height: .62rem;white-space: nowrap;overflow: hidden;padding-top: .8rem;text-align: center;}
.feHead .oTitle p>i{display:inline-block;width: .24rem;height: .26rem;background-position: -3.19rem -.05rem;position: relative;top: .02rem;margin-right:.12rem;}

.feBack{margin: .2rem .4rem;}
.feBack span{font-size: .24rem;color: #4c4c4c;margin: .16rem 0;display: block;text-align: left;}
.feBack .info{border: 1px solid #dcdcdc;border-radius: .1rem;background-color: #fafafa;}
.feBack .info p{font-size: .28rem;color: #303030;line-height: .88rem;border-bottom: 1px solid #dcdcdc;}
.feBack textarea{display: block;width: 4.2rem;height: .9rem;border: none;resize:none;background: #fafafa;padding-left: .2rem;padding-top: .1rem;font-size: .24rem;}
.checkbox {position: relative;height: .58rem;line-height: .58rem;border-bottom: 1px solid #dcdcdc;}
.checkbox:nth-last-child(1){border-bottom: none;}
.checkbox input[type='checkbox'] {position: absolute;left: 0;top: 0;width: .2rem;height: .2rem;opacity: 0;}
.checkbox label {position: absolute;left: .2rem;top: 0;height: .2rem;line-height: .2rem;width: 3.7rem;text-align: left;font-size: .24rem;color: #8f8f8f;padding:.19rem 0;}
.checkbox label:after {content: '';position: absolute;right: -.3rem;top: .16rem;width: .2rem;height: .2rem;border-radius: .03rem;border: 1px solid #dcdcdc;text-align: center;}
.checkbox input[type='checkbox']:checked + label:after {background-color: #63BF3D;content: "√";border-color: #63BF3D;color: #fff;font-size: .18rem;}
.telBox{height: .62rem;overflow: hidden;}
.telBox span{font-size: .24rem;color: 00121a;}
.telBox input{border: none;padding-left: .2rem;height: .58rem;line-height: .58rem;width: 4.16rem;font-size: .24rem;background-color: #fafafa;border: 1px solid #dcdcdc;border-radius: .08rem;}
.telBox input::-webkit-input-placeholder {color: #888;}
.telBox input:-moz-placeholder { color: #888;}
.telBox input::-moz-placeholder { color: #888;}
.telBox input:-ms-input-placeholder { color: #888;}
.feSubmit{width:5.2rem;}
.feSubmit input{display: block;width:3.28rem;height: .6rem;border: 0;background-color:#63BF3D;color:#fff;font-size:.28rem;border-radius:.08rem;line-height: .6rem;margin: .3rem auto;overflow: hidden;white-space: nowrap;}
/* log */
.gLog{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);}
.logBox{position: absolute;z-index: 5;top: 2.6rem;left: 0;right: 0;margin: auto;background-color: #fff;width: 5.2rem;border-radius: .08rem;text-align: center;}
.logBox .lClose{position: absolute;bottom: -.8rem;left: 0;right:0;margin: auto;z-index: 10;}
.logBox .lClose i{display: inline-block;width: .4rem;height: .4rem;background-position: -3.98rem -.05rem;position: relative;}
.logBox .lTitle{position: relative;width: 100%;height: 1.48rem;margin-top: -1rem;background-image: url(../images/gametbg3.png);background-size: 100% 100%;text-align: center;border-top-left-radius: .08rem;border-top-right-radius: .08rem;}
.logBox .lTitle>i{display:block;width: .71rem;height: .7rem;background-position: -8.55rem -3.54rem;position: absolute;top: -.42rem;left: 0;right: 0;margin: 0 auto;background-color: #63BF3D;border: .09rem solid #63BF3D;border-radius: 50%;}
.logBox .lTitle p{font-size: .3rem;color: #fff;line-height: .62rem;white-space: nowrap;overflow: hidden;padding-top: .8rem;}
.logBox .lTitle p>i{display:inline-block;width: .24rem;height: .26rem;background-position: -3.55rem -.05rem;position: relative;top: .02rem;margin-right:.12rem;}
.logBox .lSure{display: block;width:3.28rem;height: .6rem;border: 0;background-color:#63BF3D;color:#fff;font-size:.28rem;border-radius:.08rem;line-height: .6rem;margin: .3rem auto;overflow: hidden;white-space: nowrap;}

.logMain{display: block;width: 4.68rem;min-height: 2rem;max-height: 4.4rem;border: none;padding: 0 .26rem;line-height: .42rem;font-size: .24rem;color: #4c4c4c;margin: .26rem auto;overflow: auto;}
.logMain strong{display: block;color: #454545;line-height:.52rem;font-size: .26rem; font-weight: bold;text-indent:0em;text-align: left;}
.logMain p{margin-bottom: .12rem;border-bottom: none;display: block;text-indent: 2em;font-size:.24rem;line-height:.42rem;color:#5c5c5c;text-align: left;}
.logMain p span{display: block;}
.logMain p br{display: none;}

.logMain{text-align: left;}
.logMain p{text-indent: 0;}
/*search*/
.tiSle{padding:.25rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;}
.tiSle em{height:.36rem;line-height:.36rem;font-size:.3rem;color:#999;font-weight:500;}
.tiSle em span{font-size: .18rem;color: #a8a8a8;margin-left: .06rem;}
.tiSle a i{display: block;width:.15rem;height:.28rem;background-position:-6.92rem 0;position: relative;top: 0.04rem;}

#searchbox{padding:.25rem .25rem 0 .25rem;margin-bottom: 0;border-top: 1px solid #d2d2d2;display: block;background: #fff;}
#searchbox a{position: relative;display: block;height: .6rem;background:#ebeced;border-radius:.32rem;}
#searchbox a i{display: inline-block;width:.28rem;height:.28rem;background-position: -4.9rem -.07rem;position: relative;top: .16rem;left: .32rem;}
#searchbox,.search_txt{position:relative;}
.search_ul{height:.3rem;position:absolute;top:.15rem;left:.8rem;overflow:hidden;}
.search_ul li{width:5.5rem;height:.3rem;line-height:.3rem;font-size:.24rem;color:#a9a9a9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.search_txt{background:#ebeced;border-radius:.32rem;}
.search_txt a{display: inline-block;width: .8rem;}
.search_txt .text{position: absolute;width: 5.1rem;top:0rem;left: .8rem;height:.6rem;border:none;background:none;color:#333;font-size:.26rem;padding:0 .2rem 0 .1rem;}
.search_txt .close_txt{position: absolute;top:0rem;right: .12rem;width:.6rem;height:.6rem;}
.search_txt .close_txt i{display: block;width:.28rem;height:.28rem;background-position:-5.34rem -.06rem;margin:.16rem auto;}

.seaOneTop{background: #fff;}
.seaOneTop>p{display: block;font-size: .26rem;color: #999;line-height: .4rem;padding: .3rem .25rem .1rem;}
.seaOneTop>p a{display: inline-block;font-size: .26rem;color: #666;margin-right: .26rem;font-weight: 500;}
.seaOneTop ul{font-size: 0;padding: 0 0 .05rem;}
.seaOneTop ul li{display: inline-block;width:1.3rem;text-align:center;margin:0 .3rem .2rem; }
.seaOneTop ul li:nth-child(4n+1){margin-left: .25rem;}
.seaOneTop ul li:nth-child(4n+4){margin-right: .25rem;}
.seaOneTop ul li a{display:block;}
.seaOneTop ul li img{display:block;width:1.28rem;height:1.28rem;border-radius:.24rem;margin:0 auto;}
.seaOneTop ul li p{width: 90%;height:.42rem;line-height:.42rem;color:#000;font-size:.28rem;margin:.10rem auto .02rem;overflow:hidden;white-space:nowrap;}
.seaOneTop ul li .btn{display:block;width:1.16rem;height:.48rem;line-height:.48rem;margin:.11rem auto;border: 1px solid #63BF3D;border-radius:.06rem;color: #63BF3D;background-color:#fff;font-size:.24rem;text-align:center}

.seaOneList{padding:.1rem .25rem .25rem;min-height: 3rem;}
.seaOneList a{position: relative;display: inline-block;padding: 0 .25rem;max-width: 7rem;border-radius: .24rem;line-height: .56rem;background-color: #f8f8f8;margin:0 .18rem .28rem 0;color:#000;font-size:.24rem;text-align: center;overflow: hidden;white-space: nowrap;}
.seaOneList a i{display:block;position: absolute;width:.20rem;height:.24rem;background-position: -4.5rem -.05rem;top: 0.02rem;right: .05rem;}
.seaTwoGame,.seaTwoNews,.seaTwoTop{background: #fff;}
.seaTwoTop ul{padding: 0 .25rem .25rem}
.seaTwoTop ul li{align-items:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.seaTwoTop ul li img{display:block;width:1.28rem;height:1.28rem;border-radius:.24rem;margin: .3rem 0;}
.seaTwoTop ul li .fx_gw{width:0%;}
.fx{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.fx_gw{-webkit-box-flex:1.0;-moz-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;}
.seaTwoTop ul li .info{padding:.3rem 0;margin-left: .38rem;position: relative;border-bottom:1px solid #e6e6e6;}
.seaTwoTop ul li .info p{display:block;width:auto;font-size:.24rem;color:#666666;overflow:hidden;white-space:nowrap;}
.seaTwoTop ul li .info .name{max-width: 3.5rem;font-size:.3rem;color:#000;line-height:.48rem;}
.seaTwoTop ul li:nth-child(n+4) i{width: .26rem;height: .26rem;font-size: .18rem;color: #b6b6b6;line-height: .26rem;border: 1px solid #b6b6b6;text-align: center; margin:0 .2rem 0 .05rem;}
.seaTwoTop ul li span{position: absolute;top: .54rem;right: 0;display:block;width:1.2rem;height:.52rem;line-height:.52rem;margin:0 auto;border-radius:.06rem;color: #fff;font-size:.24rem;text-align:center;background-color: #63BF3D;}
.seaTwoTop ul li:nth-child(1) img{margin-top: .1rem;}
.seaTwoTop ul li:nth-child(1) .info{padding-top: .1rem;}
.seaTwoTop ul li:last-child .info{padding-bottom: .36rem;}
.seaTwoTop ul li:last-child img{margin-bottom: .1rem;}
.seaTwoTop ul li:nth-child(1) span{top: .34rem;}

.seaTwoList{padding: .1rem 0; }
.seaTwoList ul li{padding: 0 .25rem;}
.seaTwoList ul li>div{border-bottom:.02rem solid #e6e6e6;align-items:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.seaTwoList img{display:inline-block;width:1.28rem;height:1.28rem;border-radius:.24rem;margin:.3rem auto}
.seaTwoList ul li a:nth-of-type(1){display: block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-flex:1.0;-moz-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;}
.seaTwoList ul li .info{width:0%;-webkit-box-flex:1.0;-moz-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;padding:.3rem 0;margin-left: .38rem;}
.seaTwoList ul li .info p{max-width: 3.8rem;display:block;width:auto;font-size:.24rem;color:#666666;line-height: .4rem;overflow:hidden;white-space:nowrap;}
.seaTwoList ul li .info p:nth-child(1){font-size:.3rem;color:#000;line-height:.48rem;}
.seaTwoList ul li .info p span{color: #999;margin: 0 .08rem;font-size:.18rem;}
.seaTwoList ul li:last-child>div {border-bottom: 0;}
.seaTwoList ul li .btn{display:block;width:1.2rem;height:.52rem;line-height:.52rem;margin:0 auto;background-color: #63BF3D;border-radius:.06rem;color: #fff;font-size:.24rem;text-align:center}
.seaTwoList ul li .btn.no{display:block;width:1.2rem;height:.52rem;line-height:.52rem;margin:0 auto;background-color: #63BF3D;border-radius:.06rem;color: #fff;font-size:.24rem;text-align:center}

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

.seaTwoGame{padding: .1rem 0;}
.seaTwoGame ul{padding: .06rem 0 .25rem .25rem;overflow-x: auto;white-space: nowrap;font-size: 0;overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;}
.seaTwoGame ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0}
.seaTwoGame li{width:1.3rem;text-align:center;margin-right:.3rem;}
.seaTwoGame li a{display:block;}
.seaTwoGame li img{display:block;width:1.3rem;height:1.3rem;border-radius:.24rem;margin:0 auto;}
.seaTwoGame li p{color:#808080;font-size:.2rem;overflow:hidden;white-space:nowrap;}
.seaTwoGame li .name{width: 90%;height:.42rem;line-height:.42rem;color:#000;font-size:.28rem;margin:.10rem auto .02rem;}

.search_list_wrap_div {bottom: 0;overflow-y: scroll;}
.search_list_wrap em.hot{color: #63BF3D;}


.loadbox .xjBtn{border: 0;display: block;width: 5.8rem;height: .88rem;line-height: .88rem;color: #fff;text-align: center;border-radius: .1rem;margin: 0 auto;font-size: .32rem;background-color: #eaeaea;color: #a3a3a3;}
.loadbox .xjBtn i{width: .32rem;height: .32rem;background-position: -6.84rem -.11rem;position: relative;top: .045rem;margin-right: .15rem;}

.oTip i{width: .26rem;height: .26rem;background-position: -1.69rem -.3rem;position: absolute;left: -.36rem;top: .05rem;}
.oTip {position:relative;}

.appbox{position: relative;height: auto;padding-top: 1.05rem;}
.appbox:before{content:"";display:block;z-index:0;background: url(../images/mainbg.png) no-repeat;background-size: 7.5rem 3rem;height: 3rem;width: 7.5rem;background-color: #f8f8f8;position: absolute;top: 0;left: 0;}
.appbox .appbox_t {position: relative;margin-top: 0;padding-bottom: .01rem;}
.appbox_t>a{display: block;float: left;}
/* 首页 */
.gr66{height: .66rem;background: #63BF3D;}
.slider2{height:3.1rem;padding-bottom: .2rem;margin-top: -2.76rem;}
.slider2 a{display:block;width:100%;height:100%;}
.slider2 img{display:block;width: 6.48rem;height: 3.1rem;border-radius: 0.25rem;}
.slider2 .swiper-pagination-bullet{width:.1rem;height:.1rem;background:#ddd;border-radius:0;opacity: 1;margin-right: 0.06rem;border-radius: .05rem;}
.slider2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;width: .25rem;}
.slider2 .swiper-container-horizontal .titbox>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -.04rem;left: 0;width: 100%;}
.slider2 .swiper-container{width:100%;height:100%;border-radius: .1rem;}
/* 修改的 */
.titbox{height: .2rem;display: block;background: rgba(0, 0, 0, 0.6);width: 13.5%;margin: 0 auto;margin-top: -.32rem;z-index: 6666;position: relative;border-radius: .1rem;}
.slider2 .swiper-slide{position: relative;text-align:center;font-size:.18rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content: center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width: 6.48rem;border-radius: .25rem;overflow: hidden;}
.swiper_abs {position: absolute;z-index: 20;right: .26rem;top: 1rem;text-align: center;}
.swiper_abs a{display: block;}
.swiper_abs .btn{display: block;width: 1.52rem;height: .6rem;border-radius: .06rem;color: #fff;margin: auto;line-height: .6rem;background: linear-gradient(49deg, #63BF3D 0%, #ADEA2B 100%);}

.indexnav{text-align: center;margin-top: .06rem;}
.indexnav a{width: .92rem;display: inline-block;margin-right: 1.08rem;}
.indexnav a:nth-last-child(1){margin-right: 0;}
.indexnav a p{font-size: .28rem;color: #333;line-height: .42rem;}
.indexnav a:nth-child(1) i{width: .92rem;height: .92rem;display: inline-block;background-position: -.1rem -8.07rem;}
.indexnav a:nth-child(2) i{width: .92rem;height: .92rem;display: inline-block;background-position: -1.2rem -8.07rem;}
.indexnav a:nth-child(3) i{width: .92rem;height: .92rem;display: inline-block;background-position: -2.31rem -8.07rem;}

.indexzj{width: 7rem;;margin: 0 .25rem;background: url(../images/indexbg1.png) no-repeat;height: 2.19rem;position: relative;margin-top: .3rem;background-size: 7rem 2.19rem;}
.indexzj ul{overflow: hidden;position: absolute;top: .23rem;left: .84rem;}
.indexzj ul li{float: left;width: 1.2rem;margin-right: .3rem;}
.indexzj ul li img{width: 1.2rem;height: 1.2rem;display: block;border: .03rem solid #fff;border-radius: .26rem;}
.indexzj ul li p{font-size: .28rem;color: #333;line-height: .48rem;white-space: nowrap;overflow: hidden;text-align: center;}

.hotgame{margin-top: .14rem;}
.no600 p{font-weight: 100;}
.hotgame ul{width: 7rem;background: #fff;border-radius: .14rem;margin: 0 .25rem;overflow: hidden;padding-bottom: .4rem;}
.hotgame ul li{margin-top: .36rem;float: left;}
.hotgame ul li img{width: 1.2rem;height: 1.2rem;display: block;float: left;border-radius: .26rem;margin-left: .26rem;}
.hotgame ul li .info{margin-left: .25rem;float: left;width: 3.75rem;}
.hotgame ul li .info p:nth-child(1){font-size: .28rem;color: #333;white-space: nowrap;overflow: hidden;}
.hotgame ul li .info p:nth-child(2){font-size: .24rem;color: #999;margin-top: .02rem;}
.hotgame ul li .info p:nth-child(3){font-size: .24rem;color: #999;white-space: nowrap;overflow: hidden;}
.hotgame ul li span{float: right;width: 1.18rem;height: .58rem;display: inline-block;border: .01rem solid #63bf3d;font-size: .26rem;text-align: center;line-height: .58rem;color: #63bf3d;border-radius: .08rem;margin-right: .25rem;margin-top: .3rem;margin-left: .05rem;}
.hotgame ul li span:active{background: #63bf3d;color: #fff;}

.indexgame{}
.indexgame ul{background: #fff;overflow: hidden;border-radius: .14rem;margin: 0 .25rem;padding: .38rem .25rem .2rem;}
.indexgame ul li{float: left;height: 2.72rem;width: 1.525rem;text-align: center;margin: 0 .05rem;margin-bottom: .36rem;}
.indexgame ul li img{width: 1.2rem;height: 1.2rem;display: inline-block;border-radius: .26rem;}
.indexgame ul li p:nth-child(2){font-size: .28rem;color: #333;text-align: center;white-space: nowrap;overflow: hidden;line-height: .30rem;}
.indexgame ul li p:nth-child(3){height: 0.26rem;font-size: .24rem;color: #999;line-height: .26rem;margin-top: .1rem;}
.indexgame ul li span{width: 1.18rem;height: .58rem;display: inline-block;border: .01rem solid #63bf3d;font-size: .26rem;text-align: center;line-height: .58rem;color: #63bf3d;border-radius: .08rem;margin-top: .18rem;}
.indexgame ul li:active span{background: #63bf3d;color: #fff;}

.index_game ul{overflow: hidden;margin: 0 .24rem;}
.index_game ul li{width: 2.2rem;height: .98rem;float: left;border-radius: .1rem;margin-right: .2rem;margin-bottom: .2rem;position: relative;}
.index_game ul li:nth-child(3n){margin-right: 0;}
.index_game ul li:nth-child(1){background-position: -.08rem -.63rem;}
.index_game ul li:nth-child(2){background-position: -2.45rem -.63rem;}
.index_game ul li:nth-child(3){background-position: -2.45rem -1.74rem;}
.index_game ul li:nth-child(4){background-position: -4.86rem -2.85rem;}
.index_game ul li:nth-child(5){background-position: -4.82rem -3.93rem;}
.index_game ul li:nth-child(6){background-position: -4.86rem -.63rem;}
.index_game ul li a{display: block;width: 100%;height: 100%;}
.index_game ul li span{font-size: .24rem;color: #fff;position: absolute;top: .28rem;left: .2rem;line-height: .24rem;}
.index_game ul li p{font-size: .18rem;color: #fff;position: absolute;top: .6rem;left: .2rem;line-height: .18rem;}
.index_game>a{height: .6rem;text-align: center;line-height: .6rem;border-radius: .1rem;color: #999;background: #fff;margin: 0 .24rem;display: block;}
.index_game>a i{width: .17rem;height: .14rem;background-position: -.74rem -.4rem;margin-left: 9px;}

.indexhj{margin-top: .14rem;overflow: hidden;}
.indexhj ul{margin: 0 .25rem;background: #fff;overflow: hidden;width: 6.5rem;padding: .33rem .25rem 0;border-top-left-radius: .14rem;border-top-right-radius: .14rem;}
.indexhj ul li{float: left;width: 3.15rem;position: relative;margin-right: .2rem;margin-bottom: .2rem;}
.indexhj ul li:nth-child(2n){margin-right: 0;}
.indexhj ul li img{width: 3.15rem;height: 1.76rem;border-radius: .1rem;}
.indexhj ul li p{font-size: .28rem;color: #333;line-height: .6rem;width: 100%;display: block;text-align: center;overflow:hidden;white-space:nowrap}
.indexhj ul li span{position: absolute;display: block;height: .46rem;padding: 0 .16rem;background: #63BF3D;border-radius: 0 0 .3rem .3rem;font-size: .22rem;color: #fff;line-height: .46rem;top: -.06rem;left: .1rem;}
.indexhj em{display: block;margin: 0 auto;height: .01rem;background: #e7e7e7;width: 6.5rem;}

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

.index_app ul{overflow: hidden;margin: 0 .24rem;}
.index_app ul li{width: 2.2rem;height: .98rem;float: left;border-radius: .1rem;margin-right: .2rem;margin-bottom: .2rem;position: relative;}
.index_app ul li:nth-child(3n){margin-right: 0;}
.index_app ul li:nth-child(1){background-position: -4.86rem -4.97rem;}
.index_app ul li:nth-child(2){background-position: -4.86rem -6.00rem;}
.index_app ul li:nth-child(3){background-position: -7.27rem -4.97rem;}
.index_app ul li:nth-child(4){background-position: -7.27rem -6.00rem;}
.index_app ul li:nth-child(5){background-position: -7.29rem -7.01rem;}
.index_app ul li:nth-child(6){background-position: -7.29rem -8.02rem;}
.index_app ul li a{display: block;width: 100%;height: 100%;}
.index_app ul li span{font-size: .24rem;color: #fff;position: absolute;top: .28rem;left: .2rem;line-height: .24rem;}
.index_app ul li p{font-size: .18rem;color: #fff;position: absolute;top: .6rem;left: .2rem;line-height: .18rem;}
.index_app>a{height: .6rem;text-align: center;line-height: .6rem;border-radius: .1rem;color: #999;background: #fff;margin: 0 .24rem;display: block;}
.index_app>a i{width: .17rem;height: .14rem;background-position: -.74rem -.4rem;margin-left: 9px;}

.indexrank{background: url(../images/phbg.png) no-repeat;width: 7.5rem;height: 15.36rem;background-size: 7.5rem 15.36rem;margin-top: .34rem;}
.indexrank .ranknav{margin: 0 .25rem;display: flex;width: 100%;padding-top: 1.99rem;}
.indexrank .ranknav span{font-size: .28rem;color: #666;background: #fff;display: inline-block;width: 2.28rem;height: .65rem;text-align: center;line-height: .65rem;}
.indexrank .ranknav span{border-top-left-radius: .28rem;border-top-right-radius: .28rem;}
.indexrank .ranknav span.current{width: 2.44rem;background: #63bf3d;height: .75rem;line-height: .75rem;margin-top: -.1rem;color: #fff;}

.indexrank ul{width: 7rem;background: #fff;margin: 0 .25rem;overflow: hidden;padding-bottom: .45rem;}
.indexrank ul li{margin-top: .55rem;float: left;margin-left: .25rem;position: relative;}
.indexrank ul li i{width: .38rem;height: .36rem;display: inline-block;position: absolute;top: -.2rem;left: .4rem;background-position: -6.09rem -8.07rem;text-align: center;color: #fff;text-shadow: 1px 1px #999999;}
.indexrank ul li i em{transform: scale(.8);display: block;text-shadow: .01rem .01rem #999;}
.indexrank ul li:nth-child(1) i{width: .49rem;height: .56rem;display: inline-block;background-position: -3.67rem -8.07rem;top: -.35rem;left: .38rem;}
.indexrank ul li:nth-child(2) i{width: .49rem;height: .56rem;display: inline-block;background-position: -4.37rem -8.07rem;top: -.35rem;left: .38rem;}
.indexrank ul li:nth-child(3) i{width: .49rem;height: .56rem;display: inline-block;background-position: -5.09rem -8.07rem;top: -.35rem;left: .38rem;}
.indexrank ul li img{width: 1.16rem;height: 1.16rem;display: inline-block;border-radius: .24rem;border: .02rem solid #999;float: left;}
.indexrank ul li .info{margin-left: .25rem;float: left;width: 3.75rem;}
.indexrank ul li .info p:nth-child(1){font-size: .28rem;color: #333;white-space: nowrap;overflow: hidden;}
.indexrank ul li .info p:nth-child(2){font-size: .24rem;color: #999;margin-top: .02rem;}
.indexrank ul li .info p:nth-child(3){font-size: .24rem;color: #999;white-space: nowrap;overflow: hidden;}
.indexrank ul li span{float: right;width: 1.18rem;height: .58rem;display: inline-block;border: .01rem solid #63bf3d;font-size: .26rem;text-align: center;line-height: .58rem;color: #63bf3d;border-radius: .08rem;margin-right: .25rem;margin-top: .3rem;margin-left: .05rem;}
.indexrank ul li span:active{background: #63bf3d;color: #fff;}
.gdph>a{font-size: .26rem;height: .6rem;text-align: center;line-height: .6rem;border-radius: .1rem;color: #999;background: #f7f7f7;display: block;}
.gdph>a i{width: .17rem;height: .14rem;background-position: -.74rem -.4rem;margin-left: 9px;}
.gdph{background: #fff;padding-bottom: .52rem;margin: 0 .25rem;border-bottom-left-radius: .14rem;border-bottom-right-radius: .14rem;}

.friend{margin-bottom: .3rem;}
.friend .frbox{background: #fff;border-radius: .14rem;margin: 0 .25rem;padding: .25rem .15rem .25rem .25rem;}
.friend .frbox a{font-size: .24rem;color: #666;line-height: .62rem;margin-right: .24rem;}

.topbox{position: absolute;top: .88rem;left: 0;background: #fff;width: 100%;z-index: 6;padding-bottom: .3rem;}
.gr22{background: #63BF3D;height: .22rem;}
.topbox .infobox_l{float: left;width: 1.58rem;margin-left: .25rem;min-height: 2.9rem;background: linear-gradient(180deg, #65e696 0%, #34d29c 100%);border-radius: .1rem;position: relative;}
.topbox .infobox_l i:nth-child(1){width: .93rem;height: .32rem;display:block;background-position: -2.31rem -9.04rem;position: absolute;left: 0;top: 0;}
.topbox .infobox_l i:nth-child(2){width: .73rem;height: .6rem;display:block;background-position: -2.31rem -9.39rem;position: absolute;bottom: 0;right: 0;}
.topbox .infobox_l i:nth-child(3){width: .42rem;height: .49rem;display: block;background-position: -3.67rem -9.04rem;position: absolute;top: 20%;left: .59rem;}
.topbox .infobox_l i:nth-child(4){width: .83rem;height: .83rem;display: block;background-position: -4.37rem -9.04rem;position: absolute;top: 34%;left: .39rem;}
.topbox .infobox_l p{font-size: .3rem;color: #fff;font-weight: 600;text-align: center;position: absolute;top: 62%;left: 0;width: 100%;}

.topbox .infobox_r{float: left;width: 5.4rem;margin-left: .25rem;}
.topbox .infobox_r a{display: inline-block;height: .56rem;width: 1.6rem;text-align: center;line-height: .56rem;border-radius: .28rem;font-size: .24rem;color: #666666;background: #f8f8f8;margin-right: .18rem;margin-bottom: .2rem;white-space: nowrap;overflow: hidden;}
.topbox .infobox_r a:nth-child(3n){margin-right: 0;}
.topbox .info1{width: 7.5rem;display: block;overflow: hidden;}

.topbox .info2 .infobox_l{float: left;width: 1.58rem;margin-left: .25rem;min-height: 2.9rem;background: linear-gradient(180deg, #94e353 0%, #d8e76a 100%);border-radius: .1rem;position: relative;}
.topbox .info2 .infobox_l i:nth-child(1){width: .93rem;height: .32rem;display:block;background-position: -2.31rem -9.04rem;position: absolute;left: 0;top: 0;}
.topbox .info2 .infobox_l i:nth-child(2){width: .73rem;height: .6rem;display:block;background-position: -2.31rem -9.39rem;position: absolute;bottom: 0;right: 0;}
.topbox .info2 .infobox_l i:nth-child(3){width: .42rem;height: .49rem;display: block;background-position: -3.67rem -9.04rem;position: absolute;top: 20%;left: .59rem;}
.topbox .info2 .infobox_l i:nth-child(4){width: .83rem;height: .83rem;display: block;background-position: -5.48rem -9.04rem;position: absolute;top: 34%;left: .39rem;}
.topbox .info2 .infobox_l p{font-size: .3rem;color: #fff;font-weight: 600;text-align: center;position: absolute;top:62%;left: 0;width: 100%;}


.topbox .topnav{margin: 0 .25rem;text-align: center;margin-top: .48rem;}
.topbox .topnav a {display: inline-block;width: .92rem;margin-right: .58rem;}
.topbox .topnav a:nth-last-child(1){margin-right: 0;}
.topbox .topnav a i{width: .92rem;height: .92rem;display: block;background-position: -.1rem -9.04rem;}
.topbox .topnav a:nth-child(2) i{background-position: -.1rem -8.07rem;}
.topbox .topnav a:nth-child(3) i{background-position: -1.2rem -8.07rem;}
.topbox .topnav a:nth-child(4) i{background-position: -2.31rem -8.07rem;}
.topbox .topnav a:nth-child(5) i{background-position: -1.21rem -9.04rem;}
.topbox .topnav a p{font-size: .28rem;color: #333;margin-top: .1rem;}
.bor{width: 100%;height: .01rem;background: #e6e6e6;margin: .32rem .25rem;}
.zg{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 5;max-width: 7.5rem;width: 100%;height: 100%;background-color: rgba(0,0,0,.62);}
/* rank */
.ranktop{width: 100%;display: block;background: url(../images/bg.png) no-repeat;background-size: 7.5rem 5.57rem;}
.ranktop .info{background: #fff;border-radius: .14rem;margin: 0 .25rem;overflow: hidden;padding: .34rem .25rem .18rem;}
.ranktop .info a{width: 3.16rem;height: .64rem;display: inline-block;float: left;border-radius: .1rem;background: #eeeeee;font-size: .26rem;color: #424242;text-align: center;line-height: .64rem;margin-right: .18rem;margin-bottom: .2rem;white-space: nowrap;overflow: hidden;}
.ranktop .info a:nth-child(2n){margin-right: 0;}
.ranktop .info a:active{color: #fff;background: #63bf3d;cursor: pointer;}
.apprank .ranknav{margin: 0 .25rem;text-align: center;}
.apprank .ranknav span{width: 3.5rem;display: inline-block;height: .72rem;line-height: .72rem;background: #fff;border-top-left-radius: .24rem;border-top-right-radius: .24rem;color: #666;font-size: .28rem;text-align: center;}
.apprank .ranknav span.current,.apprank .ranknav span:active{font-weight: 600;color: #fff;background: #63bf3d;}

.apprank ul{width: 7rem;background: #fff;margin: 0 .25rem;overflow: hidden;padding-bottom: .68rem;}
.apprank ul li{margin-top: .55rem;float: left;margin-left: .25rem;position: relative;}
.apprank ul li i{width: .38rem;height: .36rem;display: inline-block;position: absolute;top: -.2rem;left: .4rem;background-position: -6.09rem -8.07rem;text-align: center;color: #fff;}
.apprank ul li i em{transform: scale(.8);display: block;text-shadow: .01rem .01rem #999;}
.apprank ul li:nth-child(1) i{width: .49rem;height: .56rem;display: inline-block;background-position: -3.67rem -8.07rem;top: -.35rem;left: .38rem;}
.apprank ul li:nth-child(2) i{width: .49rem;height: .56rem;display: inline-block;background-position: -4.37rem -8.07rem;top: -.35rem;left: .38rem;}
.apprank ul li:nth-child(3) i{width: .49rem;height: .56rem;display: inline-block;background-position: -5.09rem -8.07rem;top: -.35rem;left: .38rem;}
.apprank ul li img{width: 1.16rem;height: 1.16rem;display: inline-block;border-radius: .24rem;border: .02rem solid #999;float: left;}
.apprank ul li .info{margin-left: .25rem;float: left;width: 3.75rem;}
.apprank ul li .info p:nth-child(1){font-size: .28rem;color: #333;white-space: nowrap;overflow: hidden;}
.apprank ul li .info p:nth-child(2){font-size: .24rem;color: #999;margin-top: .02rem;}
.apprank ul li .info p:nth-child(3){font-size: .24rem;color: #999;white-space: nowrap;overflow: hidden;}
.apprank ul li span{float: right;width: 1.18rem;height: .58rem;display: inline-block;border: .01rem solid #63bf3d;font-size: .26rem;text-align: center;line-height: .58rem;color: #63bf3d;border-radius: .08rem;margin-right: .25rem;margin-top: .3rem;margin-left: .05rem;}
.apprank ul li span:active{background: #63bf3d;color: #fff;}

.rankbox{background: #fff;padding: .26rem .25rem .08rem;overflow: hidden;}
.rankbox a{width: 3.28rem;height: .64rem;display: inline-block;float: left;border-radius: .1rem;background: #eeeeee;font-size: .26rem;color: #424242;text-align: center;line-height: .64rem;margin-right: .38rem;margin-bottom: .2rem;white-space: nowrap;overflow: hidden;}
.rankbox a:nth-child(2n){margin-right: 0;}
.rankbox a:active，.rankbox a.current{color: #fff;background: #63bf3d;cursor: pointer;}

.ranlist{margin: .2rem .24rem;padding-bottom: .01rem;}
.ranlist .ranknav{margin: 0 .25rem;text-align: center;height: .72rem;}
.ranlist .ranknav span{width: 3.5rem;display: inline-block;height: .72rem;line-height: .72rem;background: #fff;border-top-left-radius: .24rem;border-top-right-radius: .24rem;color: #666;font-size: .28rem;text-align: center;white-space: nowrap;overflow: hidden;}
.ranlist .ranknav span.current,.ranlist .ranknav span:active{font-weight: 600;color: #fff;background: #63bf3d;}

.ranlist .apptop{width: 100%;height: .9rem;display: flex;}
.ranlist .apptop a{width: 2.44rem;height: .9rem;background: #F4F1F4;text-align: center;line-height: .9rem;color: #666;font-size: .28rem;display: inline-block;position: relative;}
.ranlist .apptop a em{position: absolute;font-size: .2rem;color: #ccc;bottom: .22rem;left: 29%;line-height: .2rem;display: block;width: 1rem;text-align: center;display: none;}
.ranlist .apptop a:nth-child(1).current{height: 1.08rem;width: 2.24rem;background: #fff;color: #63BF3D;font-size: .3rem;margin-top: -.2rem;font-weight: 600;}
.ranlist .apptop a:nth-child(1).current::after{position: absolute;content:"";width: 0.18rem;height: 1.1rem;right: -0.08rem;background: #fff;border-radius:  0 0.1rem 0 0;transform: rotate(-6deg);z-index: 2;}
.ranlist .apptop a:nth-child(2).current{height: 1.08rem;width: 2.14rem;background: #fff;color: #63BF3D;font-size: .3rem;margin-top: -.2rem;font-weight: 600;}
.ranlist .apptop a:nth-child(2).current::before{position: absolute;content:"";width: 0.18rem;height: 1.1rem;left: -0.08rem;background: #fff;border-radius: 0.1rem 0  0 0;transform: rotate(6deg);}
.ranlist .apptop a:nth-child(2).current::after{position: absolute;content:"";width: 0.18rem;height: 1.1rem;right: -0.08rem;background: #fff;border-radius:  0 0.1rem 0 0;transform: rotate(-6deg);z-index: 2;}
.ranlist .apptop a:nth-child(3).current{height: 1.08rem;width: 2.24rem;background: #fff;color: #63BF3D;font-size: .3rem;margin-top: -.2rem;font-weight: 600;}
.ranlist .apptop a:nth-child(3).current::before{position: absolute;content:"";width: 0.18rem;height: 1.1rem;left: -0.08rem;background: #fff;border-radius: 0.1rem 0  0 0;transform: rotate(6deg);}
.ranlist .apptop a.current em{display: block;}

.ranlist ul{width: 7rem;background: #fff;overflow: hidden;padding-bottom: .68rem;}
.ranlist ul li{margin-top: .55rem;float: left;margin-left: .25rem;position: relative;}
.ranlist ul li i{width: .38rem;height: .36rem;display: inline-block;position: absolute;top: -.2rem;left: .4rem;background-position: -6.09rem -8.07rem;text-align: center;color: #fff;}
.ranlist ul li i em{transform: scale(.8);display: block;text-shadow: .01rem .01rem #999;}
.ranlist ul li:nth-child(1) i{width: .49rem;height: .56rem;display: inline-block;background-position: -3.67rem -8.07rem;top: -.35rem;left: .38rem;}
.ranlist ul li:nth-child(2) i{width: .49rem;height: .56rem;display: inline-block;background-position: -4.37rem -8.07rem;top: -.35rem;left: .38rem;}
.ranlist ul li:nth-child(3) i{width: .49rem;height: .56rem;display: inline-block;background-position: -5.09rem -8.07rem;top: -.35rem;left: .38rem;}
.ranlist ul li img{width: 1.16rem;height: 1.16rem;display: inline-block;border-radius: .24rem;border: .02rem solid #999;float: left;}
.ranlist ul li .info{margin-left: .25rem;float: left;width: 3.75rem;}
.ranlist ul li .info p:nth-child(1){font-size: .28rem;color: #333;white-space: nowrap;overflow: hidden;}
.ranlist ul li .info p:nth-child(2){font-size: .24rem;color: #999;margin-top: .02rem;}
.ranlist ul li .info p:nth-child(3){font-size: .24rem;color: #999;white-space: nowrap;overflow: hidden;}
.ranlist ul li span{float: right;width: 1.18rem;height: .58rem;display: inline-block;border: .01rem solid #63bf3d;font-size: .26rem;text-align: center;line-height: .58rem;color: #63bf3d;border-radius: .08rem;margin-right: .25rem;margin-top: .3rem;margin-left: .05rem;}
.ranlist ul li span:active{background: #63bf3d;color: #fff;}

.ztdetail .zthead ul{width: 96%;}
.djbox .loadtop ul{width: 100%;overflow: hidden;margin: .26rem auto;display: flex;justify-content: center;flex-wrap: wrap;}
.djbox .loadtop ul li{margin-left: .13rem;margin-right: .13rem;margin-bottom: .08rem;}
.tips{position:relative;}
.tips>i{top:.04rem;left:.86rem}
header img{width: 1.86rem;height: auto;margin-top: .2rem;}
.searchbox{width: 3.98rem;}
.appxg ul li{position: relative;}
.appxg ul li a{display: block;overflow: hidden;}
.appxg ul li .btn{position: absolute;right: 0;top: .3rem;width: 1.2rem;height: .6rem;color: #fff;background: #63BF3D;border-radius: .06rem;display: inline-block;line-height: .6rem;text-align: center;}
.ztmain ul li{position: relative;}
.ztmain ul li a{display: block;overflow: hidden;}
.ztmain ul li .btn{position: absolute;right: 0;top: .3rem;width: 1.2rem;height: .6rem;color: #fff;background: #63BF3D;border-radius: .06rem;display: inline-block;line-height: .6rem;text-align: center;}

.fixedBtn {position: fixed;z-index: 2;bottom: 0;left: 0;right: 0;margin: auto;background-color: rgba(0,0,0,.2);width: 7.1rem;padding:.26rem .2rem;border-top-left-radius: .08rem;border-top-right-radius: .08rem;overflow: hidden;}
.fixedBtn a,.fixedBtn button{display: block;width: 6.8rem;height: .88rem;line-height: .88rem;color: #fff;text-align: center;border-radius: .1rem;margin: 0 auto;font-size: .32rem;}
.fixedBtn a.and{background: #18BA68;margin-top: 5px;}
.fixedBtn a.ios{background: #fe7037;}
.fixedBtn a i{width: .3rem;height: .3rem;background-position: -1.31rem -.13rem;vertical-align: middle;margin-right: .1rem;}
.fixedBtn .xjBtn{border: 0;display: block;width: 5.8rem;height: .88rem;line-height: .88rem;text-align: center;border-radius: .1rem;margin: 0 auto;font-size: .32rem;background-color: #eaeaea;color: #a3a3a3;}
.fixedBtn .xjBtn i{width: .32rem;height: .32rem;background-position: -6.84rem -.11rem;position: relative;top: .045rem;margin-right: .15rem;}
.djload .djnav span:nth-child(1).current::after{z-index: 1;}
.linkBtn{margin: auto;}
.fixedBtn .oTip{margin-top: .1rem;}
nav ul{overflow-x: auto;white-space: nowrap;font-size: 0;overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;}
nav ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0}
nav ul li{display: inline-block;width:20%;float: none;}
.djTags{margin: .2rem .24rem;background: #fff;padding-bottom: .01rem;}
.djTags .tagsTop{width: 100%;height: .9rem;display: flex;}
.djTags .tagsTop a{width: 3.51rem;height: .9rem;background: #F4F1F4;text-align: center;line-height: .9rem;color: #666;font-size: .28rem;display: inline-block;position: relative;}
.djTags .tagsTop a em{position: absolute;font-size: .2rem;color: #ccc;bottom: .22rem;left: 36%;line-height: .2rem;display: block;width: 1rem;text-align: center;display: none;}
.djTags .tagsTop a:nth-of-type(1).current{height: 1.08rem;width: 3.51rem;background: #fff;color: #63BF3D;font-size: .3rem;margin-top: -.2rem;font-weight: 600;}
.djTags .tagsTop a:nth-of-type(1).current::after{position: absolute;content:"";width: .18rem;height: 1.15rem;right: -0.08rem;background: #fff;border-radius:  0 .1rem 0 0;transform: rotate(-6deg);z-index: 2;}
.djTags .tagsTop a:nth-of-type(2).current{height: 1.08rem;width: 3.51rem;background: #fff;color: #63BF3D;font-size: .3rem;margin-top: -.2rem;font-weight: 600;}
.djTags .tagsTop a:nth-of-type(2).current::before{position: absolute;content:"";width: .18rem;height: 1.1rem;left: -0.08rem;background: #fff;border-radius: .1rem 0  0 0;transform: rotate(6deg);}
.djTags .tagsTop a.current em{display: block;}
.djTags ul{display: flex;flex-wrap: wrap;padding: .3rem .26rem .1rem;width: 110%;}
.djTags ul li{width: 2.03rem;height: 2.98rem;background: #F0FBEB;border-radius: .1rem;text-align: center;margin: 0 .2rem .2rem 0;}
.djTags ul li a{display: block;}
.djTags ul li img{display: block;width: 1.2rem; height: 1.2rem; border-radius: .1rem;margin:.3rem auto .08rem;}
.djTags ul li p{ margin: 0 0.04rem;font-size: .28rem;color: #333;line-height: .42rem;white-space: nowrap;overflow: hidden;}
.djTags ul li .btn{width: 1.52rem;height: .6rem;background: #FFFFFF;border: 1px solid #63BF3D;border-radius: .06rem;text-align: center;margin:.12rem auto 0;font-size: .26rem;color: #63BF3D;line-height: .6rem;}
.djTags ul li:active .btn{background-color: #63BF3D;color: #fff;}
.loadbox a span{font-size: .2rem;}
.fixedBtn .downbtn a span{font-size: .2rem;}
.appbox .appbox_t{padding-bottom: .16rem;}
.appbox .appbox_t>p{margin-bottom: .08rem;padding-top: .18rem;}
.appbox .time{text-align: right;display: block;font-size: .24rem; color: #999;line-height: .36rem;padding-right: .26rem;}
.rzCont{padding:.1rem .18rem;background: rgba(244, 244, 244, 1);}
.xz_gs{display: flex;flex-wrap: wrap;padding: 0 .56rem;}	
.xz_gs i{display: inline-block;background: url(../images/icon.png) no-repeat;background-size: 10rem 10rem;}
.xz_gs .aiBtn{flex: 1;width: auto;min-width: 3rem;max-width: 6.27rem;background-color: #fff;color:#63BF3D;height: .84rem;line-height: .84rem;border: 1px solid #63BF3D;}
.xz_gs .aiBtn i{width: .46rem;height: .35rem;background-position: -7.3rem -.11rem;top:.07rem;}
.xz_gs .gsBtn{width: 3.06rem;margin-left: .18rem;background:linear-gradient(to bottom,#63BF3D,#53BF3D)}
.xz_gs .gsBtn i{width: .44rem;height: .44rem;background-position: -7.83rem -.11rem;top:.12rem;}

.rOpen{display: block;width: 6.53rem;height:.33rem;line-height: .33rem;font-size: .24rem;color: #fff;text-align: center;background: url(../images/ropen.png) no-repeat;margin: auto;background-size: 100% 100%;}
.rOpen:after{content: "";position: relative;top: 0;display: inline-block;width: .22rem;height: .14rem;margin-left: .04rem;background:url(../images/icon.png) no-repeat;background-size:10rem 10rem;background-position: -9.71rem -4.67rem;}
.rOpen.rPut:after{ top: .01rem;background-position: -9.71rem -4.51rem;}
.rankTop ul{overflow: hidden;}
.djEditon{background: #fff;border-radius: .1rem;margin: 0 .24rem;}
.djEditon ul{padding: 0 .26rem .2rem;}
.djEditon ul li{position: relative;margin-bottom: .15rem;}
.djEditon li a:nth-of-type(1){align-items:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding:.2rem .19rem;border: 1px solid #ebebeb;background-color: #fafafa;}
.djEditon li a:nth-of-type(1) img{display:block;width:.88rem;height:.88rem;border-radius:.16rem;}
.djEditon li .info{-webkit-box-flex:1.0;-moz-flex-grow:1;-webkit-flex-grow:1;flex-grow:1;width:0%;height: .88rem;margin-left: .2rem;position: relative;}
.djEditon li .info p{display:block;width:auto;font-size:.24rem;color:#8f8f8f;line-height: .36rem;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.djEditon li .info p:first-of-type{max-width: 4rem;font-size:.3rem;color:#424242;line-height:.46rem;margin-bottom: .04rem;}
.djEditon li .info p:nth-of-type(2){color: #ababab;}
.djEditon li .info p span{margin-right: .28rem;color:#8f8f8f;}
.djEditon li .btn{position: absolute;right: 0;top: .35rem;width: 1.2rem;height: .6rem;color: #fff;background: #63BF3D;border-radius: .06rem;display: inline-block;line-height: .6rem;text-align: center;}