body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{ display: inline-block;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
a{text-decoration:none; -webkit-tap-highlight-color:transparent;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch; width:100%;}
img{border: 0; -webkit-touch-callout: none;}
body{-webkit-text-size-adjust: 100%; width:100%; background: #0f1722;}

#afooter{padding:.2rem 0;line-height:.3rem;color:#ddd;text-align:center;font-size:.2rem;font-family:'tahoma'; position: relative; z-index: 3; background: #000;}
#afooter a{color:#ddd;text-decoration:none}

.spr{ background-image:url(//game.gtimg.cn/images/val/act/a20230301act/m/spr.png); background-repeat:no-repeat; background-size:3.73rem 1.24rem;}
.spr.btn-add{ width:0.34rem; height:0.34rem; background-position:97.05015% 94.44444%;}
.spr.btn-close{ width:0.42rem; height:0.42rem; background-position:83.98792% 3.65854%;}
.spr.btn-f5{ width:0.32rem; height:0.37rem; background-position:94.42815% 3.44828%;}
.spr.btn-next{ width:0.88rem; height:0.6rem; background-position:26.31579% 76.5625%;}
.spr.btn-prev{ width:0.88rem; height:0.6rem; background-position:57.89474% 68.75%;}
.spr.btn-video-i{ width:0.7rem; height:0.72rem; background-position:0.9901% 94.23077%;}
.my-fleet-list li.car1 .name,.my-fleet-list li.car5 .name{ width:1.15rem; height:0.36rem; background-position:98.83721% 53.40909%;}
.my-fleet-list li.car2 .name,.my-fleet-list li.car4 .name{ width:1.25rem; height:0.39rem; background-position:60.8871% 3.52941%;}
.my-fleet-list li.car3 .name{ width:1.46rem; height:0.44rem; background-position:1.32159% 3.75%;}
.spr.ornament{ width:0.14rem; height:0.11rem; background-position:99.16435% 2.65487%;}
.spr.ornament1{ width:0.14rem; height:0.11rem; background-position:99.16435% 14.15929%;}
.spr.tick.on{ width:0.35rem; height:0.27rem; background-position:75.44379% 87.62887%;}
.spr.tick{ width:0.35rem; height:0.27rem; background-position:86.39053% 87.62887%;}

.my-fleet-list .car-box{ background-image:url(//game.gtimg.cn/images/val/act/a20230301act/m/car-spr.png); background-repeat:no-repeat; background-size:10.15rem 3.48rem;}
.my-fleet-list li.car1.on .car-box{ width:1.11rem; height:2.6rem; background-position:74.66814% 3.40909%;}
.my-fleet-list li.car1 .car-box{ width:1.11rem; height:2.6rem; background-position:87.16814% 3.40909%;}
.my-fleet-list li.car2.on .car-box{ width:1.22rem; height:2.81rem; background-position:33.93057% 4.47761%;}
.my-fleet-list li.car2 .car-box{ width:1.22rem; height:2.81rem; background-position:47.81635% 4.47761%;}
.my-fleet-list li.car3.on .car-box{ width:1.48rem; height:3.42rem; background-position:0.34602% 50%;}
.my-fleet-list li.car3 .car-box{ width:1.48rem; height:3.42rem; background-position:17.64706% 50%;}
.my-fleet-list li.car4.on .car-box{ width:1.22rem; height:2.81rem; background-position:61.70213% 4.47761%;}
.my-fleet-list li.car4 .car-box{ width:1.22rem; height:2.81rem; background-position:47.81635% 4.47761%;}
.my-fleet-list li.car5.on .car-box{ width:1.11rem; height:2.6rem; background-position:99.66814% 3.40909%;}
.my-fleet-list li.car5 .car-box{ width:1.11rem; height:2.6rem; background-position:87.16814% 3.40909%;}


.spr-ani{ background-image:url(//game.gtimg.cn/images/val/act/a20230301act/m/spr-ani.png); background-repeat:no-repeat; background-size:7.53rem 2.03rem;}
.spr-ani.guide{ width:0.43rem; height:0.57rem; background-position:92.67606% 2.05479%;}
.spr-ani.t1{ width:6.12rem; height:0.66rem; background-position:97.87234% 49.63504%;}
.spr-ani.t2{ width:6.53rem; height:0.63rem; background-position:3% 2.14286%;}
.spr-ani.t3{ width:4.38rem; height:0.62rem; background-position:0.95238% 97.87234%;}
.spr-ani.t4{ width:2.41rem; height:0.63rem; background-position:86.52344% 97.14286%;}
.spr-ani.t5{ width:1.33rem; height:0.68rem; background-position:0.48387% 50.37037%;}

.guide{font-size: 20px; line-height: 30px; color: #fff;}

.wrapper{ position:relative; font-size:12px; overflow: hidden; width: 100%;}
.wrapper *,.dia *,.dia{ -webkit-box-sizing:border-box; box-sizing:border-box;}
body .wrapper .boxc{-webkit-box-sizing: content-box; box-sizing:content-box;}
.wrapper a{ outline:none;}
.wrapper img{ display:block;}
.wrapper .disul{font-size: 0;text-align: center;}
.wrapper .disli{display: inline-block; vertical-align: top;}

.page-line{display: none;}
.btn-val-comm{padding: .08rem; position: relative; height: .74rem;}
.btn-val-comm:after,.btn-val-comm:before{content: ''; width: 100%; height: .33rem; left: 0; border: 1px solid #798283; position: absolute; box-sizing: border-box;}
.btn-val-comm:after{top: 0; border-bottom: none;}
.btn-val-comm:before{bottom: 0; border-top:none;}
.btn-val-comm .btn-main{width: 100%; height: 100%; position: relative; display: block; -webkit-mask: url(//game.gtimg.cn/images/val/act/a20230301act/m/btn-mask.png); -webkit-mask-size: 5rem 1.1rem; background: #ff4654;}

.btn-val-comm .btn-main .txt{display: block; width: 100%; height: 100%; line-height: .58rem; text-align: center; color: #fff; font-size: .3rem; position: relative; z-index: 3; font-weight: bold;}
.btn-val-comm .btn-main .txt:after{content: ''; position: absolute; right: 0; bottom: 0; width: .06rem; height: .06rem; background: #000; }
.btn-val-comm.gray{pointer-events: none;}
.btn-val-comm.gray .btn-main,.btn-val-comm.gray .btn-main:before{ background: #616161;}
.btn-val-comm.gray .btn-main .txt:after{background: #ff4654;}

.page1{ background: url(//game.gtimg.cn/images/val/act/a20230301act/m/bg1.jpg) no-repeat; background-size: 100% 100%; height: 15.64rem; padding-top: 8.03rem;}
.page2{ background: url(//game.gtimg.cn/images/val/act/a20230301act/m/bg2.jpg) no-repeat; background-size: 100% 100%; height: 11.97rem; position: relative;}
.page3{ background: url(//game.gtimg.cn/images/val/act/a20230301act/m/v1-bg3.jpg) no-repeat; background-size: 7.5rem 24rem; position: relative; overflow: hidden; padding-bottom: 1.4rem;}
.page4{ background: url(//game.gtimg.cn/images/val/act/a20230301act/m/bg4.jpg) no-repeat; background-size: 100% 100%; height: 11.99rem;}
.page5{ background: url(//game.gtimg.cn/images/val/act/a20230301act/m/bg5.jpg) no-repeat; background-size: 100% 100%; height: 12.88rem;}
.page6{ background: url(//game.gtimg.cn/images/val/act/a20230301act/m/bg6.jpg) no-repeat; background-size: 100% 100%; height: 12.97rem;}


.wrapper .cell,.wrapper .line,.page2 .rectangle-box,.page3 .rectangle,.wrapper .rectangle1,.wrapper .rectangle2{display: none;}

.wrapper .title-box{position: absolute; overflow: hidden;}
.wrapper .title-box p{-webkit-transform: translateY(200%);transform: translateY(200%);-webkit-transition: -webkit-transform .65s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: -webkit-transform .65s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: transform .65s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition: transform .65s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform .65s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.wrapper .title-box.var-ani p{-webkit-transform: translateY(0%);transform: translateY(0%);}

.page1 .main-box{text-align: center;}
.page1 .login-box{font-size: .24rem; line-height: .4rem; color: #ece7e1; height: .45rem; margin-bottom: .05rem;}
.page1 .login-box a{ color: #ff4655;}
.page1 .btn-reserve{display: block; margin: 0 auto .13rem; width:3.3rem; height: .73rem;}
.page1 .btn-reserve .txt{line-height: .57rem;}
.page1 .btn-val-comm:after,.page1 .btn-val-comm:before{height: .35rem;}
.page1 .btn-tick{display: inline-block; vertical-align: top; color: #ece7e1; font-size: .24rem; line-height: .4rem; height: .4rem; margin-top: .13rem; position: relative; padding-left: .36rem;}
.page1 .btn-tick i{position: absolute; left: 0; top: .1rem;}
.page1 .btn-tick.hide{display: none;}
.page1 .title-box{width: 100%; height: 3.85rem; margin: 0 auto; position: relative;}
.page1 .title-box p{width: 100%; height: 100%; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/v1-slogan.png) 50% 100% no-repeat; background-size: 100% 3.4rem;}
.page1 .btn-video{display: block; margin: .04rem auto .37rem; width: .68rem; height: .68rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/pc/btn-video.png) 50% 0 no-repeat; background-size: 100% 100%;}
.page1 .btn-website{position: absolute; right: .28rem; top: .6rem; color: #ece7e1; height: .42rem; line-height: .42rem; border-bottom: 1px solid #ece7e1; font-size: .2rem; z-index: 6; text-align: center;}
.page1 .btn-bind-mob{color: #ece7e1; height: .42rem; line-height: .42rem; border-bottom: 1px solid #ece7e1; font-size: .2rem; text-align: center;}
.page1 .btn-wegame{display: none;}

.page2 .main{padding-top: 2.7rem; position: relative;}
.page2 .title-box{left: .3rem; top: 1.05rem;} 

.page2 .card-face-list{font-size: 0; text-align: center; padding-left: .24rem; position: relative; z-index: 3; height: 5rem;}
.page2 .card-face-list li{position: absolute; left: 3.11rem; top: .91rem; width: 1.24rem; height: 2.98rem;}
.page2 .card-face-list .card1{ background: url(//game.gtimg.cn/images/val/act/a20230301act/pc/card1.png) 50% 0 no-repeat; background-size: cover;}
.page2 .card-face-list .card2{ background: url(//game.gtimg.cn/images/val/act/a20230301act/pc/card2.png) 50% 0 no-repeat; background-size: cover;}
.page2 .card-face-list .card3{ background: url(//game.gtimg.cn/images/val/act/a20230301act/pc/card3.png) 50% 0 no-repeat; background-size: cover;}
.page2 .card-face-list .card4{ background: url(//game.gtimg.cn/images/val/act/a20230301act/pc/card4.png) 50% 0 no-repeat; background-size: cover;}
.page2 .card-face-list .card5{ background: url(//game.gtimg.cn/images/val/act/a20230301act/pc/card5.png) 50% 0 no-repeat; background-size: cover;}
.page2 .card-face-list .card{width: 100%; height: 100%;}
.page2 .txt-box{position: absolute; left: .32rem; top: 1.88rem; width: 6.82rem;}
.page2 .txt-box ul{font-size: .24rem; line-height: .34rem; text-align: justify; color: #ece7e1; height:5.8rem;}
.page2 .txt-box li{padding-left: .22rem; position: relative; padding-bottom: .04rem;}
.page2 .txt-box li span{font-weight: bold; color: #fff;}
.page2 .txt-box li i{position: absolute; left: -.02rem; top: .125rem;}

.page2 .btn-lottery{display: block; width: 3.3rem; margin: 0 auto;}
.page2 .btn-val-comm:after,.page2 .btn-val-comm:before{ border-color: #eddcd8;}
.page2 .btn-val-comm .btn-main{ background: #0f1722;}
.page2 .btn-val-comm .btn-main .txt:after{ background: #fff;}
.page2 .btn-val-comm.gray{pointer-events: none;}
.page2 .btn-val-comm.gray .btn-main,.page2 .btn-val-comm.gray .btn-main:before{ background: #616161;}
.page2 .btn-val-comm.gray .btn-main .txt:after{background: #ff4654;}
.page2 .btn-val-comm.gray:after,.page2 .btn-val-comm.gray:before{border-color: #616161;}

.page2 .btn-share{position: absolute; width: 2.34rem; height: .63rem; left: -.01rem; top: 7.52rem;}
.page2 .btn-share:after,.page2 .btn-share:before{ border-color: #fff; height: .24rem;}
.page2 .btn-share .btn-main{ background: #ece7e1;}
.page2 .btn-share .btn-main:before{background: #000;}
.page2 .btn-share .btn-main .txt{ color: #ff4654; line-height: .47rem; font-size: .24rem;}
.page2 .btn-share .btn-main .txt:after{ background: #000; width: .05rem; height: .05rem;}


.page3 .main{padding-top: 2.38rem; position: relative;}
.page3 .title-box{left: .3rem; top: 1.29rem;} 
.page3:before{content: ''; position: absolute; left: 0; width: 7.5rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/p3-logo1.png) no-repeat; height: 2.57rem; background-size: 100% 100%; bottom: -1.06rem; pointer-events: none;}
.page3:after{content: ''; position: absolute; left: 0; width: 4.07rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/p3-after.png) no-repeat; height: .39rem; background-size: 100% 100%; bottom: 0; z-index: 2; pointer-events: none;}
.page3 .rule-list{padding-left: .32rem; height: 2.3rem;}
.page3 .rule-list li{font-size: .2rem; line-height: .25rem; color: #ece7e1; padding-left: .22rem; position: relative; padding-bottom: .14rem; width: 6.78rem; text-align: justify;}
.page3 .rule-list li i{position: absolute; left: .04rem; top: .07rem;}
.page3 .rule-list li span{ color: #fff; font-weight: bold;}
.page3 .recruit-box{position: relative; width: 100%;}
.page3 .recruit-box.hide-btn{height: 1.38rem;}
.page3 .recruit-box.hide-btn .btn-recruit{ display: none;}
.page3 .recruit-box .btn-recruit{width: 3.45rem; margin: .6rem auto; display: block;}
.page3 .recruit-box .btn-recruit.hide{display: none;}
.page3 .num-box{position: absolute; left: 0; top: -.6rem; width: 100%; padding: 0 .3rem;}
.page3 .recruit-box.hide-btn .num-box{top: .5rem;}
.page3 .num-box.change-btn0{top: 5.31rem;} 
.page3 .num-box.change-btn1{top: -.6rem;}
.page3 .num-box a{font-size: .24rem; line-height: .41rem; color: #ece7e1; float: left; border-bottom: 1px solid #ece7e1; height: .38rem;}
.page3 .num-box a span{margin-left: .1rem;}
.page3 .num-box a:nth-of-type(2){float: right;}
.page3 .num-box.change-btn0 a:nth-of-type(2){float: left;} 
.page3 .num-box a.hide{display: none;}
.page3 .btn-val-comm .btn-main .txt{line-height: .64rem; font-size: .22rem;}
.page3 .gift-box{height: 3.1rem; position: relative; padding-top: .32rem;}
.page3 .gift-box .gift-tips{ color: #ff4654; font-size: .2rem; line-height: .3rem; position: absolute; left: .74rem; top: 0;}
.page3 .skin{height: 2.34rem; width: 6.02rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/p3-skin.png) no-repeat; background-size: 100% 100%; margin: 0 auto;}
.page3 .gift-box .btn-video{display: none;}
.page3 .gif{width: 1.65rem; height: 1.65rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/p3-gif.png) no-repeat; background-size: 100% 100%; position: absolute; left: .99rem; top: .53rem;}


.page3 .hide{display: none;}
.page3 .fleet-num{height: .41rem; position: relative; overflow: hidden; z-index: 3; padding-left: .3rem;}
.page3 .fleet-num p{color: #ece7e1; font-size: .24rem; line-height: .41rem; float: left; display: inline; min-width: 2.2rem;}
.page3 .fleet-num p span{margin-left: .1rem;}
.page3 .fleet-num a{float: left; display: inline; margin-top: .02rem;}
.page3 .fleet-num a:hover{-webkit-filter: brightness(1.2); filter: brightness(1.2);}
.page3 .my-fleet-list{font-size: 0; text-align: center; height: 3.68rem;}
.page3 .my-fleet-list li{display: inline-block; vertical-align: top; position: relative;}
.page3 .car-box{position: relative; margin: 0 auto;}
.page3 .my-fleet-list .car1,.page3 .my-fleet-list .car5{width: 1.43rem; padding-top: .42rem;}
.page3 .my-fleet-list .car2,.page3 .my-fleet-list .car4{width: 1.22rem; padding-top: .3rem;}
.page3 .my-fleet-list .car3{width: 1.84rem;;}
.page3 .my-fleet-list .avatar-box{ position: absolute; left: 50%; top: 50%; overflow: hidden; transform: translate(-50%,-70%); border-radius:50%; display: none;}
.page3 .my-fleet-list .on .avatar-box{display: block;}
.page3 .my-fleet-list .avatar-box img{width: 100%; height: 100%;}
.page3 .my-fleet-list .car1 .avatar-box{width: .75rem; height: .75rem; box-shadow: 0 0 .26rem #ffb376; border: 2px solid #ffb376;}
.page3 .my-fleet-list .car2 .avatar-box{width: .86rem; height: .86rem; box-shadow: 0 0 .26rem #41a4d3; border: 2px solid #41a4d3;}
.page3 .my-fleet-list .car3 .avatar-box{width: 1.04rem; height: 1.04rem; box-shadow: 0 0 .26rem #f3434d; border: 2px solid #f3434d;}
.page3 .my-fleet-list .car4 .avatar-box{width: .86rem; height: .86rem; box-shadow: 0 0 .26rem #2ae2a7; border: 2px solid #2ae2a7;}
.page3 .my-fleet-list .car5 .avatar-box{width: .75rem; height: .75rem; box-shadow: 0 0 .26rem #e037ff; border: 2px solid #e037ff;}
.page3 .my-fleet-list .btn-add{position: absolute; top: 50%; margin-top: -.17rem; margin-left: -.17rem; left: 50%;}
.page3 .my-fleet-list .btn-add i{display: none;}
.page3 .my-fleet-list .on .btn-add{display: none;}
.page3 .my-fleet-list .name{ color: #11171d; line-height: .35rem; text-align: center; position: absolute; left: 50%; top: 50%; transform: translateX(-50%); display: none;}
.page3 .my-fleet-list li.on .name{display: block;}
.page3 .my-fleet-list .name strong{display: block; color: #ece7e1; line-height: .22rem; font-weight: normal; padding-top: .03rem;}
.page3 .my-fleet-list .name span{display: block; white-space: nowrap;}
.page3 .my-fleet-list .car1 .name,.page3 .my-fleet-list .car5 .name{margin-top: .27rem; line-height: .36rem; font-size: .16rem; padding: 0 .06rem;}
.page3 .my-fleet-list .car2 .name,.page3 .my-fleet-list .car4 .name{margin-top: .41rem; line-height: .39rem; font-size: .184rem; padding: 0 .07rem;}
.page3 .my-fleet-list .car3 .name{ margin-top: .49rem; line-height: .44rem; font-size: .2135rem; padding: 0 .08rem;}
.page3 .my-fleet-list .car2 .name strong,.page3 .my-fleet-list .car4 .name strong{line-height: .26rem;}
.page3 .my-fleet-list .car3 .name strong{line-height: .3rem;}
.page3 .recruited-box{min-height: .8rem;}
.page3 .recruited-box .btn-recruit{ margin: 0 auto .42rem; display: block; width: 3.45rem; height: .8rem;}
.page3 .recruited-box .btn-recruit:after,.page3 .recruited-box .btn-recruit:before{height: .35rem;}

.page3 .friend-fleet-list{width: 6.84rem; height: 1.8rem; font-size: 0; text-align: center; padding-top: .12rem; margin: .05rem auto 0; position: relative;}
.page3 .friend-fleet-list:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2.99rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/v1-friend-fleet-bg.png) no-repeat; pointer-events: none; background-size: 100% 100%;}
.page3 .hide-btn .friend-fleet-list:after{background: url(//game.gtimg.cn/images/val/act/a20230301act/m/friend-fleet-bg.png) no-repeat; width: 6.84rem; height: 1.3rem; background-size: 100% 100%;}
.page3 .friend-fleet-list li{display: inline-block; vertical-align: top; width: 1.3rem; position: relative;}
.page3 .friend-fleet-list i{display: none;}
.page3 .friend-fleet-list .avatar-box{width: .78rem; height: .78rem; margin: 0 auto .03rem; border-radius:50%; overflow: hidden; position: relative; border: 1px solid #1c2732; padding: .04rem;}
.page3 .friend-fleet-list .on .avatar-box{border-color: #692935;}
.page3 .friend-fleet-list .avatar-box img{width: 100%; display: none; height: 100%; border-radius:50%; overflow: hidden; border: 1px solid #7e2023;}
.page3 .friend-fleet-list .on .avatar-box img{display: block;}
.page3 .friend-fleet-list .name{ color: #ece7e1; opacity: 0; font-size: .18rem; line-height: .3rem; margin: .2rem auto 0;}
.page3 .friend-fleet-list .on .name{opacity: .4;}
.page3 .friend-fleet-list a{width: 100%; height: 100%; background: url(//game.gtimg.cn/images/val/act/a20230301act/pc/add.png) 50% 50% no-repeat; display: block; background-size: 1.3rem 1.3rem;  border-radius:50%; overflow: hidden; border: 1px solid #545a5f;}
.page3 .recruited-box.hide-btn .btn-recruit,.page3 .recruited-box.hide-btn .my-fleet-list .btn-add{ display: none;}
.page3 .friend-fleet-list .on a,.page3 .friend-fleet-list.nobody a{display: none;}
.page3 .recruited-box.hide-btn .friend-fleet-list,.page3 .recruited-box.hide-btn .my-fleet-list{pointer-events: none;}


.page4 .main{padding-top: 4.57rem; position: relative;}
.page4 .title-box{left: .3rem; top: 1.06rem;} 
.page4 .riot-games,.page4  .logo1{display: none;}
.page4 .sw-wrapper{position: relative;}
.page4 .swiper-container{position: absolute; width: 7.5rem; left: .3rem; top: 0;}
.page4 .swiper-videobox{width: 6.9rem; height: 3.63rem;}

.page4 .btn-play{background: url(//game.gtimg.cn/images/val/act/a20230301act/m/video.jpg) no-repeat; width: 6.9rem; height: 3.63rem; position: absolute; left: 0; top: 0; background-size: cover; z-index: 6;}
.page4 .btn-play i {width: .68rem; height: .68rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/pc/btn-video.png) 50% 0 no-repeat; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; margin-left: -.34rem; margin-top: -.34rem;}

.page5 .main{position: relative;}
.page5 .title-box{left: .27rem; top: 1.04rem;}
.page5 .mask-box,.page5 .rectangle{display: none;}
.page5 .follow-list{font-size: 0; text-align: left; padding-top: 2.2rem; padding-left: .23rem;}
.page5 .follow-list li{height: 2.96rem; display: inline-block; vertical-align: top; width: 2.64rem; position: relative; text-align: center;}
.page5 .code-box{display: none;}
.page5 .icon-box{width: 1.76rem; height: 1.74rem; margin: 0 auto .15rem;}
.page5 .icon-box .plus{display: none;;}
.page5 .icon1{background: url(//game.gtimg.cn/images/val/act/a20230301act/m/iocon1.png) no-repeat; background-size: 100% 100%;}
.page5 .icon2{background: url(//game.gtimg.cn/images/val/act/a20230301act/m/iocon2.png) no-repeat; background-size: 100% 100%;}
.page5 .icon3{background: url(//game.gtimg.cn/images/val/act/a20230301act/m/iocon3.png) no-repeat; background-size: 100% 100%;}
.page5 .icon4{background: url(//game.gtimg.cn/images/val/act/a20230301act/m/iocon4.png) no-repeat; background-size: 100% 100%;}
.page5 .follow-list p{font-size: .24rem; line-height: .28rem; color: #091b25;}
.page5 .follow-list h3{font-size: .24rem; line-height: .3rem; color: #091b25; font-weight: normal; width: 120%; margin-left: -10%; height: .43rem;}
.page5 .follow-list a{display: block; width: 2.2rem; margin:0 auto; height: .64rem;}
.page5 .btn-val-comm .btn-main .txt{line-height: .48rem; color: #ece7e1; font-size: .24rem;}
.page5 .btn-val-comm .btn-main .txt:after{width: .06rem; height: .06rem;}
.page5 .round3{display: none;}

.page6 .main{padding-top: 2.84rem; position: relative;}
.page6 .title-box{left: .3rem; top: 1.17rem;}
.page6 .rectangle-box,.page6 .cell1,.page6 .cell2,.page6 .rectangle{display: none;}
.page6 .scrollbar-box{height: 3.9rem; overflow-y: auto; scrollbar-width:none}
.page6 .scrollbar-box::-webkit-scrollbar {width:2px;height:2px;}
.page6 .scrollbar-box::-webkit-scrollbar-track-piece {background-color:transparent;}
.page6 .scrollbar-box::-webkit-scrollbar-thumb {background-color:transparent;}
.page6 .rule-list{padding-left: .3rem;}
.page6 .rule-list li{padding-bottom: .16rem; text-align: justify; padding-right: .36rem;}
.page6 .rule-list h4{ position: relative; padding-left: .24rem; color: #13181f; margin-bottom: .09rem; font-size: .27rem; line-height: .36rem; font-weight: normal;}
.page6 .rule-list .ornament{position: absolute; left: 0; top: .125rem;}
.page6 .rule-list p{ color: #676c6f; font-size: .22rem; padding-left: .24rem; line-height: .32rem; opacity: .8;}
.page6 .rule-list a{color: #676c6f; text-decoration: underline;}
.page6 .btn-rule{position: absolute; color: #ff4654; font-size: .24rem; line-height: .3rem; z-index: 8; right: .32rem; top: 1.6rem; padding-right: .18rem;}
.page6 .btn-rule i{position: absolute; right: 0; top: 50%; background: url(//game.gtimg.cn/images/val/act/a20230301act/pc/btn-rule.png) no-repeat; width: .12rem; height: .19rem; margin-top: -.08rem; background-size: 100% 100%;}
.page6 .guide{position: absolute; top: 6.87rem; left: .54rem;}

.dia{outline: none; display: none;}
.dia,.dia *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.dia .btn-close{position: absolute; right: -.3rem; top: -.4rem;}

.dia-video{border: 2px solid #ff4654; background: #000; box-sizing: content-box;}
.dia-video,.video-box{width:6.7rem;height:3.8rem;}


.dia-spr{ background-image:url(//game.gtimg.cn/images/val/act/a20230301act/m/dia-spr.png); background-repeat:no-repeat; background-size:10.62rem 0.85rem;}
.dia-spr.btn-close{ width:0.3rem; height:0.3rem; background-position:99.7093% 5.45455%;}
.dia-spr.input{ width:5.11rem; height:0.79rem; background-position:0.54446% 50%;}
.dia-spr.tel{ width:5.11rem; height:0.79rem; background-position:93.64791% 50%;}


.dia .btn-val-comm{height: 1.03rem;}
.dia .btn-main .txt{line-height: .87rem;}
.dia .btn-val-comm:after,.dia .btn-val-comm:before{ border-color: #fff;}
.dia .btn-val-comm .btn-main{ background: #0f1722;}
.dia .btn-val-comm .btn-main:before{background: #fff;}
.dia .btn-val-comm .btn-main .txt{font-size: .28rem; font-weight: bold;}
.dia .btn-val-comm .btn-main .txt:after{ background: #fff;}
.dia .btn-val-comm.gray .btn-main,.dia .btn-val-comm.gray .btn-main:before{ background: #616161;}
.dia .btn-val-comm.gray .btn-main .txt:after{background: #ff4654;}
.dia .btn-val-comm.gray:after,.dia .btn-val-comm.gray:before{border-color: #616161;}
.dia .btn-val-comm:before,.dia .btn-val-comm:after{ height: .46rem;}


.dia-tips{width: 6.42rem; height: 5.9rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/dia-bg1.png) no-repeat; padding-top: 1.25rem; background-size: 100% 100%;}
.dia-tips .tips-box{font-size: .3rem; line-height: .63rem; color: #ece7e1; text-align: center; height: 2.88rem; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}
#tc1 .tips-box{font-size: .28rem;}
.dia .btn-comm2{ margin: 0 auto; width: 4.59rem; display: block;}
.dia .comm-tips{ padding: 0 .5rem;}

.dia .btn-box{font-size: 0; text-align: center; width: 140%; margin-left: -20%;}
.dia .btn-box a{display: inline-block; vertical-align: top; margin: 0 .06rem; width: 2.5rem;}

.dia-bind{width: 6.42rem; height: 7.5rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/dia-bg2.png) no-repeat; padding: 1.65rem .66rem 0; background-size: 100% 100%;}
.dia-bind .congrats{ color: #ece7e1; font-size: .6rem; font-weight: bold; line-height: .8rem;}
.dia-bind .congrats-tip{ color: #dbd7d0; font-size: .21rem; line-height: .33rem; display: none;}
.dia-bind .congrats-tips{ color: #ece7e1; font-size: .24rem; line-height: .35rem;}
.dia-bind .input-list{margin-top: .35rem; height: 2.34rem; overflow: hidden;}
.dia-bind .input-list li{position: relative; margin-bottom: .35rem; padding-left: 1.74rem; padding-top: .08rem; padding-right: .08rem;}
.dia-bind .input-list .input-tips{position: absolute; left: 0; top: 0; color: #0f1722; text-align: right; font-size: .24rem; line-height: .77rem; width: 1.4rem;}
.dia-bind .input-list input{width: 100%; height: .58rem; display: block; line-height: .58rem; color: #0f1722; font-size: .24rem; border: none; background: transparent; outline: none;}
.dia-bind .input-list .code-box{width: 1.46rem; right: .13rem; top: .15rem; height: .49rem; position: absolute; text-align: center; line-height: .49rem; font-size: .18rem; }
.dia-bind .input-list .code-box p{width: 100%; height: 100%; background: #d4d0d0; color: #0f1722;}
.dia-bind .input-list .code-box a{width: 100%; height: 100%; background: #d4d0d0; position: absolute; left: 0; top: 0; color: #0f1722;}
.dia-bind .input-list .code-box a.hide{display: none;}

.dia-bind-small{height: 5.9rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/dia-bg1.png) no-repeat; padding-top: 1.16rem; background-size: 100% 100%;}
.dia-bind-small .input-list li{margin-bottom: .35rem;}
.dia-bind-small .input-list{height: 2.24rem;}
.dia-bind-small .congrats,.dia-bind-small .congrats-tip{display: none;}
.dia-bind .small-show{display: none;}
.dia-bind-small .small-show{display: inline;}


.dia-tips .cancel-tips{text-align: center; color: #ece7e1; font-size: .3rem; line-height: .4rem; padding-top: .85rem;}
.dia-tips .tel{margin: .2rem auto .68rem; color: #ece8e0; font-size: .3rem; line-height: .8rem; height: .8rem; text-align: center;}


.dia-gift{width: 6.42rem; height:9.1rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/dia-bg3.png) no-repeat; padding-top: 1.5rem; background-size: 100% 100%;}
.dia-gift2{width: 6.42rem; height:10.1rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/dia-bg4.png) no-repeat; padding-top: 1.5rem; background-size: 100% 100%;}
.dia .gift-box{width: 1.77rem; height: 3.51rem; margin: 0 auto; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/dia-gift1.png) no-repeat; background-size: 100% 100%;}

.dia-gift .gift-congrats{ color: #ece7e1; font-size: .3rem; line-height: .46rem; width: 5.5rem; margin: .35rem auto; text-align: center; height: 1.38rem;}
.dia-gift .gift-congrats span{font-weight: bold;}

.dia-gift2 .gift-tips{width: 5.5rem; text-align: center; font-size: .3rem; line-height: .46rem; color: #ece7e1; margin: 0 auto;}
.dia-gift2 .gift-tips1{margin-top: .43rem; font-size: .21rem; line-height: .3rem; opacity: .8;}
.dia-gift2 .gift-tips2{margin-top: .14rem; margin-bottom: .52rem;}
.dia-gift2 .gift-tips2 span{font-weight: bold;}

.dia-invite{width: 6.42rem; height:9.1rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/dia-bg3.png) no-repeat; padding-top: 1.47rem; background-size: 100% 100%;}
.dia-invite .invite-gift{width: 5.74rem; height: 2.99rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/pc/dia-gift2.png)  50% 50% no-repeat; background-size: contain; margin: 0 auto;}
.dia-invite .invite-tips{ color: #ece7e1; font-size: .3rem; line-height: .37rem; width: 5.36rem; margin: .34rem auto 0; text-align: center;}
.dia-invite .invite-tips span,.dia-invite .invite-tip span{font-weight: bold; color: #fff;}
.dia-invite .invite-tip{font-size: .22rem; line-height: .33rem; color: #ece7e1; width: 5.36rem; margin: .12rem auto .46rem; text-align: center;}

.dia-invite-guest{width: 6.42rem; height:8.13rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/dia-bg5.png) no-repeat; padding-top: 1.47rem; background-size: 100% 100%;}
.dia-invite-guest-big{padding-top: 1.35rem; height:9.1rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/dia-bg3.png) no-repeat; background-size: 100% 100%;}
.dia-invite-guest .invite-gift{width: 5.74rem; height: 2.99rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/pc/dia-gift2.png)  50% 50% no-repeat; background-size: contain; margin: 0 auto;}
.dia-invite-guest-big .invite-gift{height: 4.37rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/pc/dia-gift3.png) 50% 50% no-repeat; background-size: contain;}
.dia-invite-guest .invite-tips{ color: #ece7e1; font-size: .3rem; line-height: .37rem; width: 5.36rem; margin: .14rem auto 0; text-align: center;}
.dia-invite-guest .invite-tip{font-size: .22rem; line-height: .33rem; color: #ece7e1; width: 5.36rem; margin: .12rem auto .46rem; text-align: center;}
.dia-invite-guest-big .invite-tip{margin-bottom: .3rem;}
.dia-invite-guest .invite-tip span,.dia-invite-guest .invite-tips span{font-weight: bold; color: #fff;}

.dia-ewm{ background: url(//game.gtimg.cn/images/val/act/a20230301act/m/dia-bg6.png) no-repeat; width: 4.24rem; height: 4.04rem; background-size: 100% 100%; padding-top: .38rem;}
.dia-ewm img{width: 3.28rem; margin: 0 auto; display: block;}


.create-box{position: absolute; top: 0; width: 1165px; height: 670px; z-index: 99; left: -1500px; overflow: hidden;}
.create101{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg101.png); background-position: 50% 0; background-repeat: no-repeat;}
.create102{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg102.png); background-position: 50% 0; background-repeat: no-repeat;}
.create103{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg103.png); background-position: 50% 0; background-repeat: no-repeat;}
.create104{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg104.png); background-position: 50% 0; background-repeat: no-repeat;}
.create105{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg105.png); background-position: 50% 0; background-repeat: no-repeat;}
.create106{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg106.png); background-position: 50% 0; background-repeat: no-repeat;}
.create107{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg107.png); background-position: 50% 0; background-repeat: no-repeat;}
.create108{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg108.png); background-position: 50% 0; background-repeat: no-repeat;}
.create109{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg109.png); background-position: 50% 0; background-repeat: no-repeat;}
.create110{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg110.png); background-position: 50% 0; background-repeat: no-repeat;}
.create111{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg111.png); background-position: 50% 0; background-repeat: no-repeat;}
.create112{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg112.png); background-position: 50% 0; background-repeat: no-repeat;}

.create201{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg201.png); background-position: 50% 0; background-repeat: no-repeat;}
.create202{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg202.png); background-position: 50% 0; background-repeat: no-repeat;}
.create203{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg203.png); background-position: 50% 0; background-repeat: no-repeat;}
.create204{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg204.png); background-position: 50% 0; background-repeat: no-repeat;}
.create205{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg205.png); background-position: 50% 0; background-repeat: no-repeat;}
.create206{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg206.png); background-position: 50% 0; background-repeat: no-repeat;}
.create207{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg207.png); background-position: 50% 0; background-repeat: no-repeat;}
.create208{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg208.png); background-position: 50% 0; background-repeat: no-repeat;}
.create209{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg209.png); background-position: 50% 0; background-repeat: no-repeat;}
.create210{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg210.png); background-position: 50% 0; background-repeat: no-repeat;}
.create211{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg211.png); background-position: 50% 0; background-repeat: no-repeat;}
.create212{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg212.png); background-position: 50% 0; background-repeat: no-repeat;}

.create301{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg301.png); background-position: 50% 0; background-repeat: no-repeat;}
.create302{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg302.png); background-position: 50% 0; background-repeat: no-repeat;}
.create303{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg303.png); background-position: 50% 0; background-repeat: no-repeat;}
.create304{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg304.png); background-position: 50% 0; background-repeat: no-repeat;}
.create305{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg305.png); background-position: 50% 0; background-repeat: no-repeat;}
.create306{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg306.png); background-position: 50% 0; background-repeat: no-repeat;}
.create307{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg307.png); background-position: 50% 0; background-repeat: no-repeat;}
.create308{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg308.png); background-position: 50% 0; background-repeat: no-repeat;}
.create309{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg309.png); background-position: 50% 0; background-repeat: no-repeat;}
.create310{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg310.png); background-position: 50% 0; background-repeat: no-repeat;}
.create311{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg311.png); background-position: 50% 0; background-repeat: no-repeat;}
.create312{ background-image: url(//game.gtimg.cn/images/val/act/a20230301act/create/c-bg312.png); background-position: 50% 0; background-repeat: no-repeat;}

.create-box.style1 .propaganda{position: absolute; width: 540px; height: 220px; left: 64px; top: 307px;}
.style1 .propaganda1{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p101.png) no-repeat;}
.style1 .propaganda2{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p102.png) no-repeat;}
.style1 .propaganda3{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p103.png) no-repeat;}
.style1 .propaganda4{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p104.png) no-repeat;}
.style1 .propaganda5{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p105.png) no-repeat;}
.style1 .propaganda6{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p106.png) no-repeat;}

.create-box.style2  .propaganda{position: absolute; width: 620px; height: 180px; left: 66px;}
.style2 .propaganda1{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p201.png) no-repeat; top: 74px;}
.style2 .propaganda2{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p202.png) no-repeat; top: 30px;}
.style2 .propaganda3{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p203.png) no-repeat; top: 28px;}
.style2 .propaganda4{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p204.png) no-repeat; top: 29px;}
.style2 .propaganda5{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p205.png) no-repeat; top: 35px;}
.style2 .propaganda6{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p206.png) no-repeat; top: 25px;}

.create-box.style3  .propaganda{position: absolute; width: 630px; height: 200px; left: 480px;}
.style3 .propaganda1{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p301.png) no-repeat; top: 107px;}
.style3 .propaganda2{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p302.png) no-repeat; top: 50px;}
.style3 .propaganda3{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p303.png) no-repeat; top: 58px;}
.style3 .propaganda4{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p304.png) no-repeat; top: 67px;}
.style3 .propaganda5{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p305.png) no-repeat; top: 113px;}
.style3 .propaganda6{ background: url(//game.gtimg.cn/images/val/act/a20230301act/create/p306.png) no-repeat; top: 44px;}

.create-box .img-box{width: 120px; height: 120px; position: absolute; right: 49px; bottom: 58px;}
.create-box.style2 .img-box{right: 20px; bottom: 20px;}
.create-box.style3 .img-box{right: 1022px; bottom: 48px;}
.create-box .img-box img{display: block; width: 100%;}
.create-box .nickname{position: absolute; left: 66px; bottom: 56px; color: #ede6de; font-size: 30px; line-height: 40px; white-space: nowrap;}
.create-box.style2 .nickname{ color: #ff4655; bottom: 418px;}
.create-box.style3 .nickname{ color: #ff4655; bottom: 374px; left: 480px;}


.dia-create{width: 6.6rem; -webkit-user-select: none; user-select: none;}
.dia-create .img-box{width: 100%;}
.dia-create .img-box img{display: block; width: 100%; -webkit-touch-callout: default;}
.dia-create .create-tips{font-size: .2rem; line-height: .54rem; height: .84rem; text-align: center; color: #ece8e1;}
.dia-create .btn-box a{width: 2.5rem; height: .78rem; margin: 0 .2rem;}
.dia-create .btn-val-comm:before, .dia-create .btn-val-comm:after{ border-color: #798283; height: .3rem;}
.dia-create .btn-val-comm .btn-main{background: #ff4654;}
.dia-create .btn-val-comm .btn-main:before{background: #000;}
.dia-create .btn-val-comm .btn-main .txt{line-height: .61rem; font-size: .24rem;}

.dia-login{width: 6.42rem; height: 5.9rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/dia-bg1.png) no-repeat; padding-top: 1.7rem; background-size: 100% 100%;}
.dia-login .login-tips{ font-size: .45rem; line-height: .6rem; text-align: center; color: #ece7e1; font-weight: bold;}
.dia-login .login-btnbox{font-size: 0; text-align: center; padding-top: .3rem;}
.dia-login .login-btnbox a{display: inline-block; vertical-align: top; width: 1.64rem; margin: 0 .3rem;}
.dia-login .login-btnbox i{display: block; margin: 0 auto; width: 1.64rem; height: 1.65rem;}
.dia-login .login-btnbox .icon-wx{ background: url(//game.gtimg.cn/images/val/act/a20230301act/m/btn-wx.png) no-repeat; background-size: 100% 100%;}
.dia-login .login-btnbox .icon-qq{ background: url(//game.gtimg.cn/images/val/act/a20230301act/m/btn-qq.png) no-repeat; background-size: 100% 100%;}
.dia-login .login-btnbox span{display: block; font-size: .24rem; line-height: .4rem; color: #dbd7d0;}

.dia-tips h3{ color: #ece7e1; font-size: .6rem; line-height: .8rem; padding:.3rem .6rem .2rem; font-weight: bold;}
.dia-tips h4{ color: #ece7e1; font-size: .24rem; line-height: .35rem; font-weight: normal; padding:0 .6rem; text-align: justify; height: 1.5rem;}

.wrapper img.dom2img-result{display: none;}
.pc-show{display: none;}

.page6 .guide{ -webkit-animation: btnarrow .6s ease-in infinite alternate; animation: btnarrow .6s ease-in infinite alternate;}
.page6 .guide.hide{display: none; -webkit-animation: none; animation: none;}
@-webkit-keyframes btnarrow{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(.2rem)}}
@keyframes btnarrow{0%{transform:translateY(0)}100%{transform:translateY(.2rem)}}

.channel-box{position: absolute; left: .26rem; top: .65rem; z-index: 3;}
.channel-box i{display: block;}
.channel-box .channel-1033{ background: url(//game.gtimg.cn/images/val/act/a20230301act/adtag/m-1033.png) no-repeat; width: 1.95rem; height: .31rem; background-size: 100% 100%;}
.channel-box .channel-1034{ background: url(//game.gtimg.cn/images/val/act/a20230301act/adtag/m-1034.png) no-repeat; width: 1.61rem; height: .41rem; background-size: 100% 100%;}


.super-tips{ position: fixed; left: 0; top: -1rem; width: 100%; line-height: .5rem; font-size: .28rem; color: #fff; text-align: center; background: rgba(255,70,84,.5); z-index: 10001; transition: .3s ease top;}
.super-tips.show{ top: .5rem;}


.honour-box{position: absolute; left: 0; top: -999px; background: url(//game.gtimg.cn/images/val/act/a20230301act/create/v1-honour.jpg) no-repeat; width: 1200px; height: 674px; z-index: -9;}
.honour-box .honour-name{position: absolute; left: 620px; bottom: 40px; width: 230px; height: 35px; line-height: 35px; text-align: center; color: #ece7e1; font-size: 24px;}

.loading-mask{position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,.7); z-index: 100010; display: none;}
.loading-mask.show{display: block;}
.loading-mask .loading-main{position: absolute; left: 0; top: 50%; height: 1.2rem; width: 100%; margin-top: -60px;}
.loading-mask .loading-main i{ display: block; width: .68rem; height: .68rem; margin: 0 auto; background: url(//game.gtimg.cn/images/val/act/a20230301act/loading.png) no-repeat; background-size: 100% 100%;}
.loading-mask.show .loading-main i{ -webkit-animation: rotation 3s linear infinite; nimation: rotation 3s linear infinite;} 
.loading-mask .loading-main p{font-size: .24rem; line-height: .5rem; text-align: center; color: #fff;}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.dia-rule{width: 6.42rem; height:9.1rem; background: url(//game.gtimg.cn/images/val/act/a20230301act/m/dia-bg3.png) no-repeat; padding-top: 1.5rem; color: #ece7e1; background-size: 100% 100%;}
.dia-rule .scrollbar-box{width: 5.5rem; margin: 0 auto; height: 7rem; overflow-y: auto; padding-right: .2rem;}
.dia-rule .scrollbar-box::-webkit-scrollbar {width:3px;height:3px;}
.dia-rule .scrollbar-box::-webkit-scrollbar-track-piece {background-color:rgba(236,231,225,0);}
.dia-rule .scrollbar-box::-webkit-scrollbar-thumb {background-color:rgba(236,231,225,.5);}
.dia-rule li{padding-bottom: .3rem; text-align: justify;}
.dia-rule h5{ font-size: .28rem; font-weight: bold; line-height: .4rem; text-indent: -.5em;}
.dia-rule h6{ font-size: .22rem; font-weight: bold; line-height: .3rem; padding-top: .1rem;}
.dia-rule p{ font-size: .22rem; line-height: .32rem; padding-top: .06rem;}

.page1 .btn-video,.page4 .btn-play i{-webkit-animation: aniZoom 1.5s infinite; animation: aniZoom 1.5s infinite;}
@keyframes aniZoom{50%{transform: scale(1.2);}}

.wegame-mask{display: none;}

/*2023年6月12日 新增*/
.page1 .btn-bind-mob{display: none;}
.dia-gift .gift-congrats-auto{height: auto;}
.dia-gift .extract-box{width: 1.77rem; height: 4.1rem; margin: 0 auto;}
.dia-gift .extract-box img{width: 100%;}
.dia-invite-guest .receive-tips{ color: #ece7e1; font-size: .3rem; line-height: .37rem; width: 5.36rem; margin: .35rem auto; text-align: center;}
.dia-invite-guest .receive-tips span{color: #fff;}

.guide-spr,.page3 .my-fleet-list .complete-guidance{ background-image:url(//game.gtimg.cn/images/val/act/a20230301act/m/v1-guide.png); background-repeat:no-repeat; background-size:4.39rem 1.28rem;}
.guide-spr.guide1,.page3 .my-fleet-list .car1 .complete-guidance,.page3 .my-fleet-list .car5 .complete-guidance{ width:1.31rem; height:0.6rem; background-position:98.05195% 95.58824%;}
.guide-spr.guide2,.page3 .my-fleet-list .car2 .complete-guidance,.page3 .my-fleet-list .car4 .complete-guidance{ width:1.36rem; height:0.62rem; background-position:54.12541% 4.54545%;}
.guide-spr.guide3,.page3 .my-fleet-list .car3 .complete-guidance{ width:1.59rem; height:0.7rem; background-position:1.07143% 5.17241%;}
.guide-spr.guide4{ width:1.34rem; height:0.6rem; background-position:99.01639% 4.41176%;}

.page3 .my-fleet-list .complete-guidance{position: absolute; display: none;}
.page3 .my-fleet-list .complete-guidance.show{display: block;}
.page3 .complete-guidance{left: 50%;}
.page3 .car1 .complete-guidance,.page3 .car5 .complete-guidance{ top: .26rem; margin-left: -.655rem;}
.page3 .car2 .complete-guidance,.page3 .car4 .complete-guidance{ top: .26rem; margin-left: -.68rem;}
.page3 .car3 .complete-guidance{ top: .32rem;  margin-left: -.795rem;}

.page3 .guide-box{position: absolute; left: 50%; margin-left: -.67rem; z-index: 3; top: .5rem; display: none;}
.page3 .show-guide .guide-box{display: block;}
.page3 .guide-box .guide4{display: block;}
.page3 .guide-box .guide5{display: none;}


.v7-spr{ background-image:url(//game.gtimg.cn/images/val/act/a20230301act/m/v7-spr.png); background-repeat:no-repeat; background-size:4.78rem 0.69rem;}
.v7-spr.btn-next{ width:0.51rem; height:0.36rem; background-position:87.11944% 9.09091%;}
.v7-spr.btn-prev{ width:0.5rem; height:0.35rem; background-position:99.29907% 8.82353%;}
.v7-spr.tit{ width:3.67rem; height:0.63rem; background-position:2.7027% 50%;}

.swiper-container{position: relative; overflow: hidden;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform; overflow: hidden;}
.swiper-invisible-blank-slide{visibility:hidden}

.page7{background: url(//game.gtimg.cn/images/val/act/a20230301act/m/v1-bg7.jpg) 50% 0 no-repeat; height: 7.5rem; background-size: 100% 100%; position: relative; z-index: 4;display: none;}
.page7 .main{padding-top: 2.84rem;}
.page7 .cell,.page7 .ani-logo1{display: none;}
.page7 .title-box{left: .28rem; top: 1.11rem;}
.page7 .sw-wrapper{width: 5.9rem; margin: 0 auto; position: relative;}
.page7 .swiper-container{ height: 2.5rem;}
.page7 .swiper-container:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #939494; box-sizing: border-box; z-index: 3; pointer-events: none;}
.page7 .swiper-container:after{content: ''; position: absolute; left: 0; bottom: 0; width: .24rem; height: .24rem; border: 1px solid #939494; z-index: 3; pointer-events: none; background: #ece8e1; border-left-color: #ece8e1; border-bottom-color: #ece8e1;}
.page7 .swiper-slide a{display: block; height: 100%; position: relative; overflow: hidden;}
.page7 .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.page7 .btn-prev,.page7 .btn-next{position: absolute; top: 1.06rem;}
.page7 .btn-prev{left: -.6rem;}
.page7 .btn-next{right: -.6rem;}
.page7 .swiper-pagination{font-size: 0; text-align: left; margin-top: .28rem;}
.page7 .swiper-pagination span{ background: #9fa09f; width: .32rem; height: .06rem; display: inline-block; vertical-align: top; margin-right: .08rem;}
.page7 .swiper-pagination span.swiper-pagination-bullet-active{ background: #000;}

.create-box.style1 .patch{width: 194px; height: 100px; position: absolute; left: 844px; top: 380px; background: url(//game.gtimg.cn/images/val/act/a20230301act/create/patch1.png) no-repeat;}
.create-box.style2 .patch{width: 184px; height: 94px; position: absolute; left: 256px; top: 543px; background: url(//game.gtimg.cn/images/val/act/a20230301act/create/patch2.png) no-repeat;}
.create-box.style3 .patch{width: 180px; height: 335px; position: absolute; left: 973px; top: 317px; background: url(//game.gtimg.cn/images/val/act/a20230301act/create/patch3.jpg) no-repeat;}

.page3 .btn-starting{width: 3.45rem; display: block; margin:.6rem auto;}
.page3 .btn-starting.hide{display: none;}