html * {outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0;padding:0}
body,html,a,img,div,form,select,ul,ol,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span,i{margin:0;padding:0;list-style:none;user-select: none;-webkit-user-select: none}
body{font: "Helvetica Neue",Helvetica,STHeiTi,sans-serif;;-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; font-size: .24rem;color: #333;position: relative;}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{vertical-align:middle;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
em,i{font-style:normal}
img{max-width:100%;border:0;border:none;  object-fit: cover;}
input{-webkit-appearance:none;border-radius: 0;}
input:focus{outline:0}
input::placeholder{color: #bbb;}
table{border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none}
textarea{resize:none}
a{text-decoration:none;color: #333;vertical-align:baseline;cursor:pointer;}
.cf:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cf{min-height:1%;}
.fl{float:left;}
.fr{float:right;}
.w{margin: 0 auto;position: relative;}
.off{-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.no-scroll{overflow: hidden;}
body{min-height: 100%;}
.white {background-color:#e0efff ;}
.black {background-color:#222130 ;}

.top-download{background-color: #fafafa;position: relative;margin: 0 auto;padding: .3rem 1.8rem .3rem 0;height:1.2rem;width: 5.7rem;}
.top-download .game-intr{padding-left: 1.46rem;position: relative;color: #333;}
.game-intr strong{display: block;height: .4rem;font-size: .32rem;font-weight: normal;}
.game-intr img{position: absolute;width: 1.2rem;height: 1.2rem;left: .2rem;top: 0;}  
.game-intr p{color: #aaa;font-size: .22rem;padding: .04rem 0;height: .3rem;}
.link-box{width: 1.72rem;position: absolute;right: .2rem;top: .3rem;}
.link-box .down-it{width: 1.72rem;height: .6rem;display: block;background: #54ba3d;text-align: center;color: #fff;border-radius: .1rem;line-height: .6rem;}
.link-box .down-it i{width: .32rem;height: .32rem;background: url('../images/icon.png') no-repeat left top;background-size: .3rem .3rem;display: inline-block;vertical-align: top;margin-top: .15rem;margin-right: .04rem;}
.link-a{text-align: center;margin-top: .2rem;font-size: 0;}
.link-a a{text-decoration: underline;padding: 0 .1rem;color: #aaa;font-size: .24rem;}
.link-a span{color: #ccc;font-size: .24rem;}
.idxban {width: 7.5rem;margin: 0 auto;position: relative;overflow: hidden;}
.idxban:before {width: 100%;height: 2.4rem;position: absolute;bottom: -1.2rem;left: 50%;margin-left: -50%;content: '';overflow: hidden;}
.idxban img { display: block;}
.idxban-txt{z-index: 10;text-align: center;width: 3.72rem;height: 2rem;font-size: .6rem;font-weight: bold;color: #fff;position: absolute;right: 0;top: 1.15rem; text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;}
.black .idxban:before{background:-webkit-linear-gradient(rgba(15,12,23,0),#222130,#222130);}
.white .idxban:before{background: -webkit-linear-gradient(rgb(15,12,23,0),rgb(224 239 255) ,rgb(207 222 239));}
.download-btn-wrap{width: 6.82rem;margin: -.25rem auto 0;position: relative;z-index: 2;}
.download-btn-wrap a{width: 6.82rem;height: 1.22rem;display: block;text-align: center;background: url('../images/download_btnbg.png') no-repeat ;background-size:6.82rem 5.72rem;margin-top: .2rem;} 
.white  .download-btn-wrap a {background-position: 0 0;user-select: none;}
.white  .download-btn-wrap a.dw-btn2{background-position: 0 -1.5rem;line-height: 1.22rem;color: #fff;font-size: .36rem;font-weight: bold;}
.black  .download-btn-wrap a {background-position: 0 -3.02rem;user-select: none;}
.black  .download-btn-wrap a.dw-btn2{background-position: 0 -4.52rem;line-height: 1.22rem;color: #fff;font-size: .36rem;font-weight: bold;}
.download-btn-wrap a.dw-btn1 p{color: #ffea74;font-size: .36rem;font-weight: bold;height: .7rem;line-height: .7rem;}
.black .download-btn-wrap a.dw-btn1 p{line-height: .78rem;}
.download-btn-wrap a span{color:#fff;font-size: .26rem;}


.text-words{width: 6.7rem;margin: .2rem auto;}
.text-words .top-bg,.text-words .bot-bg{height: .3rem;width: 6.7rem;}
.text-words .mid-bg{width: 6.7rem;padding:0 .2rem;box-sizing: border-box;text-align: justify;font-size: .28rem;}
.white .text-words .top-bg{background: url('../images/white_text_words_top.png') no-repeat center top;background-size:6.7rem .3rem;}
.white .text-words .bot-bg{background: url('../images/white_text_words_bot.png') no-repeat center top;background-size:6.7rem .3rem;}
.white .text-words .mid-bg{background: url('../images/white_text_words_mid.png') repeat-y center top;background-size: 6.7rem .32rem;color: #355ea0;}
.black .text-words .top-bg{background: url('../images/black_text_words_top.png') no-repeat center top;background-size:6.7rem .3rem;}
.black .text-words .bot-bg{background: url('../images/black_text_words_bot.png') no-repeat center top;background-size:6.7rem .3rem;}
.black .text-words .mid-bg{background: url('../images/black_text_words_mid.png') repeat-y center top;background-size: 6.7rem .32rem;color: #d7e6ff;}
footer{text-align: center;}
.white footer{color:#9eadc7 ;}
.black footer{color:#565469 ;}
.fixed-box{padding: .3rem 0;height: 1.56rem;box-sizing: border-box;width: 7.5rem;overflow: hidden;margin: .1rem auto 0;}
.fixed-box.fixed{margin-left: -3.75rem;z-index: 10;position: fixed;bottom: 0;left:50%;}
.white .fixed-box{background-color: #b1c1e0;}
.black .fixed-box{background-color: #34334a;}
.fixed-box a{width:6.8rem;height: .98rem;display: block;margin: 0 auto ;background: url('../images/downloadbg.png') no-repeat;background-size: 6.8rem 2.18rem;animation:2s myfirst infinite alternate ;font-size:.34rem;text-align: center;color: #fff;line-height: .92rem;overflow: hidden;}
.black .fixed-box a{background-position: 0 -1.21rem;}
.fixed-box i{width: .36rem;height: .36rem;display: inline-block;background: url('../images/icon.png') no-repeat center;background-size: .36rem .36rem;margin-right: .1rem;height: .98rem;}
.fixed-box a span{display: inline-block;vertical-align: top;}
.fixed-box a em{color:#fffa74 ;}
.pop-wrap{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,.7);z-index: 200;}
.pop-wrap .pop{width:6.4rem ;padding:.4rem 0 ;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.white .pop-wrap .pop{background: url('../images/white_pop_mid.png') repeat-y center top;background-size: 6.4rem .24rem;}
.black .pop-wrap .pop{background: url('../images/black_pop_mid.png') repeat-y center top;background-size: 6.4rem .24rem;}
.white .pop-wrap .pop::before{content: '';width: 6.4rem;height: .38rem;background: url('../images/white_pop_top.png') no-repeat center top;background-size: 6.4rem .38rem;position: absolute;left: 0;top: 0;}
.white .pop-wrap .pop::after{content: '';width: 6.4rem;height: .32rem;background: url('../images/white_pop_bot.png') no-repeat center top;background-size: 6.4rem .32rem;position: absolute;left: 0;bottom: 0;}
.black .pop-wrap .pop::before{content: '';width: 6.4rem;height: .38rem;background: url('../images/black_pop_top.png') no-repeat center top;background-size: 6.4rem .38rem;position: absolute;left: 0;top: -.23rem;}
.black .pop-wrap .pop::after{content: '';width: 6.4rem;height: .32rem;background: url('../images/black_pop_bot.png') no-repeat center top;background-size: 6.4rem .32rem;position: absolute;left: 0;bottom: -.23rem;}
.pop-close{width: .5rem;height: .5rem;position: absolute;z-index: 10;right: .2rem;top: .2rem;background: url('../images/white_pop_close.png') no-repeat center;background-size: .5rem .5rem;}
.pop-tit{text-align: center;font-size: .4rem;font-weight: bold;height: .6rem;line-height: .6rem;color: #355ea0;}
.pop-txt{padding: .2rem .4rem;text-align: center;font-size: .28rem;color: #355ea0;}
.pop-txt p{color: #f24a4b;padding-bottom: .1rem;}
.pop-btn{margin: .2rem  auto 0;text-align: center;}
.pop-btn .pbtn1,.pop-btn .pbtn2{width: 2.66rem;height: .82rem;line-height: .82rem;text-align: center;font-size: .3rem;color: #fff;background: url('../images/pop_btn.png') no-repeat ;background-size: 5.56rem 1.96rem;display: inline-block;margin: 0 .2rem;}
.white .pop-btn .pbtn1{background-position: 0 0;}
.white .pop-btn .pbtn2{background-position: -2.87rem 0;}
.black .pop-btn .pbtn1{background-position: 0 -1.15rem;}
.black .pop-btn .pbtn2{background-position: -2.87rem -1.15rem;}
@media screen and (min-height:812px){
    .download-btn-wrap{margin: .2rem auto 0;}
    .download-btn-wrap a{margin-top: .3rem;}
    .text-words{margin: .3rem auto;}
    footer{font-size: .26rem;line-height: .4rem;}
}
@media screen and (min-height:320px) and (max-height:666px){
    .download-btn-wrap{margin: -.4rem auto 0;}
   
}
@-webkit-keyframes myfirst
{
   0%{-webkit-transform: scale(1);}
   100%{-webkit-transform: scale(.95);}
}
@keyframes myfirst
{
    0%{transform: scale(1);}
   100%{transform: scale(.95);}
}

.dialog-mask{background:rgba(0, 0, 0, 0.6);position:fixed;top:0;left:0;right:0;z-index:99;width:100%;height:100%;}
.dialog-content{position:absolute;z-index:100;background:none;border:none;left:50%;-webkit-transform:translate(-50%, 0);}