.spr{ background-image:url(//game.gtimg.cn/images/val/act/a20260120FebVal8/m/page3/spr.png); background-repeat:no-repeat; background-size:9.24rem 6.57rem;}
.spr.arrow{ width:0.11rem; height:0.17rem; background-position:98.57612% 3.90625%;}
.spr.btn-claim{ width:3.81rem; height:0.81rem; background-position:99.44751% 42.1875%;}
.spr.btn-f5{ width:1.41rem; height:0.44rem; background-position:96.67944% 0.4894%;}
.spr.btn-lottery{ width:3.81rem; height:0.82rem; background-position:99.44751% 27.65217%;}
.spr.btn-next{ width:0.13rem; height:0.2rem; background-position:98.46323% 7.69231%;}
.spr.btn-prev{ width:0.13rem; height:0.2rem; background-position:98.79254% 0.47096%;}
.spr.btn-query{ width:1.55rem; height:0.29rem; background-position:98.43953% 13.3758%;}
.spr.cj-item{ width:2.15rem; height:1.54rem; background-position:76.16361% 0.59642%;}
.spr.info-box{ width:5.43rem; height:1.05rem; background-position:0.7874% 97.46377%;}
.spr.kill-txt{ width:1.38rem; height:0.33rem; background-position:96.31043% 7.85256%;}
.spr.part1-info{ width:6.52rem; height:0.99rem; background-position:1.10294% 66.48746%;}
.spr.ranking-left{ width:5.35rem; height:3.66rem; background-position:0.77121% 1.03093%;}
.spr.separator{ width:5.36rem; height:0.09rem; background-position:0.7732% 99.53704%;}
.spr.swiper-next{ width:0.17rem; height:0.49rem; background-position:72.4366% 53.61842%;}
.spr.swiper-prev{ width:0.17rem; height:0.49rem; background-position:72.4366% 62.00658%;}
.spr.task{ width:6.52rem; height:0.64rem; background-position:1.10294% 79.59528%;}
.spr.trim{ width:0.36rem; height:0.36rem; background-position:85.24775% 18.51852%;}

.part1 { height: 8.83rem; background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/m/page3/page3-bg1.jpg) no-repeat; background-size: 100% 100%; position: relative; padding-top: 3.5rem; margin-top: -0.01rem;}
.part2 { height: 9.85rem; background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/m/page3/page3-bg2.jpg) no-repeat; background-size: 100% 100%; position: relative; padding-top: 2.3rem; margin-top: -0.01rem;}
.part3 { height: 9.71rem; background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/m/page3/page3-bg3.jpg) no-repeat; background-size: 100% 100%; position: relative; padding-top: 2.01rem; margin-top: -0.01rem;}
.part4 { height: 13.6rem; background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/m/page3/page3-bg4.jpg) no-repeat; background-size: 100% 100%; position: relative; padding-top: 2.4rem; margin-top: -0.01rem;}

.part1 .part1-info{text-align: center;font-size: 0.2rem;color: #cac4c5;margin: 0 0 .3rem;padding: 0.1rem 0.6rem 0;}
.part1 .part1-info p{line-height: 1.2;padding-top: 0.05rem;}
.part1 .part1-info .t{color: #ff371b;padding-top: 0;}
.part1 .sw-box{width: 5.2rem;height: 2.95rem;margin: 0 auto;position: relative;}
.part1 .page3-part1-swiper {position: relative;width: 520px;height: 295px;transform-origin: 0% 0%;}
.part1 .page3-part1-swiper .swiper-slide{width: 100%;height: 100%;opacity: 0;position: relative;}
.part1 .page3-part1-swiper .swiper-slide-prev,
.part1 .page3-part1-swiper .swiper-slide-next{opacity: 1;}
.part1 .page3-part1-swiper .swiper-slide-active{opacity: 1;}
.part1 .page3-part1-swiper .img-box{position: relative;width: 100%;height: 100%;display: block;}
/* .part1 .page3-part1-swiper .img-box::before{content: '';width: 100%;height: 100%;background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/pc/page3-img-outline1.png) no-repeat center top;position: absolute;left: 0;top: 0;background-size: contain;} */
.part1 .page3-part1-swiper .img-box img{width: 100%;height: 100%;}
.part1 .page3-part1-swiper .swiper-container{width: 520px;height: 295px;overflow: visible;}
.part1 .swiper-prev{left: -.8rem;}
.part1 .swiper-next{right: -.8rem;}
.part1 .swiper-pagination{width: 100%;bottom: -0.3rem;}
.part1 .swiper-pagination .swiper-pagination-bullet{width: 0.1rem;height: 0.02rem;background-color: #fff;border-radius: 0;transform: skew(-35deg, 0);margin-right: 0.06rem;opacity: 1;}
.part1 .swiper-pagination .swiper-pagination-bullet-active{background-color: #ff371b;width: 0.3rem;}
.part1 .swiper-button-disabled{opacity: 1;filter: grayscale(1);}

.part2 .gift-box{width: 6.5rem; height: 3.4rem; background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/m/page3/gift1.png) 50% 0 no-repeat; background-size: 100% 100%; margin: 0 auto;}
.part2 .task-box{width: 6.52rem; margin: .24rem auto 0; color: #ece8e1; font-size: 0; text-align: left;}
.part2 .task-box .tit{ font-size: .35rem; line-height: .6rem; font-weight: bold; display: inline-block; vertical-align: top; position: relative; height: .62rem; color: #ff371b;padding-left: .4rem;}
.part2 .task-box .tit i{position: absolute; left: 0; top: .15rem;}
.part2 .task-list{height: 1.71rem;}
.part2 .task-list li{margin-bottom: .17rem; position: relative; padding-left: .82rem;}
.part2 .task-list .num{color: #ff371b; font-size: .34rem; position: absolute; left: .15rem; top: 0; line-height: .64rem;}
.part2 .task-list .txt{font-size: .2rem; line-height: .64rem; height: .64rem;}
.part2 .task-list .progress{font-size: .2rem; line-height: .64rem; height: .64rem; position: absolute; top: 0; right: .3rem;}
.part2 .task-box .btn-claim{display: block; margin: 0 auto; color: #fff; font-size: .3rem; font-weight: bold; text-align: center; line-height: .82rem;}
.part2 .task-box .btn-claim.gray{color: #121212;filter: grayscale(1);}
.part2 .task-list .completed .progress{color: #bdbdbd;}

.part3 .main {width: 6.56rem;}
.part3 .title2 { margin: 0 0 15px 0;}
.part3 .tip { font-size: .18rem; line-height: .3rem; color: #000018; padding-left: .2rem; width: 120%; text-align: left; position: relative; height: .53rem;display: none;}
.part3 .tip i { position: absolute; top: .05rem; left: 0;} 

.part3 .cj-list { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;gap: .05rem;}
.part3 .cj-item { position: relative; }
.part3 .cj-item span { padding: 0 .08rem; height: .34rem; font-size: .18rem; line-height: .34rem; color: #fff; text-align: center; background: #12121b; position: absolute; top: .01rem; left: 0; clip-path: polygon(0% 0%, 100% 0%, 100% 72%, 88% 100%, 0% 100%);}
.part3 .cj-list .img-box { width: 100%; height: 100%;}
.part3 .cj-list .img-box img { width: 100%; height: 100%; object-fit: contain;}
.part3 .cj-list p { font-size: .18rem; line-height: .18rem; color: #fafafa; width: 100%; height: .46rem; text-align: center; position: absolute; left: 0; bottom: .01rem;}
.part3 .cj-list p.special{line-height: .2rem; padding-top: .03rem;}
.part3 .btn-group {position: relative; margin-top: .23rem; height: .91rem;}
.part3 .btn-group a.btn-lottery { display: block; margin: 0 auto; font-size: .3rem; font-weight: bold; line-height: .82rem; color: #fff; text-align: center;}
.part3 .btn-group a.btn-lottery.gray{color: #888;filter: grayscale(1);}
.part3 .btn-group a.gl-btn,.part3 .btn-group a.jl-btn { font-size: .18rem; line-height: .3rem; color: #ff371b; position: absolute; top: .25rem; border-bottom: 1px solid #ff371b;}
.part3 .btn-group a.gl-btn { left:0;}
.part3 .btn-group a.jl-btn { right: 0;}

.part3 .cj-tl,.part3 .cj-tl2{font-size: .18rem; line-height: .2rem; color: #ff371b; text-align: center;}
.part3 .cj-tl span,.part3 .cj-tl2 span { color: #ff371b;}


@font-face { font-family: "num"; src: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/font/num.ttf); font-display: block;}

.part3 .kill-progress{ height: .31rem; position: relative; width: 6.52rem; margin: .31rem auto 0; padding-left: 1.36rem;}
.part3 .kill-progress .kill-txt{position: absolute; left: 0; top: 0; display:flex; display:-webkit-flex; align-items:center; justify-content:center;}
.part3 .kill-progress .kill-txt p{ color: #fff; font-size: .18rem; margin-right: .03rem; line-height: .33rem;}
.part3 .kill-progress .kill-txt i{margin-top: .02rem; display: block;}
.part3 .kill-progress .btn-f5{position: absolute; right: 0; top: 50%; margin-top: -.28rem; color: #fff; font-size: .18rem; padding-left: 4px; text-align: center; line-height: .44rem;}
.part3 .kill-progress .progress{position: relative; height: 100%; width: 3.81rem; background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/m/page3/progress-bg.png) no-repeat; overflow: hidden; background-size: 3.9rem .31rem;}
.part3 .kill-progress .progress p{height: 100%; width: 0%; background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/m/page3/progress-bar.png) no-repeat; background-size: 3.8rem .31rem;}
.part3 .kill-progress .num{position: absolute; left: 1.36rem; width: 3.81rem; font-size: .5rem; font-family: 'num'; font-weight: bold; color: #ff371b; text-align: center; height: .7rem; line-height: .7rem; top: -.25rem; z-index: 2;}


.part4 .main{padding-left: .07rem;}
.part4 .tab-btnbox{font-size: 0; text-align: center; height: .78rem;}
.part4 .tab-btnbox a{display: inline-block; vertical-align: top; width: 1.65rem; height: .44rem; background: #ece8e1; color: #152324; font-size: .2rem; line-height: .44rem;}
.part4 .tab-btnbox a.on{background: #ff3c19; color: #0e1316;}
.part4 .tab-btnbox .btn-my{-webkit-mask: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/m/page3/btn-my.png); -webkit-mask-size: 100% 100%;}
.part4 .tab-btnbox .btn-all{-webkit-mask: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/m/page3/btn-all.png); -webkit-mask-size: 100% 100%;}

.part4 .btn-rule{position: absolute; right: .49rem; top: 2.8rem; color: #fff; font-size: .18rem; line-height: .3rem; border-bottom: 1px solid #fff;}
.part4 .ranking{width: 6.5rem; text-align: center; display: none; padding-top: .32rem;}
.part4 .ranking.show{display: block;}
.part4 .ranking-box{ width: 5.33rem; margin: 0 auto;}
.part4 .ranking-my .ranking-box{  padding-top: .02rem;}
.part4 .ranking-tit{font-size: .4rem; line-height: .5rem; color: #ff3c19; font-weight: bold; height: .64rem; position: relative;}
.part4 .ranking-tit a{position: absolute; right: .63rem; top: .14rem;  line-height: .25rem;color: #0e1316; text-align: center; font-size: .18rem; font-weight: normal;}
.part4 .select-box{padding-top: .13rem; height: .51rem; font-size: 0; text-align: center;}
.part4 .select-box p,.part4 .select-box select{display: inline-block; vertical-align: top;}
.part4 .select-box p{color: #fff; font-size: .2rem; height: .25rem; line-height: .25rem;}
.part4 .select-box select{width: 1.36rem; height: .25rem; line-height: .25rem; color: #000; font-size: .18rem; padding-left: .1rem;}
.part4 .table{width: 4.9rem; margin: .1rem auto 0;}
.part4 .table table{width: 100%;}
.part4 .table th{height: .35rem; line-height: .35rem;}
.part4 .table th:nth-of-type(2){padding: 0 .1rem;}
.part4 .table th p{width: 100%; height: 100%; line-height: .35rem; background: #ff3c19; color: #0e1315; font-size: .2rem; text-align: center;}
.part4 .table td{color: #ece8e1; height: .34rem; line-height: .2rem; border-bottom: 1px solid #475561; font-size: .18rem; max-width: 1.6rem; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.part4 .table tr td:nth-of-type(2){ padding: 0 .1rem;}
.part4 .table .nothing td{font-size: .26rem; height: 2.6rem; opacity: .6; border-bottom: none; color: #484e51; font-weight: bold;}

.part4 .ranking-all .select-box select:nth-of-type(1){margin-right: .1rem;}
.part4 .ranking-all .table{height: 3.94rem;}


.part4 .ranking-page{font-size: 0; text-align: center;}
.part4 .ranking-page a{display: inline-block; vertical-align: top;}
.part4 .ranking-page .btn-page{font-size: .18rem; line-height: .2rem; color: #ffffff; margin: 0 .03rem;}
.part4 .ranking-page .btn-page.on,.part4 .ranking-page .btn-page:hover{color: #f0364d;}
.part4 .ranking-page .btn-prev,.part4 .ranking-page .btn-next{margin: 0 .08rem;}


.part4 .ranking-my .table{height: 2.61rem;}
.part4 .ranking-my .ranking-box{height: 3.59rem;}

.part4 .ranking-my .info-box{margin: .17rem auto .28rem; position: relative;}
.part4 .info-box .tit{font-size: .18rem; font-weight: bold; line-height: .20rem; height: .22rem; text-align: center; color: #0e1316;}
.part4 .info-box .avatar-box{position: relative; width: 4.81rem; margin: .1rem auto 0; text-align: left; padding-left: .66rem; padding-top: .1rem;}
.part4 .info-box .avatar-box .tx{position: absolute; width: .59rem; height: .59rem; top: 0; left: 0; border-radius:50%; border:1px solid #ff761a; overflow: hidden;}
.part4 .info-box .avatar-box img{width: 100%; height: 100%; object-fit: cover;}
.part4 .info-box .nickname{ color: #fff; font-size: .18rem; line-height: .18rem;}
.part4 .info-box .killnum{ color: #fff; font-size: .18rem; line-height: .3rem;}
.part4 .info-box .killnum span{color: #ff3c19;}
.part4 .info-box .listed{position: absolute; right: .27rem; bottom: .17rem; text-align: right; font-size: 0;}
.part4 .info-box .ranking-true{font-size: .18rem; line-height: .2rem; color: #fff; display: none;}
.part4 .info-box .ranking-true span{font-weight: bold; color: #ff3c19; font-size: .22rem;}
.part4 .info-box .already{font-size: .16rem; line-height: .24rem; color: #fff; display: none;}
.part4 .info-box .already a{ color: #ff3c19; text-decoration: underline; margin-left: .04rem;}
.part4 .info-box .query-box{display: inline-block; vertical-align: top; *zoom:1; *display: inline; padding-right: 1.72rem; position: relative; height: .25rem; font-size: .2rem; line-height: .25rem; color: #fff; margin-top: .04rem;}

.part4 .info-box .ranking-false{font-size: .18rem; line-height: .2rem; color: #fff; margin-right: -.5em;}
.part4 .info-box .ranking-false span{font-weight: bold; color: #ff3c19; font-size: .22rem;}
.part4 .info-box .ranking-false span.query{font-weight: normal;color: #fff;display: block;letter-spacing: 0.01rem;margin-top: 0.05rem;}
.part4 .info-box .ranking-false span.query a{display: inline-block;font-size: .18rem;color: #0e1316;line-height: .29rem;text-align: center;}

.part4 .info-box .true .ranking-true,.part4 .info-box .true .already{display: block;}
.part4 .info-box .true .ranking-false{display: none;}

.part4 .separator{display: block; margin: 0 auto;}
.part4 .gift-box{width: 5.34rem; margin: .16rem auto 0; position: relative;}
.part4 .gift-box .img-box{height: 3rem; z-index: 3;  position: relative;}
.part4 .gift-box .img-box img{width: 100%; height: 100%; object-fit: cover;}


.part4 .ranking-all .table{height: 320px;}
.part4 .ranking-all .ranking-box{height: 4.91rem; margin-bottom: .18rem; overflow: hidden;}