/* reset S */
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: #ece7e1;}
.wrapper{font-size: 0;}
.wrapper .main { width: 6.5rem; margin: 0 auto;font-size: 0; text-align: center;}
*{margin: 0;padding: 0;box-sizing: border-box;}
.page-main{ position:relative; overflow: hidden; width: 100%;}
/* reset E */
html,body{ width: 100%;}
/* font start */
#afooter {background-color: #191219;text-align: center;font-size: 0.22rem;padding: 0.2rem 0;padding-bottom: 0.2rem;}
#afooter,#afooter a {color: #c0c0c0;text-decoration: none;}

/* 动画 */
@-webkit-keyframes arrowDown {
	0% { -webkit-transform: translateY(0); }
	100% { -webkit-transform: translateY(20px); }
}
@keyframes arrowDown { 
	0% { transform: translateY(0); }
	100% { transform: translateY(20px); } 
}
/* 精灵图 S */
.spr{ background-image:url(//game.gtimg.cn/images/val/act/a20250815act/m/spr.png); background-repeat:no-repeat; background-size:4.66rem 11.85rem;}
.spr.bar1.on{ width:0.49rem; height:0.21rem; background-position:85.85132% 9.53608%;}
.spr.bar1{ width:0.49rem; height:0.21rem; background-position:85.85132% 12.02749%;}
.spr.bar2.on{ width:0.6rem; height:0.21rem; background-position:91.62562% 4.55326%;}
.spr.bar2{ width:0.6rem; height:0.21rem; background-position:88.17734% 7.04467%;}
.spr.bar3.on{ width:0.48rem; height:0.21rem; background-position:71.29187% 13.57388%;}
.spr.bar3{ width:0.48rem; height:0.21rem; background-position:84.689% 14.5189%;}
.spr.bar4.on{ width:0.49rem; height:0.21rem; background-position:85.85132% 9.53608%;}
.spr.bar4{ width:0.49rem; height:0.21rem; background-position:85.85132% 12.02749%;}
.spr.bar5.on{ width:0.48rem; height:0.21rem; background-position:71.29187% 16.06529%;}
.spr.bar5{ width:0.48rem; height:0.21rem; background-position:84.689% 17.01031%;}
.spr.dec{ width:0.19rem; height:0.17rem; background-position:50.11186% 48.80137%;}
.spr.dec2{ width:0.25rem; height:0.24rem; background-position:51.24717% 41.1714%;}
.spr.i-no{ width:0.31rem; height:0.3rem; background-position:97.93103% 7.18615%;}
.spr.i-ok{ width:0.31rem; height:0.3rem; background-position:95.4023% 14.45887%;}
.spr.i-ok2{ width:0.23rem; height:0.23rem; background-position:50.56433% 46.38554%;}
.spr.i-text1{ width:0.17rem; height:0.22rem; background-position:97.99555% 4.55718%;}
.spr.i-text2{ width:0.17rem; height:0.22rem; background-position:49.88864% 51.16079%;}
.spr.i-tit1{ width:2.76rem; height:0.32rem; background-position:4.73684% 17.17259%;}
.spr.i-tit2{ width:2.81rem; height:0.32rem; background-position:4.86486% 13.70338%;}
.spr.p1-btn1.gray{ width:1.66rem; height:0.4rem; background-position:3% 99.21397%;}
.spr.p1-btn1{ width:1.66rem; height:0.4rem; background-position:61% 99.21397%;}
.spr.p1-btn2.gray{ width:2.56rem; height:0.41rem; background-position:4.28571% 33.21678%;}
.spr.p1-btn2{ width:2.56rem; height:0.41rem; background-position:4.28571% 37.5%;}
.spr.p1-item.complete{ width:2.07rem; height:2.62rem; background-position:3.4749% 56.44637%;}
.spr.p1-item.query{ width:2.06rem; height:2.6rem; background-position:3.46154% 85.51351%;}
.spr.p1-item{ width:2.06rem; height:2.6rem; background-position:85.76923% 93.83784%;}
.spr.p2-btn1{ width:3.41rem; height:0.7rem; background-position:7.2% 7.17489%;}
.spr.p2-item{ width:2.07rem; height:2.61rem; background-position:96.139% 64.82684%;}
.spr.pop-btn1{ width:2.67rem; height:0.63rem; background-position:4.52261% 21.21212%;}
.spr.pop-btn2{ width:2.67rem; height:0.63rem; background-position:4.52261% 27.54011%;}
.spr.pop-btn3{ width:3.55rem; height:0.63rem; background-position:8.10811% 0.80214%;}
.spr.pop-btn4{ width:1.24rem; height:0.34rem; background-position:2.63158% 92.00695%;}
.spr.pop-close{ width:0.38rem; height:0.38rem; background-position:96.96262% 10.54926%;}
.spr.pop-dec{ width:0.24rem; height:0.21rem; background-position:51.13122% 43.81443%;}
.spr.pop-item1{ width:1.84rem; height:1.89rem; background-position:96.80851% 40.36145%;}
.spr.pop-item2{ width:1.47rem; height:1.67rem; background-position:91.84953% 22.29862%;}
.spr.signedin{ width:0.74rem; height:0.36rem; background-position:94.89796% 0.78329%;}
.spr.state{ width:2.09rem; height:0.35rem; background-position:3.50195% 41.56522%;}
/* 精灵图 E */

/* 浮动 E */
/* 通用部分 S */
.show_pc { display: none !important;}

.dia { box-sizing: border-box; position: relative; display: none;}
.dia>a { display: block; }

/* 主体部分 S */
/* 通用 S */
.title { font-size: 0; text-align: left;}
.title i { display: inline-block; vertical-align: middle; flex-shrink: 0;}
.title .tit { font-size: 0.6rem; font-weight: bold; line-height: 0.8rem; color: #ece8e1; position: relative; display: flex; justify-content: space-between; align-items: center;}
.title .tl { font-size: 0.2rem; line-height: 0.3rem; color: #ece8e1; display: flex; justify-content: flex-start; align-items: center; margin-top: 0.11rem;}
.title .tl i { margin-right: 0.04rem;}

.p1-btn1.gray,.p1-btn2.gray { pointer-events: none; color: #191919;}
.p1-btn1 { display: block; font-size: 0.18rem; line-height: 0.4rem; color: #fff; text-align: center;}
.p1-btn2 { display: block; font-size: 0.18rem; line-height: 0.4rem; color: #fff; text-align: center;}
/* 通用 E */
.part-page { height: 60.78rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/m/bg-page.jpg) no-repeat; background-size: 100% 100%; position: relative;}
.head-part { height: 7.5rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/m/bg1.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: 0.8rem 0 0 0; position: relative; z-index: 2;}
.part1 { height: 22.8rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/m/bg2-1.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: 1.2rem 0 0 0; margin-top: -1px; position: relative; z-index: 1;}
.part2 { height: 9.2rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/m/bg3.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: 0.54rem 0 0 0; margin-top: -1px;}
.part3 { height: 22.48rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/m/bg4.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: 0.54rem 0 0 0; margin-top: -1px;}

.head-part .login-box { width: 100%; height: 0.06rem; position: absolute; bottom: -.6rem; left: 0; z-index: 4;}
.head-part .login-box .login { font-size: 0.2rem; color: #fafafa; line-height: 0.35rem; text-align: center;}
.head-part .login-box a { color: #ff3951;}
.head-time { font-size: 0.18rem; line-height: 0.36rem; color: #fafafa; width: 100%; text-align: center; padding-left: 2.2rem; position: absolute; bottom: .4rem; left: 0;}

.p1-box { margin-top: 0.23rem;}
.date-box { width: 6.5rem; height: 4.6rem; margin: 0 auto; background: url(//game.gtimg.cn/images/val/act/a20250815act/m/date-box.png) no-repeat; background-size: 100% 100%;}
.date-box .week { display: flex; height: 0.63rem; align-items: center; justify-content: space-between; padding: 0 0.3rem;}
.date-box .week span { font-size: 0.22rem; line-height: 0.28rem; color: #09001d; font-weight: bold; width: 0.74rem; text-align: center;}
.date-box .calendar-mask { width: 6.46rem; height: 3.96rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/m/calendar-mask.png) no-repeat 50% 50%/100%; margin: 0 auto; position: relative; }
.date-box .calendar-mask a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.date-box .inner-box { margin: 0.12rem auto 0; width: 6.25rem; height: 3.66rem; padding: 0 0.16rem 0 0.16rem; overflow: hidden; overflow-y: auto;}
.date-box .inner-box::-webkit-scrollbar { width: 0.04rem; height: 0.04rem; background-color: #25005e; border: 1px solid #44008f;}
.date-box .inner-box::-webkit-scrollbar-thumb { background-color:#8700ff; border: none; border-radius: 0;}
.date-box .inner-box::-webkit-scrollbar-track { background-color: transparent; border: none; border-radius: 0;}
.date-box .dbox { width: 100%; height: 0.6rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #35008c;}
.date-box .dbox p { width: 0.74rem; height: 0.34rem; font-size: 0.22rem; line-height: 0.34rem; color: #9993ab; text-align: center;}
.date-box .dbox p strong { font-weight: 300;}
.date-box .dbox p span { display: none; color: #fff; font-size: 0.18rem;}
.date-box .dbox p.active span { display: block;}
.date-box .dbox p.active strong { display: none;}
.date-box .dbox p.today { color: #fff;}
.date-box .dbox p.today strong { cursor: pointer;}
.date-box .month-title strong { margin-right: 0.03rem; font-size: 0.4rem; font-family: fontNum; line-height: 0.4rem; color: #fff;}
.date-box .month-title { height: 0.6rem; font-size: 0.2rem;line-height: 0.2rem;color: #ece8e1;font-weight: bold;width: 100%;padding: 0 0 0.09rem 0.15rem;text-align: center;display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #35008c;}

.p1-left .tips { margin: 0.13rem 0 0.19rem 0; font-size: 0.18rem; line-height: 0.3rem; color: #ece8e1c7; text-align: center;}
.p1-left ul { display: flex; justify-content: space-between; margin: 0 auto 0; width: 6.5rem; position: relative;}
.p1-left ul:before{ content: ""; width: 6.5rem; height: .48rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/m/map.png) no-repeat 0 0/100%; position: absolute; bottom: -0.54rem; left: 0;}
.p1-left ul li { width: 2.04rem; height: 3.33rem; position: relative; }
.p1-left ul li:nth-child(1) { background: url(//game.gtimg.cn/images/val/act/a20250815act/m/task-box1.jpg) no-repeat; background-size: 100% 100%;}
.p1-left ul li:nth-child(2) { background: url(//game.gtimg.cn/images/val/act/a20250815act/m/task-box2.jpg) no-repeat; background-size: 100% 100%;}
.p1-left ul li:nth-child(3) { background: url(//game.gtimg.cn/images/val/act/a20250815act/m/task-box3.jpg) no-repeat; background-size: 100% 100%;}
.p1-left .task-box .tl { width: 1.77rem; height: 0.35rem; line-height: 0.35rem; background: #8700ff; font-size: 0.18rem; color: #ece8e1; padding: 0 0.35rem 0 0.06rem; clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%); display: flex;align-items: center;justify-content: flex-start;}
.p1-left .task-box .tl i { margin-right: 0.05rem;}
.p1-left .task-text { font-size: 0.2rem; line-height: 0.24rem; color: #fffd; font-weight: bold; text-align: center; margin-top: 1.68rem; height: 0.48rem; display: flex; justify-content: center; align-items: flex-end;}
.p1-left .gift-text { font-size: 0.18rem; line-height: 0.2rem; color: #ff3951; text-align: center; margin-top: 0.06rem;}
.p1-left .progress { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.45rem; background: #7a00e7; line-height: 0.45rem; font-size: 0.2rem; color: #ffffff; text-align: center; font-weight: bold; display: flex; align-items: center; justify-content: center;}
.p1-left .progress i { margin-right: 0.05rem;}
.p1-left .progress i.i-ok { display: none;}
.p1-left .progress span.ok { display: none;}
.p1-left .progress.on i.i-ok { display: block;}
.p1-left .progress.on span.ok { display: block;}
.p1-left .progress.on i.i-no { display: none;}
.p1-left .progress.on span.no { display: none;}
.p1-right { margin: 0.6rem auto 0;}
.p1-right .si-box { width: 6.5rem; height: 0.71rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/m/si-box.png) no-repeat; background-size: 100% 100%; display: flex; justify-content: flex-start; align-items: center; padding: 0 0 0 .26rem; position: relative; }
.p1-right .si-box p { font-size: 0.24rem; line-height: 0.34rem; font-weight: bold; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center;}
.p1-right .si-box p span { font-size: 0.24rem; height: 0.34rem; color: #ff3951; border: 1px solid #ff3951; padding: 0 0.12rem; margin-left: 0.1rem;}
.p1-right .si-box i { margin: 0 0.18rem;}
.p1-right .si-box .btn-refresh { width: 1.6rem; height: .36rem; background: #ff3951; font-size: .18rem; line-height: .35rem; color: #0b002e; text-align: center; position: absolute; top: 50%; right: .14rem; margin-top: -.18rem; -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 94% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 70%, 94% 100%, 0 100%); }
.p1-right .bar-box { height: 0.17rem; margin: 0.1rem 0 0.13rem 0; font-size: 0; text-align: left; width: 101%;}
.p1-right .bar-box span { display: inline-block; vertical-align: top;}
.p1-right .bar2 { margin: 0 0 0 -0.15rem;}
.p1-right .bar3 { margin: 0 0 0 -0.15rem;}
.p1-right .bar4 { margin: 0 0 0 0.02rem;}
.p1-right .bar5 { margin: 0 0 0 -0.14rem;}
.p1-right .bar-box span:nth-child(2) { margin: 0 0 0 -0.14rem;}
.p1-right ul { margin: 0 0 0.16rem 0; height: 5.34rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; }
.p1-right li { position: relative;}
.p1-right li .tl { font-size: 0.2rem;line-height: 0.36rem;height: 0.36rem;font-weight: bold;color: #fffc;text-align: center;background: #390495;}
.p1-right .pic-box { height: 1.22rem; position: relative; margin-top: 0.1rem;}
.p1-right .pic-box img { display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: contain; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.8); transform: scale(0.8);}
.p1-right .item-tip { width: 100%; height: .4rem; font-size: 0.18rem; line-height: 0.2rem; color: #fffc; text-align: center; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; bottom: .58rem; }
.p1-right .p1-btn1 { margin: 0.36rem auto 0;}
.p1-right .gift-box { width: 6.51rem; height: 3.08rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/gift15-box.png) no-repeat; background-size: 100% 100%; position: relative; }
.p1-right .gift-box p { font-size: 0.18rem; line-height: 0.38rem; color: #fffc; text-align: center; }
.p1-right .gift { height: 1.67rem;position: relative;margin: 0.32rem auto 0.12rem;display: flex;align-items: center;justify-content: center; }
.p1-right .gift-box img { display: block; width: auto; height: 100%; margin: 0 auto; position: relative; z-index: 1; }
.p1-right .gift:after { content: ''; width: .94rem; height: .94rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/p1-gift15-i.png) no-repeat 0 0/100%; position: absolute; right: -.1rem; bottom: -.3rem; z-index: 2; pointer-events: none; }
.p1-right .gift-box .gift-tips { width: 120%; display: block; font-size: .18rem; line-height: .24rem; color: #ece8e1cc; text-align: center; position: absolute; left: -10%; bottom: -.6rem; transform: scale(.88); }
.p1-right .p1-btn2 { margin: 0.12rem auto 0;}

.part2 .title .tl { margin-top: 0.05rem;}
.p2-box { display: flex;justify-content: space-between;align-items: flex-start;margin-top: 0.16rem;flex-wrap: wrap;height: 5.34rem;align-content: space-between;}
.p2-box .img-box { width: 100%; height: 2.04rem; position: relative;}
.p2-box .p2-item p { font-size: 0.22rem; line-height: 0.54rem; color: #ece8e1cc; text-align: center;}
.p2-box .img-box img { display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: contain; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.7); transform: scale(0.7);}
.p2-box li:nth-child(1) img{ -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9); transform: scale(0.9);}
.p2-box li:nth-child(5) img{ -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.6); transform: scale(0.6);}
.part2 .btn-group { margin-top: 0.89rem; position: relative;}
.part2 .btn-group a { display: block; margin: 0 auto; font-size: 0.26rem; line-height: 0.7rem; color: #00001a; font-weight: bold; text-align: center; -webkit-filter: brightness(0.95);filter: brightness(0.95);}
.part2 .btn-group a.gray { -webkit-filter: brightness(.7);filter: brightness(.7); pointer-events: none; }
.part2 .btn-group .state { display: block; position: absolute; top: -0.63rem; left: 0; display: flex;}
.part2 .btn-group .state span { font-size: 0.19rem; line-height: 0.35rem; color: #ff3951; width: 1.05rem; text-align: center;}
.part2 .btn-group .state span:nth-child(2) { color: #ffffff;}

.spr-p3{ background-image:url(//game.gtimg.cn/images/val/act/a20250815act/m/spr-p3.png); background-repeat:no-repeat; background-size:11.29rem 1.28rem;}
.spr-p3.i-r{ width:1.03rem; height:1.05rem; background-position:0.87719% 39.13043%;}
.spr-p3.i-tit3{ width:2.07rem; height:0.32rem; background-position:74.18655% 9.375%;}
.spr-p3.p3-tit{ width:4.76rem; height:0.51rem; background-position:98.62175% 88.31169%;}
.spr-p3.p3-tit2{ width:5.16rem; height:0.51rem; background-position:19.57586% 88.31169%;}
.spr-p3.p3-tit3{ width:5.56rem; height:0.51rem; background-position:20.94241% 11.68831%;}

.part3 .title .tit { font-size: .52rem; line-height: .64rem; }
.part3 .welfare-list { width: 7.5rem; height: auto; font-size: 0; text-align: center; margin: .5rem 0 0 -.5rem; }
.part3 .welfare-list li { width: 6.69rem; height: 4.5rem; margin: 0 auto .5rem; position: relative; }
.part3 .welfare-list li.welfare-item1 { background: url(//game.gtimg.cn/images/val/act/a20250815act/p3-i1-1.png) no-repeat 0 0/100%; }
.part3 .welfare-list li.welfare-item2 { background: url(//game.gtimg.cn/images/val/act/a20250815act/p3-i2-1.png) no-repeat 0 0/100%; }
.part3 .welfare-list li.welfare-item3 { background: url(//game.gtimg.cn/images/val/act/a20250815act/p3-i3-1.png) no-repeat 0 0/100%; }
.part3 .welfare-list li.welfare-item4 { background: url(//game.gtimg.cn/images/val/act/a20250815act/p3-i4-1.png) no-repeat 0 0/100%; }
.part3 li p.spr-p3 { font-size: .32rem; line-height: .51rem; color: #ece8e1; font-weight: bold; text-align: center; position: absolute; top: -.2rem; left: 50%; transform: translateX(-50%); }
/*.part3 li.welfare-item4 p.spr-p3 { font-size: .26rem; }*/
.part3 li .i-r { position: absolute; top: -.3rem; right: -.44rem; }
.part3 li .p3-txt { width: 100%; height: .76rem; display: flex; flex-direction: column; justify-content: center; position: absolute; left: 0; top: .3rem; }
.part3 li .p3-txt p { font-size: .18rem; line-height: .3rem; color: #ece8e1cc; text-align: center; }
.part3 li.welfare-item3 .p3-txt { height: .66rem; }
.part3 li.welfare-item4 .p3-txt { height: .5rem; flex-direction: row; align-items: center; top: .68rem; padding: 0 .3rem; }
.part3 li.welfare-item4 .p3-txt p { width: 50%; color: #fff; }

/* 弹窗部分 */
.dia>a { position: absolute; top: -0.54rem; right: 0;}
.dia .btn-group { text-align: center; font-size: 0;}
.dia .btn-group a { display: inline-block; vertical-align: top; position: relative; line-height: 0.61rem; font-size: 0.24rem; color: #fff; text-align: center; font-weight: bold;}
.dia .btn-group a:nth-child(2) { margin-left: 0.27rem;}
.dia .btn-group a.gray { pointer-events: none; filter: grayscale(1); }
.dia .btn-group .pop-btn2 { color: #18003c;}
.dia .pop-btn4 { font-size: 0.18rem; line-height: 0.32rem; color: #170046; text-align: center; display: flex; justify-content: center; align-items: center;}
.dia .pop-btn4 i { margin-right: 0.04rem;}
.dia .pop-title { height: 0.48rem; font-size: 0; text-align: center;}
.dia .pop-title span { display: inline-block; vertical-align: middle; font-size: 0.44rem; line-height: 0.48rem; font-weight: bold; color: #fff; margin: 0 0.23rem;}
.dia .pop-title i { display: inline-block; vertical-align: middle;}
/* 通用弹窗 S */
.current { width: 7rem; height: 3.86rem; padding-top: 0.3rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/pop-current.png) no-repeat; background-size: 100% 100%;}
.current .text-tip { width: 100%; height: 2.35rem; position: relative;}
.current .text-tip p { width:5.4rem; height: auto; line-height: 0.35rem; color: #fff; font-size: 0.24rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center;}
/* 通用弹窗 E */
.obtain { width: 7rem; height: 5.06rem; padding-top: 0.61rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/pop-bg2.png) no-repeat; background-size: 100% 100%;}
.obtain img { height: 1.5rem ; width: auto; display: block; object-fit: contain; margin: 0.39rem auto 0.35rem;}
.obtain .title-tip { line-height: 0.38rem; color: #ebe3de; font-size: 0.27rem; text-align: center;}
.obtain .text-tip { width: 100%; height: 0.53rem; position: relative;}
.obtain .text-tip p { width: 5.66rem; height: auto;margin: 0 auto 0;line-height: 0.3rem;color: #ece8e1;font-size: 0.2rem;text-align: center;}
.obtain .btn-text { width: 3.5rem; margin: 0 0 0 0;line-height: 0.27rem;color: #ece8e1;font-size: 0.18rem;text-align: center;}
.obtain .btn-group { width: 3.57rem; margin: 0 auto;}

.pop3 { width: 7rem;height: 7.6rem;padding-top: 0.47rem;background: url(//game.gtimg.cn/images/val/act/a20250815act/pop-bg3.png) no-repeat 0 0; background-size: 100%; }
.pop3 .pop-tips { font-size: 0.18rem; line-height: 0.24rem; color: #ffffff; text-align: center; margin: 0.09rem auto 0.15rem;}
.pop3 .choose-num { width: 0.86rem; height: 0.28rem; font-size: 0.2rem; line-height: 0.28rem; color: #ff3951; border: 1px solid #ff3951; text-align: center; margin: 0.17rem auto 0.24rem;}
.pop3 ul { height: 4.42rem; width: 6.6rem; font-size: 0; text-align: left; padding: 0 0 0 0.13rem; margin: 0 auto 0.16rem; overflow: hidden; overflow-y: auto;}
.pop3 ul::-webkit-scrollbar { width: 0.04rem; height: 0.04rem; background-color: #2e015a;}
.pop3 ul::-webkit-scrollbar-thumb { background-color:#ff3951; border: none; border-radius: 0;}
.pop3 ul::-webkit-scrollbar-track { background-color: transparent; border: none; border-radius: 0;}
.pop3 li { position: relative; display: inline-block; vertical-align: top; margin: 0 0.13rem 0.13rem 0;}
.pop3 li.has { pointer-events: none; }
.pop3 li .tl { font-size: 0.18rem;line-height: 0.2rem;height: 0.42rem;color: #ffffff;text-align: center;background: #390495;display: flex;align-items: center;justify-content: center;transform: scale(0.8);transform-origin: 50% 50%;}
.pop3 .pic-box { height: 0.65rem; position: relative; margin: 0.1rem auto 0.08rem;}
.pop3 .pic-box img { display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: contain;}
.pop3 .item-tip { font-size: 0.16rem; line-height: 0.2rem; color: #fff; text-align: center; }
.pop3 .pop-btn4 { margin: 0.05rem auto 0;}
.pop3 .pop-btn4 i { display: none;}
.pop3 li.on .pop-btn4 i { display: inline-block;}

.pop4 { width: 7rem; height: 6.9rem; padding-top: 0.47rem;background: url(//game.gtimg.cn/images/val/act/a20250815act/pop-bg4.png) no-repeat 0 0; background-size: 100%; }
.pop4 .pop-tips { font-size: 0.18rem; line-height: 0.24rem; color: #ffffff; text-align: center; margin: 0.09rem auto 0.29rem;}
.pop4 ul { height: 3.9rem; width: 6.6rem; font-size: 0; text-align: center; margin: 0 auto 0.36rem;}
.pop4 li { position: relative; display: inline-block; vertical-align: top; margin: 0 0 0.16rem 0;}
.pop4 li:not(:nth-child(3n)) { margin-right: 0.2rem;}
.pop4 li .tl { font-size: 0.18rem; line-height: 0.2rem; height: 0.49rem; color: #ffffff; text-align: center;background: #390495;display: flex;align-items: center;justify-content: center;}
.pop4 .pic-box { height: 0.79rem; position: relative; margin: 0.3rem auto 0;}
.pop4 .pic-box img { display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: contain;}
.pop4 .pop-btn4 { margin: 0.05rem auto 0;}

.pop5 { width: 7rem; height: 6.6rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/pop-bg5.png) no-repeat 0 0; background-size: 100%; padding-top: 0.77rem; }
.pop5 .img-box { width: 100%; height: 0.87rem; position: relative; margin-bottom: 0.73rem; }
.pop5 .img-box img { height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) /* scale(1.5) */; pointer-events: none;}
.pop5 .img-box p { width: 100%; height: 0.2rem; line-height: 0.2rem; font-size: 0.18rem; color: #fff; text-align: center;position: absolute;bottom: -0.36rem;left: 0;}
.pop5 .input-box { width: 5.66rem; height: 0.5rem; background: #100128; margin: 0 auto 0.33rem; position: relative;font-size: 0; border: 1px solid #ff3951; font-size: 0;}
.pop5 .input-box:before { content: ''; width: 0.02rem; height: 0.3rem; background: #9f979f; position: absolute; top: 50%; left: 1.26rem; margin-top: -0.15rem; pointer-events: none; }
.pop5 .input-box span { width: 1.28rem; height: 100%; display: inline-block; vertical-align: top; font-size: 0.22rem; line-height: 0.46rem; color: #ff3951; font-weight: bold; text-align: center; }
.pop5 .input-box input { width: 4.3rem; height: 100%; display: inline-block; vertical-align: top; font-size: 0.2rem; line-height: 0.46rem; color: #aaa8ae; background: none; border: none; outline: none; padding: 0 0.16rem; }
.pop5 .input-box input::placeholder { color: #aaa8ae; }
.pop5 .pop-text { width: 5.66rem; min-height: 1.4rem; font-size: 0.18rem; line-height: 0.32rem; color: #e1e1e3; text-align: justify; margin: 0 auto 0.31rem;}

.pop6 { width: 7rem; height: 3.87rem; padding-top: 0.7rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/pop-current.png) no-repeat 0 0; background-size: 100%; }
.pop6 .input-box { width: 5.66rem; height: 0.5rem; background: #100128; margin: 0 auto 0.46rem; position: relative;font-size: 0; border: 1px solid #ff3951; font-size: 0;}
.pop6 .input-box:before { content: ''; width: 0.02rem; height: 0.3rem; background: #9f979f; position: absolute; top: 50%; left: 1.26rem; margin-top: -0.15rem; pointer-events: none; }
.pop6 .input-box span { width: 1.28rem; height: 100%; display: inline-block; vertical-align: top; font-size: 0.22rem; line-height: 0.46rem; color: #ff3951; font-weight: bold; text-align: center; }
.pop6 .input-box input { width: 4.3rem; height: 100%; display: inline-block; vertical-align: top; font-size: 0.2rem; line-height: 0.46rem; color: #aaa8ae; background: none; border: none; outline: none; padding: 0 0.16rem; }
.pop6 .input-box input::placeholder { color: #aaa8ae; }
.pop6 .input-box p { width: 4.3rem; height: 100%; display: inline-block; vertical-align: top; font-size: 0.2rem; line-height: 0.46rem; color: #aaa8ae; padding: 0 0.16rem; }
.pop6 .pop-text { width: 5.64rem;font-size: 0.24rem;line-height: 0.3rem;color: #e1e1e3;text-align: center;margin: 0 auto 0.43rem; }
.pop6 .pop-text p { margin-bottom: 0.13rem;}

.pop7 { width: 7rem; height: 3.86rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/pop-current.png) no-repeat 0 0; background-size: 100%; padding-top: .1rem; }
.pop7 .img-box { width: 2.9rem; height: auto; margin: 0 auto; }
.pop7 .img-box img { width: 100%; height: auto; display: block; }
.pop7 .loading-txt { width: 100%; height: auto; font-size: .24rem; line-height: .3rem; color: #fe3952cc; text-align: center; margin-top: .1rem; }

.obtain2 { width: 7rem; height: 5.06rem; padding-top: .6rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/pop-bg2.png) no-repeat; background-size: 100% 100%;}
.obtain2 .img-box { width: 100%; height: 1.66rem; position: relative; margin: .4rem 0 .3rem; }
.obtain2 .img-box img { width: auto; height: 100%; display: block; position: relative; z-index: 1; margin: 0 auto; }
.obtain2 .img-box:after { content: ''; width: .93rem; height: .93rem; background: url(//game.gtimg.cn/images/val/act/a20250815act/p1-gift15-i.png) no-repeat 0 0/100%; position: absolute; bottom: -.3rem; right: .14rem; z-index: 2; pointer-events: none; }
.obtain2 .title-tip { line-height: .38rem; color: #ebe3de; font-size: .27rem; text-align: center;}
.obtain2 .text-tip { width: 100%; height: .53rem; position: relative;}
.obtain2 .text-tip p { width: 5.66rem; height: auto;margin: 0 auto 0;line-height: .3rem;color: #ece8e1c2;font-size: .18rem;text-align: center;}
.obtain2 .btn-text { width: 3.5rem; margin: 0 0 0 0;line-height: 0.27rem;color: #ece8e1;font-size: 0.18rem;text-align: center;}
.obtain2 .btn-group { width: 3.57rem; margin: 0 auto;}