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; outline: none; }
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;}

#afooter{padding:.2rem 0;line-height:.3rem;color:#ddd;text-align:center;font-size:.2rem;position: relative; z-index: 3; background: #000;}
#afooter a{color:#ddd;text-decoration:none}

.wrapper{ position:relative; font-size:12px; overflow: hidden; width: 100%;}
.wrapper *{ -webkit-box-sizing:border-box; box-sizing:border-box;}
body .wrapper .boxc{-webkit-box-sizing: content-box; box-sizing:content-box;}
.wrapper a{ outline:none;}
.wrapper img{ display:block;}

/* 精灵图 S */
.spr{ background-image:url(//game.gtimg.cn/images/val/act/a20251230springfestival/m/spr.png); background-repeat:no-repeat; background-size:19.26rem 0.85rem;}
.spr.lantern-icon{ width:0.34rem; height:0.41rem; background-position:95.82452% 90.90909%;}
.spr.pop-button1{ width:3.28rem; height:0.71rem; background-position:0.18773% 21.42857%;}
.spr.pop-button2{ width:1.96rem; height:0.58rem; background-position:70.23121% 11.11111%;}
.spr.pop-button3{ width:2.36rem; height:0.7rem; background-position:39.64497% 20%;}
.spr.pop-button4{ width:2.36rem; height:0.7rem; background-position:53.72781% 20%;}
.spr.pop-button5{ width:3.28rem; height:0.71rem; background-position:20.83855% 21.42857%;}
.spr.pop-button6{ width:3.28rem; height:0.71rem; background-position:0.18773% 21.42857%;}
.spr.pop-button7{ width:3.98rem; height:0.56rem; background-position:92.47382% 10.34483%;}
.spr.pop-close{ width:0.67rem; height:0.67rem; background-position:61.64605% 16.66667%;}
.spr.start-time{ width:1.1rem; height:0.35rem; background-position:99.8348% 6%;}
.spr.tab-seg{ width:0.05rem; height:0.71rem; background-position:34.51327% 21.42857%;}
.spr.title-bar{ width:4.3rem; height:0.07rem; background-position:82.15241% 92.30769%;}
.spr.title-bar2{ width:5.05rem; height:0.07rem; background-position:85.50317% 80.76923%;}
.spr.title-bar3{ width:5.57rem; height:0.07rem; background-position:48.94083% 96.15385%;}
/* 精灵图 E */

.wrapper .banner { position: relative; width: 7.5rem; height: 9.18rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/m/banner.jpg) no-repeat; background-size: 100% 100%; }
.wrapper .banner .val-logo { width: 1.5rem; height: .4rem; position: absolute; left: .06rem; top: .13rem; }
.wrapper .page-tab { display: flex; width: 100%; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; }
.wrapper .page-tab::before { content: ''; background: #fff; position: absolute; left: 1rem; top: 0; bottom: 0; right: 1rem; z-index: 1; }
.wrapper .page-tab .tab-item { position: relative; text-align: center; height: .69rem; flex: 1; }
.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 .spr.start-time { padding-top: .07rem; z-index: 2; color: #fcd9d4; font-size: .14rem; display: flex; justify-content: center; align-items: center; position: absolute; bottom: -.42rem; left: .4rem; }
.page-tab .tab-item a { position: relative; z-index: 1; letter-spacing: .01rem; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #19072d; font-size: .21rem; 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: -.05rem; }
.page-tab .tab-item .spr.tab-seg { z-index: 2; position: absolute; left: 0; }
.wrapper .login-box { letter-spacing: .01rem; padding: 0 .5rem; text-align: center; width: 100%; margin: 1.3rem auto 0; word-break: break-all; }
.wrapper .login-box .login { font-size: .18rem; color: #ebe8e1; }
.wrapper .login-box a { color: #f55d2a; cursor: pointer; margin-left: .1rem; }
.wrapper .title { position: relative; display: flex; justify-content: start; align-items: center; }
.wrapper .title p { color: #f5442a; font-size: .54rem; margin-left: .1rem; font-weight: bold; letter-spacing: .01rem; }
.wrapper .title .spr.lantern-icon { transform: translateY(.05rem); }
.wrapper .title .spr.title-bar,
.wrapper .title .spr.title-bar2,
.wrapper .title .spr.title-bar3 { position: absolute; left: 0; bottom: -.05rem; }
.wrapper .subtitle { margin-top: .1rem; display: flex; justify-content: start; align-items: start; font-size: .2rem; }
.wrapper .subtitle span { color: #dd3b27; letter-spacing: -.03rem; }
.wrapper .subtitle p { color: #c3b2d3; margin-left: .1rem; }

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

.pop1 { width: 7.16rem; height: 3.62rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/m/pop-bg1.png) no-repeat; background-size: 100% 100%; }
.pop1 .text-tip { line-height: 0.36rem; word-break: break-word; width: 100%; color: #e9d8fe; letter-spacing: 0.01rem; font-size: .3rem; text-align: center; margin-top: 0.83rem; padding: 0 .8rem; height: 1.7rem; display: flex; justify-content: center; align-items: center; }

.pop2 { width: 7.16rem; height: 4.05rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/m/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: 1.25rem; color: #e9d8fe; font-size: .2rem; letter-spacing: .01rem; }
.pop2 .award-box > div { width: 1.33rem; height: 1.16rem; display: flex; justify-content: center; align-items: center; }
.pop2 .award-box > p { margin-top: .05rem; }
.pop2 .award-box img { width: 100%; height: 100%; object-fit: contain; }

.shipping-address { padding: 0.95rem 0.6rem 0; width: 7.16rem; height: 7.25rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/m/pop-bg9.png) no-repeat; background-size: 100% 100%; }
.shipping-address .instructions { color: #efdcfe; font-size: 0.24rem; text-align: center; }
.shipping-address .fill-in { width: 100%; margin-top: 0.4rem; }
.shipping-address .fill-in .fill-item { margin-bottom: 0.2rem; height: 0.45rem; width: 100%; display: flex; justify-content: start; align-items: center; }
.shipping-address .fill-in label { padding-left: 0.15rem; position: relative; width: 1.27rem; height: 100%; background: #e9e7eb; color: #260847; font-size: 0.24rem; display: flex; justify-content: start; align-items: center; letter-spacing: 1px;  }
.shipping-address .fill-in label::after { content: ''; width: 0.02rem; height: 60%; background: #7d7b96; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.shipping-address .fill-in input { padding: 0 0.2rem; line-height: 0.45rem; letter-spacing: 1px; font-size: 0.2rem; flex: 1; height: 100%; background: #e9e7eb; border: 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 { border: none; }
.shipping-address .select-item { margin-bottom: 0.2rem; width: 100%; display: flex; justify-content: start; align-items: center; }
.shipping-address .select-item label { height: 1.35rem; }
.shipping-address select { outline: none; margin: 0; height: 0.45rem; width: 100%; padding: 0 0.17rem; line-height: 0.43rem; letter-spacing: 1px; font-size: 0.2rem; 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; height: 1.35rem; display: flex; flex-direction: column; justify-content: start; align-items: start; }

.qq-number { padding: 0.8rem 0.61rem 0; width: 7.16rem; height: 6.77rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/m/pop-bg7.png) no-repeat; background-size: 100% 100%; }
.qq-number .q-coin { margin: 0 auto 0; display: block; width: 1.3rem; height: 1.08rem; 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: 0.1rem; text-align: center; color: #d6c8e2; font-size: 0.17rem; letter-spacing: 1px; }
.qq-number > p span { display: inline-block; }
.qq-number .fill-item { margin-top: 0.25rem; margin-bottom: 0.2rem; height: 0.45rem; width: 100%; display: flex; justify-content: start; align-items: center; }
.qq-number .fill-item label { padding-left: 0.15rem; position: relative; width: 1.27rem; height: 100%; background: #e9e7eb; color: #260847; font-size: 0.24rem; display: flex; justify-content: start; align-items: center; letter-spacing: 1px;  }
.qq-number .fill-item label::after { content: ''; width: 0.02rem; height: 60%; background: #7d7b96; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.qq-number .fill-item input { padding: 0 0.2rem; line-height: 0.45rem; letter-spacing: 1px; font-size: 0.2rem; flex: 1; height: 100%; background: #e9e7eb; border: 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 { border: none; }
.qq-number .text-info { margin-top: 0.25rem; }
.qq-number .text-info p { color: #f2e3fe; font-size: 0.18rem; margin-bottom: 0.1rem; letter-spacing: 1px; line-height: .27rem; }

.dy-jump { width: 6.78rem; height: 3.75rem; 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: 0.28rem; width: 100%; text-align: center; margin-top: 1.02rem; padding: 0 1rem; letter-spacing: 1px; }
.dy-jump span { color: #f54827; }
.dy-jump .jump-box { margin-top: 0.3rem; display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 0 0.7rem; }
.dy-jump .jump-box .qr-box { width: 1.28rem; height: 1.29rem; 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: 0.18rem; width: 3.96rem; height: 0.41rem; padding: 0 0.1rem; margin-bottom: 0.12rem;  }
.dy-jump .link-box a { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 0.2rem; letter-spacing: 0.02rem; }

.inquire-pop { width: 7.16rem; height: 3.62rem; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/m/pop-bg1.png) no-repeat; background-size: 100% 100%; }
.inquire-pop .inquir-text { line-height: 0.36rem; word-break: break-word; width: 100%; color: #e9d8fe; letter-spacing: 0.01rem; font-size: .3rem; text-align: center; margin-top: 0.83rem; padding: 0 .8rem; height: 1.7rem; display: flex; justify-content: center; align-items: center; }
.inquire-pop .button-box { display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; bottom: 0.4rem; }
.inquire-pop .button-box a { margin: 0 0.2rem; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 0.25rem; letter-spacing: 1px; }