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,i{font-style:normal}
a,a:hover{text-decoration:none}
img{border:0}
body{box-sizing: border-box; background: #9a3dfe;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0;border: none;}
ul li{list-style:none;}
/* reset end */
html,body{ width: 100%;}

.wrapper *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.wrapper{position:relative;*zoom:1;overflow:hidden; opacity: 0;}
.wrapper img{display: block;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:" ";font-size:0}
.clearfix{*zoom:1}

.wrapper .main { margin: 0 auto; position: relative;z-index: 2;height: 100%; width: 1464px;}
.dia, .dia * { box-sizing: border-box; }
/* foot S */
#afooter { position: relative; padding: 30px 0; text-align: center; font: normal 12px/19px Tahoma; z-index: 10; background-color: #191219;}
#afooter,#afooter a { color: #c0c0c0; text-decoration: none;}
/* foot E */
/* 主体部分 S */
/* 浮动 S */
.fl { float: left;}
.fr { float: right;}
.fbox { *zoom:1; }
.fbox::after,.fbox::before { content: ""; display: table;}
.fbox::after { clear: both;}
/* 浮动 E */
.show_mob { display: none !important;}

.dia { box-sizing: border-box; position: relative; display: none;}
.dia>a { display: block; transition: all .3s;}
.dia>a:hover { transform: rotate(180deg);}

body{padding-top: 50px;}
/* 精灵图 S */
.spr{ background:url(//game.gtimg.cn/images/val/act/a20241212returnactivity/spr.png) no-repeat;}
.spr.line{ width:4px; height:80px; background-position:-1595px -273px;}
.spr.line2{ width:898px; height:2px; background-position:-10px -269px;}
.spr.pic-item{ width:302px; height:292px; background-position:-1634px -134px;}
.spr.pop-close{ width:62px; height:62px; background-position:-1478px -273px;}
.spr.task-box{ width:550px; height:65px; background-position:-918px -273px;}
.spr.task-item{ width:1426px; height:130px; background-position:-10px -10px;}
.spr.task-item2{ width:899px; height:109px; background-position:-10px -150px;}
.spr.title1{ width:717px; height:114px; background-position:-10px -281px;}
.spr.title2{ width:494px; height:114px; background-position:-1446px -10px;}
.spr.title3{ width:705px; height:113px; background-position:-919px -150px;}
.spr.zhbtn.gray{ width:276px; height:109px; background-position:-737px -348px;}
.spr.zhbtn.on{ width:276px; height:108px; background-position:-1309px -348px;}
.spr.zhbtn{ width:276px; height:109px; background-position:-1023px -348px;}
/* 精灵图 E */
/* 主体部分 S */
/* 通用按钮 S */
.item-btn { display: block; position: relative; width: 302px; height: 65px; margin: 0 auto;}
.item-btn:before { content: ''; width: 100%; height: 23px; border: 1px solid #fff; border-bottom: none; position: absolute; top: 0; left: 0; -webkit-transition: height .3s ease-in-out; transition: height .3s ease-in-out; }
.item-btn:after { content: ''; width: 100%; height: 23px; border: 1px solid #fff;  border-top: none; position: absolute; bottom: 0; left: 0; -webkit-transition: height .3s ease-in-out; transition: height .3s ease-in-out; }
.item-btn .item-btn-inner { display: block; position: absolute; top: 50%; left: 50%; z-index: 3; width: 290px; height: 50px; background: #fff; margin: -25px 0 0 -145px; overflow: hidden;}
.item-btn .item-btn-inner:before { content: ''; width: 120%; height: 100%; background: #4fdcea; position: absolute; top: 0; left: -10px; z-index: 2; pointer-events: none; -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; -webkit-transform:skew(-10deg) translateX(-100%);transform:skew(-10deg) translateX(-100%); }
.item-btn .item-btn-inner .item-btn-text { width: 100%; height: 100%; font-size: 36px; line-height: 50px; color: #000; transition: all .3s; display: inline-block; vertical-align: top; text-align: center; letter-spacing: 3px; 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:hover:before , .item-btn:hover:after { height: 33px; }
.item-btn:hover .item-btn-inner:before { -webkit-transform: translateX(0) skew(-10deg); transform: translateX(0) skew(-10deg) }
.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/bg1.jpg) 50% 0% no-repeat,url(//game.gtimg.cn/images/val/act/a20241212returnactivity/bg2.jpg) 50% 1000px no-repeat,url(//game.gtimg.cn/images/val/act/a20241212returnactivity/bg3.jpg) 50% 2000px no-repeat,url(//game.gtimg.cn/images/val/act/a20241212returnactivity/bg4.jpg) 50% 3000px no-repeat;
    background-size: 100% 1000px,100% 1000px,100% 1000px,100% 1723px;
}

.title { height: 137px; position: relative;}
.title i { position: absolute; top: -1px; left: -66px;}
.head-page { height: 1117px; position: relative; padding-top: 655px; }
.page1 { height: 1118px; position: relative; padding-top: 159px;}
.page2 { height: 1100px; position: relative; padding-top: 51px;}
.page3 { height: 1000px; position: relative; padding-top: 39px;}
.head-page .slogan-box { width: 710px; height: 240px; margin: 0 auto; position: relative;} 
.head-page .logo { display: block; margin: 0 auto;}
.head-page .login-box { width: 100%; height: 44px; position: absolute; bottom: -110px; left: 0; z-index: 1;}
.head-page .login-box .login { font-size: 44px; color: #ffffff; line-height: 44px; text-align: center; font-weight: bold;}
.head-page .login-box a { color: #ffffff;}
.head-page .login-box a:hover { color: #e529f3;}

.p1-box { margin: 79px 0 28px 0 ; width: 1427px;}
.p1-box .task-box { font-size: 0; text-align: left;}
.p1-box .task-box span { display: inline-block; vertical-align: top; width: 226px; font-size: 30px; line-height: 65px; color: #fafafa; text-align: center;}
.p1-box .task-box p { display: inline-block; vertical-align: top; width: 308px; font-size: 30px; line-height: 65px; color: #fafafa; padding: 0 0 0 18px; text-align: center;}
.p1-box > p { line-height: 60px; font-size: 48px; color: #fafafa; font-weight: bold; position: relative; z-index: 2;}
.page1 .task-list { height: 584px; overflow: auto; display: block;}
.page1 .task-list::-webkit-scrollbar { background: #c69cfa; width: 6px; height: 6px;}
.page1 .task-list::-webkit-scrollbar-thumb { background: #fafafa; width: 6px; height: 6px;}
.page1 .task-list .task-item { margin-bottom: 20px; font-size: 0; text-align: center; padding: 13px 0 0 0;}
.page1 .task-list .img-box { width: 106px; height: 106px; border: 2px solid #ffffff;}
.page1 .task-list img { width: 100%; height: 100%;}
.page1 .task-list>div.swiper-slide { height: auto;}
.page1 .task-item > div { display: inline-block; vertical-align: top;}
.page1 .task-item > i { display: inline-block; vertical-align: top; margin: 0 28px; position: relative; top: 13px;}
.page1 .task-item .jbox { width: 1190px;}
.page1 .task-item .jbox .jd { width: 100%; height: 10px; background: #a391b7; font-size: 0;}
.page1 .task-item .jbox .jd-inner { height: 100%; background: #ffffff; display: block;}
.page1 .task-item .jtext { height: 67px; font-size: 30px; line-height: 40px; color: #ffffff; padding-top: 11px;}
.page1 .task-item .jtext p.fr { margin-left: 20px; font-size: 20px; color: #e529f3;}
.page1{font-size: 0; text-align: center;}
.page1 .btn-trial{display: inline-block; vertical-align: top; *zoom:1; *display: inline; color: #fafafa; font-size: 36px; line-height: 40px; margin-top: 10px; transition: .3s ease-out color; position: relative;}
.page1 .btn-trial:hover{color: #e529f3;}
.page1 .btn-trial:after{content: ''; position: absolute; left: .5em; right: .5em; height: 1px; bottom: -4px; background: #fafafa; transition: .3s ease-out background;}
.page1 .btn-trial:hover:after{background: #e529f3;}

.tab-box { height: 584px; width: 1427px; position: relative;}
.empty-box { position: absolute; bottom: 0; left: 0; width: 100%; height: 677px; background: rgb(0 0 0 / 65%);}
.empty-box span { width: 321px; height: 143px; position: absolute; top: 50%; left: 50%; margin: -71px 0 0 -160px; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/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: 43px 0 0 0; height: 820px; overflow: auto;}
.page2 .p2-list::-webkit-scrollbar { background: #c69cfa; width: 6px; height: 6px;}
.page2 .p2-list::-webkit-scrollbar-thumb { background: #fafafa; width: 6px; height: 6px;}
.page2 .p2-list li { display: inline-block; vertical-align: top; width: 302px; height: 420px; font-size: 0; text-align: center; padding: 0 0 0 0;}
.page2 .p2-list li:not(:nth-child(4n)) { margin-right: 70px;}
.page2 .pic-item { margin-bottom: 26px; position: relative;}
.page2 .pic-item img { width: 100%; height: 100%; object-fit: contain;}
.page2 .pic-item p { font-size: 18px; line-height: 24px; color: #fafafa; text-align: center; width: 100%;}
.page2 .pic-item .t1 { position: absolute; bottom: 28px; left: 0;}
.page2 .pic-item .t2 { position: absolute; bottom: 18px; left: 0;}


.page3 .ttbox { font-size: 30px; line-height: 50px; color: #fafafa; margin: 39px 0 8px 0; position: relative; width: 899px;}
.page3 .ttbox span { font-size: 48px;}
.page3 .ttbox i { font-size: 40px;}
.page3 .ttbox a { position: absolute; right: -.5em; bottom: 5px; color: #fafafa; font-size: 24px; line-height: 30px; transition: .3s ease-out color;}
.page3 .ttbox a:after { content: ''; position: absolute; left: .5em; right: .5em; height: 1px; bottom: 0; background: #fafafa; transition: .3s ease-out background;}
.page3 .ttbox a:hover { color: #e529f3;}
.page3 .ttbox a:hover:after { background: #e529f3;}
.page3 .task-list2 { width: 933px; height: 558px; overflow: auto; display: block;}
.page3 .task-list2::-webkit-scrollbar { background: #c69cfa; width: 6px; height: 6px;}
.page3 .task-list2::-webkit-scrollbar-thumb { background: #fafafa; width: 6px; height: 6px;}
.page3 .task-list2 .task-item { margin-bottom: 41px; font-size: 0; text-align: left; padding: 0 0 0 24px; position: relative;}
.page3 .task-list2 .img-box { width: 88px; height: 88px; border: 2px solid #ffffff; position: relative; top: 9px;}
.page3 .task-list2 img { width: 100%; height: 100%;}
.page3 .task-list2 > div.swiper-slide { height: auto;}
.page3 .task-item2 { padding: 0 0 0 24px; font-size: 0; text-align: left; margin-bottom: 42px; position: relative;}
.page3 .task-item2 > div { display: inline-block; vertical-align: top;}
.page3 .task-item2 .zhbtn { display: block; padding-left: 52px; font-size: 40px; line-height: 109px; text-align: center; color: #fff; font-weight: bold;}
.page3 .task-item2 .zhbtn:hover { -webkit-filter: brightness(1.1); filter: brightness(1.1);}
.page3 .task-item2 .zhbtn.gray { pointer-events: none; color: #505050;}
.page3 .task-item2 .zhbtn.on { pointer-events: none; color: #333333;}
.page3 .text-box { width: 511px; height: 100%; padding: 26px 0 0 16px;}
.page3 .text-box span { font-size: 26px; line-height: 30px; color: #fafafa;}
.page3 .text-box p { font-size: 20px; line-height: 30px; color: #b2aec1;}
.page3 .task-item2 i.line2{ position: absolute; bottom: -22px; left: 0;}

.page3 .p3-list { font-size: 0; text-align: left; margin-top: 59px; width: 899px;}
.page3 .p3-list li {float: left; display: inline; position: relative; width: 364px; text-align: center;}
.page3 .p3-list li:nth-child(2) {float: right; display: inline;}
.page3 .p3-list .img-box{height: 288px; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/img-box.png) no-repeat; position: relative;}
.page3 .p3-list .name{position: absolute; width: 100%; left: 0; bottom: 15px; color: #fafafa; font-size: 22px; font-weight: bold;}
.page3 .p3-list .condition{height: 66px; background: #fafafa; line-height: 66px; color: #1a1a1a; font-size: 36px; margin-top: -2px; position: relative; z-index: 3;}
.page3 .p3-list .condition.completed{background: #59dbeb;}
/* 弹窗 */

/* 弹窗部分 */
.dia>a { position: absolute; top: -75px; 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: 36px;}
/* 通用弹窗 S */
.current { width: 1098px; height: 504px; padding-top: 67px; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/pop-bg2.png) no-repeat; background-size: 100% 100%;}
.current .text-tip { width: 100%; height: 316px; position: relative;}
.current .text-tip p { width:1000px; height: auto; line-height: 80px; color: #fff2f2; font-size: 72px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center;}
/* 通用弹窗 E */
/* 倒计时 S */
.pop2 { width: 1098px; height: 504px; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/pop-bg1.png) no-repeat; background-size: 100% 100%;}
.pop2 .text-tip { width: 100%; height: 504px; position: relative;}
.pop2 .text-tip p { width:1000px; height: auto; line-height: 80px; color: #fff2f2; font-size: 72px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center;}
/* 倒计时 E */

.pop3{ width: 1098px; height: 504px; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/pop-bg2.png) no-repeat; background-size: 100% 100%; padding-top: 60px;}
.pop-tit {color: #fafafa; font-size: 36px; line-height: 50px; font-weight: bold; text-align: center;}
.pop3 ul{width: 960px; margin: 20px auto 0;}
.pop3 li{position: relative; font-size: 20px; line-height: 36px; text-align: justify; padding-left: 20px; color: #fafafa; padding-bottom: 30px;}
.pop3 li strong{position: absolute; left: 0; top: 0; font-weight: normal;}

#pop5 { z-index: 10001;}

/* 通用弹窗 S */
.current2 { width: 1098px; height: 504px; padding-top: 67px; background: url(//game.gtimg.cn/images/val/act/a20241212returnactivity/pop-bg2.png) no-repeat; background-size: 100% 100%;}
.current2 .text-tip { width: 100%; height: 316px; position: relative;}
.current2 .text-tip p { width:1000px; height: auto; line-height: 60px; color: #fff2f2; font-size: 50px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center;}
/* 通用弹窗 E */