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: #08182e; font-size: 12px;}

/***µ×²¿***/
#afooter {position: relative;padding: .2rem 0;text-align: center;background-color: #101d2c; font-size: .2rem; line-height: .28rem;}
#afooter, #afooter a {color: #c0c0c0;text-decoration: none;}

.wrapper *{box-sizing: border-box;}

.spr{ background-image:url(//game.gtimg.cn/images/val/act/a20250520plan/m/v-spr.png); background-repeat:no-repeat; background-size:13.73rem 2.5rem;}
.spr.btn-cancel{ width:1.45rem; height:0.47rem; background-position:73.12704% 96.05911%;}
.spr.btn-close{ width:0.31rem; height:0.3rem; background-position:88.82265% 88.63636%;}
.spr.btn-confirm{ width:1.45rem; height:0.47rem; background-position:85.09772% 96.05911%;}
.spr.btn-copy{ width:1.45rem; height:0.47rem; background-position:85.09772% 96.05911%;}
.spr.btn-customer{ width:1.8rem; height:0.68rem; background-position:77.28416% 43.40659%;}
.spr.btn-lottery-tc.gray{ width:1.79rem; height:0.5rem; background-position:22.69682% 98.5%;}
.spr.btn-lottery-tc{ width:1.79rem; height:0.5rem; background-position:37.85595% 98.5%;}
.spr.btn-lottery.gray{ width:2.66rem; height:0.74rem; background-position:0.271% 96.59091%;}
.spr.btn-lottery{ width:2.66rem; height:0.74rem; background-position:59.07859% 30.11364%;}
.spr.btn-order{ width:1.8rem; height:0.68rem; background-position:92.53982% 43.40659%;}
.spr.btn-submit.gray{ width:1.5rem; height:0.44rem; background-position:74.32543% 72.3301%;}
.spr.btn-submit{ width:1.5rem; height:0.44rem; background-position:86.75388% 72.3301%;}
.spr.btn-surprised.gray{ width:2.66rem; height:0.74rem; background-position:86.90154% 1.70455%;}
.spr.btn-surprised{ width:2.66rem; height:0.74rem; background-position:32.33966% 68.75%;}
.spr.btn-unlock.gray,.page4 .limit-list li.gray .spr.btn-unlock{ width:1.4rem; height:0.59rem; background-position:99.75669% 1.57068%;}
.spr.btn-unlock.on,.page4 .limit-list li.unlock .spr.btn-unlock{ width:1.4rem; height:0.59rem; background-position:50.77048% 67.53927%;}
.spr.btn-unlock{ width:1.39rem; height:0.58rem; background-position:62.23663% 67.1875%;}
.spr.link{ width:3.53rem; height:0.47rem; background-position:0.29412% 59.60591%;}
.spr.link2{ width:3.06rem; height:0.48rem; background-position:61.29335% 1.48515%;}
.spr.lock{ width:0.58rem; height:0.69rem; background-position:97.79468% 35.35912%;}
.spr.logo{ width:1.17rem; height:0.27rem; background-position:96.57643% 66.81614%;}
.spr.num{ width:0.34rem; height:0.21rem; background-position:20.23898% 74.23581%;}
.spr.state.on{ width:1.28rem; height:0.53rem; background-position:50.84337% 96.4467%;}
.spr.state{ width:1.28rem; height:0.53rem; background-position:61.68675% 95.93909%;}
.spr.task{ width:6.49rem; height:1.16rem; background-position:0.41436% 2.23881%;}

.page1{ background: url(//game.gtimg.cn/images/val/act/a20250520plan/m/bg1.jpg) 50% 0 no-repeat; height: 5.2rem; background-size: 100% 100%; position: relative;}
.page2{ background: url(//game.gtimg.cn/images/val/act/a20250520plan/m/bg2.jpg) 50% 0 no-repeat; margin-top: -1px; height: 11.3rem; background-size: 100% 100%; position: relative;}
.page3{ background: url(//game.gtimg.cn/images/val/act/a20250520plan/m/bg3.jpg) 50% 0 no-repeat; margin-top: -1px; height: 10.6rem; background-size: 100% 100%; position: relative;}
.page4{ background: url(//game.gtimg.cn/images/val/act/a20250520plan/m/bg4.jpg) 50% 0 no-repeat; margin-top: -1px; height: 9.38rem; background-size: 100% 100%; position: relative;}

.page1 .main{padding-top: 2.84rem;}
.page1 .logo{position: absolute; left: .19rem; top: .18rem; z-index: 3;}
.page1 .act-time{width: 4.4rem; text-align: center; color: #fff; font-size: .18rem; line-height: .3rem; height: .5rem;}
.page1 .login-box{font-size: .18rem; line-height: .3rem; text-align: center; color: #fff; width: 4.4rem;}
.page1 .login-box a{color: #f6ae45;}
.page1 .login-box a:hover{color: #f9cf45;}

.page2 .main{padding-top: 6.49rem;}
.page2 .task-box{overflow-y: auto; height: 3.82rem; padding-left: .37rem; width: 7.1rem;}
.page2 .task-box::-webkit-scrollbar {width:.04rem;height:.04rem;}
.page2 .task-box::-webkit-scrollbar-track-piece {background-color:#60849c;}
.page2 .task-box::-webkit-scrollbar-thumb {background-color:#62c4fd;}
.page2 .task-list{width: 6.6rem;}
.page2 .task-list li{margin-bottom: .18rem; position: relative; padding-left: .25rem; display:flex; display:-webkit-flex; align-items:center; font-size: 0; text-align: left;}
.page2 .task-list .state{position: absolute; top: 50%; right: .09rem; margin-top: -.265rem; color: #1a1a1a; font-size: .18rem; text-align: center; line-height: .53rem;}
.page2 .task-list .task-name{ color: #fafafa; font-size: .2rem; line-height: .25rem; display: block; width: 4.48rem; text-align: justify; margin-bottom: .05rem;}
.page2 .task-list .tag{display: inline-block; vertical-align: top; font-size: .18rem; line-height: .25rem; height: .25rem; text-align: center; background: url(//game.gtimg.cn/images/val/act/a20250520plan/m/tag.png) 50% 0 no-repeat; background-size: 3.25rem .25rem; color: #073964; -webkit-mask: url(//game.gtimg.cn/images/val/act/a20250520plan/pc/tag.png); -webkit-mask-position: 100% 0; -webkit-mask-size: 3.25rem .25rem;;}
.page2 .task-list .tag span{ display: inline-block; vertical-align: top; *zoom:1; *display: inline; background: #f6af51; color: #073964; padding: 0 .5em;}

.page3 .main{padding-top: 1.4rem;}
.page3 .card-box{height: 6.11rem;}
.page3 .tips-box{ color: #f6ae45; font-size: .18rem; line-height: .24rem; position: relative; height: .86rem; padding-left: .38rem;}
.page3 .tips-box strong{color: #fafafa; display: block;}
.page3 .tips-box a{position: absolute; margin-right: -.5em; right: .37rem; top: 0; color: #63c4fe; font-size: .18rem; line-height: .24rem; height: .24rem;}
.page3 .tips-box a:after{content: ''; position: absolute; left: .5em; right: .5em; height: 1px; bottom: -.03rem; background: #63c4fe;}
.page3 .card-list{font-size: 0; text-align: center; height: 3.4rem;}
.page3 .card-list li{display: inline-block; vertical-align: top;  width: 1.13rem; height: 1.53rem; position: relative; background: #022a1c; padding: .1rem; margin: 0 .07rem .14rem;} 
.page3 .card-list li:before,.page3 .card-list li:after{content:''; width: 1.13rem; height: 1.53rem; position: absolute; left: 0; top: 0;}
.page3 .card-list li:before{-webkit-mask: url(//game.gtimg.cn/images/val/act/a20250520plan/m/li-before.png); -webkit-mask-size: 100% 100%; z-index: 1; background: #b7ecaa;}
.page3 .card-list li.card1:before{background: #b7ecaa;}
.page3 .card-list li.card2:before{background: #fef12c;}
.page3 .card-list li.card3:before{background: #27f5ca;}
.page3 .card-list li.card4:before{background: #fdb346;}
.page3 .card-list li.card5:before{background: #bf4afb;}
.page3 .card-list li.card6:before{background: #34e5ec;}
.page3 .card-list li.card7:before{background: #b2c3d4;}
.page3 .card-list li.card8:before{background: #0c55fb;}
.page3 .card-list li.card9:before{background: #15e757;}
.page3 .card-list li.card10:before{background: #f19d6d;}
.page3 .card-list li:after{background: url(//game.gtimg.cn/images/val/act/a20250520plan/m/li-after.png) no-repeat; background-size: 100% 100%; z-index: 3;}
.page3 .card-list li.on:after{display: none;}
.page3 .card-list .prize{width: 100%; height: 100%;}
.page3 .card-list .cont{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.page3 .card-list .cont img {width: auto;height: auto; max-width: 100%; max-height: .9rem; display: block}
.page3 .card-list .cont .name{color: #fff3db; font-size: .18rem; text-align: center; margin-top:.06rem; line-height: .18rem;}

.page3 .card-box .btn-list{font-size: 0; text-align: center;}
.page3 .card-box .btn-list li{width: 3.15rem; display: inline-block; vertical-align: top; *zoom:1; *display: inline;}
.page3 .card-box .btn-list p{color: #fafafa; font-size: .18rem; line-height: .25rem; text-align: center; height: .25rem;}
.page3 .card-box .btn-list a{display: block; margin: .05rem auto 0; color: #fafafa; font-size: .24rem; line-height: .74rem; text-align: center;}
.page3 .card-box .btn-list .btn-surprised{color: #1a1a1a;}

.page3 .rule-box{ padding-left: .56rem; width: 6.9rem; text-align: justify; overflow-y:auto; height: 2.5rem;}
.page3 .rule-box::-webkit-scrollbar {width:.04rem;height:.04rem;}
.page3 .rule-box::-webkit-scrollbar-track-piece {background-color:#fafafa;}
.page3 .rule-box::-webkit-scrollbar-thumb {background-color:#62c4fd;}
.page3 .rule-box h3{ color: #fafafa; font-size: .28rem; line-height: .4rem; position: relative; font-weight: normal; padding-left: .13rem;}
.page3 .rule-box h3:after{content: '';position: absolute; left: 0; top: 50%; height: .25rem; margin-top: -.125rem; background: #f7b351; width: .03rem;}
.page3 .rule-box ul{margin-top: .05rem; padding-bottom: .1rem; width: 6.06rem;}
.page3 .rule-box li{font-size: .2rem; line-height: .25rem; color: rgba(250,250,250,.7); padding-left: .42rem; position: relative; padding-bottom: .1rem;}
.page3 .rule-box .num{position: absolute; left: 0; top: .02rem; line-height: .21rem; text-align: center; color: #fafafa; font-size: .18rem;}
.page3 .rule-box .answer{margin-top: .05rem;}

.page4 .main{padding-top: 1.35rem; font-size: 0; text-align: center;}
.page4 .pc-show{display: none;}
.page4 h4{color: #f6af50; font-size: .32rem; font-weight: bold; line-height: .4rem; height: .47rem;}
.page4 .title-box{height: .71rem;}
.page4 .tips{color: rgba(250,250,250,.8); font-size: .2rem; line-height: .44rem; width: 5.78rem; margin: 0 auto; text-align: center;}
.page4 .limit-box{height: 4.06rem;}
.page4 .limit-list{font-size: 0; text-align: center;}
.page4 .limit-list li{display: inline-block; vertical-align: top;  width: 1.38rem; margin: 0 .125rem; font-size: .2rem; line-height: .4rem; height: 3.74rem;}
.page4 .limit-list .limit{width: 100%; height: 2.11rem; background: url(//game.gtimg.cn/images/val/act/a20250520plan/m/lock-box.png) no-repeat; background-size: 100% 100%; padding-top: .25rem; position: relative;}

.page4 .limit-list .img-box{height: 1.22rem;}
.page4 .limit-list img{display: block; margin: 0 auto; height: 100%;}
.page4 .limit-list .name{ color: #fff; font-size: .24rem; line-height: .3rem; margin-top: .11rem;}
.page4 .limit-list .lock-box{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6); z-index: 4;}
.page4 .limit-list .lock-box i{position: absolute; left: 50%; top: 50%; margin-left: -.29rem; margin-top: -.345rem;}

.page4 .btn-unlock{display: block; margin: .18rem auto .08rem; color: #333333; font-size: .24rem; line-height: .58rem; text-align: center; pointer-events: none;}
.page4 .btn-gift{color: #63c5fe; border-bottom: 1px solid #63c5fe; padding-bottom: .03rem; display: none;}

.page4 .limit-list li.unlock .limit{background: url(//game.gtimg.cn/images/val/act/a20250520plan/m/lock-box.on.png) no-repeat; background-size: 100% 100%;}
.page4 .limit-list li.unlock .btn-unlock{ color: #fafafa; pointer-events: all;}
.page4 .limit-list li.unlock .btn-gift{display: inline;}
.page4 .limit-list li.unlock .lock-box,.page4 .limit-list li.gray .lock-box{display: none;}

.page4 .limit-list li.gray .limit{background: url(//game.gtimg.cn/images/val/act/a20250520plan/m/lock-box.png) no-repeat; background-size: 100% 100%;}
.page4 .limit-list li.gray .btn-unlock{ color: #333333; pointer-events: none;}
.page4 .limit-list li.gray .btn-gift{display: none;}

.page4 .limit-list li.gray .limit:after{content: '';position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6) url(//game.gtimg.cn/images/val/act/a20250520plan/pc/ydw.png) 50% 50% no-repeat; z-index: 9; background-size: .86rem auto;}

.page4 .service-box{position: relative;}
.page4 .service-box .service-tips{height: 1.27rem;}
.page4 .service-box .service-tips p{ color: #64c5fe; font-size: .22rem; line-height: .36rem; padding: 0 .2rem; display: none;}
.page4 .btn-list{margin-top: .24rem; font-size: 0; text-align: center;}
.page4 .btn-list a{font-size: .24rem; line-height: .68rem; text-align: center; display: inline-block; vertical-align: top; margin: 0 .28rem;}
.page4 .btn-list .btn-order{color: #fff;}
.page4 .btn-list .btn-customer{color: #333;}
.page4 .btn-list .pc-show{display: none;}

.dia{box-sizing: border-box; display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 999;}
.dia.show{display: block;}
.dia *{box-sizing:border-box;}
.dia .btn-close{position: absolute; top: -.4rem; right:0; z-index: 3;}

.dia .dia-tit{ color: #fafafa; font-size: .36rem; font-weight: bold; line-height: .5rem; text-align: center;}


.dia-share{background:url(//game.gtimg.cn/images/val/act/a20250520plan/m/tc-bg2.png) 50% 0 no-repeat; width: 5.9rem; height: 2.83rem; padding-top: .2rem; background-size: 100% 100%;}
.dia-share .share-tips{ color: #fafafa; font-size: .2rem; line-height: .36rem; text-align: center; padding: .14rem .7rem 0;}
.dia-share .btn-box{font-size: 0; text-align: center; margin-top: .13rem;}
.dia-share .btn-box .spr{display: inline-block; vertical-align: top;  margin: 0 .06rem; font-size: .18rem; line-height: .47rem;}
.dia-share .btn-box .link{color: #333; padding: 0 .08rem;}
.dia-share .btn-box .btn-copy{color: #fafafa;}
.dia-share .btn-box span{display: block; overflow: hidden;}
.dia-share .btn-box input{display: block; overflow: hidden; background: transparent; border: none; width: 100%; line-height: .47rem; outline: none;}

.dia-tips{background:url(//game.gtimg.cn/images/val/act/a20250520plan/m/tc-bg2.png) 50% 0 no-repeat; width: 5.9rem; height: 2.83rem; padding-top: .2rem; background-size: 100% 100%;}
.dia-tips .text-tip{height:1rem;position: relative;text-align: center; line-height:.36rem ;color: #fafafa;font-size: .2rem; display:flex; display:-webkit-flex; align-items:center; justify-content:center; padding: 0 .5rem; margin: .2rem 0;}
.dia-tips .text-tip span{color: #f7b351;}
.dia-tips .btn-confirm{display: block; margin: 0 auto; font-size: .18rem; line-height: .47rem; color: #fafafa; text-align: center;}

.dia-message{background:url(//game.gtimg.cn/images/val/act/a20250520plan/m/tc-bg1.png) 50% 0 no-repeat; width: 5.9rem; height: 2.39rem; padding-top: .3rem; background-size: 100% 100%;}
.dia-message .message-tips{height:1.23rem; position: relative; line-height:.46rem ;color: #fafafa;font-size: .26rem; text-align: center;}
.dia-message .message-tips span{color: #f7b351; font-weight: bold;}
.dia-message .btn-list{font-size: 0; text-align: center;}
.dia-message .btn-list a{display: inline-block; vertical-align: top; font-size: .2rem; color: #fafafa; line-height: .47rem; margin: 0 .38rem;}
.dia-message .btn-list .btn-cancel{color: #333;}

.dia-how{background:url(//game.gtimg.cn/images/val/act/a20250520plan/m/tc-bg2.png) 50% 0 no-repeat; width: 5.9rem; height: 2.83rem; padding-top: .26rem; background-size: 100% 100%;}
.dia-how .how-tips{ color: #ffc064; font-size: .18rem; font-weight: bold; line-height: .26rem; margin-top: .03rem; text-align: center;}
.dia-how .pc-show{display: none;}
.dia-how .how-des{font-size: .18rem; line-height: .35rem; text-align: center; color: #fafafa; width: 5.36rem; margin: .11rem auto 0;}

.dia-grand{background:url(//game.gtimg.cn/images/val/act/a20250520plan/m/tc-bg3.png) 50% 0 no-repeat; width: 5.14rem; height: 6.35rem; padding-top: .24rem; background-size: 100% 100%;}
.dia-grand .btn-lottery-tc{display: block; margin: 4.49rem auto 0; color: #1a1a1a; font-size: .18rem; text-align: center; line-height: .5rem;}
.dia-grand .dia-tit{line-height: .42rem;}
.dia-grand .pc-show{display: none;}
.dia-grand .dia-tit{color: #ad9f6e;}

.dia-participating{background:url(//game.gtimg.cn/images/val/act/a20250520plan/m/tc-bg5.png) 50% 0 no-repeat; width: 5.9rem; height: 2.39rem; padding-top: .945rem; background-size: 100% 100%;}
.dia-participating .dia-tit{color: #ad9f6e;}


.dia-info{background:url(//game.gtimg.cn/images/val/act/a20250520plan/m/tc-bg4.png) 50% 0 no-repeat; width: 5.14rem; height: 3.08rem; padding-top: .23rem; background-size: 100% 100%;}
.dia-info .info-tips{ color: #fafafa; font-size: .18rem; text-align: center; line-height: .3rem; height: .44rem;}
.dia-info .info-list{height: 1.2rem;}
.dia-info .info-list li{ margin: 0 auto .12rem; color: #333; padding: 0 .1rem;}
.dia-info input{display: block; overflow: hidden; background: transparent; border: none; width: 100%; line-height: .47rem; font-size: .18rem; color: #333; outline: none;}
.dia-info input::-webkit-input-placeholder{color: rgba(255,255,255,.5);}
.dia-info .btn-submit{display: block; margin: 0 auto; color: #1a1a1a; font-size: .18rem; text-align: center; line-height: .44rem;}
.dia-info .dia-tit{color: #ad9f6e;}

.dia-tips2{background:url(//game.gtimg.cn/images/val/act/a20250520plan/m/tc-bg5.png) 50% 0 no-repeat; width: 5.9rem; height: 2.39rem; background-size: 100% 100%; padding-top: .395rem;}
.dia-tips2 .text-tip{height:1rem;position: relative;text-align: center; line-height:.36rem ;color: #ad9f6e;font-size: .2rem; display:flex; display:-webkit-flex; align-items:center; justify-content:center; padding: 0 .5rem;}
.dia-tips2 .btn-submit{display: block; margin: .16rem auto 0; color: #1a1a1a; font-size: .18rem; text-align: center; line-height: .44rem;}

.wrapper a.gray,.wrapper a.gray:hover{pointer-events: none;}
.wrapper a:hover,.dia-share .btn-copy:hover,.dia-tips .btn-confirm:hover,.dia-message .btn-list a:hover,.dia-grand .btn-lottery-tc:hover,.dia-info .btn-submit:hover{-webkit-filter: brightness(1.2); filter: brightness(1.2);}

.milo-alert-frame {z-index: 99999 !important;}

.dia-mask{position: fixed; left: 0; top: 0; width: 100%; height: 100%; bottom: 0; right: 0; z-index: 998; background: rgba(0,0,0,.7); display: none;}
.dia-mask.show{display: block;}