.spr{ background:url(//game.gtimg.cn/images/val/act/a20260120FebVal8/pc/page3/spr.png) no-repeat;}
.spr.arrow{ width:12px; height:21px; background-position:-1833px -113px;}
.spr.bias{ width:24px; height:29px; background-position:-1687px -666px;}
.spr.btn-claim.gray{ width:511px; height:72px; background-position:-1330px -410px;}
.spr.btn-claim{ width:510px; height:80px; background-position:-1330px -320px;}
.spr.btn-f5{ width:206px; height:64px; background-position:-1687px -492px;}
.spr.btn-lottery.gray{ width:433px; height:91px; background-position:-1390px -10px;}
.spr.btn-lottery{ width:433px; height:91px; background-position:-1390px -111px;}
.spr.btn-next{ width:12px; height:21px; background-position:-1833px -113px;}
.spr.btn-prev{ width:12px; height:21px; background-position:-1873px -10px;}
.spr.btn-query{ width:187px; height:33px; background-position:-1687px -623px;}
.spr.cj-item{ width:338px; height:240px; background-position:-1339px -492px;}
.spr.info-box{ width:659px; height:125px; background-position:-670px -582px;}
.spr.kill-txt{ width:206px; height:47px; background-position:-1687px -566px;}
.spr.part1-info{ width:1370px; height:108px; background-position:-10px -10px;}
.spr.ranking-left{ width:650px; height:444px; background-position:-670px -128px;}
.spr.ranking-right{ width:650px; height:600px; background-position:-10px -128px;}
.spr.separator{ width:651px; height:9px; background-position:-670px -717px;}
.spr.swiper-next{ width:30px; height:93px; background-position:-1833px -10px;}
.spr.swiper-prev{ width:30px; height:93px; background-position:-1855px -113px;}
.spr.task{ width:511px; height:98px; background-position:-1330px -212px;}
.spr.trim{ width:34px; height:34px; background-position:-1330px -128px;}

.part1{width: 100%;height: 1447px;background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/pc/page3/page3-bg1.jpg) no-repeat center top;padding-top: 445px;}
.part2{width: 100%;height: 888px;background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/pc/page3/page3-bg2.jpg) no-repeat center top;padding-top: 320px;}
.part3{width: 100%;height: 1486px;background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/pc/page3/page3-bg3.jpg) no-repeat center top;}
.part4{width: 100%;height: 1598px;background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/pc/page3/page3-bg4.jpg) no-repeat center top;}

/* .page3-part-title{margin-left: 190px;font-size: 80px;color: #ff371b;font-weight: bold;padding-left: 130px;padding-top: 35px;} */
.part1 .part1-info{text-align: center;font-size: 28px;color: #cac4c5;margin: 48px 0;}
.part1 .part1-info .t{color: #ff371b;padding-top: 10px;}
.part1 .sw-box{position: relative;}
.part1 .page3-part1-swiper {position: relative;}
.part1 .page3-part1-swiper .swiper-slide{width: 1030px;height: 583px;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%;object-fit: cover;}
.part1 .swiper-pagination{width: 100%;bottom: -30px;}
.part1 .swiper-pagination .swiper-pagination-bullet{width: 22px;height: 7px;background-color: #fff;border-radius: 0;transform: skew(-35deg, 0);margin-right: 6px;opacity: 1;}
.part1 .swiper-pagination .swiper-pagination-bullet-active{background-color: #ff371b;width: 63px;}
.part1 .swiper-button-disabled{opacity: 1;filter: grayscale(1);}

.part2 .page3-part-title{margin-bottom: 70px;}
.part2 .gift-box{width: 811px; height: 426px; background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/pc/page3/gift1.png) 50% 0 no-repeat; float: left; display: inline; margin-left: -6px;}
.part2 .task-box{float: left; display: inline; width: 521px; margin-left: 34px; font-size: 0; text-align: left;}
.part2 .task-box .tit{ font-size: 38px; line-height: 50px; font-weight: bold; display: inline-block; vertical-align: top; *zoom:1; *display: inline; padding-left: 13px; position: relative; color: #ff371b;padding-left: 45px;margin-bottom: 30px;}
.part2 .task-box .tit i{position: absolute; left: 0; top: 10px;}
.part2 .task-list{height: 257px;}
.part2 .task-list li{margin-bottom: 30px; position: relative; padding-left: 82px; padding-top: 18px; color: #ece8e1;}
.part2 .task-list .num{color: #ff371b; font-size: 42px; position: absolute; left: 12px; top: 0; line-height: 98px;}
.part2 .task-list .txt{font-size: 20px; line-height: 30px; height: 30px; width: 110%;}
.part2 .task-list .progress{font-size: 20px; line-height: 30px; height: 30px;}
.part2 .task-box .btn-claim{display: block; margin: 5px auto 0; color: #fff; font-size: 32px; font-weight: bold; text-align: center; line-height: 80px;}
.part2 .task-box .btn-claim:hover{color: #130225;}
.part2 .task-box .btn-claim.gray{color: #121212;}
.part2 .task-list .completed .progress{color: #bdbdbd;}

.part3 .main { width: 1384px; padding-top: 250px;}
.part3 .title2 { margin: 0 0 15px 0;}
.part3 .tip { font-size: 28px; line-height: 36px; color: #fff; padding: 0 0 0 32px; position: relative; margin: 0 0 34px 0;}
.part3 .tip i { position: absolute; top: 6px; left: 0;} 

.part3 .cj-list { display: flex; justify-content: space-between; flex-wrap: wrap; width: 1035px;}
.part3 .cj-item { position: relative; margin-bottom: 10px;}
.part3 .cj-item span { width: 92px; height: 43px; font-size: 20px; line-height: 43px; color: #fff; text-align: center; background: #12121b; position: absolute; top: 0; 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: 25px; line-height: 26px; color: #fafafa; width: 100%; text-align: center; position: absolute; left: 0; bottom: 18px;}
.part3 .btn-group {width: 1035px; position: relative; margin-top: 40px; height: 108px;}
.part3 .btn-group a.btn-lottery { display: block; margin: 0 auto; font-size: 33px; font-weight: bold; line-height: 87px; color: #fff; text-align: center;}
.part3 .btn-group a.btn-lottery:hover{color: #0e1316;}
.part3 .btn-group a.btn-lottery.gray{color: #121212;}
.part3 .btn-group a.gl-btn,
.part3 .btn-group a.jl-btn { font-size: 26px; line-height: 30px; color: #ff371b; position: absolute; top: 30px; border-bottom: 1px solid #ff371b;}
.part3 .btn-group a.gl-btn { left:66px;}
.part3 .btn-group a.jl-btn { right: 66px;}
.part3 .btn-group a.gl-btn:hover,.part3 .btn-group a.jl-btn:hover{ color: #fff; border-bottom: 1px solid #fff;}

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

.part3 .kill-progress{ height: 47px; position: relative; width: 1035px; margin-top: 52px; padding-left: 205px;}
.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: 25px; margin-right: 6px; line-height: 47px;}
.part3 .kill-progress .kill-txt i{margin-top: 3px; display: block;}
.part3 .kill-progress .btn-f5{position: absolute; right: -1px; top: 50%; margin-top: -42px; color: #fff; font-size: 25px; padding-left: 4px; text-align: center; line-height: 64px;}
.part3 .kill-progress .btn-f5:hover{color: #ff371b;}
.part3 .kill-progress .progress{position: relative; height: 100%; width: 629px; background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/pc/page3/progress-bg.png) no-repeat; overflow: hidden;}
.part3 .kill-progress .progress p{height: 100%; width: 0%; background: url(//game.gtimg.cn/images/val/act/a20260120FebVal8/pc/page3/progress-bar.png) no-repeat;}
.part3 .kill-progress .num{position: absolute; left: 205px; width: 629px; font-size: 100px; font-family: 'num'; font-weight: bold; color: #ff371b; text-align: center; height: 120px; line-height: 120px; top: -45px; z-index: 2;}

.part3 .cj-tl,.part2 .cj-tl2{width: 1035px; font-size: 28px; line-height: 40px; color: #ff371b; text-align: center;}
.part3 .cj-tl span,.part2 .cj-tl2 span { color: #ff371b;}

.part4 .main { width: 1686px; padding-top: 339px; padding-left: 25px;}
.part4 .tab-btnbox{display: none;}
.part4 .btn-rule{position: absolute; right: 0; top: 183px; color: #fff; font-size: 28px; line-height: 39px; border-bottom: 1px solid #fff;}
.part4 .btn-rule:hover{color: #ff371b; border-bottom-color: #ff371b;}
.part4 .ranking{width: 794px; text-align: center;}
.part4 .ranking-box{ width: 650px; margin: 0 auto; }
/* .part4 .ranking-my .ranking-box{background: url(//game.gtimg.cn/images/val/act/a20251225val8/page3/ranking-bg.png) 50% 0 no-repeat; padding-top: 2px;} */
.part4 .ranking-tit{font-size: 48px; line-height: 60px; color: #ff371b; font-weight: bold; height: 78px; position: relative;}
.part4 .ranking-tit a{position: absolute; right: 71px; top: 14px; width: 191px; height: 33px; line-height: 33px; color: #0e1316; text-align: center; font-size: 20px;}
.part4 .ranking-tit a:hover{-webkit-filter: brightness(1.2); filter: brightness(1.2);}
.part4 .select-box{padding-top: 18px; height: 64px; font-size: 0; text-align: center;}
.part4 .select-box p,.part3 .select-box select{display: inline-block; vertical-align: top; *zoom:1; *display: inline;}
.part4 .select-box p{color: #ece8e1; font-size: 22px; height: 31px; line-height: 31px;}
.part4 .select-box select{width: 167px; height: 31px; line-height: 31px; color: #000; font-size: 20px; padding-left: 16px; background-color: #ece8e1;}
.part4 .table{width: 555px; margin: 13px auto 0;}
.part4 .table table{width: 100%;}
.part4 .table th{height: 42px; line-height: 42px;}
.part4 .table th:nth-of-type(2){padding: 0 12px;}
.part4 .table th p{width: 100%; height: 100%; line-height: 42px; background: #ff371b; color: #0e1316; font-size: 24px;}
.part4 .table td{color: #fff; height: 42px; line-height: 20px; border-bottom: 1px solid #4b1e2c; font-size: 18px; max-width: 140px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}

.part4 .table .nothing td{font-size: 45px; height: 300px; border-bottom: none; color: #626567; font-weight: bold;}


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

.part4 .ranking-page{font-size: 0; text-align: center;}
.part4 .ranking-page a{display: inline-block; vertical-align: top; *zoom:1; *display: inline;}
.part4 .ranking-page .btn-page{font-size: 20px; line-height: 21px; color: #ffffff; margin: 0 3px;}
.part4 .ranking-page .btn-page.on,
.part4 .ranking-page .btn-page:hover{color: #ff371b;}
.part4 .ranking-page .btn-prev,
.part4 .ranking-page .btn-next{margin: 0 8px;}

.part4 .ranking-my{float: left; display: inline;}
.part4 .ranking-my .table{height: 320px;}
.part4 .ranking-my .ranking-box{height: 444px;}

.part4 .ranking-my .info-box{margin: 17px auto 38px; position: relative;}
.part4 .info-box .tit{font-size: 16px; font-weight: bold; line-height: 24px; text-align: center; color: #0e1316;}
.part4 .info-box .avatar-box{position: relative; width: 592px; margin: 16px auto 0; text-align: left; padding-left: 87px; padding-top: 15px;}
.part4 .info-box .avatar-box .tx{position: absolute; width: 72px; height: 72px; 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: 22px; line-height: 18px;}
.part4 .info-box .killnum{ color: #fff; font-size: 23px; line-height: 38px;}
.part4 .info-box .killnum span{color: #ff371b;}
.part4 .info-box .listed{position: absolute; right: 27px; bottom: 11px; font-size: 0; text-align: right;}
.part4 .info-box .ranking-true{font-size: 20px; line-height: 40px; color: #fff; display: none;}
.part4 .info-box .ranking-true span{font-weight: bold; color: #ff371b; font-size: 40px;}
.part4 .info-box .already{font-size: 15px; line-height: 20px; color: #fff; display: none;}
.part4 .info-box .already a{ color: #ff371b; text-decoration: underline; margin-left: 2px;}
.part4 .info-box .already a:hover{color: red;}
.part4 .info-box .query-box{display: inline-block; vertical-align: top; *zoom:1; *display: inline; padding-right: 200px; position: relative; height: 33px; font-size: 23px; line-height: 33px; color: #fff;}

.part4 .info-box .ranking-false{font-size: 23px; line-height: 40px; color: #fff; margin-right: -.5em;}
.part4 .info-box .ranking-false span{font-weight: bold; color: #ff371b; font-size: 28px;}

.part4 .info-box .listed.true{bottom: 18px;}
.part4 .info-box .true .ranking-true,
.part4 .info-box .true .already{display: block;}
.part4 .info-box .true .ranking-false{display: none;}
.part4 .info-box .true .query-box{display: none;}

.part4 .separator{display: block; margin: 0 auto;}
.part4 .gift-box{width: 647px; margin: 20px auto 0; position: relative;}
.part4 .gift-box .img-box{height: 363px;  z-index: 3;  position: relative;}
.part4 .gift-box .img-box img{width: 100%; height: 100%; object-fit: cover;}
/* .part4 .gift-box:after,.part3 .gift-box:before{content: ''; position: absolute; width: 38px; height: 38px; background: #81dd5f; z-index: 1;}
.part4 .gift-box:before{left: -2px; top: -2px;}
.part4 .gift-box:after{bottom: -2px; right: -2px;} */

.part4 .ranking-all{float: right; display: inline;}
.part4 .ranking-all .ranking-box{height: 594px; margin-bottom: 30px; overflow: hidden;}