body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a,a:hover{text-decoration:none}
img{border:0}
body{box-sizing: border-box; background: #08182e; padding-top: 50px;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
ul li{list-style:none;}

/***µ×²¿***/
#afooter {position: relative;padding: 30px 0;text-align: center;font: normal 12px/19px Tahoma;z-index: 10;background-color: #101d2c;}
#afooter, #afooter a {color: #c0c0c0;text-decoration: none;}
#afooter a:hover{ color: #fff;}

@-moz-document url-prefix(){*{scrollbar-width:none;}}


body{overflow-y: auto; min-width: 1200px;}
body::-webkit-scrollbar {width:8px;height:8px;background-color:#db21ff; border-radius:4px;}
body::-webkit-scrollbar-thumb{background-color:#db21ff; border: 1px solid #db21ff; border-radius:4px;}
body::-webkit-scrollbar-track{background-color:#7b29a5; border: 1px solid #db21ff; border-radius:4px;}


.wrapper-scale{position: relative; overflow: hidden;}
.wrapper-scale .wrapper{ transform-origin: 0 0;}
.wrapper *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.wrapper{position:relative; overflow:hidden; width: 100%; transition:opacity .2s cubic-bezier(.215,.61,.355,1); opacity: 0;}
.wrapper .main{width: 1574px; margin: 0 auto; position: relative; z-index: 2;}
.wrapper img{display: block;}
.wrapper .hid{text-indent:-9999px;font-size:0px;overflow:hidden;width:0px;height:0px;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:" ";font-size:0}
.clearfix{*zoom:1}

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


.spr{ background:url(//game.gtimg.cn/images/val/act/a20250613newmap/pc/spr.png) no-repeat;}
.spr.bias{ width:19px; height:27px; background-position:-963px -2px;}
.spr.btn-close{ width:36px; height:36px; background-position:-925px -2px;}
.spr.btn-confirm{ width:320px; height:65px; background-position:-384px -214px;}
.spr.btn-gift.on,.spr.btn-gift:hover{ width:303px; height:55px; background-position:-384px -281px;}
.spr.btn-gift{ width:303px; height:55px; background-position:-689px -281px;}
.spr.btn-lottery.gray{ width:380px; height:92px; background-position:-2px -214px;}
.spr.btn-lottery{ width:380px; height:92px; background-position:-2px -308px;}
.spr.btn-probability.on,.spr.btn-probability:hover{ width:303px; height:55px; background-position:-384px -338px;}
.spr.btn-probability{ width:303px; height:55px; background-position:-689px -338px;}
.spr.gift-box{ width:181px; height:181px; background-position:-2px -2px;}
.spr.task.on{ width:738px; height:104px; background-position:-185px -2px;}
.spr.task{ width:738px; height:104px; background-position:-185px -108px;}
.spr.tit-after{ width:280px; height:11px; background-position:-706px -214px;}


.page1{ background: url(//game.gtimg.cn/images/val/act/a20250613newmap/pc/bg1.jpg) 50% 0 no-repeat; margin-top: -1px; height: 1080px; position: relative;}
.page2{ background: url(//game.gtimg.cn/images/val/act/a20250613newmap/pc/bg2.jpg) 50% 0 no-repeat; margin-top: -1px; height: 918px; position: relative;}

.page1 .main{padding-top: 808px; text-align: center; }
.page1 .logo{position: absolute; left: 50px; top: 40px; z-index: 3; display: none;}
.page1 .act-time{color: #fff; font-size: 36px; line-height: 50px; height: 182px;}
.page1 .login-box{font-size: 35px; line-height: 60px; text-align: center; color: #e5e7f6;}
.page1 .login-box a{color: #f870fe;}

.page2 .main{padding-top: 250px;}
.page2 .task-list-tit{position: relative; color: #fff; font-size: 33px; line-height: 45px; font-weight: bold; padding-left: 32px; height: 74px;}
.page2 .task-list-tit i{position: absolute; left: 0; top: 9px;}
.page2 .task-box{width: 762px; float: left; display: inline;}
.page2 .task-list{overflow-y: auto; height: 482px;}
.page2 .task-list::-webkit-scrollbar {width:4px;height:4px;}
.page2 .task-list::-webkit-scrollbar-track-piece {background-color:#7b29a5;}
.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: 23px; position: relative; padding-left: 76px; 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: 41px; line-height: 60px; position: absolute; top: 50%; margin-top: -30px; left: 24px;}
.page2 .task-name{color: #200942; font-size: 24.75px; line-height: 32px; margin-bottom: 4px; width: 490px; text-align: justify;}
.page2 .task-list .state{position: absolute; top: 50%; right: 31px; margin-top: -30px; color: #160a16; font-size: 24.75px; text-align: center; line-height: 60px;}
.page2 .task-list .done{display: none;}
.page2 .task-list .tag{font-size: 19px; line-height: 22px; 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{float: right; width: 748px; display: inline; position: relative; height: 600px; margin-right: 2px;}
.page2 .btn-jackpot{position: absolute; right: -.5em; top: 20px; color: #f467fc; font-size: 22px;}
.page2 .btn-jackpot:after{content: ''; position: absolute; right: .5em; left: .5em; bottom: -2px; height: 1px; background: #f467fc;}

.page2 .btn-list{font-size: 0; text-align: center; padding-top: 465px;}
.page2 .btn-list p,.page2 .btn-list .btn-lottery{display: inline-block; vertical-align: top; *zoom:1; *display: inline;}
.page2 .btn-list p{width: 182px; color: #fff; font-size: 22px; line-height: 24px; opacity: .71; padding-top: 30px;}
.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-record:hover{opacity: 1;}
.page2 .btn-list .btn-lottery{color: #fff; font-weight: bold; font-size: 30px; line-height: 92px;}

.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{display: block;position: absolute;top: 0;right:-50px;transition: transform .3s;}
.dia .btn-close:hover{transform: rotate(90deg);}

.dia .dia-tit{ color: #ef51f6; font-size: 48px; font-weight: bold; line-height: 60px; text-align: center; position: relative;}
.dia .dia-tit i{position: absolute; top: 50%; margin-top: -5.5px; left: 50%; margin-left: -140px;}

.dia-luck{background:url(//game.gtimg.cn/images/val/act/a20250613newmap/pc/tc-bg1.jpg) 50% 0 no-repeat; width: 700px; height: 360px; background-size: 100% 100%;}
.dia-luck .luck-tips{font-size: 27px; line-height: 36px; color: #fee1ff; text-align: center; padding-top: 144px;}
.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: 700px; height: 360px; padding-top: 39px; background-size: 100% 100%;}
.dia-tips .text-tip{height:105px;position: relative;text-align: center; line-height:35px ;color: #fafafa;font-size: 24px; display:flex; display:-webkit-flex; align-items:center; justify-content:center; padding: 0 90px; margin-top: 20px;}
.dia-tips .text-tip span{color: #f7b351;}
.dia-tips .btn-confirm{display: block; margin: 36px auto 0; font-size: 27px; line-height: 65px; 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: 700px; height: 464px; padding-top: 31px; background-size: 100% 100%;}
.dia-record .table{width: 607px; margin: 19px auto 0; background:url(//game.gtimg.cn/images/val/act/a20250613newmap/pc/table.jpg) 50% 0 no-repeat;}
.dia-record table{width: 100%;}
.dia-record th{height: 55px; color: #fff; font-size: 22px; 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: 54px; color: #ece8e1; font-size: 18px; text-align: center; border-bottom: 2px 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: 700px; height: 605px; padding-top: 31px; background-size: 100% 100%;}
.dia-gift .btn-list{margin: 21px auto 0; padding: 0 1px; font-size: 0; text-align: center;}
.dia-gift .btn-list a{display: inline-block; vertical-align: top; *zoom:1; *display: inline; color:#fff; font-size: 22px; font-weight: bold; line-height: 55px;}
.dia-gift .btn-list a:hover{color: #160a16; }
.dia-gift .btn-list a.on{color: #160a16; pointer-events: none;}

.dia-gift .tab-divbox{width: 607px; margin: 19px auto 0;}
.dia-gift .tab-div{overflow-y: auto; height: 378px; display: none;}
.dia-gift .tab-div.on{display: block;}
.dia-gift .tab-div::-webkit-scrollbar {width:4px;height:4px;}
.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; *zoom:1; *display: inline; text-align: center; margin-right: 20px; margin-bottom: 16px; padding-top: 15px;}
.dia-gift .gift-box:nth-of-type(3n){margin-right: 0;}
.dia-gift .gift-box img{ height: 102px; display: block; margin: 0 auto;}
.dia-gift .gift-box p{position: absolute; width: 100%; left: 0; bottom: 10px; font-size: 18px; line-height: 22px; color: #fff; padding: 0 2px; height: 44px; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}

.dia-gift .table{width: 594px;}
.dia-gift table{width: 100%;}
.dia-gift .table th{ color: #ef51f6; font-size: 20px; line-height: 24px; border-bottom: 1px solid #68238a; font-weight: normal; text-align: center; height: 38px; padding-bottom: 13px;}
.dia-gift .table td{ color: #ece8e1; font-size: 18px; line-height: 24px; border-bottom: 1px solid #68238a; font-weight: normal; text-align: center; height: 46px;}
.dia-gift .table tr:nth-last-of-type(1) td{border-bottom: none;}

.wrapper a.gray,.wrapper a.gray:hover{pointer-events: none;}
.wrapper a:hover,.dia .btn-confirm: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;}