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: #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; font-family: "Heiti SC" ,sans-serif; }
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/cp/a20251215activateAct/m/spr.png); background-repeat:no-repeat; background-size:15.04rem 9.58rem;}
.spr.bar-arrow{ width:0.14rem; height:0.26rem; background-position:71.87919% 93.56223%;}
.spr.bar-icon.gray{ width:0.27rem; height:0.26rem; background-position:70.54841% 93.56223%;}
.spr.bar-icon.on{ width:0.62rem; height:0.54rem; background-position:84.39667% 60.73009%;}
.spr.bar-icon{ width:0.27rem; height:0.27rem; background-position:86.39133% 47.1536%;}
.spr.card-bg.gray{ width:1.83rem; height:3.87rem; background-position:98.7888% 13.48511%;}
.spr.card-bg.on{ width:1.83rem; height:3.87rem; background-position:78.12263% 52.88967%;}
.spr.card-bg{ width:1.83rem; height:3.87rem; background-position:98.7888% 81.61121%;}
.spr.claim-button.gray{ width:1.51rem; height:0.49rem; background-position:85.14412% 8.47085%;}
.spr.claim-button.on{ width:1.51rem; height:0.49rem; background-position:85.14412% 14.08141%;}
.spr.claim-button{ width:1.51rem; height:0.49rem; background-position:65.70584% 94.05941%;}
.spr.complete-icon.on{ width:0.35rem; height:0.34rem; background-position:85.36419% 54.7619%;}
.spr.complete-icon{ width:0.35rem; height:0.35rem; background-position:82.84547% 51.57096%;}
.spr.experience-button{ width:6.52rem; height:0.85rem; background-position:60.68075% 22.79496%;}
.spr.gain-bg{ width:1.91rem; height:2.3rem; background-position:83.3968% 94.91758%;}
.spr.highlight-content{ width:5.12rem; height:3.86rem; background-position:0.30242% 0.52448%;}
.spr.highlight-share{ width:4.41rem; height:2.56rem; background-position:0.28222% 55.69801%;}
.spr.highlight-smack{ width:4.41rem; height:2.56rem; background-position:0.28222% 92.45014%;}
.spr.highlight-sticker{ width:4.41rem; height:2.56rem; background-position:41.95673% 55.69801%;}
.spr.highlight-tab{ width:5.13rem; height:1.01rem; background-position:52.16953% 33.37223%;}
.spr.number-bg1{ width:0.62rem; height:0.29rem; background-position:84.39667% 65.12379%;}
.spr.number-bg2{ width:0.6rem; height:0.33rem; background-position:65.92798% 88.32432%;}
.spr.pop-btn{ width:3.49rem; height:0.72rem; background-position:99.74026% 0.3386%;}
.spr.pop-close{ width:0.34rem; height:0.34rem; background-position:82.78912% 55.51948%;}
.spr.prop1{ width:0.65rem; height:0.7rem; background-position:66.85198% 70.04505%;}
.spr.prop2{ width:0.76rem; height:0.74rem; background-position:85.78431% 20.24887%;}
.spr.prop3{ width:1.21rem; height:0.19rem; background-position:79.1757% 98.29606%;}
.spr.prop4{ width:0.68rem; height:0.74rem; background-position:66.99164% 53.0543%;}
.spr.prop5{ width:0.69rem; height:0.72rem; background-position:61.95122% 43.90519%;}
.spr.prop6{ width:1.35rem; height:0.43rem; background-position:60.26297% 99.12568%;}
.spr.prop7{ width:0.62rem; height:0.73rem; background-position:61.65049% 60.67797%;}
.spr.prop8{ width:0.46rem; height:0.69rem; background-position:71.46776% 84.8144%;}
.spr.prop9{ width:0.65rem; height:0.75rem; background-position:66.85198% 61.7214%;}
.spr.prop10{ width:0.73rem; height:0.71rem; background-position:85.60447% 28.74859%;}
.spr.prop11{ width:0.61rem; height:0.72rem; background-position:61.60776% 77.65237%;}
.spr.prop12{ width:0.6rem; height:0.56rem; background-position:65.92798% 76.94013%;}
.spr.prop13{ width:0.57rem; height:0.73rem; background-position:84.10504% 45.31073%;}
.spr.prop14{ width:0.73rem; height:0.71rem; background-position:85.04542% 36.97858%;}
.spr.prop15{ width:0.63rem; height:0.72rem; background-position:61.69327% 52.25734%;}
.spr.prop16{ width:0.65rem; height:0.78rem; background-position:66.85198% 44.20455%;}
.spr.prop17{ width:0.6rem; height:0.74rem; background-position:61.5651% 69.23077%;}
.spr.prop18{ width:0.52rem; height:1.21rem; background-position:80.64738% 21.3859%;}
.spr.sticker-bg{ width:4.41rem; height:2.56rem; background-position:41.95673% 92.45014%;}
.spr.subtitle-bg{ width:4.97rem; height:0.48rem; background-position:0.29791% 99.67033%;}
.spr.swiper-arrow.gray{ width:0.21rem; height:0.36rem; background-position:86.04181% 43.49241%;}
.spr.swiper-arrow{ width:0.2rem; height:0.36rem; background-position:85.98383% 50.75922%;}
.spr.tab-icon1{ width:0.61rem; height:0.61rem; background-position:71.30977% 77.03456%;}
.spr.tab-icon2{ width:0.61rem; height:0.61rem; background-position:65.97367% 84.05797%;}
.spr.tab-icon3{ width:0.61rem; height:0.61rem; background-position:61.60776% 84.94983%;}
.spr.task-info.gray{ width:6.33rem; height:0.96rem; background-position:59.35706% 0.34803%;}
.spr.task-info{ width:6.33rem; height:0.96rem; background-position:59.35706% 11.71694%;}
.spr.title-bg1{ width:1.31rem; height:0.42rem; background-position:70.06555% 98.9083%;}
.spr.title-bg2{ width:3.21rem; height:0.42rem; background-position:42.43449% 99.01747%;}
.spr.title-stars{ width:0.44rem; height:0.45rem; background-position:71.36986% 90.36145%;}
/* 精灵图 E */

.page1 { width: 7.5rem; height: 9.18rem; background: url(//game.gtimg.cn/images/val/cp/a20251215activateAct/m/bg1.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: 7.9rem .8rem 0; }
.page1 .subtitle { color: #f55058; font-size: .28rem; text-align: center; word-break: break-all; }
.page1 .login-box { text-align: center; margin-top: .1rem; word-break: break-all; }
.page1 .login-box .login { font-size: .22rem; color: #c9c3b7; }
.page1 .login-box a { color: #f55058; }

@font-face { font-family: 'TUNGSTEN-SEMIBOLD'; src: url('//game.gtimg.cn/images/val/cp/a20251215activateAct/font/TUNGSTEN-SEMIBOLD.OTF') format('opentype'); font-weight: normal; font-style: normal; }
.page2 { width: 7.5rem; height: 12.84rem; background: url(//game.gtimg.cn/images/val/cp/a20251215activateAct/m/bg2.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: .7rem .5rem 0; }
.page2 .title { width: 4.7rem; }
.page2 .title > p { color: #ebe8e1; font-size: .54rem; letter-spacing: .04rem; line-height: .62rem; font-weight: 600; text-align: start; }
.page2 .title > i { display: none; }
.page2 .main .title-box { position: relative; color: #111923; font-size: .24rem; text-align: center; line-height: .4rem; letter-spacing: .01rem; font-weight: 600;  }
.page2 .main .title-box.spr.title-bg1 { position: absolute; top: 1.53rem; right: .5rem; }
.page2 .left .task-box { width: 100%; height: 4.44rem; overflow-y: auto; overflow-x: hidden; margin-top: .3rem; }
.page2 .left .task-box::-webkit-scrollbar { width: .05rem; height: .05rem; background-color:#08182e; }
.page2 .left .task-box::-webkit-scrollbar-thumb{ background-color: #f55058; }
.page2 .left .task-box::-webkit-scrollbar-track{ background-color: #2f363d; }
.page2 .left .spr.task-info { margin-bottom: .2rem; display: flex; justify-content: space-between; align-items: center; padding: 0 .25rem; }
.page2 .left .spr.task-info:last-of-type { margin-bottom: 0; }
.page2 .left .description { display: flex; align-items: center; justify-content: start; width: 4rem; overflow: hidden; }
.page2 .description span { color: #f55058; font-size: .41rem; font-family: 'TUNGSTEN-SEMIBOLD', sans-serif; letter-spacing: .02rem; margin-right: .2rem;  }
.page2 .description p { color: #bdbfbf; font-size: .2rem; line-height: .25rem; text-align: start; letter-spacing: .01rem; }
.page2 .left .task-status { display: flex; justify-content: space-between; align-items: center; }
.page2 .task-status > p { color: #ffffff; font-size: .22rem; }
.spr.task-info .task-status > p:last-of-type { display: none; }
.spr.task-info.gray .task-status > p { color: #0f1011; display: block; }
.spr.task-info.gray .task-status > p:first-of-type { display: none; }
.page2 .spr.task-info .spr.complete-icon,
.page2 .spr.task-info.gray .spr.complete-icon.on { display: none; }
.page2 .spr.task-info .spr.complete-icon.on,
.page2 .spr.task-info.gray .spr.complete-icon { display: block; margin-right: .05rem; }

.page2 .main .right { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: .4rem; }
.page2 .right .progress-bar { width: 100%; padding-top: .35rem; display: flex; flex-direction: column; justify-content: start; align-items: start; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.page2 .right .progress-bar { position: relative; --fade-width: .8rem; -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) calc(100% - var(--fade-width)), rgba(0,0,0,0) 100%); mask-image: linear-gradient(to right, rgba(0,0,0,1) calc(100% - var(--fade-width)), rgba(0,0,0,0) 100%); }
.page2 .right .progress-bar::-webkit-scrollbar { display: none; }
.page2 .right .spr.bar-arrow { display: block; position: absolute; right: .55rem; bottom: 4.63rem; }
.page2 .progress-bar .bar-wrapper { display: flex;  justify-content: start; align-items: center; position: relative; margin-top: .2rem; }
.page2 .bar-wrapper .bar-container { display: flex; justify-content: start; align-items: center; position: relative; }
.page2 .bar-container .bar { display: block; width: 1.98rem; height: .03rem; background: #f55058; }
.page2 .bar-container:first-of-type .bar { width: .85rem; }
.page2 .bar-container .square { display: block; width: .07rem; height: .07rem; background-color: #f55058; }
.page2 .bar-container.gray .bar,
.page2 .bar-container.gray .square { background: #888283; }

.page2 .progress-bar .card-wrapper { display: flex; justify-content: start; align-items: end; margin-top: -.17rem }
.page2 .card-wrapper .progress-box { margin-right: .15rem; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: end; }
.page2 .progress-box .spr.bar-icon,
.page2 .progress-box .spr.bar-icon.on,
.page2 .progress-box .spr.bar-icon.gray,
.page2 .progress-box.status3 .spr.bar-icon.on,
.page2 .progress-box.status3 .spr.bar-icon.gray { display: none; }
.page2 .progress-box.status3 .spr.bar-icon,
.page2 .progress-box.status2 .spr.bar-icon.on { display: block; position: relative; z-index: 2; margin-bottom: -.05rem; }
.page2 .progress-box.status1 .spr.bar-icon.gray { display: block; position: relative; z-index: 2; margin-bottom: -.04rem; }
.page2 .progress-box.status2 .spr.bar-icon.on { margin-bottom: -.19rem; margin-top: -.13rem; transform: translateX(.01rem); }
.page2 .progress-box.status1 .spr.bar-icon { margin-bottom: -.05rem; transform: translateX(.01rem); }
.page2 .progress-box.status2::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: .09rem; width: .3rem; height: .1rem; background: #131c24; z-index: 1; pointer-events: none; }
.page2 .progress-box.status1::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: .08rem; width: .2rem; height: .1rem; background: #131c24; z-index: 1; pointer-events: none; }

.page2 .progress-box > p { color: #c5c3bf; font-size: .2rem; letter-spacing: .01rem; position: absolute; top: -.35rem; left: 50%; transform: translateX(-50%); white-space: nowrap;  }
.page2 .progress-box .spr.card-bg { display: none; flex-direction: column; justify-content: start; align-items: center; position: relative; padding: .7rem .1rem 0; }
.page2 .progress-box.status1 .unlocked-box,
.page2 .progress-box.status2 .ready-box,
.page2 .progress-box.status3 .claimed-box { display: flex;}
.page2 .spr.card-bg .prop-container { width: 100%; height: 1.4rem; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.page2 .prop-container .prop-top { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.page2 .prop-container .prop-bottom { height: .55rem; width: 100%; display: flex; justify-content: center; align-items: center; }
.page2 .prop-top > div { width: .8rem; height: .8rem; display: flex; justify-content: center; align-items: center; }
.page2 .prop-container i { display: block; }
.page2 .prop-container .spr.prop6 { color: #171b25; font-size: .16rem; line-height: .19rem; padding-top: .01rem; font-weight: 600; text-align: center;}
.page2 .spr.card-bg .prop-text { padding: 0 .04rem; margin-top: .3rem; height: .7rem; line-height: .23rem; color: #a5a5a4; font-size: .18rem; display: flex; flex-direction: column; justify-content: end; align-items: start; align-self: start; letter-spacing: .01rem; }
.page2 .prop-text > p::before { content: '-'; color: #a5a5a4; font-size: .18rem; position: absolute; left: .04rem; }

.page2 .spr.card-bg > a { display: flex; justify-content: center; align-items: center; font-size: .2rem; letter-spacing: .02rem; font-weight: 600; position: absolute; bottom: .25rem; }
.progress-box.status1 .spr.card-bg > a { color: #000000; pointer-events: none; }
.progress-box.status2 .spr.card-bg.on > a { color: #f55058; }
.page2 .progress-box.status2 .ready-box { will-change: transform, opacity; }
.page2 .progress-box.status2 .ready-box.drop-out { transition: transform 600ms cubic-bezier(.22,.9,.28,1), opacity 600ms; transform: translateY(1.6rem) scale(.98); opacity: 0; pointer-events: none; }
.progress-box.status3 .spr.card-bg.gray > a { color: #ebe8e1; pointer-events: none; }

.page3 { position: relative; width: 7.5rem; height: 29.77rem; padding: .7rem .45rem 0; background: url(//game.gtimg.cn/images/val/cp/a20251215activateAct/m/bg3.png) no-repeat; background-size: 100% 100%; }
.page3 .highlight-container { display: none; }
.page3 .wagu-machine { position: relative; }
.page3 .wagu-machine .title { line-height: .65rem; color: #ebe8e1; font-size: .54rem; letter-spacing: .02rem; font-weight: 600; }
.page3 .title .spr.title-stars { display: inline-block; }
.page3 .wagu-machine .spr.subtitle-bg { margin-top: .15rem; letter-spacing: .01rem; font-size: .24rem; line-height: .46rem; text-align: center; color: #ebe8e1;}
.page3 .wagu-machine .spr.experience-button { margin: 5.2rem auto 0; font-weight: 600; display: block; color: #0b131c; font-size: .28rem; text-align: center; line-height: .83rem; letter-spacing: .02rem; }
.page3 .wagu-machine .customization-frequency { font-size: .22rem; color: #ebe8e1; letter-spacing: .02rem; position: absolute; left: 50%; transform: translateX(-50%); top: 6.6rem; }
.page3 .wagu-machine .spr.number-bg1 { display: inline-block; font-weight: 600; margin: 0 .1rem; line-height: .27rem; color: #f55058; text-align: center; }
.page3 .wagu-machine .wagu-bottom { margin-top: .1rem; display: flex; justify-content: space-between; align-items: center; padding: 0 1rem; }
.page3 .wagu-bottom > a { letter-spacing: .02rem; display: block; color: #0b131b; font-size: .2rem; border-bottom: .02rem solid #0b131b; font-weight: 600; }
.page3 .highlight-bg { padding-top: .35rem; width: 7.5rem; height: 8.65rem; background: url(//game.gtimg.cn/images/val/cp/a20251215activateAct/m/highlight-bg.png) no-repeat; background-size: 100% 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 9.65rem; }
.page3 .highlight-bg > h3 { color: #ebe8e1; letter-spacing: .01rem; font-size: .44rem; text-align: center; font-weight: 600; }
.page3 .highlight-bg .swiper-container { margin-top: .5rem; width: 5.11rem; }
.page3 .highlight-bg i { display: inline-block; }
.page3 .highlight-bg .swiper-slide { display: flex; flex-direction: column; align-items: center; }
.page3 .highlight-bg .spr.highlight-tab { padding: 0 .17rem; display: flex; justify-content: space-between; align-items: center; }
.page3 .spr.highlight-tab > p { letter-spacing: .01rem; color: #ebe8e1; font-size: .23rem; }
.page3 .highlight-bg .spr.highlight-content { margin-top: .2rem; }
.page3 .highlight-bg .describe { display: flex; align-items: center; height: .55rem; padding: .12rem 0 0 .06rem; }
.page3 .describe > span { margin-top: -.32rem; color: #f55058; font-size: .3rem; letter-spacing: .01rem; font-family: 'TUNGSTEN-SEMIBOLD', sans-serif;}
.page3 .describe > p { font-weight: 600; width: 4.7rem; line-height: .23rem; text-align: center; color: #111b25; font-size: .21rem; }
.page3 .highlight-bg .sticker-box { margin: .4rem auto 0; position: relative; width: 4.41rem; height: 2.56rem; display: flex; justify-content: center; align-items: center; }
.page3 .highlight-bg .spr.sticker-bg { position: absolute; }

.page3 .highlight-bg .swiper-prev { position: absolute; top: 50%; left: .8rem; transform: rotate(180deg); }
.page3 .highlight-bg .swiper-next { position: absolute; top: 50%; right: .8rem; }
.page3 .highlight-bg .swiper-prev.spr.swiper-arrow.gray { transform: rotate(0deg); }
.page3 .highlight-bg .swiper-next.spr.swiper-arrow.gray { transform: rotate(180deg); }
.page3 .highlight-bg .swiper-pagination { bottom: 1.8rem; left: 50%; transform: translateX(-50%); }
.page3 .highlight-bg .swiper-pagination-bullet { transform: skewX(-34deg); border: .02rem solid #ffffff; background: transparent; margin: 0 .05rem; border-radius: 0; width: .3rem; height: .07rem; position: relative; box-sizing: border-box; }
.page3 .highlight-bg .swiper-pagination-bullet-active { border: .02rem solid #f55058; background: #f55058; width: .56rem; }
.page3 .faq-container { margin-top: 8.25rem; color: #ebe8e1; position: relative; }
.page3 .faq-container .faq-title { letter-spacing: .02rem; display: flex; justify-content: start; align-items: center; font-size: .44rem; font-weight: 600; }
.page3 .faq-container .faq-title::before { content: ''; display: block; width: .06rem; height: .47rem; margin-right: .1rem; background: #ebe8e1; }
.page3 .faq-container .faq-item { margin-top: .3rem; display: flex;  justify-content: start; align-items: start; }
.page3 .faq-container .spr.number-bg2 { color: #f55058; font-size: .26rem; font-weight: 600; font-family: 'TUNGSTEN-SEMIBOLD', sans-serif; text-align: center; line-height: .31rem; letter-spacing: .01rem; margin-right: 0.2rem; }
.page3 .faq-item > div { transform: translateY(-.05rem); flex: 1;  }
.page3 .faq-item h5 { font-size: .26rem; font-weight: 600; }
.page3 .faq-item p { font-size: .2rem; font-weight: 100; }
.page3 .wagu-machine .spr.experience-button.pc-button { display: none; }
.page3 .wagu-bottom > a.pc-button { display: none; }


/* 弹窗通用 S */
.dia, .dia * { box-sizing: border-box; }
.dia { position: relative; display: none; padding: .45rem .2rem 0; }
.dia input { outline:none; }
.dia .spr.pop-close { display: block; }
.dia .spr.pop-close { position: absolute; top: -.45rem; right: 0;}
.dia .spr.pop-btn { position: absolute; bottom: .44rem; text-align: center; line-height: .7rem; font-size: .29rem; color: #ffffff; letter-spacing: .02rem; left: 50%; transform: translateX(-50%); }
.dia .pop-title { display: flex; justify-content: center; align-items: center; }
.dia .pop-title > i:last-of-type { transform: rotate(180deg);  }
.dia .pop-title > p { color: #f55058; font-size: .4rem; margin: 0 .15rem; letter-spacing: .04rem; }
/* 弹窗通用 E */

.dia-tips { width: 7rem; height: 3.7rem; background: url(//game.gtimg.cn/images/val/cp/a20251215activateAct/m/pop-bg1.png) no-repeat; background-size: 100% 100%; }
.dia-tips .text-tip { width: 100%; text-align: center; margin-top: .7rem; padding: 0 1rem; }
.dia-tips .text-tip > p { color: #ffffff; font-size: .48rem; letter-spacing: .02rem; line-height: .55rem; word-break: break-all; }

.pop1 { width: 7rem; height: 5.1rem; background: url(//game.gtimg.cn/images/val/cp/a20251215activateAct/m/pop-bg2.png) no-repeat; background-size: 100% 100%; padding-right: .4rem; padding-left: .4rem; }
.pop1 .prop-box { display: flex; justify-content: center; align-items: center; width: 100%; margin-top: .2rem }
.pop1 .prop-box .spr.gain-bg { margin-right: .2rem; position: relative; padding-top: .08rem; }
.pop1 .prop-box .spr.gain-bg:last-of-type { margin-right: 0; }
.pop1 .spr.gain-bg > div { width: 1.55rem; height: 1.55rem; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.pop1 .spr.gain-bg img { width: 100%; height: 100%; object-fit: contain; }
.pop1 .spr.gain-bg > p { height: .6rem; padding: 0 .1rem; font-weight: 600; color: #191b25; font-size: .24rem; letter-spacing: .01rem; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; line-height: .25rem; }

.pop2 { width: 7rem; height: 4.8rem; background: url(//game.gtimg.cn/images/val/cp/a20251215activateAct/m/pop-bg3.png) no-repeat; background-size: 100% 100%; padding-right: .7rem; padding-left: .7rem; }
.pop2 > p { margin: .10rem 0; color: #a3a4a3; font-size: .27rem; text-align: center; letter-spacing: .02rem; }
.pop2 .spr.QR-code { display: block; margin: auto;  }

.pop3 { width: 7rem; height: 3.7rem; padding: .45rem .4rem; background: url(//game.gtimg.cn/images/val/cp/a20251215activateAct/m/pop-bg1.png) no-repeat; background-size: 100% 100%; }
.pop3 > p { margin: .10rem 0; color: #a3a4a3; font-size: .27rem; text-align: center; letter-spacing: .02rem; }
.pop3 .link-box { display: flex; width: 100%; justify-content: center; align-items: center; margin-top: .3rem; }
.pop3 .link-box > input { width: 3.03rem; height: .49rem; letter-spacing: .02rem; font-size: .18rem; background: #240326; border: .01rem solid #eb3953; color: #ebe8e1; padding: 0 .15rem; }
.pop3 .link-box > a { display: flex; justify-content: center; align-items: center; margin-left: .2rem; color: #ebe8e1; font-size: .18rem; text-align: center; letter-spacing: .02rem; }