/* 精灵图 S */
.spr{ background:url(//game.gtimg.cn/images/val/act/a20251225val8/page3/spr.png) no-repeat;}
.spr.arrow{ width:12px; height:22px; background-position:-879px -180px;}
.spr.bias{ width:24px; height:29px; background-position:-879px -141px;}
.spr.btn-claim.gray{ width:510px; height:80px; background-position:-358px -253px;}
.spr.btn-claim{ width:510px; height:80px; background-position:-358px -343px;}
.spr.btn-f5{ width:211px; height:64px; background-position:-679px -10px;}
.spr.btn-lottery.gray{ width:433px; height:91px; background-position:-10px -433px;}
.spr.btn-lottery{ width:433px; height:91px; background-position:-453px -433px;}
.spr.btn-next{ width:12px; height:21px; background-position:-879px -212px;}
.spr.btn-prev{ width:12px; height:21px; background-position:-879px -243px;}
.spr.cj-item{ width:338px; height:240px; background-position:-10px -145px;}
.spr.info-box{ width:659px; height:125px; background-position:-10px -10px;}
.spr.kill-txt{ width:206px; height:47px; background-position:-679px -84px;}
.spr.separator{ width:651px; height:9px; background-position:-10px -534px;}
.spr.task{ width:511px; height:98px; background-position:-358px -145px;}
.spr.trim{ width:27px; height:35px; background-position:-878px -274px;}

.wrapper a.gray{pointer-events: none;}


/* 主体部分 S */
.part1 { height: 1125px; background: url(//game.gtimg.cn/images/val/act/a20251225val8/page3/bg2.jpg) 50% 0 no-repeat; background-size: 100% 100%; position: relative; margin-top: -1px; padding-top: 542px;}
.part2 { height: 1476px; background: url(//game.gtimg.cn/images/val/act/a20251225val8/page3/bg3.jpg) 50% 0 no-repeat; background-size: 100% 100%; position: relative; margin-top: -1px;}
.part3 { height: 1659px; background: url(//game.gtimg.cn/images/val/act/a20251225val8/page3/bg4.jpg) 50% 0 no-repeat; background-size: 100% 100%; position: relative; margin-top: -1px;}

.part1 .main { width: 1368px;}
.part1 .gift-box{width: 811px; height: 426px; background: url(//game.gtimg.cn/images/val/act/a20251225val8/page3/gift1.jpg) 50% 0 no-repeat; float: left; display: inline; margin-left: -6px;}
.part1 .task-box{float: left; display: inline; width: 521px; margin-left: 34px; font-size: 0; text-align: left;}
.part1 .task-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: #75ca57;}
.part1 .task-box .tit i{position: absolute; right: -49px; top: 19px;}
.part1 .task-list{height: 257px;}
.part1 .task-list li{margin-bottom: 18px; position: relative; padding-left: 82px; padding-top: 18px; color: #ece8e1;}
.part1 .task-list .num{color: #579546; font-size: 42px; position: absolute; left: 12px; top: 0; line-height: 98px;}
.part1 .task-list .txt{font-size: 20px; line-height: 30px; height: 30px; width: 110%;}
.part1 .task-list .progress{font-size: 20px; line-height: 30px; height: 30px;}
.part1 .task-box .btn-claim{display: block; margin: 0 auto; color: #161616; font-size: 32px; font-weight: bold; text-align: center; line-height: 80px;}
.part1 .task-box .btn-claim:hover{color: #fff;}
.part1 .task-box .btn-claim.gray{color: #121212;}
.part1 .task-list .completed .progress{color: #bdbdbd;}

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

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

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

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


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

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

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


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

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

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

.part3 .ranking-my .info-box{margin: 17px auto 38px; position: relative;}
.part3 .info-box .tit{font-size: 16px; font-weight: bold; line-height: 24px; text-align: center; color: #0e1316;}
.part3 .info-box .avatar-box{position: relative; width: 592px; margin: 16px auto 0; text-align: left; padding-left: 87px; padding-top: 15px;}
.part3 .info-box .avatar-box .tx{position: absolute; width: 72px; height: 72px; top: 0; left: 0; border-radius:50%; border:1px solid #ff761a; overflow: hidden;}
.part3 .info-box .avatar-box img{width: 100%; height: 100%; object-fit: cover;}
.part3 .info-box .nickname{ color: #fff; font-size: 16px; line-height: 18px;}
.part3 .info-box .killnum{ color: #fff; font-size: 23px; line-height: 38px;}
.part3 .info-box .killnum span{color: #ff761a;}
.part3 .info-box .listed{position: absolute; right: 27px; bottom: 11px; font-size: 0; text-align: right;}
.part3 .info-box .ranking-true{font-size: 20px; line-height: 40px; color: #fff; display: none;}
.part3 .info-box .ranking-true span{font-weight: bold; color: #ff761a; font-size: 40px;}
.part3 .info-box .already{font-size: 15px; line-height: 20px; color: #fff; display: none;}
.part3 .info-box .already a{ color: #ff761a; text-decoration: underline; margin-left: 2px;}
.part3 .info-box .already a:hover{color: red;}
.part3 .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;}

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

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

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

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