@font-face{font-family:SourceHanSans;src:url(../font/SourceHanSans.ttf) format("truetype");font-style:normal}
@font-face{font-family:SourceHanSansCN-Heavy;src:url(../font/SourceHanSansCN-Heavy.ttf) format("truetype");font-style:normal}
@font-face{font-family:SourceHanSansCN-Bold;src:url(../font/SourceHanSansCN-Bold.ttf) format("truetype");font-style:normal}
.img_100{width:100%;height:100%}
.btn{background-color:transparent;outline:0;padding:0;border:none;cursor:pointer}
body{width:7.5rem;height:100%;margin:0 auto 0;background-color:#001e20}
.loadingBox{background:-webkit-radial-gradient(0 0,circle farthest-corner,#021516 0,transparent 120%),-webkit-radial-gradient(100% 100%,circle farthest-corner,#006975 0,transparent 50%);background:radial-gradient(circle farthest-corner at 0 0,#021516 0,transparent 120%),radial-gradient(circle farthest-corner at 100% 100%,#006975 0,transparent 50%);width:7.5rem;height:100%;overflow:hidden;position:fixed;top:0;left:50%;margin-left:-3.75rem;z-index:99;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transition:opacity .6s;transition:opacity .6s;padding-bottom:20%}
.loadingBox::before{content:"";background:url(../images/3/bg_icon.png) repeat 0 0/7.5rem;width:200%;height:200%;position:absolute;top:0;left:0;-webkit-animation:bgIconMove 40s infinite linear;animation:bgIconMove 40s infinite linear;opacity:.4}
.loadingBox-con{width:5.5rem;height:auto;overflow:hidden}
.loadingBox-ani{width:5.5rem;height:1.5rem}
.loadingBox-ani canvas{width:100%;height:100%}
.loadingBox-progress{width:100%;height:.2rem;border:1px solid #34e8e2}
.loadingBox-progress span{display:block;width:0%;height:100%;background-image:-webkit-linear-gradient(90deg,#34e8e2,#12a6af);-webkit-transition:width .3s;transition:width .3s}
.loadingBox-count{margin-top:.3rem;width:100%;height:.4rem;text-align:center;font-size:.4rem;font-weight:700;-webkit-background-clip:text;color:transparent;background-image:-webkit-linear-gradient(-90deg,#34e8e2,#12a6af);font-family:SourceHanSansCN-Bold;opacity:.3}
.wrapper{width:7.5rem;height:100%;position:fixed;overflow:hidden;opacity:0;-webkit-transition:opacity .6s;transition:opacity .6s}
.pageSwiper{width:100%;height:100%}
.page{width:7.5rem;height:100%;overflow:hidden}
.hamburger-menu{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:-.03rem;right:0;z-index:11;cursor:pointer}
.hamburger-menu .texts{display:inline-block;position:relative}
.hamburger-menu .texts b{color:#fff;font-weight:600;font-family:SourceHanSansCN-Heavy;text-transform:uppercase;font-size:.16rem;width:.7rem;float:left}
.hamburger-menu .texts b *{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.hamburger-menu .texts b:first-child{display:inline-block}
.hamburger-menu .texts b:last-child{position:absolute;left:0;top:0}
.splitting .char{position:relative;display:inline-block}
.hamburger-menu .texts b:last-child .char{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0}
.hamburger-menu .texts b .char{-webkit-transition-delay:calc(10ms * var(--char-index));transition-delay:calc(10ms * var(--char-index))}
.hamburger-menu .svg{margin-right:-10px}
.hamburger-menu.active .texts b .char{color:#000}
.hamburger-menu.active .texts b:first-child .char{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}
.hamburger-menu.active .texts b:last-child .char{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
.hamburger-menu svg{-webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1)}
.hamburger-menu svg path{-webkit-transition:stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1)}
.hamburger-menu svg path:nth-child(1){-webkit-transform-origin:36% 40%;transform-origin:36% 40%}
.hamburger-menu svg path:nth-child(2){stroke-dasharray:29 299}
.hamburger-menu svg path:nth-child(3){-webkit-transform-origin:35% 63%;transform-origin:35% 63%}
.hamburger-menu svg path:nth-child(4){stroke-dasharray:29 299}
.hamburger-menu svg path:nth-child(5){-webkit-transform-origin:61% 52%;transform-origin:61% 52%}
.hamburger-menu svg path:nth-child(6){-webkit-transform-origin:62% 52%;transform-origin:62% 52%}
.hamburger-menu.active svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.hamburger-menu.active svg path:nth-child(1){-webkit-transform:translateX(9px) translateY(1px) rotate(45deg);transform:translateX(9px) translateY(1px) rotate(45deg)}
.hamburger-menu.active svg path:nth-child(2){stroke-dasharray:225 299;stroke-dashoffset:-72px}
.hamburger-menu.active svg path:nth-child(3){-webkit-transform:translateX(9px) translateY(1px) rotate(-45deg);transform:translateX(9px) translateY(1px) rotate(-45deg)}
.hamburger-menu.active svg path:nth-child(4){stroke-dasharray:225 299;stroke-dashoffset:-72px}
.hamburger-menu.active svg path:nth-child(5){-webkit-transform:translateX(9px) translateY(1px) rotate(-45deg);transform:translateX(9px) translateY(1px) rotate(-45deg)}
.hamburger-menu.active svg path:nth-child(6){-webkit-transform:translateX(9px) translateY(1px) rotate(45deg);transform:translateX(9px) translateY(1px) rotate(45deg)}
.hamburger-menu.active svg path{stroke:#000}
.interlude{width:100%;height:100%;position:fixed;left:-100%;top:0;z-index:20;-webkit-transition:all .5s cubic-bezier(.86,0,.07,1);transition:all .5s cubic-bezier(.86,0,.07,1);-webkit-transition-delay:1s;transition-delay:1s}
.interlude.cur{-webkit-transition-delay:0s;transition-delay:0s;left:0}
.interlude span{width:100%;left:-100%;background-image:-webkit-gradient(linear,right top,left top,from(#34e8e2),to(#12a6af));background-image:-webkit-linear-gradient(right,#34e8e2,#12a6af);background-image:linear-gradient(to left,#34e8e2,#12a6af);height:33.3333%;position:absolute;-webkit-transition:all .5s cubic-bezier(.86,0,.07,1);transition:all .5s cubic-bezier(.86,0,.07,1)}
.interlude span:nth-child(1){top:0;-webkit-transition-delay:0s;transition-delay:0s}
.interlude span:nth-child(2){top:33.33333%;-webkit-transition-delay:.25s;transition-delay:.25s}
.interlude span:nth-child(3){top:66.66666%;-webkit-transition-delay:.5s;transition-delay:.5s}
.interlude.cur span{left:0!important}
.nav{background:url(../images/nav/bg.png) no-repeat center 0/cover;width:7.5rem;height:100%;position:absolute;top:0;left:7.5rem;z-index:10;-webkit-transition:all .3s;transition:all .3s}
.nav.cur{-webkit-transform:translateX(-7.5rem);transform:translateX(-7.5rem)}
.nav-list{width:100%;height:4.7rem;margin-top:3.36rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.nav-list li{width:100%;height:1.1rem;padding:0 .3rem;font-family:SourceHanSansCN-Heavy;font-weight:900;line-height:1rem;color:#000;font-size:.66rem;letter-spacing:-.04rem;cursor:pointer;-webkit-transition:padding .5s cubic-bezier(.18,.63,.19,.98);transition:padding .5s cubic-bezier(.18,.63,.19,.98);position:relative}
.nav-list li.cur{padding-left:.5rem}
.nav-list li::after{content:"";width:0;height:100%;position:absolute;top:0;left:0;background-image:-webkit-gradient(linear,right top,left top,from(#34e8e2),to(#12a6af));background-image:-webkit-linear-gradient(right,#34e8e2,#12a6af);background-image:linear-gradient(to left,#34e8e2,#12a6af);-webkit-transition:all .5s cubic-bezier(.18,.63,.19,.98);transition:all .5s cubic-bezier(.18,.63,.19,.98)}
.nav-list li.cur::after{width:100%}
.nav .nav-list li a{display:inline-block;position:relative}
.nav .nav-list li i{display:block;position:relative;z-index:1;width:0;height:100%;overflow:hidden;white-space:nowrap;font-style:normal}
.nav.cur .nav-list li i{-webkit-transition:width .3s cubic-bezier(.18,.63,.19,.98) .2s;transition:width .3s cubic-bezier(.18,.63,.19,.98) .2s;width:100%}
.nav.cur .nav-list li:nth-child(2) i{-webkit-transition-delay:.32s;transition-delay:.32s}
.nav.cur .nav-list li:nth-child(3) i{-webkit-transition-delay:.56s;transition-delay:.56s}
.nav .nav-list li i b .char{-webkit-transition:all 80ms cubic-bezier(.18,.63,.19,.98);transition:all 80ms cubic-bezier(.18,.63,.19,.98);color:#000}
.nav .nav-list li i b .char{-webkit-transition-delay:calc(30ms * var(--char-index));transition-delay:calc(30ms * var(--char-index))}
.nav .nav-list li.cur i b .char{color:#fff}
.nav-sns{width:.65rem;height:3.32rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;bottom:.2rem;right:-2rem}
.nav.cur .nav-sns{-webkit-transition:all .3s cubic-bezier(.18,.63,.19,.98) .3s;transition:all .3s cubic-bezier(.18,.63,.19,.98) .3s;-webkit-transform:translateX(-2.2rem);transform:translateX(-2.2rem)}
.nav-sns li{width:.65rem;height:.65rem}
.nav-sns li a{display:block;width:100%;height:100%}
.s1{background:url(../images/1/bg.png) no-repeat 0 0/100% 15rem}
.s1-kv{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;-webkit-filter:brightness(.75);filter:brightness(.75)}
.s1-kv video{width:100%}
.s1-dwonload{width:4.4rem;height:.68rem;position:absolute;bottom:1.9rem;left:50%;margin-left:-2.2rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:2;-webkit-transform:scale(.9);transform:scale(.9)}
.s1-dwonload a{width:2.06rem;height:.68rem}
.s1-gift{background:url(../images/1/blue.png) no-repeat 0 0/100% 100%;width:2.17rem;height:2.16rem;position:absolute;bottom:0;right:0;z-index:2;cursor:pointer}
.s1-gift::before{content:"";background:url(../images/1/gift.png) no-repeat 0 0/100% 100%;width:2.21rem;height:1.82rem;position:absolute;top:.3rem;right:-.38rem}
.s1-gift::after{content:"";background:url(../images/1/rich_rewards.png) no-repeat 0 0/100% 100%;width:1.86rem;height:1.86rem;position:absolute;top:-.1rem;right:.5rem;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}
.s1-pre{width:4.86rem;height:1.01rem;position:absolute;bottom:3rem;left:50%;margin-left:-2.4rem;cursor:pointer;z-index:2}
.s1-pre img{width:7.72rem;height:5.02rem;position:absolute;bottom:-1.9rem;left:-1.42rem;z-index:2;pointer-events:none;-webkit-transform:scale(.8);transform:scale(.8)}
.s1-arrow{width:.86rem;height:1.18rem;position:absolute;bottom:.2rem;left:50%;margin-left:-.43rem;pointer-events:none;-webkit-animation:arrowAni 1s infinite;animation:arrowAni 1s infinite;z-index:1}
@-webkit-keyframes arrowAni{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes arrowAni{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.s2{background-color:#062738;overflow:hidden}
.s2-mapWrap{width:100%;height:100%;position:relative;overflow:hidden;-webkit-transform:translateZ(-1px);transform:translateZ(-1px)}
.s2-mapBox{width:100%;height:100%;overflow:hidden;position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding-bottom:10px;padding-right:10px}
.s2-mapBox::-webkit-scrollbar{width:0;height:0}
.s2-mapCon{width:24rem;height:20rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;background:url(../images/2/bg_icon.jpg) repeat 0 0/1.36rem 1.36rem}
.s2-map{width:22.04rem;height:14.99rem;position:relative;-webkit-transform:translateX(-1rem) scale(.1);transform:translateX(-1rem) scale(.1);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .8s ease;transition:all .8s ease}
.s2-map.start{-webkit-transition:all 2.8s cubic-bezier(.48,.46,.58,1);transition:all 2.8s cubic-bezier(.48,.46,.58,1)}
.s2-map.normal{-webkit-transform:scale(.5);transform:scale(.5)}
.s2-map.ZoomIn{-webkit-transform:scale(1);transform:scale(1)}
.s2-map-bg{width:22.04rem;height:14.99rem;position:absolute;top:0;left:0}
.s2-siteAni{width:100%;height:100%}
.s2-siteName{-webkit-animation:siteNameAni 2s ease infinite;animation:siteNameAni 2s ease infinite;z-index:2}
@-webkit-keyframes siteNameAni{
0%{-webkit-transform:translateY(0) scale(1.1);transform:translateY(0) scale(1.1)}
50%{-webkit-transform:translateY(10%) scale(.9);transform:translateY(10%) scale(.9)}
100%{-webkit-transform:translateY(0) scale(1.1);transform:translateY(0) scale(1.1)}
}
@keyframes siteNameAni{
0%{-webkit-transform:translateY(0) scale(1.1);transform:translateY(0) scale(1.1)}
50%{-webkit-transform:translateY(10%) scale(.9);transform:translateY(10%) scale(.9)}
100%{-webkit-transform:translateY(0) scale(1.1);transform:translateY(0) scale(1.1)}
}
.s2-blob{background:rgb(251 220 33);border-radius:50%;-webkit-box-shadow:0 0 0 10px rgb(251 220 33);box-shadow:0 0 0 10px rgb(251 220 33);width:.3rem;height:.3rem;-webkit-transform:scale(1);transform:scale(1);-webkit-animation:pulse-yellow 2s infinite;animation:pulse-yellow 2s infinite;position:absolute;bottom:.2rem;right:-.4rem}
@-webkit-keyframes pulse-yellow{
0%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 rgb(251 220 33 / 100%);box-shadow:0 0 0 0 rgb(251 220 33 / 100%)}
70%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 10px rgb(251 220 33 / 0%);box-shadow:0 0 0 10px rgb(251 220 33 / 0%)}
100%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 rgb(251 220 33 / 0%);box-shadow:0 0 0 0 rgb(251 220 33 / 0%)}
}
@keyframes pulse-yellow{
0%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 rgb(251 220 33 / 100%);box-shadow:0 0 0 0 rgb(251 220 33 / 100%)}
70%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 10px rgb(251 220 33 / 0%);box-shadow:0 0 0 10px rgb(251 220 33 / 0%)}
100%{-webkit-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 0 rgb(251 220 33 / 0%);box-shadow:0 0 0 0 rgb(251 220 33 / 0%)}
}
.s2-site{pointer-events:all;cursor:pointer}
.s2-site1{width:2.2rem;height:2.96rem;position:absolute;bottom:2.4rem;left:8.6rem}
.s2-site1 .s2-siteName{width:2.01rem;height:.39rem;position:absolute;bottom:-.4rem;left:0;-webkit-animation-duration:2s;animation-duration:2s}
.s2-site1 .s2-blob{bottom:0;right:1rem}
.s2-site2{width:6.24rem;height:4.25rem;position:absolute;bottom:4.6rem;left:11.4rem}
.s2-site2 .s2-siteName{width:2.01rem;height:.39rem;position:absolute;bottom:.8rem;left:2rem;-webkit-animation-duration:2.1s;animation-duration:2.1s}
.s2-site2 .s2-blob{bottom:1.4rem;right:3rem}
.s2-site3{width:3.38rem;height:2.5rem;position:absolute;bottom:10.4rem;left:11.1rem}
.s2-site3 .s2-siteName{width:2.01rem;height:.39rem;position:absolute;bottom:-.3rem;left:.6rem;-webkit-animation-duration:2.2s;animation-duration:2.2s}
.s2-site3 .s2-blob{bottom:1rem;right:1.5rem}
.s2-site4{width:1.75rem;height:2.2rem;position:absolute;bottom:12rem;left:6.9rem}
.s2-site4 .s2-siteName{width:2.01rem;height:.39rem;position:absolute;bottom:-.4rem;left:-.2rem;-webkit-animation-duration:2.3s;animation-duration:2.3s}
.s2-site4 .s2-blob{bottom:0;right:.9rem}
.s2-site5{width:2.03rem;height:2rem;position:absolute;bottom:7.2rem;left:3.2rem}
.s2-site5 .s2-siteName{width:3.25rem;height:.39rem;position:absolute;bottom:-.2rem;left:-.45rem;-webkit-animation-duration:2.4s;animation-duration:2.4s}
.s2-site .s2-siteName img{width:auto}
.s2-site5 .s2-blob{bottom:0;right:.6rem}
.s2-routeBox{opacity:0;-webkit-transition:opacity .8s .4s;transition:opacity .8s .4s}
.s2-routeBox.cur{opacity:1}
.s2-route{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.6}
.s2-route.cur{opacity:1;-webkit-filter:brightness(1);filter:brightness(1)}
.s2-route1{width:3.08rem;height:2.93rem;position:absolute;bottom:2.8rem;left:10.6rem}
.s2-route2{width:1.67rem;height:2.3rem;position:absolute;bottom:7.9rem;left:12.6rem}
.s2-route3{width:2.53rem;height:1.67rem;position:absolute;bottom:11.2rem;left:8.6rem}
.s2-route4{width:1.6rem;height:4.52rem;position:absolute;bottom:8rem;left:5.4rem}
.s2-cloudsWrap{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0)}
.s2-cloudsWrap canvas{width:100%;height:100%;position:absolute;top:0;left:0;z-index:3}
.s2-cloudsWrap::after{content:"";background:url(../images/2/mask.png) no-repeat 0 0/7.5rem 15rem;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;opacity:.5}
.s2-clouds-left1{width:7.24rem;height:6.87rem;position:absolute;top:0;left:0}
.s2-clouds-left2{width:7.1rem;height:10.7rem;position:absolute;top:2.5rem;left:0}
.s2-clouds-right1{width:7.5rem;height:9.77rem;position:absolute;top:0;right:0}
.s2-clouds-right2{width:7.5rem;height:10.36rem;position:absolute;top:1.2rem;right:0}
.s2-cloud{-webkit-transition:all 1.4s;transition:all 1.4s}
.s2-cloudsWrap.cStatus1 .s2-clouds-left1{-webkit-transform:translate(-2.5rem,-3.7rem) scale(1);transform:translate(-2.5rem,-3.7rem) scale(1)}
.s2-cloudsWrap.cStatus1 .s2-clouds-left2{-webkit-transform:translate(-2rem,5rem) scale(1);transform:translate(-2rem,5rem) scale(1)}
.s2-cloudsWrap.cStatus1 .s2-clouds-right1{-webkit-transform:translate(3rem,-5.4rem) scale(1);transform:translate(3rem,-5.4rem) scale(1)}
.s2-cloudsWrap.cStatus1 .s2-clouds-right2{-webkit-transform:translate(4.6rem,2rem) scale(1);transform:translate(4.6rem,2rem) scale(1)}
.s2-cloudsWrap.cStatus0 .s2-clouds-left1{-webkit-transform:translate(-5rem,-6rem);transform:translate(-5rem,-6rem)}
.s2-cloudsWrap.cStatus0 .s2-clouds-left2{-webkit-transform:translate(-5rem,6rem);transform:translate(-5rem,6rem)}
.s2-cloudsWrap.cStatus0 .s2-clouds-right1{-webkit-transform:translate(6rem,-8rem);transform:translate(6rem,-8rem)}
.s2-cloudsWrap.cStatus0 .s2-clouds-right2{-webkit-transform:translate(8rem,6rem);transform:translate(8rem,6rem)}
.s2-stageBox{width:7.5rem;height:2.4rem;position:absolute;bottom:0;left:0;z-index:5;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}
.s2-stageBg{width:100%;height:1.82rem;background-color:#040b11;position:absolute;bottom:0;left:0;-webkit-box-shadow:-5px 0 10px #040b11;box-shadow:-5px 0 10px #040b11;opacity:.8}
.s2-progressBox{width:7.21rem;height:.16rem;background:url(../images/2/progressBg.png) no-repeat 0 0/100% 100%;position:absolute;top:1.65rem;left:50%;margin-left:-3.605rem;line-height:.24rem;padding:.014rem .03rem;overflow:hidden;-webkit-transform:translateZ(1px);transform:translateZ(1px);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.s2-progressBar{display:inline-block;background:-webkit-gradient(linear,left top,right top,from(#fff7b0),to(#fca865));background:-webkit-linear-gradient(left,#fff7b0,#fca865);background:linear-gradient(90deg,#fff7b0,#fca865);width:0;height:100%;background-size:100% 100%;position:relative;overflow:hidden;-webkit-clip-path:polygon(.12rem 0,calc(100% - .12rem) 0,100% 50%,calc(100% - .12rem) 100%,.12rem 100%,0 50%);clip-path:polygon(.12rem 0,calc(100% - .12rem) 0,100% 50%,calc(100% - .12rem) 100%,.12rem 100%,0 50%)}
.s2-progressBar.stage1{width:12%}
.s2-progressBar.stage2{width:32%}
.s2-progressBar.stage3{width:52%}
.s2-progressBar.stage4{width:70%}
.s2-progressBar.stage5{width:100%}
.s2-progressBar::after{content:"";width:15rem;height:100%;background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(25%,#fff),color-stop(25%,transparent),color-stop(50%,transparent),color-stop(50%,#fff),color-stop(75%,#fff),color-stop(75%,transparent),to(transparent)) repeat-x 0 0/1rem 100%;background:-webkit-linear-gradient(left,#fff 0,#fff 25%,transparent 25%,transparent 50%,#fff 50%,#fff 75%,transparent 75%,transparent 100%) repeat-x 0 0/1rem 100%;background:linear-gradient(90deg,#fff 0,#fff 25%,transparent 25%,transparent 50%,#fff 50%,#fff 75%,transparent 75%,transparent 100%) repeat-x 0 0/1rem 100%;-webkit-transform:skew(-45deg);transform:skew(-45deg);opacity:.5;position:absolute;top:0;left:0;-webkit-animation:progressLightAni 10s linear infinite both;animation:progressLightAni 10s linear infinite both}
@-webkit-keyframes progressLightAni{
0%{-webkit-transform:translateX(-7.5rem) skew(-45deg);transform:translateX(-7.5rem) skew(-45deg)}
100%{-webkit-transform:translateX(0) skew(-45deg);transform:translateX(0) skew(-45deg)}
}
@keyframes progressLightAni{
0%{-webkit-transform:translateX(-7.5rem) skew(-45deg);transform:translateX(-7.5rem) skew(-45deg)}
100%{-webkit-transform:translateX(0) skew(-45deg);transform:translateX(0) skew(-45deg)}
}
.s2-stage-prizes{width:7rem;height:90%;position:absolute;top:0;left:50%;margin-left:-3.5rem;-webkit-transform:translateZ(2px);transform:translateZ(2px)}
.s2-stage-prizes ul{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.s2-stage-prizes ul li{width:1.75rem;height:100%;position:relative;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.s2-stage-card{height:1.56rem;position:relative}
.s2-stage-card::after{content:"";background:url(../images/2/lock_status.png) no-repeat 0 0/.37rem 1.27rem;width:.37rem;height:.43rem;position:absolute;top:.5rem;left:50%;margin-left:-.185rem}
.s2-stage-prizes ul li.got .s2-stage-card::after{background-position-y:-.9rem}
.s2-stage-count{width:100%;text-align:center;font-size:.2rem;font-family:SourceHanSansCN-Bold;color:#fff7b0;text-shadow:0 0 10px #fca865;position:relative;-webkit-filter:grayscale(1);filter:grayscale(1)}
.s2-stage-prizes ul li.got .s2-stage-count{-webkit-filter:grayscale(0);filter:grayscale(0)}
.s2-stage-count::before{content:"";background:url(../images/2/con_status.png) no-repeat 0 0/.74rem .37rem;width:.37rem;height:.37rem;position:absolute;top:-.4rem;left:50%;margin-left:-.185rem}
.s2-stage-prizes ul li.got .s2-stage-count::before{background-position-x:-.4rem}
.s2-preNum{background:url(../images/2/preCount_bg.png) no-repeat 0 0/100% 100%;width:5.57rem;height:1.19rem;position:absolute;top:.7rem;left:1.4rem;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0)}
.s2-preNum-con{width:2.8rem;height:.66rem;position:absolute;top:.42rem;left:1.1rem;line-height:.66rem}
.s2-preNum-title{font-size:.3rem;font-family:SourceHanSansCN-Bold;background-image:-webkit-linear-gradient(90deg,#fff7b0 30%,#fca865 90%);background-clip:text;-webkit-background-clip:text;color:transparent;text-transform:uppercase}
.panel{width:1.75rem;height:100%;position:absolute;top:0;left:1.34rem;text-align:center}
.panel .digit{width:.3rem;height:100%;text-align:center;overflow:hidden;display:inline-block;border:none;position:absolute;top:0}
.panel .digit:nth-child(1){left:0}
.panel .digit:nth-child(2){left:.26rem}
.panel .digit:nth-child(3){left:.52rem}
.panel .digit:nth-child(4){left:.9rem}
.panel .digit:nth-child(5){left:1.16rem}
.panel .digit:nth-child(6){left:1.42rem}
.panel .digit ul{-webkit-transition:-webkit-transform 1.6s ease;transition:-webkit-transform 1.6s ease;transition:transform 1.6s ease;transition:transform 1.6s ease,-webkit-transform 1.6s ease;position:relative}
.panel .digit li{width:.3rem;height:.66rem;line-height:.66rem;font-size:.46rem;font-family:SourceHanSansCN-Heavy;background-image:-webkit-linear-gradient(90deg,#fff7b0 30%,#fca865 90%);background-clip:text;-webkit-background-clip:text;color:transparent}
.panel::after{content:".";width:.09rem;height:.12rem;position:absolute;top:.2rem;left:.8rem;font-family:SourceHanSansCN-Heavy;color:#fff7b0;line-height:1;font-size:18px;font-weight:700}
.s2-wv{background:url(../images/2/wv_bg.png) no-repeat 0 0/7.5rem 15rem;width:7.5rem;height:100%;position:absolute;top:100%;left:0;z-index:20;-webkit-transition:all .5s;transition:all .5s;overflow:hidden}
.s2-wv.cur{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.s2-wvImg{width:7.5rem;height:4.16rem;margin-top:1.66rem;position:relative;-webkit-transform:scale(1) translateY(2rem);transform:scale(1) translateY(2rem);opacity:0}
.s2-wv.cur .s2-wvImg{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transition:all 1s .4s;transition:all 1s .4s}
.s2-wvImg::after{content:"";background:url(../images/2/wv_icon.png) no-repeat 0 0/100% 100%;width:7.33rem;height:.23rem;position:absolute;bottom:-.4rem;left:50%;margin-left:-3.665rem}
.s2-wvTitle{width:2.88rem;height:.54rem;margin-top:.66rem;margin-left:.3rem;-webkit-transform:scale(1) translateY(2rem);transform:scale(1) translateY(2rem);opacity:0}
.s2-wv.cur .s2-wvTitle{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transition:all 1s .55s;transition:all 1s .55s}
.s2-wvDesc{width:100%;padding:0 .3rem;margin-top:.2rem;line-height:1.5;font-size:.24rem;font-family:SourceHanSans;-webkit-transform:scale(1) translateY(2rem);transform:scale(1) translateY(2rem);opacity:0}
.s2-wv.cur .s2-wvDesc{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transition:all .8s .7s;transition:all .8s .7s}
.s2-wv-pre{width:4.86rem;height:1.01rem;position:absolute;top:10.9rem;left:50%;margin-left:-2.4rem;cursor:pointer;opacity:0}
.s2-wv.cur .s2-wv-pre{opacity:1;-webkit-transition:all 1s .85s;transition:all 1s .85s}
.s2-wv-pre img{width:7.72rem;height:5.02rem;position:absolute;bottom:-1.9rem;left:-1.42rem;z-index:2;pointer-events:none;-webkit-transform:scale(.8);transform:scale(.8)}
.s2-wv-back{width:.57rem;height:.57rem;position:absolute;top:.4rem;left:.3rem;z-index:10;-webkit-filter:brightness(0);filter:brightness(0)}
.s2-map-back{width:.57rem;height:.57rem;position:absolute;top:.4rem;left:.3rem;z-index:10;opacity:0;-webkit-transition:all .3s;transition:all .3s}
.s2-map-back.cur{opacity:1}
.s3{background:-webkit-radial-gradient(0 0,circle farthest-corner,#021516 0,transparent 120%),-webkit-radial-gradient(100% 100%,circle farthest-corner,#006975 0,transparent 50%);background:radial-gradient(circle farthest-corner at 0 0,#021516 0,transparent 120%),radial-gradient(circle farthest-corner at 100% 100%,#006975 0,transparent 50%)}
.s3::before{content:"";background:url(../images/3/bg_icon.png) repeat 0 0/7.5rem;width:200%;height:200%;position:absolute;top:0;left:0;-webkit-animation:bgIconMove 40s infinite linear;animation:bgIconMove 40s infinite linear;opacity:.4}
@-webkit-keyframes bgIconMove{
0%{background-position:0 0}
100%{background-position:150% -100%}
}
@keyframes bgIconMove{
0%{background-position:0 0}
100%{background-position:150% -100%}
}
.s3-title{margin-top:1.1rem;margin-left:.7rem;position:relative}
.s3-title p:first-child{color:#fff;font-size:.8rem;font-family:SourceHanSansCN-Heavy;text-transform:uppercase}
.s3-title p:nth-child(2){color:#fff;font-size:.18rem;font-family:SourceHanSans;opacity:.5;text-transform:uppercase;padding-left:.08rem}
.s3-title::after{content:"";background:url(../images/3/arrow.png) no-repeat 0 0/100% 100%;width:5.33rem;height:.1rem;position:absolute;bottom:-.15rem;left:.08rem}
.s3-swiperBox{width:7.5rem;height:4.7rem;margin-top:.4rem;position:relative;overflow:hidden}
.s3-swiper{width:100%;height:4.22rem}
.swiper-pagination-s3{bottom:0!important}
.swiper-pagination-s3 .swiper-pagination-bullet{opacity:1!important;background-color:#fff;-webkit-transition:width .3s;transition:width .3s}
.swiper-pagination-s3 .swiper-pagination-bullet.swiper-pagination-bullet-active{width:15px;border-radius:4px}
.s3-accordion{width:6.3rem;height:5.2rem;margin:.1rem auto 0;position:relative;overflow:hidden}
.s3-accordion li{width:100%;margin-bottom:.2rem;cursor:pointer}
.s3-accordion-title{width:100%;display:inline-block;line-height:.38rem}
.s3-accordion-icon{width:.34rem;height:.38rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;float:left;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform-origin:center;transform-origin:center}
.s3-accordion li.cur .s3-accordion-icon{-webkit-transform:scale(1.2);transform:scale(1.2)}
.s3-accordion-icon img{height:100%}
.s3-accordion-title h4{margin-left:.2rem;color:#fff;float:left;font-size:.2rem;font-family:SourceHanSansCN-Bold;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform-origin:left;transform-origin:left;white-space:nowrap}
.s3-accordion li.cur .s3-accordion-title h4{-webkit-transform:scale(1.2);transform:scale(1.2)}
.s3-accordion-desc{font-family:SourceHanSans;font-size:.16rem;color:#fff;opacity:.5;padding-left:.54rem;line-height:1.5;height:0;overflow:hidden;-webkit-transition:height .2s ease-in-out;transition:height .2s ease-in-out;position:relative}
.s3-accordion li.cur .s3-accordion-desc{height:1rem}
.s3-accordion li:first-child.cur .s3-accordion-desc{height:1.5rem}
.s3-accordion-desc span{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0;position:absolute;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.s3-accordion li.cur .s3-accordion-desc span{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
.footer{width:7.5rem;height:5rem;position:absolute;bottom:-4.96rem;left:0;z-index:10;-webkit-transition:all .3s;transition:all .3s}
.footer.cur{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}
.footer-switch{width:1.94rem;height:3rem;position:absolute;top:-2.04rem;right:0;cursor:pointer;z-index:11}
.footer-con{background:url(../images/footer/bg.jpg) no-repeat 0 0/100% 100%;width:7.5rem;height:5rem;position:absolute;bottom:0;left:0;z-index:2;overflow:hidden}
.footer-download{width:3.66rem;height:.5rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:.6rem auto 0}
.footer-download a{width:1.52rem;height:.5rem}
.footer-sns{width:2.1rem;height:.3rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:.38rem auto 0}
.footer-sns a{width:.36rem;height:.3rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.footer-sns a.footer-youtube img{width:.35rem;height:.25rem}
.footer-sns a.footer-fb img{width:.14rem;height:.29rem}
.footer-sns a.footer-discord img{width:.32rem;height:.23rem}
.footer-protocol{width:4rem;height:.3rem;margin:.2rem auto 0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.footer-protocol a{color:#fcf7a0;font-size:.16rem;font-family:SourceHanSans;position:relative}
.footer-protocol a::after{content:"";width:100%;height:1px;background-color:#fcf7a0;position:absolute;bottom:.04rem;left:0}
.footer-info{width:7.5rem;padding:0 .6rem;margin-top:.2rem;font-size:.16rem;font-family:SourceHanSans;line-height:1.5;color:#fff;opacity:.5}
.dialog-mask{background-color:#000;border-top:1px solid #000;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1}
.dialog-mask.on{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;z-index:9997}
.dialog{display:none;position:fixed;top:50%;left:50%;z-index:9999}
.dialog.on{display:block}
.dialog-close{width:.5rem;height:.5rem;position:absolute;top:-.5rem;right:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.dialog-close img{width:.25rem;height:.25rem}
.dialog-pre{background:url(../images/d/pre.png) no-repeat 0 0/100% 100%;width:7.5rem;height:5.99rem;margin-left:-3.75rem;margin-top:-4.5rem}
.dialog-pre .dialog-close{top:.5rem}
.dialog-pre-con{width:3.26rem;height:2.7rem;position:absolute;top:2.8rem;right:.6rem}
.dialog-osType{width:100%;height:.23rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.dialog-osType label{width:50%;height:.23rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.choices{width:.2rem;height:.2rem;border:1px solid #000;border-radius:50%;margin-right:.2rem;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.choices:checked::after{content:"";width:.1rem;height:.1rem;border-radius:50%;background-color:#000}
.dialog-osType-iOS{width:.51rem;height:.23rem}
.dialog-osType-Android{width:.86rem;height:.22rem}
.dialog-mail{width:100%;height:.45rem;margin-top:.26rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.dialog-mail-icon{width:.23rem;height:.18rem}
.dialog-mail input{width:2.82rem;height:.45rem;border:1px solid #8b8b89;border-radius:.1rem;padding:0 .24rem;line-height:.45rem;font-size:.2rem;background-color:transparent}
.dialog-agree{width:100%;height:.2rem;margin-top:.3rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.dialog-agree span{width:2.82rem;height:.32rem;font-size:.12rem;font-family:SourceHanSans}
.dialog-protocol{width:100%;height:.3rem;margin-top:.3rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.dialog-protocol a{color:#8b8b89;font-size:.12rem;font-family:SourceHanSans;position:relative}
.dialog-pre-submit{display:block;width:2.45rem;height:.78rem;margin:.1rem auto 0}
.dialog-pre-success{background:url(../images/d/pre_success.png) no-repeat 0 0/100% 100%;width:7.5rem;height:4.86rem;margin-left:-3.75rem;margin-top:-2.43rem}
.dialog-sns{width:2.36rem;height:.44rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;bottom:1.22rem;left:2.54rem}
.dialog-sns a{width:.44rem;height:.44rem}
.dialog-download{width:3.4rem;height:.5rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;bottom:.4rem;left:50%;margin-left:-1.7rem}
.dialog-download a{width:1.5rem;height:100%}
.dialog-pre-had{background:url(../images/d/pre_had.png) no-repeat 0 0/100% 100%;width:7.5rem;height:4.86rem;margin-left:-3.75rem;margin-top:-2.43rem}