@charset "utf-8";html{font-size:16px;font-family:-apple-system,Roboto,"Helvetica Neue",Roboto,"Microsoft Yahei","Hiragino Sans GB",Helvetica,Arial,sans-serif,nomospace;font-style:normal;line-height:1.5}
body{margin:0;padding:0}
*{box-sizing:border-box}
a{transition:.15s;text-decoration:none}
img{max-width:100%}
li,ol,p,ul{margin:0;padding:0;width:100%}
li,ol,p,ul{list-style-type:none}
.logo2{float:left}
.kefu{float:right}
.yellow{color:#ff0084}
.container{max-width:640px;width:100%;margin:0 auto;text-align:center;background:#27d0ff url(../Images/1.jpg) no-repeat top center;background-size:100%;padding-bottom:4rem}
.install-box{margin-top:0;margin:0 10%;margin-top:0;float:left;width:80%;line-height:15px}
.install-box a{display:inline-block;width:60%;line-height:0;overflow:hidden;position:relative}
.media{margin-top:0}
@keyframes bg{from{transform:translateY(-5rem)}
to{transform:translateY(5rem)}
}
.install-box a::before{content:'';position:absolute;top:0}
.install-box p{font-size:.75rem;color:#00499c}
@keyframes upDown{from{transform:translateY(0)}
33.33%{transform:translateY(-10%)}
66.66%{transform:translateY(10%)}
to{transform:translateY(0)}
}
.hot-game .tit img:nth-child(odd){width:5rem}
.hot-game .tit img:nth-child(even){width:3.5rem}
.hot-game .tit img:nth-child(1){animation:linear 5s upDown infinite}
.hot-game .tit img:nth-child(2){animation:linear 5.5s upDown infinite}
.hot-game .tit img:nth-child(3){animation:linear 4s upDown infinite}
.hot-game .tit img:nth-child(4){animation:linear 6s upDown infinite}
.hot-game .game-box{padding:1rem .5rem;background:url(../Images/a_3.png) no-repeat;background-size:100%;margin:-1.5rem .5rem 0 .5rem}
.hot-game .game{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}
.hot-game .game img{width:3rem}
.lists{text-align:center;line-height:2;border-collapse:collapse;border-radius:8px;margin:0 .25rem}
.lists tbody td{border:1px solid #47defe;width:33.33%;font-size:.8rem;background-color:#d3f6ff}
.lists tbody td:not(:first-child){color:#ff0084}
.lists tfoot{font-size:.8rem}
.lists tfoot .foot-tit{font-weight:700;color:#f3fdff!important}
.lists td:nth-child(1){color:#2b6fc9}
.black{font-size:.7rem!important;color:#000!important}
.red{color:red}
.footer{margin-top:20px}
.header{position:fixed;bottom:-1px;line-height:0;width:100%;max-width:640px;z-index:1}
.header a{position:absolute;width:4.2rem;right:.5rem;top:.25rem;display:block}
@media (max-width:320px){body,html{font-size:14px}
}
@media (min-width:376px){body,html{font-size:18px}
}
@media (min-width:576px){body,html{font-size:26px}
}
@media (min-width:1024px){body,html{font-size:28px}
}
.d_down{position:fixed;bottom:0;left:0;width:100%;height:4.5rem;background:rgba(255,255,255,.88)}
.down_ico{margin:.25rem;width:4rem;float:left;height:auto}
.ico_img{height:4rem;width:4rem}
.down_ico img{width:100%;height:100%}
.down_title{width:12rem;float:left;height:100%;text-align:-webkit-auto}
.titleh3{margin-top:.35rem;font-size:1.5rem}
.titlespan{font-size:.8rem}
.gobotton{display:block;width:5.5rem;height: 2.2rem;line-height: 2.2rem;background:#0b9fec;color:#fff;text-align:center;font-size:1rem;border-radius:.2rem;position:absolute;top: 1.2rem;right: .5rem;}
.install-box .sar{background:url(../Images/sar.png) no-repeat left center;background-size:30%;line-height:30px;padding-left:0;font-size:1rem}
#certify{position:relative;width:100%;margin:0 auto}
#certify .swiper-slide{width:90%;text-align:center}
#certify .swiper-slide img{display:block;margin:0 auto}
.headerTop{top:0;width:100%;z-index:100;/* position:fixed; *//* max-width:640px; */overflow:hidden;padding-bottom: 11rem;}
.headerTop .logo img{height:65px;margin-top:10px}
.headerTop .logo::before{content:'';position:absolute}
#xrBox{visibility:hidden;opacity:0;position:fixed;left:0;top:0;width:100%;height:100vh;overflow-y:auto;z-index:-9999;transition:none;touch-action:pan-y}
#xrBox.show{z-index:9999999;visibility:visible;opacity:1;transition:all 1.3s}
#xrBox .close{width:100%;height:14vw;left:0;top:0;cursor:pointer;position:absolute}
#xrBox .install{width:100%;height:24vw;left:0;bottom:0;cursor:pointer;position:fixed}
.headertop-2{margin-top:0;}
.around {
    animation-name: aroundAnimation;
    transform-origin: center bottom;
    cursor: pointer;
}
.animated {
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}