.spr{ background:url(//game.gtimg.cn/images/val/act/a20260420MayVal8/spr.png) no-repeat;}
.spr.btn1{ width:419px; height:88px; background-position:-0px -167px;}
.spr.i-btn.complete{ width:24px; height:24px; background-position:-471px -211px;}
.spr.i-btn.on{ width:24px; height:24px; background-position:-471px -211px;}
.spr.i-btn{ width:25px; height:26px; background-position:-446px -211px;}
.spr.i-ptext{ width:131px; height:44px; background-position:-419px -167px;}
.spr.i-trim{ width:27px; height:35px; background-position:-419px -211px;}
.spr.p1-item-i{ width:235px; height:167px; background-position:-0px -0px;}
.spr.p1-item{ width:235px; height:167px; background-position:-235px -0px;}

.btn1:hover { -webkit-filter: brightness(1.1); filter: brightness(1.1);}
.btn2:hover { -webkit-filter: brightness(1.1); filter: brightness(1.1);}
.btn3:hover { -webkit-filter: brightness(1.1); filter: brightness(1.1);}
.btn1.gray,.btn2.gray,.btn3.gray { -webkit-filter: grayscale(1); filter: grayscale(1); pointer-events: none;}



.part2 { height: 2679px; background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/bg1.jpg) 50% 0 no-repeat; position: relative; padding: 320px 0 0 0; margin-top: -1px;}
.part3 { height: 853px; background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/bg2.jpg) 50% 0 no-repeat; position: relative; padding: 204px 0 0 0; margin-top: -1px;}

.part2 .main { width: 1366px;}
.part2 .title2 { margin: 0 0 15px 0;}
.part2 .tip { font-size: 46px; line-height: 53px; color: #ece8e1; padding: 0 0 0 145px; position: relative;font-weight: bold;}
.part2 .tip span{color: #ff992b;}
.part2 .tip i { position: absolute; top: 6px; left: 0;font-size: 30px;text-align: center;line-height: 44px;color: #000033;font-style: normal;}             
.part2 .p2-box { margin: 43px 0 0 0; font-size: 0; width: 1362px;}
.part2 .p2-box>div { display: inline-block; vertical-align: top;}
.part2 .p2-box .cj-box { height: auto; position: relative; padding-top: 2px;}
.part2 .p2-box .cj-box .left-box,.part2 .p2-box .cj-box .right-box{display: inline-block;}
.part2 .p2-box .cj-box .left-box{ width: 722px;margin-right: 25px;}
.part2 .p2-box .cj-box .right-box{vertical-align: top;}
.part2 .right-box .tit{ font-size: 48px; line-height: 60px; font-weight: bold; display: inline-block; vertical-align: top; *zoom:1; *display: inline; padding-left: 13px; position: relative; height: 86px; color: #ff992b;}
.part2 .right-box .tit i{position: absolute; right: -49px; top: 19px;}
.part2 .p2-box .btn-hd { font-size: 18px; line-height: 24px; color: #fff; text-decoration: underline; position: absolute; top: -30px; right: 0;}
.part2 .p2-box .btn-hd:hover { color: #000018;}
.part2 .jh-list{position: relative;}
.part2 .jh-list::-webkit-scrollbar{width: 2px;}
.part2 .jh-list::-webkit-scrollbar-track{background: #819184;border-radius: 0;}
.part2 .jh-list::-webkit-scrollbar-thumb{background: #501FAE;border-radius: 0;}
.part2 .jh-item { width: 100%; height: 121px; padding: 0 0 0 28px; background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/jh-bg.png) no-repeat; display: flex; justify-content: space-between; position: relative;align-items: center;}

.part2 .jh-item::before { content: ""; width: 4px; height: 100%; position: absolute; left: 0; top: 0; background-color: #ff992b;}
.part2 .jh-item em { font-style: normal; font-size: 32px; line-height: 81px; color: #fff;}
.part2 .jh-item>* { display: inline-block; vertical-align: middle;}
.part2 .jh-item div { width: 310px; height: 81px; padding: 0 0 0 20px; color: #fff;  display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}
.part2 .jh-item p { font-size: 24px; line-height: 30px; font-weight: bold; position: relative;}
.part2 .jh-item p a.btn-auth{position: absolute;right: 0;bottom: -25px;font-size: 16px;color: #ff992b;text-decoration: underline;clip-path: none;background: none;width: auto;font-weight: normal;pointer-events: all;}
.part2 .jh-item span { font-size: 24px; line-height: 24px; font-weight: bold; position: relative;}
.part2 .jh-item strong { font-weight: normal;}
.part2 .jh-item a { width: 236px; height: 100%; font-size: 21px; line-height: 81px; color: #fff; background: #501FAE; display: flex; align-items: center; justify-content: center; pointer-events: none; clip-path: polygon(26% 0%, 100% 0%, 100% 100%, 0% 100%);}
.part2 .jh-item i { margin-right: 10px;} 
.part2 .jh-item i.on { display: none;}
.part2 .jh-item i.complete { display: none;}
.part2 .jh-item:not(:nth-child(1)){ margin-top: 34px;}
.part2 .jh-item.on a { background: #FF992B; color: #161616; pointer-events: all;}
.part2 .jh-item.on i { display: none;}
.part2 .jh-item.on i.on { display: inline-block;}
.part2 .jh-item.on a:hover { -webkit-filter: brightness(1.1); filter: brightness(1.1);}
.part2 .jh-item.on em { color: #FF992B;}
.part2 .jh-item.on div { color: #FF992B;}
/* .part2 .jh-item.on::before { background-color: #81dd5f;} */
.part2 .jh-item.complete a { background: #a3a3a3;color: #161616; }
/* .part2 .jh-item.complete em{color: #FF992B;} */
.part2 .jh-item.complete i { display: none;}
.part2 .jh-item.complete i.complete { display: inline-block;}
.part2 .jh-text { height: 24px; margin: 34px auto; display: flex; justify-content: space-between; align-items: center;}
.part2 .jh-text em { height: 1px; background: #fff; width: 80px; opacity: .35;}
.part2 .jh-text p { font-size: 18px; line-height: 24px; color: #ece8e1;}
.part2 .cj-list { display: flex; justify-content: space-between; flex-wrap: wrap;}
.part2 .cj-item {position: relative; margin-bottom: 8px;}
.part2 .cj-item span { width: 72px; height: 30px; font-size: 14px; line-height: 30px; color: #0e1316; text-align: center; background: #ff992b; position: absolute; top: 0; left: 0; clip-path: polygon(0% 0%, 100% 0%, 100% 72%, 88% 100%, 0% 100%);}
.part2 .cj-list .img-box { width: 100%; height: 100%;}
.part2 .cj-list .img-box img { width: 100%; height: 100%; object-fit: contain;}
.part2 .cj-list p { font-size: 18px; line-height: 20px; color: #fafafa; width: 100%; text-align: center; position: absolute; left: 0; bottom: 11px;}
.part2 .cj-list p.special{line-height: 18px; bottom: 5px;}
.part2 .btn-group { margin: 10px auto 0; width: 100%; height: 87px; position: relative;}
.part2 .btn-group a.btn1 { display: block; margin: 0 auto; font-size: 33px; font-weight: bold; line-height: 87px; color: #161616; text-align: center;}
/* .part2 .btn-group a.btn1:hover{color: #fff;} */
.part2 .btn-group a.gl-btn,.part2 .btn-group a.jl-btn { font-size: 16px; line-height: 24px; color: #fff; position: absolute; top: 30px; border-bottom: 1px solid #fff;}
.part2 .btn-group a.tz-btn { font-size: 14px; line-height: 24px; color: #f2f2f2; border-bottom: 1px solid #f2f2f2; position: absolute; top: -978px; right: 0; }
.part2 .btn-group a.gl-btn { left: 0;}
.part2 .btn-group a.jl-btn { right: 0;}
.part2 .btn-group a.gl-btn:hover { color: #ff992b; border-bottom: 1px solid #ff992b;}
.part2 .btn-group a.jl-btn:hover { color: #ff992b; border-bottom: 1px solid #ff992b;}
.part2 .cj-tl { font-size: 17px; line-height: 20px; color: #fff; text-align: center; margin: 14px auto 0;}
/* .part2 .cj-tl span { color: #ff992b;} */
.part2 .cj-tl2 { font-size: 17px; line-height: 24px; color: #fff; text-align: center;}

.part2 .p3-box{margin-top: 95px;}
.part2 .task-box {position: relative;}
.part2 .task-box .progress{width: 100%;height: 2px;background-color: #828282;position: absolute;top: 57px;}
.part2 .task-box .progress p{width: 25%; height: 100%; background-color: #ff992b;}
.part2 .task-box .progress::before{content: '';width: 8px;height: 8px;background: #ff992b;position: absolute;left: -1px;top: -3px;}
.part2 .task-box .progress::after{content: '';width: 8px;height: 8px;background: #ff992b;position: absolute;right: -1px;top: -3px;}
.part2 .task-list{display: flex;margin-top: 50px;gap: 20px;}
.part2 .task-item{text-align: center;}
.part2 .task-list .time{font-size: 24px;color: #ece8e1;display: block;margin-bottom: 10px;}
.part2 .task-list .i-task{width: 20px;height: 69px; background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/i-task.png) no-repeat;background-size: 100% 100%;margin: 0 auto;display: block;position: relative;z-index: 1;}
.part2 .task-item.complete .i-task{width: 22px;height: 69px; background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/i-task-complete.png) no-repeat;background-size: 100% 100%;}
.part2 .task-item.on .i-task{width: 24px;height: 69px; background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/i-task-on.png) no-repeat;background-size: 100% 100%;}
.part2 .task-item .task {width: 324px;height: 287px;background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/task-bg.png) no-repeat;background-size: 100% 100%;position: relative;}
.part2 .task-item.complete .task{background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/task-bg-complete.png) no-repeat;background-size: 100% 100%;}
.part2 .task-item.on .task{background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/task-bg-on.png) no-repeat;background-size: 100% 100%;}
.part2 .task-item .task img{width: 100%;height: 100%;object-fit: cover;}
.part2 .task-item .task .btm{position: absolute;bottom: 15px;left: 0;width: 100%;}
.part2 .task-item .task .name{font-size: 18px;color: #ece8e1;}
.part2 .task-item .task-btn{font-size: 20px;font-weight: bold; color: #ece8e1; display: block; line-height: 51px; margin: 0 auto; width: 226px;height: 51px; background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/task-btn.png) no-repeat;background-size: 100% 100%;pointer-events: none;}
.part2 .task-item.complete .task-btn{background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/task-btn-complete.png) no-repeat;background-size: 100% 100%;}
.part2 .task-item.on .task-btn{background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/task-btn-on.png) no-repeat;background-size: 100% 100%;pointer-events: all;}

.part2 .task-item.period img{filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.part2 .task-item.period .task-btn{opacity: 0;}
.part2 .task-item.period .period-btn{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;opacity: 1;z-index: 1;background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/task-btn-complete.png) no-repeat;background-size: 100% 100%;}
.part2 .task-item.period .i-task{width: 22px;height: 69px; background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/i-task-complete.png) no-repeat;background-size: 100% 100%;}
.part2 .task-item.period .task{background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/task-bg-complete.png) no-repeat;background-size: 100% 100%;}
.part2 .p3-box .tip-award{font-size: 20px;color: #ece8e1;text-align: center;margin-top: 15px;}

.part2 .p4-box{margin-top: 180px;}
.part2 .p4-box .sub-tip{font-size: 24px;color: #ece8e1;margin-top: 5px;padding-left: 140px;}
.part2 .p4-box .con{display: flex;margin-top: 50px;}
.part2 .p4-box .left{width: 666px;height: 450px;margin-right: 80px;}
.part2 .p4-box .tit{font-size: 42px;color: #ff992b;line-height: 40px;}
.part2 .p4-box .itm{font-size: 24px;color: #ece8e1;position: relative;padding-left: 40px;margin-top: 20px;}
.part2 .p4-box .itm .num{color: #000; background-color: #ff992b;width: 30px;height: 30px;position: absolute;top: 5px;left: 0;text-align: center;line-height: 30px;}
.part2 .p4-box .itm .blank{display: block;}
.part2 .p4-box .mt{margin: 0 0 15px;}
.part2 .p4-box .ex{font-size: 20px;color: #ece8e1; white-space: nowrap;}
.part2 .p4-box .ex span{color: #ff992b;}
.part2 .p4-box .right{position: relative;}
.part2 .p4-box .qr-code{position: absolute;right: 0;top: 72px;}
.part2 .p4-box .line{margin: 30px 0; width: 643px;height: 3px;background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/p3-line.png);background-size: 100% 100%;}


.part3 .p5-box { margin: 15px 0 0 0; width: 805px; height: auto; padding: 0 10px 0 0; overflow: hidden;}
.part3 .p5-box p { font-size: 25px; line-height: 40px; color: #0e1316; padding: 0 0 0 33px; position: relative; margin-bottom: 10px;}
.part3 .p5-box p { color: #3a2436;}
.part3 .p5-box p .pg { color: #501fae;}
.part3 .p5-box p .i-dev {width: 14px;height: 10px;display: inline; background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/i-dev.png) no-repeat;background-size: 100% 100%; position: absolute; top: 15px; left: 9px;}
.part2 .tip .rule-btn{width: 154px;height: 47px;line-height: 47px;background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/rule-btn.png) no-repeat ;background-size: 100% 100%; font-size: 24px;color: #fff;text-align: center;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.part2 .tip .rule-btn span{margin-left: 30px;display: inline-block;color: #fff;font-weight: normal;}