.spr{ background-image:url(//game.gtimg.cn/images/val/act/a20260420MayVal8/m/spr.png); background-repeat:no-repeat; background-size:4.91rem 2.44rem;}
.spr.btn1{ width:3.8rem; height:0.82rem; background-position:2.7027% 98.14815%;}
.spr.i-btn.complete{ width:0.22rem; height:0.22rem; background-position:91.258% 88.73874%;}
.spr.i-btn.on{ width:0.22rem; height:0.22rem; background-position:91.258% 88.73874%;}
.spr.i-btn{ width:0.22rem; height:0.22rem; background-position:96.37527% 88.73874%;}
.spr.i-left{ width:0.14rem; height:0.25rem; background-position:86.37317% 89.95434%;}
.spr.i-ptext{ width:1.03rem; height:0.36rem; background-position:99.2268% 76.44231%;}
.spr.i-trim{ width:0.25rem; height:0.32rem; background-position:82.61803% 92.92453%;}
.spr.p1-item-i{ width:2.15rem; height:1.54rem; background-position:1.08696% 3.33333%;}
.spr.p1-item{ width:2.15rem; height:1.54rem; background-position:79.71014% 3.33333%;}


.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:36.53rem;background:url(//game.gtimg.cn/images/val/act/a20260420MayVal8/m/bg1.jpg) no-repeat;background-size: 100% 100%; position:relative;padding:3rem 0 0 0;margin-top:-0.01rem;}
.part3 {height:9.65rem;background:url(//game.gtimg.cn/images/val/act/a20260420MayVal8/m/bg2.jpg) no-repeat;background-size: 100% 100%; position:relative;padding:1.4rem 0 0 0;margin-top:-0.01rem;}
.part2 .main {text-align: left;}
.part2 .title2 {margin:0 0 0.15rem 0;}
.part2 .tip {font-size:0.38rem;color:#ece8e1;position:relative;font-weight:bold;line-height: .4rem;max-width: 6.6rem;margin: auto;}
.part2 .tip span {color:#ff992b;}
.part2 .tip i {position:absolute;top:-0.4rem;left:0;font-size:0.23rem;text-align:center;line-height:0.36rem;color:#000033;font-style:normal;}
.part2 .p2-box {margin:0.43rem 0 0 0;font-size:0;max-width: 6.6rem;margin: auto;}
.part2 .p2-box>div {display:inline-block;vertical-align:top;}
.part2 .p2-box .cj-box {height:auto;position:relative;padding-top:0.2rem;display: flex;flex-direction: column-reverse;}
.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: 100%;}
.part2 .p2-box .cj-box .right-box {vertical-align:top;}
.part2 .right-box .tit {font-size:0.36rem;line-height:0.6rem;font-weight:bold;display:inline-block;vertical-align:top;*zoom:1;*display:inline;position:relative;color:#ff992b;margin-bottom: .1rem;}
.part2 .right-box .tit i {position:absolute;right:-0.49rem;top:0.15rem;}
.part2 .p2-box .btn-hd {font-size:0.18rem;line-height:0.24rem;color:#fff;text-decoration:underline;position:absolute;top:-0.3rem;right:0;}
.part2 .p2-box .btn-hd:hover {color:#000018;}
.part2 .jh-list {position:relative;}
.part2 .jh-list::-webkit-scrollbar {width:0.02rem;}
.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:0.81rem;padding:0 0 0 0.2rem;background:url(//game.gtimg.cn/images/val/act/a20260420MayVal8/m/jh-bg.png) no-repeat;background-size: 100% 100%; display:flex;justify-content:space-between;position:relative;align-items:center;}
.part2 .jh-item::before {content:"";width:0.04rem;height:100%;position:absolute;left:0;top:0;background-color:#ff992b;}
.part2 .jh-item em {font-style:normal;font-size:0.32rem;line-height:0.81rem;color:#fff;}
.part2 .jh-item>* {display:inline-block;vertical-align:middle;}
.part2 .jh-item div {width:4.2rem;height:0.81rem;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding-left: .1rem;}
.part2 .jh-item p {font-size:0.21rem;line-height:0.3rem;position:relative;}
.part2 .jh-item p a.btn-auth {position:absolute;right:0;bottom:-0.25rem;font-size:0.16rem;color:#ff992b;text-decoration:underline;clip-path:none;background:none;width:auto;font-weight:normal;pointer-events:all;}
.part2 .jh-item span {font-size:0.21rem;line-height:0.24rem;position:relative;}
.part2 .jh-item strong {font-weight:normal;}
.part2 .jh-item a {width:1.85rem;height:100%;font-size:0.21rem;line-height:0.81rem;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:0.1rem;}
.part2 .jh-item i.on {display:none;}
.part2 .jh-item i.complete {display:none;}
.part2 .jh-item:not(:nth-child(1)) {margin-top:0.1rem;}
.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:0.24rem;margin:0.34rem auto;display:flex;justify-content:space-between;align-items:center;}
.part2 .jh-text em {height:0.01rem;background:#fff;width:0.8rem;opacity:.35;}
.part2 .jh-text p {font-size:0.18rem;line-height:0.24rem;color:#ece8e1;}
.part2 .cj-list {display:flex;justify-content:space-between;flex-wrap:wrap;}
.part2 .cj-item {position:relative;margin-bottom:0.08rem;}
.part2 .cj-item span {width:0.72rem;height:0.3rem;font-size:0.14rem;line-height:0.3rem;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:0.18rem;line-height:0.2rem;color:#fafafa;width:100%;text-align:center;position:absolute;left:0;bottom:0.11rem;}
.part2 .cj-list p.special {line-height:0.18rem;bottom:0.05rem;}
.part2 .btn-group {margin:0.1rem auto 0;width:100%;height:0.87rem;position:relative;}
.part2 .btn-group a.btn1 {display:block;margin:0 auto;font-size:0.33rem;font-weight:bold;line-height:0.87rem;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:0.16rem;line-height:0.24rem;color:#fff;position:absolute;top:0.3rem;border-bottom:0.01rem solid #fff;}
.part2 .btn-group a.tz-btn {font-size:0.14rem;line-height:0.24rem;color:#f2f2f2;border-bottom:0.01rem solid #f2f2f2;position:absolute;top:-9.78rem;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:0.01rem solid #ff992b;}
.part2 .btn-group a.jl-btn:hover {color:#ff992b;border-bottom:0.01rem solid #ff992b;}
.part2 .cj-tl {font-size:0.17rem;line-height:0.2rem;color:#fff;text-align:center;margin:0.14rem auto 0;}
/* .part2 .cj-tl span {color:#ff992b;}
*/.part2 .cj-tl2 {font-size:0.17rem;line-height:0.24rem;color:#fff;text-align:center;}
.part2 .p3-box {margin-top:2rem;}
.part2 .task-box {position:relative;width: 13.56rem;}
.part2 .task-box .progress {width:100%;height:0.02rem;background-color:#828282;position:absolute;top:1.05rem;}
.part2 .task-box .progress p {width:25%;height:100%;background-color:#ff992b;}
.part2 .task-box .progress::before {content:'';width:0.08rem;height:0.08rem;background:#ff992b;position:absolute;left:-0.01rem;top:-0.03rem;}
.part2 .task-box .progress::after {content:'';width:0.08rem;height:0.08rem;background:#ff992b;position:absolute;right:-0.01rem;top:-0.03rem;}
.part2 .task-list {display:flex;margin-top:0.5rem;gap:0.2rem;}
.part2 .task-item {text-align:center;}
.part2 .task-list .time {font-size:0.24rem;color:#ece8e1;display:block;margin-bottom:0.1rem;}
.part2 .task-list .i-task {width:0.2rem;height:0.69rem;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:0.22rem;height:0.69rem;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:0.24rem;height:0.69rem;background:url(//game.gtimg.cn/images/val/act/a20260420MayVal8/i-task-on.png) no-repeat;background-size:100% 100%;}
.part2 .task-item .task {width:3.24rem;height:2.87rem;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:0.15rem;left:0;width:100%;}
.part2 .task-item .task .name {font-size:0.18rem;color:#ece8e1;}
.part2 .task-item .task .task-btn {font-size:0.2rem;font-weight:bold;color:#ece8e1;display:block;line-height:0.51rem;margin:0 auto;width:2.26rem;height:0.51rem;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 .h5-scroll{width: 100%;overflow-y: hidden;overflow-x: scroll;display: flex;align-items: center;padding-right: .4rem;}
.part2 .h5-tips{font-size: 0.16rem;color: #ece8e1;flex-shrink: 0;display: flex;align-items: center;padding: 0 .1rem;margin-top: 1.5rem;}
.part2 .h5-tips .i-left{margin-right: .1rem;}

.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:0.22rem;height:0.69rem;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:0.2rem;color:#ece8e1;text-align:center;margin-top:0.15rem;}


.part2 .p4-box {margin-top:2.3rem;}
.part2 .p4-box .sub-tip {font-size:0.24rem;color:#ece8e1;margin-top:0.05rem;max-width: 6.6rem;margin:.1rem auto .3rem;}
.part2 .p4-box .con {margin-top:0.5rem;max-width: 6.6rem;margin: auto;}
.part2 .p4-box .left {width:6.66rem;height:4.5rem;}
.part2 .p4-box .left img{width: 100%;height: 100%;}
.part2 .p4-box .tit {font-size:0.42rem;color:#ff992b;line-height:0.4rem;font-weight: bold;}
.part2 .p4-box .itm {font-size:0.24rem;color:#ece8e1;position:relative;padding-left:0.4rem;margin-top:0.2rem;}
.part2 .p4-box .itm .num {color:#000;background-color:#ff992b;width:0.3rem;height:0.3rem;position:absolute;top:0.05rem;left:0;text-align:center;line-height:0.3rem;}
.part2 .p4-box .itm .blank {display:block;}
.part2 .p4-box .mt {margin:0 0 0.15rem;width: 4.97rem;height: .48rem;}
.part2 .p4-box .mt img{width: 100%;height: 100%;}
.part2 .p4-box .ex {font-size:0.2rem;color:#ece8e1;white-space:nowrap;}
.part2 .p4-box .ex span {color:#ff992b;}
.part2 .p4-box .right {position:relative;margin-top: .4rem;}
.part2 .p4-box .qr-code {position:absolute;right:0;top:0.72rem;width: 1.83rem;height: 2.2rem;}
.part2 .p4-box .qr-code img{width: 100%;height: 100%;}

.part2 .p4-box .line{margin: 0.3rem 0; width: 6.43rem;height: 0.03rem;background: url(//game.gtimg.cn/images/val/act/a20260420MayVal8/p3-line.png);background-size: 100% 100%;}


.part3 .main{width: 6.6rem;}
.part3 .p5-box {margin:0.15rem 0 0 0;height:auto;padding:0 0.1rem 0 0;overflow:hidden;text-align: left;}
.part3 .p5-box p {font-size:0.25rem;line-height:0.4rem;color:#0e1316;padding:0 0 0 0.33rem;position:relative;margin-bottom:0.1rem;}
.part3 .p5-box p {color:#3a2436;}
.part3 .p5-box p .pg {color:#501fae;}
.part3 .p5-box p .i-dev {width:0.14rem;height:0.1rem;display:inline;background:url(//game.gtimg.cn/images/val/act/a20260420MayVal8/i-dev.png) no-repeat;background-size:100% 100%;position:absolute;top:0.15rem;left:0.09rem;}
.part2 .tip .rule-btn {width:1.54rem;height:0.47rem;line-height:0.47rem;background:url(//game.gtimg.cn/images/val/act/a20260420MayVal8/rule-btn.png) no-repeat;background-size:100% 100%;font-size:0.24rem;color:#fff;text-align:center;position:absolute;right:0;top:-0.5rem;}
.part2 .tip .rule-btn span {margin-left:0.3rem;display:inline-block;color:#fff;font-weight:normal;}
