/* 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,i{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: #9a3dfe;}
.wrapper{font-size: 0;}
.wrapper .main { width: 6.82rem; 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;}

/* 浮动 S */
.fl { float: left;}
.fr { float: right;}
.fbox { *zoom:1; }
.fbox::after,.fbox::before { content: ""; display: table;}
.fbox::after { clear: both;}
/* 浮动 E */
/* 通用部分 S */
.show_pc { display: none !important;}

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

/* 精灵图 S */
.spr{ background-image:url(//game.gtimg.cn/images/val/act/a20241212returnactivity/m/spr.png); background-repeat:no-repeat; background-size:10.13rem 3.28rem;}
.spr.line{ width:0.04rem; height:0.41rem; background-position:99.10803% 3.13589%;}
.spr.line2{ width:5.32rem; height:0.04rem; background-position:1.8711% 93.82716%;}
.spr.logo{ width:2.14rem; height:0.31rem; background-position:75.84481% 74.41077%;}
.spr.pic-item{ width:2.03rem; height:2.04rem; background-position:80% 7.25806%;}
.spr.pop-close{ width:0.33rem; height:0.33rem; background-position:61.83673% 27.79661%;}
.spr.sw-left{ width:0.61rem; height:0.55rem; background-position:56.40756% 30.03663%;}
.spr.sw-left.swiper-button-disabled{ width:0.61rem; height:0.55rem; background-position:35.39916% 30.03663%;}
.spr.sw-right{ width:0.61rem; height:0.55rem; background-position:42.64706% 30.03663%;}
.spr.sw-right.swiper-button-disabled{ width:0.61rem; height:0.55rem; background-position:56.40756% 77.65568%;}
.spr.task-box{ width:3.2rem; height:0.34rem; background-position:1.2987% 27.89116%;}
.spr.task-item{ width:6.31rem; height:0.65rem; background-position:2.35602% 3.42205%;}
.spr.task-item2{ width:5.2rem; height:0.75rem; background-position:1.82556% 87.35178%;}
.spr.title1{ width:3.49rem; height:0.59rem; background-position:1.35542% 53.90335%;}
.spr.title2{ width:2.43rem; height:0.59rem; background-position:47.53247% 53.90335%;}
.spr.title3{ width:3.45rem; height:0.59rem; background-position:90.71856% 96.65428%;}
.spr.zhbtn.gray{ width:1.33rem; height:0.75rem; background-position:97.61364% 3.55731%;}
.spr.zhbtn.on{ width:1.33rem; height:0.75rem; background-position:97.61364% 36.36364%;}
.spr.zhbtn{ width:1.33rem; height:0.75rem; background-position:97.61364% 69.16996%;}
/* 精灵图 E */
/* 通用按钮 S */
.item-btn { display: block; position: relative; width: 2.02rem; height: 0.64rem; margin: 0 auto;}
.item-btn:before { content: ''; width: 100%; height: 0.28rem; border: 1px solid #fff; border-bottom: none; position: absolute; top: 0; left: 0;}
.item-btn:after { content: ''; width: 100%; height: 0.28rem; border: 1px solid #fff; border-top: none; position: absolute; bottom: 0; left: 0;}
.item-btn .item-btn-inner { display: block; position: absolute; top: 50%; left: 50%; z-index: 3; width: 1.88rem; height: 0.5rem; background: #fff; margin: -0.25rem 0 0 -0.94rem; }
.item-btn .item-btn-inner .item-btn-text { width: 100%; height: 100%; font-size: 0.3rem; line-height: 0.5rem; color: #000; display: inline-block; vertical-align: top; text-align: center; font-weight: bold; letter-spacing: 0.03rem; position: relative; z-index: 9; }
.item-btn.gray { pointer-events: none !important;}
.item-btn.gray .item-btn-inner { background: gray !important; }
.item-btn.gray:before { border: 1px solid gray !important; }
.item-btn.gray:after { border: 1px solid gray !important; border-top: none !important;}
.item-btn.gray .item-btn-inner .item-btn-text{color:#313131 !important;}
.item-btn.not { pointer-events: none !important;}
.item-btn.not .item-btn-inner { background: #ededed !important; }
.item-btn.not:before { border: 1px solid #ededed !important; }
.item-btn.not:after { border: 1px solid #ededed !important; border-top: none !important;}
.item-btn.not .item-btn-inner .item-btn-text { color:#000000 !important;}
/* 通用按钮 E */
.wrapper { width: 100%;
    background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/m/mbg1.jpg) 50% 0 no-repeat,
    url(//game.gtimg.cn/images/val/act/a20241212returnactivity/m/mbg2.jpg) 50% 9.98rem no-repeat,
    url(//game.gtimg.cn/images/val/act/a20241212returnactivity/m/mbg3.jpg) 50% 19.96rem no-repeat; 
    background-size: 100% 10rem, 100% 10rem, 100% 11.78rem;}

.title { height: 0.62rem; position: relative;}
.title i { position: absolute; top: -1px; left: -0.16rem;}
.head-page { height: 5rem; position: relative; padding-top: 4.04rem; }
.page1 { height: 6.4rem; position: relative; padding-top: 0.91rem;}
.page2 { height: 11rem; position: relative; padding-top: 0.6rem;}
.page3 { position: relative; padding-top: 0.19rem; padding-bottom: .4rem;}
.head-page .logo { display: block; margin: 0 auto;}
.head-page .login-box { width: 100%; height: 0.24rem; position: absolute; bottom: -0.52rem; left: 0; z-index: 1;}
.head-page .login-box .login { font-size: 0.24rem; color: #ffffff; line-height: 0.24rem; text-align: center; font-weight: bold;}
.head-page .login-box a { color: #ffffff;}

.p1-box { margin: 0.29rem 0 0.11rem 0.32rem; width: 6.31rem; overflow: hidden;}
.p1-box .task-box { font-size: 0; text-align: left;}
.p1-box .task-box span { display: inline-block; vertical-align: top; width: 1.36rem; font-size: 0.18rem; line-height: 0.34rem; color: #fafafa; text-align: center;}
.p1-box .task-box p { display: inline-block; vertical-align: top; width: 1.8rem; font-size: 0.18rem; line-height: 0.34rem; color: #fafafa; padding: 0 0 0 0.1rem; text-align: center;}
.p1-box > p { line-height: 0.34rem; font-size: 0.2rem; color: #fafafa; font-weight: bold;  position: relative; z-index: 2;}
.page1 .sw { width: 6.31rem; height: 3.4rem; overflow: hidden;}

.page1 .task-list .task-item { width: 6.29rem; height: 0.78rem; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/m/task-item.png) no-repeat; background-size: 100% 100%; margin-bottom: 0.1rem; font-size: 0; text-align: center; padding: 0.06rem 0 0 0;}
.page1 .task-list .img-box { width: 0.52rem; height: 0.52rem; border: 0.02rem solid #ffffff;}
.page1 .task-list img { width: 100%; height: 100%;}
.page1 .task-item > div { display: inline-block; vertical-align: top;}
.page1 .task-item > i { display: inline-block; vertical-align: top; margin: 0 0.1rem; position: relative; top: 0.06rem;}
.page1 .task-item .jbox { width: 5.3rem;}
.page1 .task-item .jbox .jd { width: 100%; height: .1rem; background: #a391b7; font-size: 0;}
.page1 .task-item .jbox .jd-inner { height: 100%; background: #ffffff; display: block;}
.page1 .task-item .jtext { height: 0.2rem; font-size: 0.18rem; line-height: 0.2rem; color: #ffffff; padding-top: 0.05rem; margin-bottom: 0.1rem; position: relative;}
/* .page1 .task-item .jtext p.fl { font-size: 0.30rem; transform: scale(0.5); transform-origin: bottom right;}
 */
 .page1 .task-item .jtext span.fr { position: absolute; top: 0.43rem; left: 0; }
.page1 .task-item .jtext p.fr { position: absolute; top: 0.43rem; right: 0; margin-left: 0.05rem; color: #e529f3;}

.page1{font-size: 0; text-align: center;}
.page1 .btn-trial{display: inline-block; vertical-align: top; color: #fafafa; font-size: .18rem; line-height: .2rem; margin-top: 0.08rem; position: relative; z-index: 3;}
.page1 .btn-trial:after{content: ''; position: absolute; left: .5em; right: .5em; height: 1px; bottom: -.04rem; background: #fafafa;}
.page1 .sw-btn { width: 6.31rem; margin: 0.05rem 0 0 0.32rem; position: relative;}
.page1 .sw-btn a { position: absolute; top: 0;}
.page1 .sw-btn a.swiper-button-disabled,.page3 .sw-btn a.swiper-button-disabled{pointer-events: none;}
.page1 .sw-btn a.sw-left { left: 0;}
.page1 .sw-btn a.sw-right { right: 0;}

/* 分页器 S */
.page1 .sw-pagin{font-size: 0;text-align: center;display:block; margin: 0 auto 0; width: 4.70rem; height: 0.03rem; position: relative; top: 0.26rem;}
.page1 .sw-pagin span{ 
    /* margin-left: 1.45rem; */
 width: 0.11rem;height: 0.11rem; border-radius: 0; box-sizing: border-box; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/sw-pagin.png) no-repeat; background-size: 100% 100%; opacity: 1; position: relative; top: -0.04rem;}
.page1 .sw-pagin span:not(:nth-child(1)){ margin: 0 0 0 0.15rem;}
/* .page1 .sw-pagin span::before{content: "";width: 1.5rem; height: 0.03rem; background: #c69bfa; position: absolute; top: 0.04rem;right: 0.08rem;} */
/* .page1 .sw-pagin span.swiper-pagination-bullet-active::before{content: "";width: 1.5rem; height: 0.03rem; background: #fafafa; position: absolute; top: 0.04rem;right: 0.08rem;} */
/* 分页器 e */
.tab-box { width: 6.31rem; height: 3.4rem; position: relative; margin: 0 0 0 0.32rem;}
.empty-box { position: absolute; bottom: 0; left: 0; width: 100%; height: 3.86rem; background: rgb(0 0 0 / 65%);}
.empty-box span { width: 1.58rem; height: 0.72rem; position: absolute; top: 50%; left: 50%; margin: -0.36rem 0 0 -0.79rem; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/m/empty.png) no-repeat; background-size: 100% 100%;}
.empty-box { display: none;}
.empty-box.show { display: block;}



.page2 .p2-list { font-size: 0; text-align: left; margin: 0.29rem auto 0; width: 6.68rem; height: 9.2rem; overflow: auto;}
.page2 .p2-list li { display: inline-block; vertical-align: top; width: 2.03rem; height: 3.16rem; font-size: 0; text-align: center; padding: 0 0 0 0;}
.page2 .p2-list li:not(:nth-child(3n)) { margin-right: 0.14rem;}
.page2 .pic-item { margin-bottom: 0.14rem; position: relative;}
.page2 .pic-item img { width: 100%; height: 100%; object-fit: contain;}
.page2 .pic-item p { font-size: 0.18rem; line-height: 0.24rem; color: #fafafa; text-align: center; width: 100%;}
.page2 .pic-item .t1 { position: absolute; bottom: 0.2rem; left: 0;}
.page2 .pic-item .t2 { position: absolute; bottom: 0.1rem; left: 0;}
.page2 .p2-list::-webkit-scrollbar { background: #c69cfa; width: 0.04rem; height: 0.04rem;}
.page2 .p2-list::-webkit-scrollbar-thumb { background: #fafafa; width: 0.04rem; height: 0.04rem;}

.page3 .ttbox { font-size: 0.18rem; line-height: 0.3rem; text-align: left; color: #fafafa; margin: 0.23rem 0 0.05rem 0.31rem; width: 5.3rem; position: relative;}
.page3 .ttbox span { font-size: 0.28rem;}
.page3 .ttbox i { font-size: 0.23rem;}
.page3 .ttbox a{position: absolute; right: -.5em; bottom: .05rem; color: #fafafa; font-size: .18rem; line-height: .26rem;}
.page3 .ttbox a:after{content: ''; position: absolute; left: .5em; right: .5em; height: 1px; bottom: 0; background: #fafafa;}
.page3 .sw2 { margin: 0 0 0 0.31rem; height: 5.11rem; overflow: hidden; position: relative;}
.page3 .task-list2 .img-box { width: 0.52rem; height: 0.52rem; border: 0.02rem solid #ffffff; position: relative; top: 0.1rem;}
.page3 .task-list2 img { width: 100%; height: 100%;}
.page3 .task-item2 { padding: 0 0 0 0.12rem; font-size: 0; text-align: left; margin-bottom: 0.26rem; position: relative;}
.page3 .task-item2 > div { display: inline-block; vertical-align: top;}
.page3 .task-item2 .zhbtn { display: block; padding: 0 0 0 0.28rem; position: absolute; bottom: 0; right: -0.11rem; font-size: 0.22rem; line-height: 0.75rem; text-align: center; color: #fff; font-weight: bold;}
.page3 .task-item2 .zhbtn.gray { pointer-events: none; color: #505050;}
.page3 .task-item2 .zhbtn.on { pointer-events: none; color: #333333;}
.page3 .text-box { width: 3.45rem; height: 100%; padding: 0.1rem 0 0 0.05rem;}
.page3 .text-box span { font-size: 0.2rem; line-height: 0.3rem; color: #fafafa;}
.page3 .text-box p { font-size: 0.18rem; line-height: 0.18rem; color: #b2aec1;}
.page3 .task-item2 i.line2{ position: absolute; bottom: -0.13rem; left: 0;}

.page3 .sw-btn { width: 5.3rem; margin: 0.1rem 0 0 0; position: absolute; bottom: 0.94rem; left: 0; z-index: 5;}
.page3 .sw-btn a { position: absolute; top: 0;}
.page3 .sw-btn a.sw-left { left: 0;}
.page3 .sw-btn a.sw-right { right: 0;}
/* 分页器 S */
.page3 .sw-pagin2{font-size: 0;text-align: center;display:block; margin: 0 auto 0; width: 3.70rem; height: 0.03rem; position: relative; top: 0.26rem;}
.page3 .sw-pagin2 span{
     /* margin-left: 1.17rem; */
      width: 0.11rem;height: 0.11rem; border-radius: 0; box-sizing: border-box; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/sw-pagin.png) no-repeat; background-size: 100% 100%; opacity: 1; position: relative; top: -0.04rem;}
.page3 .sw-pagin2 span:not(:nth-child(1)){ margin: 0 0 0 0.15rem;}

/* .page3 .sw-pagin2 span::before{content: "";width: 1.23rem; height: 0.03rem; background: #c69bfa; position: absolute; top: 0.04rem;right: 0.08rem;} */
/* .page3 .sw-pagin2 span.swiper-pagination-bullet-active::before{content: "";width: 1.23rem; height: 0.03rem; background: #fafafa; position: absolute; top: 0.04rem;right: 0.08rem;} */
/* 分页器 e */

.page3 .p3-list { font-size: 0; text-align: left; width: 5.3rem; margin-left: .31rem; height: 2.24rem;}
.page3 .p3-list li {float: left; display: inline; position: relative; width: 2.1rem; text-align: center;}
.page3 .p3-list li:nth-child(2) {float: right; display: inline;}
.page3 .p3-list .img-box{height: 1.87rem; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/m/img-box.png) no-repeat; background-size: 100% 100%; position: relative;}
.page3 .p3-list .name{position: absolute; width: 100%; left: 0; bottom: .1rem; color: #fafafa; font-size: .18rem; font-weight: bold;}
.page3 .p3-list .condition{height: .38rem; background: #fafafa; line-height: .38rem; color: #1a1a1a; font-size: .18rem; margin-top: -.02rem; position: relative; z-index: 3;}
.page3 .p3-list .condition.completed{background: #59dbeb;}



/* 弹窗部分 */
.dia>a { position: absolute; top: -0.4rem; right:0;}
.dia .btn-group { text-align: center; font-size: 0;}
.dia .btn-group a.item-btn .item-btn-inner { background: #402b7f;}
.dia .btn-group a.item-btn .item-btn-text { color: #fafafa;}
.dia .btn-group a:nth-child(2) { margin-left: 0.36rem;}
/* 通用弹窗 S */
.current { width: 5.5rem; height: 2.88rem; padding-top: 0.33rem; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/m/pop-bg2.png) no-repeat; background-size: 100% 100%;}
.current .text-tip { width: 100%; height: 1.56rem; position: relative;}
.current .text-tip p { width:5rem; height: auto; line-height: 0.4rem; color: #fff2f2; font-size: 0.36rem;  font-weight: bold; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center;}
/* 通用弹窗 E */
/* 倒计时 S */
.pop2 { width: 5.5rem; height: 2.88rem; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/m/pop-bg1.png) no-repeat; background-size: 100% 100%;}
.pop2 .text-tip { width: 100%; height: 2.88rem; position: relative;}
.pop2 .text-tip p { width:5rem; height: auto; line-height: 0.4rem; color: #fff2f2; font-size: 0.36rem; font-weight: bold; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center;}
/* 倒计时 E */

.pop3 { width: 5.5rem; height: 3.8rem; padding-top: 0.33rem; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/m/pop-bg2.png) no-repeat; background-size: 100% 100%;}
.pop-tit {color: #fafafa; font-size: .24rem; line-height: .3rem; font-weight: bold; text-align: center;}
.pop3 ul{width: 4.8rem; margin: .1rem auto 0;}
.pop3 li{position: relative; font-size: .18rem; line-height: .3rem; text-align: justify; padding-left: .18rem; color: #fafafa; padding-bottom: .15rem;}
.pop3 li strong{position: absolute; left: 0; top: 0; font-weight: normal;}

#pop5 { z-index: 10001;}

/* 通用弹窗 S */
.current2 { width: 5.5rem; height: 2.88rem; padding-top: 0.33rem; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/m/pop-bg2.png) no-repeat; background-size: 100% 100%;}
.current2 .text-tip { width: 100%; height: 1.56rem; position: relative;}
.current2 .text-tip p { width:5rem; height: auto; line-height: 0.32rem; color: #fff2f2; font-size: 0.26rem;  font-weight: bold; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center;}
/* 通用弹窗 E */