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;}

@font-face {
  font-family: "num";
  src: url(//game.gtimg.cn/images/val/act/a20250613newmap/font/num.ttf) format("truetype");
}

.spr{ background-image:url(//game.gtimg.cn/images/val/act/a20250613newmap/m/spr.png); background-repeat:no-repeat; background-size:9.69rem 3.66rem;}
.spr.bias{ width:0.2rem; height:0.25rem; background-position:88.72497% 12.60997%;}
.spr.btn-close{ width:0.38rem; height:0.38rem; background-position:90.44039% 0.91463%;}
.spr.btn-confirm{ width:3.22rem; height:0.67rem; background-position:52.08655% 65.88629%;}
.spr.btn-gift.on{ width:3.05rem; height:0.57rem; background-position:50.75301% 86.08414%;}
.spr.btn-gift{ width:3.05rem; height:0.57rem; background-position:99.54819% 60.84142%;}
.spr.btn-lottery.gray{ width:3.32rem; height:0.81rem; background-position:0.47096% 69.12281%;}
.spr.btn-lottery{ width:3.32rem; height:0.81rem; background-position:0.47096% 98.24561%;}
.spr.btn-probability.on{ width:3.05rem; height:0.57rem; background-position:99.54819% 79.93528%;}
.spr.btn-probability{ width:3.05rem; height:0.57rem; background-position:96.98795% 99.02913%;}
.spr.gift-box{ width:1.83rem; height:1.83rem; background-position:83.58779% 1.63934%;}
.spr.task.on{ width:6.52rem; height:0.95rem; background-position:0.94637% 1.10701%;}
.spr.task{ width:6.52rem; height:0.95rem; background-position:0.94637% 36.90037%;}
.spr.tit-after{ width:2.82rem; height:0.13rem; background-position:49.05386% 92.06799%;}


.page1{ background: url(//game.gtimg.cn/images/val/act/a20250613newmap/m/bg1.jpg) 50% 0 no-repeat; height: 7.73rem; background-size: 100% 100%; position: relative;}
.page2{ background: url(//game.gtimg.cn/images/val/act/a20250613newmap/m/bg2.jpg) 50% 0 no-repeat; margin-top: -1px; height: 12.64rem; background-size: 100% 100%; position: relative;}

.page1 .main{padding-top: 5.77rem; text-align: center; }
.page1 .logo{position: absolute; left: .1rem; top: .1rem; z-index: 3; display: none;}
.page1 .act-time{color: #fff; font-size: .22rem; line-height: .3rem; height: 1.32rem;}
.page1 .login-box{font-size: .22rem; line-height: .3rem; text-align: center; color: #e5e7f6;}
.page1 .login-box a{color: #f870fe;}

.page2 .main{padding-top: 2.2rem;}
.page2 .task-list-tit{position: relative; color: #fff; font-size: .29rem; line-height: .44rem; font-weight: bold; padding-left: .32rem; height: .57rem;}
.page2 .task-list-tit i{position: absolute; left: 0; top: .12rem;}
.page2 .task-box{padding-left: .49rem; height: 4.95rem; overflow: hidden;}
.page2 .task-list{overflow-y: auto; height: 4.26rem; width: 6.7rem;}
.page2 .task-list::-webkit-scrollbar {width:.06rem;height:.06rem;}
.page2 .task-list::-webkit-scrollbar-track-piece {background-color:#7b29a5; border: 1px solid #db21ff;}
.page2 .task-list::-webkit-scrollbar-thumb {background-color:#db21ff;}
.page2 .luck{display: none;}
.is-luck .page2 .luck{display: inline;}
.page2 .task-list li{margin-bottom: .16rem; position: relative; padding-left: .67rem; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}
.page2 .task-list li .task-des{width: 100%;}
.page2 .task-list li:nth-last-of-type(1){margin-bottom: 0;}
.page2 .num{ font-family: 'num'; color: #423b46; font-size: .36rem; line-height: .6rem; position: absolute; top: 50%; margin-top: -.3rem; left: .22rem;}
.page2 .task-name{color: #200942; font-size: .22rem; line-height: .26rem; margin-bottom: .02rem; width: 4.3rem; text-align: justify;}
.page2 .task-list .state{position: absolute; top: 50%; right: .3rem; margin-top: -.3rem; color: #160a16; font-size: .22rem; text-align: center; line-height: .6rem;}
.page2 .task-list .done{display: none;}
.page2 .task-list .tag{font-size: .18rem; line-height: .2rem; color: #160a16; opacity: .6; text-indent: -.5em;}

.page2 .task-list li.on .num{color: #e93df1;}
.page2 .task-list li.on .state{color: #fff;}
.page2 .task-list li.on .undone{display: none;}
.page2 .task-list li.on .done{display: block;}

.page2 .lottery-box{width: 6.5rem; margin: 0 auto; position: relative;}
.page2 .btn-jackpot{position: absolute; right: -.5em; top: .2rem; color: #f467fc; line-height: .24rem; font-size: .18rem;}
.page2 .btn-jackpot:after{content: ''; position: absolute; right: .5em; left: .5em; bottom: -.04rem; height: 1px; background: #f467fc;}

.page2 .btn-list{font-size: 0; text-align: center; padding-top: 4.02rem}
.page2 .btn-list p,.page2 .btn-list .btn-lottery{display: inline-block; vertical-align: top;}
.page2 .btn-list p{width: 1.58rem; color: #fff; font-size: .18rem; line-height: .25rem; opacity: .71; padding-top: .28rem;}
.page2 .btn-list p:nth-last-of-type(1){opacity: 1;}
.page2 .btn-list .btn-record{border-bottom: 1px solid #fff; color: #fff; opacity: .71;}
.page2 .btn-list .btn-lottery{color: #fff; font-weight: bold; font-size: .26rem; line-height: .81rem;}

.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: -.44rem; right:0; z-index: 3;}

.dia .dia-tit{ color: #ef51f6; font-size: 0.48rem; font-weight: bold; line-height: 0.6rem; text-align: center; position: relative;}
.dia .dia-tit i{position: absolute; top: 50%; margin-top: -0.055rem; left: 50%; margin-left: -1.4rem;}

.dia-luck{background:url(//game.gtimg.cn/images/val/act/a20250613newmap/pc/tc-bg1.jpg) 50% 0 no-repeat; width: 7rem; height: 3.6rem; background-size: 100% 100%;}
.dia-luck .luck-tips{font-size: 0.27rem; line-height: 0.36rem; color: #fee1ff; text-align: center; padding-top: 1.44rem;}
.dia-luck .luck-tips span{color: #ef51f6;}

.dia-tips{background:url(//game.gtimg.cn/images/val/act/a20250613newmap/pc/tc-bg1.jpg) 50% 0 no-repeat; width: 7rem; height: 3.6rem; padding-top: 0.39rem; background-size: 100% 100%;}
.dia-tips .text-tip{height:1.05rem;position: relative;text-align: center; line-height:0.35rem ;color: #fafafa;font-size: 0.24rem; display:flex; display:-webkit-flex; align-items:center; justify-content:center; padding: 0 0.9rem; margin-top: 0.2rem;}
.dia-tips .text-tip span{color: #f7b351;}
.dia-tips .btn-confirm{display: block; margin: 0.36rem auto 0; font-size: 0.27rem; line-height: 0.65rem; font-weight: bold; color: #fff; text-align: center;}

.dia-record{background:url(//game.gtimg.cn/images/val/act/a20250613newmap/pc/tc-bg2.jpg) 50% 0 no-repeat; width: 7rem; height: 4.64rem; padding-top: 0.31rem; background-size: 100% 100%;}
.dia-record .table{width: 6.07rem; margin: 0.19rem auto 0; background:url(//game.gtimg.cn/images/val/act/a20250613newmap/pc/table.jpg) 50% 0 no-repeat; background-size: 6.07rem .55rem;}
.dia-record table{width: 100%;}
.dia-record th{height: 0.55rem; color: #fff; font-size: 0.22rem; font-weight: bold; text-align: center; border-left: 1px solid #401b6f;}
.dia-record th:nth-of-type(1){border-left:none}
.dia-record td{height: 0.54rem; color: #ece8e1; font-size: 0.18rem; text-align: center; border-bottom: 1px solid #5b1c82;}
.dia-record td a{ color: #ece8e1; text-decoration: underline;}
.dia-record tr:nth-last-of-type(1) td{border-bottom: none;}

.dia-gift{background:url(//game.gtimg.cn/images/val/act/a20250613newmap/pc/tc-bg3.jpg) 50% 0 no-repeat; width: 7rem; height: 6.05rem; padding-top: 0.31rem; background-size: 100% 100%;}
.dia-gift .btn-list{margin: 0.21rem auto 0; padding: 0 0.01rem; font-size: 0; text-align: center;}
.dia-gift .btn-list a{display: inline-block; vertical-align: top; color:#fff; font-size: 0.22rem; font-weight: bold; line-height: 0.55rem; margin: 0 -.02rem;}
.dia-gift .btn-list a.on{color: #160a16; pointer-events: none;}

.dia-gift .tab-divbox{width: 6.07rem; margin: 0.19rem auto 0;}
.dia-gift .tab-div{overflow-y: auto; height: 3.78rem; display: none;}
.dia-gift .tab-div.on{display: block;}
.dia-gift .tab-div::-webkit-scrollbar {width:0.04rem;height:0.04rem;}
.dia-gift .tab-div::-webkit-scrollbar-track-piece {background-color:#6c20a6;}
.dia-gift .tab-div::-webkit-scrollbar-thumb {background-color:#ef51f6;}

.dia-gift .gift-list{font-size: 0; text-align: left;}
.dia-gift .gift-box{position: relative; display: inline-block; vertical-align: top; text-align: center; margin-right: 0.2rem; margin-bottom: 0.16rem; padding-top: 0.15rem;}
.dia-gift .gift-box:nth-of-type(3n){margin-right: 0;}
.dia-gift .gift-box img{ height: 1.02rem; display: block; margin: 0 auto;}
.dia-gift .gift-box p{position: absolute; width: 100%; left: 0; bottom: 0.1rem; font-size: 0.18rem; line-height: 0.22rem; color: #fff; padding: 0 0.02rem; height: .44rem; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}

.dia-gift .table{width: 5.94rem;}
.dia-gift table{width: 100%;}
.dia-gift .table th{ color: #ef51f6; font-size: 0.2rem; line-height: 0.24rem; border-bottom: 1px solid #68238a; font-weight: normal; text-align: center; height: 0.38rem; padding-bottom: 0.13rem;}
.dia-gift .table td{ color: #ece8e1; font-size: 0.18rem; line-height: 0.24rem; border-bottom: 1px solid #68238a; font-weight: normal; text-align: center; height: 0.46rem;}
.dia-gift .table tr:nth-last-of-type(1) td{border-bottom: none;}

.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;}