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:#714145; border-radius:4px;}
body::-webkit-scrollbar-thumb{background-color:#ff4654; border: 1px solid #ff4654; border-radius:4px;}
body::-webkit-scrollbar-track{background-color:#714145; border: 1px solid #ff4654; 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: 1750px; 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}


.spr{ background:url(//game.gtimg.cn/images/val/act/a20250623act/spr.png) no-repeat;}
.btn-cancel {width:187px; height:59px; background-position: -751px -407px}
.btn-close {width:38px; height:37px; background-position: -1048px -190px}
.btn-confirm {width:163px; height:52px; background-position: -985px -338px}
.btn-copy {width:187px; height:59px; background-position: -948px -407px}
.btn-customer {width:208px; height:84px; background-position: -319px -10px}
.btn-lottery {width:349px; height:80px; background-position: -345px -268px}
.btn-lottery-tc {width:227px; height:59px; background-position: -748px -338px}
.btn-lottery-tc.gray {width:227px; height:59px; background-position: -511px -358px}
.btn-lottery.gray {width:349px; height:80px; background-position: -536px -104px}
.btn-order {width:207px; height:84px; background-position: -319px -104px}
.btn-submit {width:247px; height:59px; background-position: -537px -10px}
.btn-submit.gray {width:247px; height:59px; background-position: -791px -194px}
.btn-surprised {width:289px; height:80px; background-position: -895px -100px}
.btn-surprised.gray {width:289px; height:80px; background-position: -895px -10px}
.btn-unlock {width:242px; height:84px; background-position: -10px -375px}
.btn-unlock.gray {width:241px; height:84px; background-position: -94px -276px}
.btn-unlock.on {width:239px; height:84px; background-position: -262px -370px}
.link {width:462px; height:60px; background-position: -319px -198px}
.link2 {width:462px; height:60px; background-position: -704px -268px}
.lock {width:74px; height:89px; background-position: -10px -276px}
.logo {width:230px; height:48px; background-position: -511px -427px}
.num {width:45px; height:31px; background-position: -1096px -190px}
.state {width:299px; height:123px; background-position: -10px -143px}
.state.on {width:299px; height:123px; background-position: -10px -10px}


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

.page1 .main { width: 100%; height: 100%; position: relative; }
/*.page1 .logo{position: absolute; left: 50px; top: 40px; z-index: 3;}*/
.page1 .act-time { width: 900px; height: auto; text-align: center; color: #fafafa; font-size: 22px; line-height: 30px; position: absolute; left: 50%; bottom: 170px; margin-left: -450px; }
.page1 .login-box { font-size: 22px; line-height: 30px; text-align: center; color: #fff; width: 900px; position: absolute; bottom: 120px; left: 50%; margin-left: -450px; }
.page1 .login-box a{color: #f1df84;}
.page1 .login-box a:hover{color: #f9cf45;}

.page2 .main{padding-top: 240px; padding-left: 790px;}
.page2 .task-box { overflow-y: auto; height: 562px; }
.page2 .task-box::-webkit-scrollbar {width:4px;height:4px;}
.page2 .task-box::-webkit-scrollbar-track-piece {background-color:#714145;}
.page2 .task-box::-webkit-scrollbar-thumb {background-color:#ff4654;}
.page2 .task-list{width: 924px;}
.page2 .task-list li { width: 932px; height: 122px; background: #fff; border-left: 7px solid #ff4654; position: relative; padding-left: 38px; margin-bottom: 24px; display:flex; display:-webkit-flex; align-items:center;}
.page2 .task-list li.task6 { margin-bottom: 0; }
.page2 .task-list .task-des { width: 580px; }
.page2 .task-name { display: block; color: #333; font-size: 22px; line-height: 26px; font-weight: bold; margin-bottom: 12px; }
.page2 .task-name span{ color: #ff4654;}
.page2 .task-list .state { position: absolute; top: 0; right: 0; color: #666; font-size: 34px; text-align: center; line-height: 122px; padding-left: 98px; }
.page2 .task-list .state.on { color: #fafafa; }

.page2 .task-list .tag { height: 32px; text-align: center; background: #1a1a1a; display: inline-block; vertical-align: top; *zoom:1; *display: inline; font-size: 18px; line-height: 32px; color: #fafafa; }
.page2 .task-list .tag span { display: inline-block; vertical-align: top; *zoom:1; *display: inline; background: #ff4654; color: #fafafa; padding: 0 .5em;}

.page3 .main { padding-top: 216px; }
.page3 .card-box { float: left; display: inline; margin-left: -1px; width: 898px; padding-top: 9px; padding-right: 3px; }
.page3 .tips-box { color: #ffef7f; font-size: 20px; line-height: 24px; position: relative; height: 86px; }
.page3 .tips-box strong { display: block; font-weight: normal; color: #fafafa; font-size: 16px; line-height: 30px; }
.page3 .tips-box a{position: absolute; right: -.5em; top: 0; color: #fafafa; font-size: 18px; line-height: 24px; height: 24px;}
.page3 .tips-box a:after{content: ''; position: absolute; left: .5em; right: .5em; height: 1px; bottom: -3px; background: #fafafa;}
.page3 .tips-box a:hover:after { opacity: 0; }
.page3 .card-list { width: 852px; font-size: 0; text-align: center; height: 424px;}
.page3 .card-list li{display: inline-block; vertical-align: top; *zoom:1; *display: inline; width: 141px; height: 192px; position: relative; background: #4d151a; margin: 0 11px 20px;} 
.page3 .card-list li:before,.page3 .card-list li:after{content:''; width: 142px; height: 192px; position: absolute; left: 0; top: 0;}
.page3 .card-list li:before { z-index: 1; background: url(//game.gtimg.cn/images/val/act/a20250623act/li-before.png) no-repeat 0 0/100%; }
/*.page3 .card-list li:before{-webkit-mask: url(//game.gtimg.cn/images/val/act/a20250623act/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: 40px; position: relative; padding: 140px 6px 0; font-size: 0;}
.page3 .card-list .cont img {width: auto;height: 120px; display: block; margin: 0 auto; position: absolute; top: 12px; left: 50%; transform: translateX(-50%);}
.page3 .card-list .cont .name{color: #fff3db; font-size: 16px; text-align: center; letter-spacing: -1px; line-height: 20px; display: inline-block; vertical-align: middle;}
.page3 .card-box .btn-list{font-size: 0; text-align: center;}
.page3 .card-box .btn-list li{width: 330px; display: inline-block; vertical-align: top; *zoom:1; *display: inline;}
.page3 .card-box .btn-list p{color: #fafafa; font-size: 18px; line-height: 25px; text-align: center; height: 25px;}
.page3 .card-box .btn-list a{display: block; margin: 5px auto 0; color: #1a1a1a; font-size: 26px; line-height: 80px; text-align: center; font-weight: bold; }
.page3 .card-box .btn-list .btn-surprised{color: #1a1a1a;}

.page3 .r-box { width: 777px; display: inline; float: right; margin-right: -2px; }
.page3 .rule-box { width: 100%; height: 566px; text-align: justify; overflow-y:auto; margin-top: 2px;}
.page3 .rule-box::-webkit-scrollbar {width:4px;height:4px;}
.page3 .rule-box::-webkit-scrollbar-track-piece {background-color:#fafafa;}
.page3 .rule-box::-webkit-scrollbar-thumb {background-color:#714145;}
.page3 .r-box h3 { color: #fafafa; font-size: 56px; line-height: 60px; position: relative; font-weight: normal; padding-left: 14px; }
.page3 .r-box h3:after { content: ''; width: 6px; height: 50px; position: absolute; left: 0; top: 50%; margin-top: -25px; background: #ffef7f; }
.page3 .rule-box ul{margin-top: 10px; padding-bottom: 20px;}
.page3 .rule-box li { font-size: 32px; line-height: 40px; color: #f1df84; font-weight: bold; padding-left: 50px; position: relative; padding-bottom: 11px;}
.page3 .rule-box .num{position: absolute; left: 0; top: 8px; line-height: 31px; text-align: center; color: #fafafa; font-size: 22px;}
.page3 .rule-box .answer { font-size: 24px; line-height: 32px; color: #fafafa; font-weight: normal; margin-top: 10px;}


.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: #fafafa; font-size: 44px; font-weight: bold; line-height: 60px; text-align: center;}


.dia-share{background:url(//game.gtimg.cn/images/val/act/a20250623act/pc/tc-bg2.png) 50% 0 no-repeat; width: 856px; height: 318px; padding-top: 39px; background-size: 100% 100%;}
.dia-share .share-tips{ color: #fafafa; font-size: 20px; line-height: 35px; text-align: center; padding: 4px 90px 0;}
.dia-share .btn-box{font-size: 0; text-align: center; margin-top: 36px;}
.dia-share .btn-box .spr{display: inline-block; vertical-align: top; *zoom:1; *display: inline; margin: 0 8px; font-size: 24px; line-height: 59px;}
.dia-share .btn-box .link{color: #333; padding: 0 10px;}
.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: 59px;}

.dia-tips { width: 855px; height: 318px; background:url(//game.gtimg.cn/images/val/act/a20250623act/tc-bg2.png) no-repeat 50% 0/100%; padding-top: 39px;}
.dia-tips .text-tip{height:70px;position: relative;text-align: center; line-height:35px ;color: #fafafa;font-size: 20px; 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: 20px; line-height: 52px; color: #1a1a1a; text-align: center;}

.dia-message{background:url(//game.gtimg.cn/images/val/act/a20250623act/pc/tc-bg1.png) 50% 0 no-repeat; width: 856px; height: 268px; padding-top: 30px; background-size: 100% 100%;}
.dia-message .message-tips{height:140px;position: relative; line-height:52px ;color: #fafafa;font-size: 30px; 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; *zoom:1; *display: inline; font-size: 24px; color: #fafafa; line-height: 59px; margin: 0 45px;}
.dia-message .btn-list .btn-cancel{color: #333;}


.dia-how{ width: 855px; height: 318px; background:url(//game.gtimg.cn/images/val/act/a20250623act/tc-bg2.png) no-repeat 50% 0/100%; padding-top: 39px;}
.dia-how .how-tips{ color: #ffc064; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center;}
.dia-how .how-des{font-size: 20px; line-height: 35px; text-align: center; color: #fafafa; width: 86%; margin: 20px auto 0;}


.dia-grand{background:url(//game.gtimg.cn/images/val/act/a20250623act/pc/tc-bg3.png) 50% 0 no-repeat; width: 856px; height: 598px; padding-top: 40px; background-size: 100% 100%;}
.dia-grand .btn-lottery-tc{display: block; margin: 393px auto 0; color: #1a1a1a; font-size: 24px; text-align: center; line-height: 59px;}
.dia-grand .mob-show{display: none;}
.dia-grand .dia-tit{color: #ad9f6e;}

.dia-participating{background:url(//game.gtimg.cn/images/val/act/a20250623act/pc/tc-bg5.png) 50% 0 no-repeat; width: 856px; height: 268px; padding-top: 100px; background-size: 100% 100%;}
.dia-participating .dia-tit{color: #ad9f6e;}


.dia-info{background:url(//game.gtimg.cn/images/val/act/a20250623act/pc/tc-bg4.png) 50% 0 no-repeat; width: 856px; height: 438px; padding-top: 40px; background-size: 100% 100%;}
.dia-info .info-tips{ color: #fafafa; font-size: 20px; text-align: center; line-height: 43px; height: 61px;}
.dia-info .info-list{height: 168px;}
.dia-info .info-list li{ margin: 0 auto 19px; color: #333; padding: 0 10px;}
.dia-info input{display: block; overflow: hidden; background: transparent; border: none; width: 100%; line-height: 59px; font-size: 18px; color: #FFF; 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: 24px; text-align: center; line-height: 59px;}
.dia-info .dia-tit{color: #ad9f6e;}

.dia-tips2{background:url(//game.gtimg.cn/images/val/act/a20250623act/pc/tc-bg5.png) 50% 0 no-repeat; width: 856px; height: 268px; padding-top: 39px; background-size: 100% 100%;}
.dia-tips2 .text-tip{height:120px;position: relative;text-align: center; line-height:35px ;color: #ad9f6e;font-size: 20px; display:flex; display:-webkit-flex; align-items:center; justify-content:center; padding: 0 90px;}
.dia-tips2 .btn-submit{display: block; margin: 11px auto 0; color: #1a1a1a; font-size: 24px; text-align: center; line-height: 59px;}


.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,.dia-tips2 .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;}