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;}
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;}
/* reset end */
/***底部***/
#afooter {position: relative;padding: 30px 0;text-align: center;font: normal 12px/19px Tahoma;z-index: 10;background-color: #222;}
#afooter, #afooter a {color: #c0c0c0;text-decoration: none;}

/* 针对火狐浏览器 */
@-moz-document url-prefix(){*{scrollbar-width:none;}}

/*去掉milo自动的滚动条样式*/
body{overflow-y: auto; min-width: 1400px;}
body.generating{overflow-x: hidden;}
body::-webkit-scrollbar {width:8px;height:8px;background-color:#08182e;}
body::-webkit-scrollbar-thumb{background-color:#f94654; border: 1px solid #2c0d47; border-radius:4px;}
body::-webkit-scrollbar-track{background-color:#08182e; border: 1px solid #f94654; 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 img{display: block;}
.wrapper input{outline: none;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:" ";font-size:0}
.clearfix{*zoom:1}

/* 通用 S */
.wrapper .login-box a:hover,
.dia .spr.pop-button1:hover,
.dia .spr.pop-close:hover,
.dy-jump .link-box a:hover,
.inquire-pop .button-box a:hover
{ filter: brightness(1.18); }
@font-face { font-family: 'Tungsten';  src: url('//game.gtimg.cn/images/val/act/a20251230springfestival/font/Tungsten.OTF') format('opentype'); }
/* 通用 E */

/* 精灵图 S */
.spr{ background:url(//game.gtimg.cn/images/val/act/a20251230springfestival/spr.png) no-repeat;}
.spr.lantern-icon{ width:46px; height:56px; background-position:-819px -122px;}
.spr.pop-button1{ width:309px; height:65px; background-position:-4px -104px;}
.spr.pop-button2{ width:183px; height:54px; background-position:-532px -4px;}
.spr.pop-button3{ width:221px; height:64px; background-position:-82px -4px;}
.spr.pop-button4{ width:221px; height:64px; background-position:-307px -4px;}
.spr.pop-button5{ width:257px; height:55px; background-position:-738px -4px;}
.spr.pop-button6{ width:257px; height:55px; background-position:-738px -63px;}
.spr.pop-button7{ width:396px; height:54px; background-position:-317px -95px;}
.spr.pop-close{ width:65px; height:65px; background-position:-13px -4px;}
.spr.start-time{ width:124px; height:37px; background-position:-869px -122px;}
.spr.tab-seg{ width:5px; height:96px; background-position:-4px -4px;}
.spr.title-bar{ width:612px; height:7px; background-position:-13px -84px;}
.spr.title-bar2{ width:721px; height:7px; background-position:-13px -73px;}
.spr.title-bar3{ width:811px; height:7px; background-position:-4px -173px;}
/* 精灵图 E */

.wrapper .banner { position: relative; width: 1920px; height: 1079px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/banner.jpg) no-repeat; background-size: 100% 100%; }
.wrapper .banner .val-logo { width: 180px; height: 55px; position: absolute; left: 6px; top: 13px; }
.wrapper .login-box { text-align: center; width: 1200px; margin: 50px auto 0; word-break: break-all; }
.wrapper .login-box .login { font-size: 24px; color: #ebe8e1; }
.wrapper .login-box a { color: #f55d2a; cursor: pointer; margin-left: 10px; }
.wrapper .page-tab { margin-top: 8px; display: flex; width: 100%; justify-content: center; align-items: center; }
.wrapper .page-tab .tab-item { position: relative; text-align: center; height: 96px; width: 300px; margin-top: 55px; }
.page-tab .tab-item:first-of-type a { clip-path: polygon(0% 0%, 100% 0%, 100% 330%, 0% 70%) }
.page-tab .tab-item:last-of-type a { clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 0% 330%) }
.page-tab .tab-item a { position: relative; z-index: 1; letter-spacing: 1px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #19072d; font-size: 27px; background: #fff; height: 100%; width: 100%; font-weight: bold;  }
.page-tab .tab-item a:hover { color: #f55128; }
.page-tab .tab-item.on a { color: #fff; background: linear-gradient(135deg, #f55927 0%, #f54d28 30%, #f55428 50%, #f55c27 70%, #f55128 100%); }
.page-tab .tab-item a p:first-of-type { margin-bottom: -10px; }
.page-tab .tab-item .spr.tab-seg { position: absolute; left: 0; z-index: 2; }
.page-tab .tab-item .spr.start-time { z-index: 2; color: #fcd9d4; font-size: 16px; display: flex; justify-content: center; align-items: center; position: absolute; left: 100px; top: -40px; padding-bottom: 7px; }
.wrapper .title { position: relative; display: flex; justify-content: start; align-items: center; }
.wrapper .title .spr.lantern-icon { transform: translateY(7px); }
.wrapper .title p { color: #f5442a; font-size: 76px; margin-left: 15px; font-weight: bold; letter-spacing: 4px; }
.wrapper .title .spr.title-bar,
.wrapper .title .spr.title-bar2,
.wrapper .title .spr.title-bar3 { position: absolute; left: 0; bottom: -5px; }
.wrapper .subtitle { margin-top: 15px; display: flex; justify-content: start; align-items: start; font-size: 26px; }
.wrapper .subtitle span { color: #dd3b27; letter-spacing: -3px; }
.wrapper .subtitle p { color: #c3b2d3; margin-left: 10px; }

/* 弹窗通用 S */
.dia, .dia * { box-sizing: border-box; }
.dia { position: relative; display: none;}
.dia .spr.pop-close { display: block; }
.dia .spr.pop-close { position: absolute; top: -80px; right: 8px;}
.dia .spr.pop-button1 { user-select: none; display: flex; justify-content: center; align-items: center; letter-spacing: 2px; position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 26px; font-weight: bold;  }
.dia .title { text-align: center; width: 100%; color: #f5442a; font-size: 48px; position: absolute; top: 30px; font-weight: bold; letter-spacing: 3px; }
/* 弹窗通用 E */

.pop1 { width: 716px; height: 362px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/pop-bg1.png) no-repeat; background-size: 100% 100%; }
.pop1 .text-tip { word-break: break-word; width: 100%; color: #e9d8fe; letter-spacing: 1px; font-size: 30px; text-align: center; margin-top: 86px; padding: 0 70px; height: 165px; display: flex; justify-content: center; align-items: center; line-height: 38px; }

.pop2 { width: 716px; height: 405px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/pop-bg2.png) no-repeat; background-size: 100% 100%; }
.pop2 .award-box { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; margin-top: 125px; color: #e9d8fe; font-size: 20px; letter-spacing: 1px; }
.pop2 .award-box > div { width: 133px; height: 116px; display: flex; justify-content: center; align-items: center; }
.pop2 .award-box > p { margin-top: 5px; }
.pop2 .award-box img { width: 100%; height: 100%; object-fit: contain; }

.shipping-address { padding: 95px 60px 0; width: 678px; height: 686px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/pop-bg8.png) no-repeat; background-size: 100% 100%; }
.shipping-address .instructions { color: #efdcfe; font-size: 24px; text-align: center; }
.shipping-address .fill-in { width: 100%; margin-top: 25px; }
.shipping-address .fill-in .fill-item { margin-bottom: 20px; height: 43px; width: 100%; display: flex; justify-content: start; align-items: center; }
.shipping-address .fill-in label { padding-left: 15px; position: relative; width: 120px; height: 100%; background: #e9e7eb; color: #260847; font-size: 23px; display: flex; justify-content: start; align-items: center; letter-spacing: 1px;  }
.shipping-address .fill-in label::after { content: ''; width: 2px; height: 60%; background: #7d7b96; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.shipping-address .fill-in input { padding: 0 20px; line-height: 43px; letter-spacing: 1px; font-size: 19px; flex: 1; height: 100%; background: #e9e7eb; border: none; outline: none; }
.shipping-address .fill-in input[type="number"]::-webkit-outer-spin-button,
.shipping-address .fill-in input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.shipping-address .fill-in input[type="number"] { -moz-appearance: textfield; }
.shipping-address .fill-in input[type="number"] { appearance: textfield; }
.shipping-address .fill-in input[type="number"]:focus,
.shipping-address .fill-in input[type="text"]:focus { outline: none; border: none; }
.shipping-address .select-item { margin-bottom: 20px; width: 100%; display: flex; justify-content: start; align-items: center; }
.shipping-address .select-item label { height: 129px; }
.shipping-address select {  height: 43px; width: 100%; padding: 0 17px; line-height: 43px; letter-spacing: 1px; font-size: 19px; flex: 1; background: #e9e7eb; border: none; appearance: none; -webkit-appearance: none;  -moz-appearance: none; }
.shipping-address select::-ms-expand { display: none; }
.shipping-address .select-box { flex: 1; }

.qq-number { padding: 80px 70px 0; width: 678px; height: 641px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/pop-bg5.png) no-repeat; background-size: 100% 100%; }
.qq-number .q-coin { margin: 0 auto 0; display: block; width: 130px; height: 108px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/q-coin.png) no-repeat; background-size: 100% 100%; }
.qq-number > p { width: 100%; margin-top: 10px; text-align: center; color: #d6c8e2; font-size: 17px; letter-spacing: 1px; }
.qq-number > p span { display: inline-block; }
.qq-number .fill-item { margin-top: 25px; margin-bottom: 20px; height: 43px; width: 100%; display: flex; justify-content: start; align-items: center; }
.qq-number .fill-item label { padding-left: 15px; position: relative; width: 120px; height: 100%; background: #e9e7eb; color: #260847; font-size: 23px; display: flex; justify-content: start; align-items: center; letter-spacing: 1px;  }
.qq-number .fill-item label::after { content: ''; width: 2px; height: 60%; background: #7d7b96; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.qq-number .fill-item input { padding: 0 20px; line-height: 43px; letter-spacing: 1px; font-size: 19px; flex: 1; height: 100%; background: #e9e7eb; border: none; outline: none; }
.qq-number .fill-item input[type="number"]::-webkit-outer-spin-button,
.qq-number .fill-item input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.qq-number .fill-item input[type="number"] { -moz-appearance: textfield; }
.qq-number .fill-item input[type="number"] { appearance: textfield; }
.qq-number .fill-item input[type="number"]:focus,
.qq-number .fill-item input[type="text"]:focus { outline: none; border: none; }
.qq-number .text-info { margin-top: 25px; }
.qq-number .text-info p { color: #f2e3fe; font-size: 17px; margin-bottom: 5px; letter-spacing: 1px; }

.dy-jump { width: 678px; height: 375px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/pop-bg9.png) no-repeat; background-size: 100% 100%; }
.dy-jump p { color: #e9d8fe; font-size: 28px; width: 100%; text-align: center; margin-top: 102px; padding: 0 100px; letter-spacing: 1px; }
.dy-jump span { color: #f54827; }
.dy-jump .jump-box { margin-top: 30px; display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 0 70px; }
.dy-jump .jump-box .qr-box { width: 128px; height: 129px; display: flex; justify-content: center; align-items: center; }
.dy-jump .jump-box img { width: 100%; height: 100%; object-fit: cover; }
.dy-jump .jump-box .link-box { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.dy-jump .link-box input {  border: 0; outline: none; color: #2f0d55; font-size: 18px; width: 396px; height: 41px; padding: 0 10px; margin-bottom: 12px;  }
.dy-jump .link-box a { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px; letter-spacing: 2px; }

.inquire-pop { position: relative; width: 716px; height: 362px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/pop-bg1.png) no-repeat; background-size: 100% 100%; }
.inquire-pop .inquir-text { word-break: break-word; width: 100%; color: #e9d8fe; letter-spacing: 1px; font-size: 30px; text-align: center; margin-top: 86px; padding: 0 70px; height: 165px; display: flex; justify-content: center; align-items: center; line-height: 38px; }
.inquire-pop .button-box { display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; bottom: 40px; }
.inquire-pop .button-box a { margin: 0 20px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 24px; letter-spacing: 1px; }