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/a20250623act/m/spr.png);background-repeat:no-repeat; background-size:14.45rem 2.56rem;}
.spr.btn-cancel{ width:1.45rem; height:0.47rem; background-position:86.69231% 4.30622%;}
.spr.btn-close{ width:0.31rem; height:0.3rem; background-position:99.36351% 3.9823%;}
.spr.btn-confirm{ width:1.69rem; height:0.5rem; background-position:85.18809% 31.5534%;}
.spr.btn-copy{ width:1.45rem; height:0.47rem; background-position:84.76923% 58.85167%;}
.spr.btn-customer{ width:1.8rem; height:0.68rem; background-position:42.6087% 77.65957%;}
.spr.btn-lottery-tc.gray{ width:1.79rem; height:0.5rem; background-position:71.09005% 31.5534%;}
.spr.btn-lottery-tc{ width:1.79rem; height:0.5rem; background-position:72.27488% 59.70874%;}
.spr.btn-lottery.gray{ width:2.66rem; height:0.74rem; background-position:22.47668% 4.94505%;}
.spr.btn-lottery{ width:2.66rem; height:0.74rem; background-position:22.47668% 50%;}
.spr.btn-order{ width:1.8rem; height:0.68rem; background-position:57.47036% 77.65957%;}
.spr.btn-submit.gray{ width:1.5rem; height:0.44rem; background-position:96.9112% 58.01887%;}
.spr.btn-submit{ width:1.5rem; height:0.44rem; background-position:97.60618% 30.18868%;}
.spr.btn-surprised.gray{ width:2.66rem; height:0.74rem; background-position:22.47668% 95.05495%;}
.spr.btn-surprised{ width:2.66rem; height:0.74rem; background-position:45.71671% 4.94505%;}
.spr.btn-unlock.gray{ width:1.4rem; height:0.59rem; background-position:70.11494% 91.87817%;}
.spr.btn-unlock.on{ width:1.4rem; height:0.59rem; background-position:81.45594% 91.87817%;}
.spr.btn-unlock{ width:1.39rem; height:0.58rem; background-position:92.72588% 89.89899%;}
.spr.link{ width:3.53rem; height:0.47rem; background-position:49.35897% 43.54067%;}
.spr.link2{ width:3.06rem; height:0.48rem; background-position:71.3784% 4.32692%;}
.spr.lock{ width:0.58rem; height:0.69rem; background-position:97.90916% 93.58289%;}
.spr.logo{ width:1.17rem; height:0.27rem; background-position:96.38554% 3.93013%;}
.spr.num{ width:0.44rem; height:0.24rem; background-position:38.47252% 95.68966%;}
.spr.state.on{ width:2.48rem; height:1.06rem; background-position:0.75188% 6%;}
.spr.state{ width:2.48rem; height:1.06rem; background-position:0.75188% 82%;}

.page1{ width: 100%; height: 4.9rem; background: url(//game.gtimg.cn/images/val/act/a20250623act/m/head-bg.jpg) no-repeat 50% 0/100%; position: relative;}
.page2{ width: 100%; height: 10.74rem; background: url(//game.gtimg.cn/images/val/act/a20250623act/m/bg1.jpg) no-repeat 50% 0/100%; margin-top: -1px; position: relative;}
.page3{ width: 100%; height: 11.86rem; background: url(//game.gtimg.cn/images/val/act/a20250623act/m/bg2.jpg) no-repeat 50% 0/100%; margin-top: -1px; position: relative;}

.page1 .main { width: 100%; height: 100%; position: relative; }
/*.page1 .logo{position: absolute; left: .19rem; top: .18rem; z-index: 3;}*/
.page1 .act-time { width: 4.4rem; height: auto; text-align: center; color: #fff; font-size: .18rem; line-height: .3rem; position: absolute; left: 50%; bottom: .82rem; margin-left: -2.2rem; }
.page1 .login-box { width: 4.4rem; font-size: .18rem; line-height: .3rem; text-align: center; color: #fff; position: absolute; left: 50%; bottom: .5rem; margin-left: -2.2rem; }
.page1 .login-box a { color: #f6ae45; }

.page2 .main{padding-top: 6.3rem;}
.page2 .task-box { width: 6.7rem; height: 3.52rem; margin: 0 auto; overflow-y: auto; }
.page2 .task-box::-webkit-scrollbar {width:.04rem;height:.04rem;}
.page2 .task-box::-webkit-scrollbar-track-piece {background-color:#714145;}
.page2 .task-box::-webkit-scrollbar-thumb {background-color:#ff4654;}
.page2 .task-list { width: 6.6rem; }
.page2 .task-list li { width: 6.5rem; height: 1.04rem; background: #faf9fa; border-left: .05rem solid #ff4654; padding-left: .2rem; margin-top: .2rem; position: relative; display:flex; display:-webkit-flex; align-items:center; font-size: 0; text-align: left; }
.page2 .task-list li:nth-child(1) { margin: 0; }
.page2 .task-list .state { position: absolute; top: 0; right: -1px; color: #666666; font-size: .3rem; text-align: center; line-height: 1.06rem; padding-left: 1.06rem; }
.page2 .task-list .state.on { color: #fafafa; }
.page2 .task-list .task-name { width: 3.8rem; color: #333; font-size: .2rem; line-height: .24rem; display: block; text-align: justify; margin-bottom: .05rem;}
.page2 .task-list .task-name span { color: #ff4958; }
.page2 .task-list .tag{display: inline-block; vertical-align: top; font-size: .18rem; line-height: .25rem; height: .25rem; text-align: center; background: #1a1a1a; color: #fafafa; }
.page2 .task-list .tag span{ display: inline-block; vertical-align: top; *zoom:1; *display: inline; background: #ff4654; padding: 0 .5em;}

.page3 .main{padding-top: 1.6rem;}
.page3 .card-box{height: 5.78rem;}
.page3 .tips-box { color: #ffef7f; font-size: .18rem; line-height: .24rem; position: relative; height: .86rem; padding-left: .38rem;}
.page3 .tips-box p { letter-spacing: 1px; }
.page3 .tips-box strong{color: #fafafa; display: block;}
.page3 .tips-box a { height: .24rem; color: #f9e2e4; font-size: .18rem; line-height: .24rem; position: absolute; right: .37rem; top: .24rem; margin-right: -.5em;}
.page3 .tips-box a:after{content: ''; position: absolute; left: .5em; right: .5em; height: 1px; bottom: -.03rem; background: #f9e2e4;}
.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: #59191e; margin: 0 .07rem .14rem;} 
.page3 .card-list li:before,.page3 .card-list li:after{content:''; width: 1.13rem; height: 1.54rem; position: absolute; left: 0; top: 0;}
.page3 .card-list li:before { background: url(//game.gtimg.cn/images/val/act/a20250623act/li-before.png) no-repeat 0 0/100%; z-index: 1; }
/*.page3 .card-list li:before{-webkit-mask: url(//game.gtimg.cn/images/val/act/a20250623act/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/a20250623act/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%; line-height: .4rem; position: relative; padding: 1.08rem .06rem 0; font-size: 0;}
.page3 .card-list .cont img {width: auto;height: .9rem; display: block; margin: 0 auto; position: absolute; top: .1rem; left: 50%; transform: translateX(-50%);}
.page3 .card-list .cont .name{color: #fff3db; font-size: .18rem; text-align: center; line-height: .2rem; display: inline-block; vertical-align: middle;}

.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: #1a1a1a; font-size: .24rem; line-height: .74rem; font-weight: bold; text-align: center;}

.page3 .r-box { width: 6.7rem; height: auto; margin: 0 auto; }
.page3 .rule-box { width: 100%; height: 3.4rem; text-align: justify; margin-top: .06rem; overflow-y:auto; }
.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 .r-box h3 { color: #fafafa; font-size: .3rem; line-height: .4rem; position: relative; padding-left: .12rem; }
.page3 .r-box h3:after { content: ''; width: .03rem; height: .25rem; position: absolute; left: 0; top: 50%; margin-top: -.125rem; background: #f7b351;}
.page3 .rule-box ul { width: 100%; }
.page3 .rule-box li { font-size: .22rem; line-height: .3rem; color: #f2df85; padding-left: .5rem; position: relative; padding-bottom: .16rem;}
.page3 .rule-box .num { position: absolute; left: 0; top: .04rem; line-height: .24rem; text-align: center; color: #fafafa; font-size: .18rem;}
.page3 .rule-box .answer { font-size: .18rem; line-height: .22rem; color: #fafafa; margin-top: .08rem;}


.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/a20250623act/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/a20250623act/m/tc-bg2.png) no-repeat 50% 0/100%; width: 5.9rem; height: 2.82rem; padding-top: .24rem;}
.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: .16rem 0;}
.dia-tips .text-tip span{color: #f7b351;}
.dia-tips .btn-confirm{display: block; margin: 0 auto; font-size: .18rem; line-height: .47rem; color: #1a1a1a; text-align: center;}

.dia-message{background:url(//game.gtimg.cn/images/val/act/a20250623act/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/a20250623act/m/tc-bg2.png) no-repeat 50% 0/100%; width: 5.9rem; height: 2.82rem; padding-top: .24rem;}
.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/a20250623act/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/a20250623act/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/a20250623act/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/a20250623act/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;}