/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
a{text-decoration:none;transition:color 0.2s;cursor:pointer;outline:0;color:#000;}
/* a:hover{opacity:0.85;transition:0.2s all} */
body{background-color:#f1f5f1;overflow-x: hidden!important;font-family: 'syht-me';}
/* a:hover{filter:brightness(1.2);} */
q:before,q:after{content:''}
.tn{display:block;overflow:hidden;text-indent:-9999em;}
.hid{display:block;height:0;overflow:hidden;}
/* basic */
.c:before,.c:after {content:"";display:table}
.c:after {clear:both}
.c {zoom:1}
.hide{display:none;}
.ft{text-indent:-999em;}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
fieldset,img,abbr,acronym{border:0}
input:focus{ outline:none;}
select:focus{ outline:none;}
textarea:focus{ outline:none;}
.bg{background-repeat:no-repeat;background-position:center 0;background-size: cover;}
.hd{display:none;}
html{-webkit-text-size-adjust:100%;}
/* body::-webkit-scrollbar{width:8px;height:100%;}  
body::-webkit-scrollbar-track{width:8px;background:#fff;}  
body::-webkit-scrollbar-thumb{width:8px;background:#c0bcbc;} */
#afooter { position: relative;padding: 30px 0;text-align: center;font: normal 12px / 19px Tahoma;z-index: 10;background-color: #191219;}
#afooter, #afooter a {color: #c0c0c0;text-decoration: none;}

@font-face {font-family: 'TUNGSTEN-BOLD';;src:url('./TUNGSTEN-BOLD.OTF')}
@font-face {font-family: 'syht-me';;src:url('./SOURCEHANSANSCN-MEDIUM.otf')}

.wrapper{margin: 0 auto; position: relative;}
.wrapper::before{content: ''; width: 100%; height: 1239px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/bg1.jpg) no-repeat center/cover; position: absolute; top: 0; left: 0;z-index: -1;}
.wrapper::after{content: ''; width: 100%; height: 386px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/bg2.jpg) no-repeat center/cover; position: absolute; bottom: 0; left: 0;z-index: -1;}
.clickToJump{display: none;}
.dialog * {
    box-sizing: border-box;
}
/* 弹窗公共样式 */
.dialog {outline: none;border: none;position: relative;}
/* 弹窗背景图公共类 */
.pop1 {width: 700px;height: 261px;background-image: url(//game.gtimg.cn/images/val/act/a20260306rank/pop1.png);background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;position: relative;}
.pop2 {width: 700px;height: 489px;background-image: url(//game.gtimg.cn/images/val/act/a20260306rank/pop2.png);background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;position: relative;}
.pop3 {width: 700px;height: 677px;background-image: url(//game.gtimg.cn/images/val/act/a20260306rank/pop3.png);background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;position: relative;}
.pop4 {width: 700px;height: 573px;background-image: url(//game.gtimg.cn/images/val/act/a20260306rank/pop4.png);background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;position: relative;}
.pop5 {width: 700px;height: 527px;background-image: url(//game.gtimg.cn/images/val/act/a20260306rank/pop5.png);background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;position: relative;}
.pop6 {width: 700px;height: 766px;background-image: url(//game.gtimg.cn/images/val/act/a20260306rank/pop6.png);background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;position: relative;}
.pop7 {width: 1125px;height: 780px;background-image: url(//game.gtimg.cn/images/val/act/a20260306rank/pop7.png);background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;position: relative;}
/* 关闭按钮公共样式 */
.dialog .dia-close {background-image: url(//game.gtimg.cn/images/val/act/a20260306rank/close.png);width: 63px;height: 63px;position: absolute;right: 30px;top: 30px;overflow: hidden;transition: all .3s;text-indent: -9999px;}
/* 弹窗内容公共布局 */
.dialog .pop_center {width: 590px;height: 100%;margin: 0 auto;padding: 30px 0;}
.dialog .pop_center .common_con {position: relative;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 35px;color: #000;}
.dialog .pop_center .common_con p {text-align: center;}
.dialog .tip {font-size: 24px;color: #616462;font-weight: 100;}

.dia-tips .tips_con {position: relative;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 22px;color: #616462;}
.dia-tips .tips_con p {text-align: center;}

/* 通用弹窗 */
.dia-common .dia-common-text {
    /* 可自定义样式，默认继承公共样式 */
}
.login-box1 {font-weight: bold;color: #fff;font-size: 20px;text-align: center;line-height: 20px;}
.login-box1 a { color: #00dfb5;}
.login-box1 a,.login-box span,.login-box strong{ display: inline;}

.page1{width: 100%;height: 100%;overflow: hidden;}
.page2{position: relative; z-index: 2;margin-bottom: 350px;}
.page1 .container{width: 1375px;height: 100%; margin: 0 auto; position: relative;}
.page1 .login-box{width: auto; height: 54px; padding: 0 20px; background-color: #1d1c1e; border-radius: 27px; position: absolute; top: 10px; right: -180px; display: flex; justify-content: space-between; align-items: center;}
.page1 .login-box .user_img{width: 43px;height: 43px; border-radius: 50%;; background: url(//game.gtimg.cn/images/val/act/a20260306rank/user_img.png) no-repeat center/contain;}
.page1 .login-box .notice{width: 43px;height: 43px; border-radius: 50%; background: url(//game.gtimg.cn/images/val/act/a20260306rank/notice_bg.png) no-repeat center/contain; margin-left: 10px; position: relative;}
.page1 .login-box .notice.redDot::after{content: ''; position: absolute; top: 0px; right: 0px; width: 10px; height: 10px; background-color: #F13C35; border-radius: 50%;}
.page1 .logo_box{display: flex; justify-content: start;align-items: flex-end; padding-top: 230px;}
.page1 .logo_box .logo_img{width: 86px;height: 82px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/logo_bg.png) no-repeat center/contain; margin-right: 20px;}
.page1 .logo_box .participant{display: flex; justify-content: space-between; align-items: center; width: auto; height: 40px; border-radius: 10px; padding: 0 15px; background-color: #aef9e9;}
.page1 .logo_box .participant .icon{width: 23px;height: 19px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/participant_icon.png) no-repeat center/contain;margin-right: 5px;}
.page1 .logo_box .participant span{font-weight: bold;color: #fff; font-size: 16px;text-align: center;}
.page1 .part1_1{margin: 20px auto 0;background-color: #1d1c1e;border-radius: 25px;width: 100%;box-sizing: border-box;padding: 20px 24px 20px 24px;display: flex;flex-direction: column;justify-content: space-between;align-items: stretch;gap: 25px;}
.page1 .part1_1 .flex{display: flex; justify-content: space-between; align-items: stretch; gap: 24px;}
.page1 .part1_1 .left{flex: 1 1 auto;min-width: 0;position: relative;}
.page1 .top{display: flex; justify-content: space-between; align-items: center;margin-bottom: 20px;}
.page1 .top .online{display: flex;justify-content: space-between;align-items: center;width: auto;height: 45px;box-sizing: border-box;padding: 0 15px;border-radius: 22px;background-color: #363737;margin-left: -30px;}
.page1 .top .online .icon{width: 9px;height: 9px; border-radius: 50%; background-color: #00dfb5; margin-right: 8px;}
.page1 .top .online span{color: #fff; font-size: 16px;text-align: center;}
.page1 .top .top_right{display: flex; justify-content: space-between; align-items: center;}
.page1 .top .follow{cursor: pointer; color: #fff; font-size: 16px;text-align: center;display: flex; justify-content: space-between; align-items: center; width: auto; height: 45px; box-sizing: border-box; padding: 0 50px; border-radius: 22px; background-color:#363737;}
.page1 .top .follow.on{background-color: rgba(0, 223, 181, 0.2); border: 1px solid #00dfb4;}
.page1 .top .challenge{display: flex; justify-content: space-around; align-items: center;width: auto; height: 45px; box-sizing: border-box; padding: 0 20px; border-radius: 22px; background-color:#363737}
.page1 .top .challenge .icon1{position: relative;width: 35px; height: 35px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: conic-gradient(  #12d9b2 0deg,   #12d9b2 calc(var(--progress, 0) * 3.6deg),   #1b1a1c calc(var(--progress, 0) * 3.6deg));}
.page1 .top .challenge .icon1::before{content: '';position: absolute;width: 27px;height: 27px;border-radius: 50%;background: #363737;}
.page1 .top .challenge .icon1_img{width: 9px; height: 11px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/challenge_icon_1.png) no-repeat center/contain;position: absolute;z-index: 1;}
.page1 .top .challenge .text {margin: 0 15px;}
.page1 .top .challenge .text p:nth-child(1){font-size: 12px; color: #b5b5b6; text-align: center;}
.page1 .top .challenge .text p:nth-child(2){font-size: 14px; color: #ffffff; text-align: center;}
.page1 .top .challenge .icon2{cursor: pointer; width: 20px; height: 20px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/challenge_icon_2.png) no-repeat center/contain;}
.page1 .bottom{position: relative;height: 300px;overflow: hidden;transition: height 1s ease-out;}
.page1 .bottom .title1{font-size: 40px; color: #fff; line-height: 1;}
.page1 .bottom .title2{font-size: 26px; color: #fff; line-height: 1; margin-top: 25px;}
.page1 .bottom .title2:first-child{margin-top: 0;}
.page1 .bottom  p{font-size: 18px; color: #b5b5b6; margin-bottom: 5px;}
.page1 .bottom::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 130px;background: linear-gradient(to top, rgba(29,28,30,1) 32%, rgba(29,28,30,0) 100%);filter: blur(0px);pointer-events: none;}
.page1 .bottom.hide-after::after{display: none;}
.page1 .more{position: absolute;left: 0;bottom: -10px;font-size: 20px;color: #b5b5b6;}
.page1 .reward{width: 532px;flex: 0 0 532px;height: 368px;background-color: #323233;border-radius: 20px;position: relative;box-sizing: border-box;padding: 12px 18px 8px;}
.page1 .reward .top_title{display: flex; justify-content: space-between; align-items: center;}
.page1 .reward .top_title .icon_box{display: flex; justify-content: space-between; align-items: center;}
.page1 .reward .top_title .icon_box .icon{width: 27px;height: 26px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/reward_icon.png) no-repeat center/contain;margin-right: 5px;}
.page1 .reward .top_title .icon_box span{color: #fff; font-size: 16px;text-align: center;}
.page1 .reward .top_title .reward_num{font-size: 16px; color: #fff; text-align: center;}
.page1 .reward .reward_list{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 15px; position: relative;}
.page1 .reward .reward_list .reward_item{position: relative; height: auto;margin-bottom: 15px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;border: 2px solid #3c3c3d;border-radius: 15px;box-sizing: border-box;padding: 10px 10px;}
.page1 .reward .reward_list .reward_item .reward_img{width: 88px;height: auto;display: flex;justify-content: center;align-items: center;margin-bottom: 10px;}
.page1 .reward .reward_list .reward_item .reward_img img{width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: cover;}
.page1 .reward .reward_list .reward_item span{color: #fff;font-size: 12px;text-align: center;width: 90%;margin: 0 auto 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page1 .reward .reward_list .reward_item span{white-space: unset;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.page1 .reward .reward_list .reward_item .btn{display: block; width: 135px; height: 32px; background-color: #00dfb5; border-radius: 16px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #000;margin-top: 5px;}
.page1 .reward .reward_list .reward_item .btn.disabled{background-color: #545454; color: #fff; pointer-events: none;}
.page1 .reward .reward_list .reward_item.reward_item2{background-color: rgba(0, 223, 181, 0.1);}
.page1 .reward .reward_list .reward_item .wenhao{display: block; width: 17px; height: 17px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/wenhao.png) no-repeat center/contain; position: absolute; top: 5px; right: 5px;}
.page1 .rankingList{width: 98%;height: 40px;border-bottom: 1px solid #343335;padding: 11px 24px 11px 0;display: flex;align-items: center;margin: 0;}
.page1 .rankingList:last-child{border-bottom: none;}
.page1 .rankingList .ranking_title{min-width: 120px; font-size: 16px; color: #fff;  display: flex; flex-direction: column; justify-content: center;align-items: center; position: relative;}
.page1 .rankingList.czz_2v2 .ranking_title span:nth-child(1){font-size: 22px; font-weight: bold;}
.page1 .rankingList>div::after{content: '';position: absolute;top: 50%; transform: translateY(-50%); right: 0;width: 2px;height: 31px;background-color: #343335;}
.page1 .ranking_title span:nth-child(1){font-size: 37px; color: #fff; font-family: 'TUNGSTEN-BOLD'; line-height: 1;}
.page1 .ranking_title span:nth-child(2){font-size: 12px; color: #fff;line-height: 1;}
.page1 .rankingList .ranking_1{min-width: 405px; display: flex; justify-content: space-around; align-items: center; position: relative;}
.page1 .rankingList .ranking_1 .ranking_item{display: flex; align-items: center;}
.page1 .rankingList .ranking_1 .ranking_item .ranking_num{width: 40px; height: 40px; background-color: #00dfb5; border-radius: 10px; font-size: 30px; color: #05120f; font-family: 'TUNGSTEN-BOLD'; display: flex; justify-content: center; align-items: center; margin-right: 12px;}
.page1 .rankingList .ranking_1 .ranking_item .ranking_rank{width: 40px; height: 40px; background-color: #e4e7e4; border-radius: 10px; margin-right: 25px;}
.page1 .rankingList .ranking_1 .ranking_item .ranking_rank img{display: block; width: 100%; height: 100%; object-fit: cover;}
.page1 .rankingList .ranking_1 .ranking_item .ranking_text{display: flex; flex-direction: column; justify-content: center;}
.page1 .rankingList .ranking_1 .ranking_item .ranking_text span:nth-child(1){font-size: 16px; color: #fff;line-height: 1;}
.page1 .rankingList .ranking_1 .ranking_item .ranking_text span:nth-child(2){font-size: 12px; color: #fff;}
.page1 .rankingList .ranking_1 .ranking_item .ranking_text.ranking_text2{align-items: flex-end;}
.page1 .rankingList .ranking_1 .ranking_item .ranking_text.ranking_text2 span:nth-child(1){font-size: 12px; color: #fff;line-height: 1;}
.page1 .rankingList .ranking_1 .ranking_item .ranking_text.ranking_text2 span:nth-child(2){font-size: 16px; color: #fff;}
.page1 .rankingList .ranking_1 .ranking_item .ranking_text .ranking_user_name{width: 155px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.page1 .part1_2{ margin: 12px auto 0; background-color: #1d1c1e; border-radius: 25px; min-height: 140px; width: 100%; box-sizing: border-box;padding: 10px 0;}
.page1 .part1_3{ margin: 12px auto 0; background-color: #dfdeba; border-radius: 25px; min-height: 80px; width: 100%; box-sizing: border-box;padding: 10px 20px 10px 45px; display: flex; justify-content: space-between; align-items: center;}
.page1 .part1_3 .text{font-size: 30px; color: #3a3928; text-align: center;}
.page1 .part1_3 .findAPartner{width: auto; height: 54px; background-color: #00dfb5; border-radius: 15px; display: flex; justify-content: space-between; align-items: center; font-size: 18px; color: #000; line-height: 1; padding: 0 28px;}
.page1 .part1_3 .findAPartner .icon{width: 11px;height: 11px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/findAPartner_icon.png) no-repeat center/contain;margin-left: 14px;}
.page1 .updateRules{width: fit-content; height: 35px; border-radius: 17px; background-color: #e8ebe8; box-sizing: border-box; padding: 0 16px; margin: 38px auto 0; display: flex; justify-content: center; align-items: center;}
.page1 .updateRules .icon{width: 22px;height: 22px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/updateRules_icon.png) no-repeat center/contain;margin-right: 14px;}
.page1 .updateRules span:nth-of-type(2){color: #5f5f5f; font-size: 14px;}
.page1 .updateRules span:nth-of-type(2) em{color: #010101;margin-right: 14px;}
.page1 .switchBtn{width: 80%; height: 35px; margin: 60px auto 0; display: flex; justify-content: space-around; align-items: center;border-bottom: 1px solid #e8ebe8;}
.page1 .switchBtn span{position: relative; min-width: 222px;height: 43px; text-align: center; cursor: pointer; font-size: 24px; color: #b5b5b6; line-height: 1; font-family: 'TUNGSTEN-BOLD';font-weight: bold;}
.page1 .switchBtn span.on{color: #000; line-height: 1;}
.page1 .switchBtn span.on::after{content: '';position: absolute;bottom: 3px; transform: translateX(-50%); left: 50%; width: 222px;height: 6px;background:url(//game.gtimg.cn/images/val/act/a20260306rank/switchBtn_bg.png) no-repeat center/contain;}

.content_list{margin-top: 50px;}
.content_list .top_tips{display: flex; justify-content: space-between; align-items: center;}
.content_list .top_tips .text{width: 65%; font-size: 14px; color: #898989;}
.content_list .top_tips .deadline{font-size: 12px; color: #5f5f5f; text-align: center;}
.content_list .deadline{width: auto; height: 60px; border-radius: 29px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 0 16px; display: flex; justify-content: center; align-items: center;}
.content_list .deadline .icon{width: 12px;height: 14px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/deadline_icon.png) no-repeat center/contain;margin-right: 14px;}
.content_list .deadline span:nth-of-type(2){color: #5f5f5f; font-size: 14px;}
.content_list .deadline span:nth-of-type(2) em{color: #010101;margin-right: 14px;}
.page2 .container{width: 1375px;height: 100%; margin: 0 auto; position: relative;}
.content_list .icon_list{width: 1140px;margin: 50px auto 0;display: flex;justify-content: space-between;align-items: center;}
.content_list .icon_list .icon_left{display: flex; align-items: center;}
.content_list .icon_list .icon_right{display: flex; align-items: center;}
.content_list .icon_list .icon_left span{cursor: pointer; display: flex; justify-content: center; align-items: center; width: 55px; height: 55px; border-radius: 16px; background-color: #e1e4e1; margin-right: 10px;}
.content_list .icon_list .icon_right span{cursor: pointer; display: flex; justify-content: center; align-items: center; width: 55px; height: 55px; border-radius: 16px; background-color: #e1e4e1;}
.content_list .icon_list .icon_left span.on,.content_list .icon_list .icon_right span.on{background-color: #00dfb5;}
.content_list .icon_list .icon_list_1 em{display: block; width: 29px; height: 29px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/icon_list_1.png) no-repeat center/contain;}
.content_list .icon_list .icon_list_2 em{display: block; width: 33px; height: 23px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/icon_list_2.png) no-repeat center/contain;}
.content_list .icon_list .icon_list_3 em{display: block; width: 28px; height: 28px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/icon_list_3.png) no-repeat center/contain;}
/* .content_list .icon_list .icon_list_1.on em{display: block; width: 29px; height: 29px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/icon_list_1_on.png) no-repeat center/contain;}
.content_list .icon_list .icon_list_2.on em{display: block; width: 33px; height: 23px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/icon_list_2_on.png) no-repeat center/contain;}
.content_list .icon_list .icon_list_3.on em{display: block; width: 28px; height: 28px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/icon_list_3_on.png) no-repeat center/contain;} */
.content_list .icon_list .icon_right .reward_list{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;background-color: #162424;border-radius: 16px;margin-right: 30px; position: relative;}
.content_list .icon_list .icon_right .reward_list .reward_text{width: 88%;min-height: 37px;box-sizing: border-box;padding: 3px 5px;position: absolute;left: 50%;transform: translateX(-50%);top: -27px;font-size: 14px;color: #000;text-align: center;clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 54.67% 75.67%, 51.33% 90.33%, 48% 75%, 0% 75%);background-color: #00dfb4;z-index: 2;}
.content_list .icon_list .icon_right .reward_list .reward_item{height: auto;display: flex;flex-direction: column;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 5px 15px; position: relative;}
.content_list .icon_list .icon_right .reward_list .reward_item::after{content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 1px;height: 50%;background-color: #2e3a3a;}
.content_list .icon_list .icon_right .reward_list .reward_item:last-child::after{display: none;}
.content_list .icon_list .icon_right .reward_list .reward_item .reward_img{width: 59px; height: 27px; display: flex; justify-content: center; align-items: center; margin-bottom: 2px;}
.content_list .icon_list .icon_right .reward_list .reward_item .reward_img img{width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: cover;}
.content_list .icon_list .icon_right .reward_list .reward_item p{color: #fff; font-size: 12px; text-align: center; width: 100%; margin: 0 auto 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.content_list .icon_list .icon_right .reward_list .reward_item.reward_item1 p{white-space: unset; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.content_list .data_level{width: 1140px;margin: 17px auto 0;display: flex;align-items: center;padding-left: 18px;}
.content_list .data_level span{        cursor: pointer;display: flex;justify-content: center;align-items: center;width: auto;height: 40px;border-radius: 12px;background-color: #e1e4e1;margin-right: 10px;box-sizing: border-box;padding: 0 14px;font-size: 14px;color: #999;}
.content_list .data_level span.on{background-color: #00dfb5; color: #000;}
.content_list .data_level_item{width: 1140px;margin: 0 auto;height: 150px;border: 5px solid #00dfb5;align-items: center;background-color: #e1e4e1;border-radius: 15px;margin-top: -7px;box-sizing: border-box;padding: 10px 15px;position: relative;z-index: 1;}
.content_list .data_level_item .top_item{width: 100%;display: flex; justify-content: space-between; align-items: center;}
.content_list .data_level_item .top_item .userRanking{display: flex; align-items: center; margin-left: 20px;}
.content_list .data_level_item .top_item .userRanking .userLevel{font-size: 32px; color: #000; font-family: 'TUNGSTEN-BOLD'; margin-right: 30px;}
.content_list .data_level_item .top_item .userRanking .userInformation{display: flex; align-items: center;}
.content_list .data_level_item .top_item .userRanking .userInformation .user_img{width: 40px;height: 40px;border-radius: 50%;margin-right: 15px;}
.content_list .data_level_item .top_item .userRanking .userInformation .user_img img{display: block; width: 100%; height: 100%; border-radius: 50%;}
.content_list .data_level_item .top_item .userRanking .userInformation .user_name{display: flex; flex-direction: column;}
.content_list .data_level_item .top_item .userRanking .userInformation .user_name span:nth-of-type(1){font-size: 16px; color: #000; font-weight: bold;}
.content_list .data_level_item .top_item .userRanking .userInformation .user_name span:nth-of-type(2){font-size: 12px; color: #00dfb5;}
.content_list .data_level_item .top_item .user_rank{display: flex; align-items: center; margin-right: 20px;}
.content_list .data_level_item .top_item .user_rank img{width: 40px;height: 40px;object-fit: cover; margin-right: 10px;}
.content_list .data_level_item .top_item .user_rank span{font-size: 16px; color: #000; font-weight: bold;}
.content_list .data_level_item .top_item .user_fraction{display: flex; flex-direction: column; align-items: flex-end;}
.content_list .data_level_item .top_item .user_fraction span:nth-of-type(1){font-size: 12px; color: #00dfb5;}
.content_list .data_level_item .top_item .user_fraction span:nth-of-type(2){font-size: 16px; color: #000; font-weight: bold;}
.content_list .data_level_item .bottom_item{width: 100%;display: flex; justify-content: space-between; align-items: center; margin: 10px auto 0;}
.content_list .data_level_item .bottom_item .commonHeroes{position: relative; width: 657px; height: 71px; background-color: #edf1ed; border-radius: 20px; display: flex; align-items: center; justify-content: space-between;box-sizing: border-box; padding: 0 20px;}

.content_list .data_level_item .bottom_item .commonHeroes .title{font-size: 12px; color: #000; font-weight: bold;position: absolute;top: 5px;left: 20px;}
.content_list .data_level_item .bottom_item .commonHeroes .flex{width: 100%;display: flex;align-items: center;justify-content: space-between;padding-top: 15px;}
.content_list .data_level_item .bottom_item .commonWeapons .title{font-size: 12px; color: #000; font-weight: bold;position: absolute;top: 5px;left: 20px;}
.content_list .data_level_item .bottom_item .commonWeapons .flex{width: 100%;display: flex;align-items: center;justify-content: space-between;padding-top: 15px;}
.content_list .data_level_item .bottom_item .partner .title{font-size: 12px; color: #000; font-weight: bold;position: absolute;top: 5px;left: 20px;}
.content_list .data_level_item .bottom_item .partner .flex{width: 100%;display: flex;align-items: center;justify-content: space-between;padding-top: 15px;}

.content_list .data_level_item .bottom_item .commonWeapons{position: relative; width: 432px; height: 71px; background-color: #edf1ed; border-radius: 20px; display: flex; align-items: center;justify-content: space-between;box-sizing: border-box; padding: 0 20px;}
.content_list .data_level_item .bottom_item .commonHeroes .heros_list{display: flex; flex-direction: column; align-items: flex-start;}
/* .content_list .data_level_item .bottom_item .commonHeroes .heros_list span{font-size: 12px; color: #000; font-weight: bold;} */
.content_list .data_level_item .bottom_item .commonHeroes .heros_list .heros_img_list{display: flex; justify-content: center; align-items: center;}
.content_list .data_level_item .bottom_item .commonHeroes .heros_list .heros_img_list img{width: 40px;height: 40px; object-fit: cover; margin-right: 10px; border-radius: 50%;}
.content_list .data_level_item .bottom_item .commonHeroes .dataStatistics{display: flex; flex-direction: column; align-items: flex-start;}
.content_list .data_level_item .bottom_item .commonHeroes .dataStatistics span{font-size: 12px; color: #000; font-weight: bold;}
.content_list .data_level_item .bottom_item .commonHeroes .dataStatistics span:nth-of-type(2){font-size: 16px; color: #00dfb5; font-weight: bold;}
.content_list .data_level_item .bottom_item .commonWeapons .weapons_list{height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-around;}
.content_list .data_level_item .bottom_item .commonWeapons .weapons_list span{font-size: 12px; color: #000; font-weight: bold;}
.content_list .data_level_item .bottom_item .commonWeapons .weapons_list .weapons_img_list{width: 126px; height: 32px; display: flex; justify-content: center; align-items: center;}
.content_list .data_level_item .bottom_item .commonWeapons .weapons_list .weapons_img_list img{display: block;width: auto;height: 32px;object-fit: cover;}
.content_list .data_level_item .bottom_item .commonWeapons .dataStatistics{display: flex; flex-direction: column; align-items: flex-start;}
.content_list .data_level_item .bottom_item .commonWeapons .dataStatistics span{font-size: 12px; color: #000; font-weight: bold;}
.content_list .data_level_item .bottom_item .commonWeapons .dataStatistics span:nth-of-type(2){font-size: 16px; color: #00dfb5; font-weight: bold;}
.content_list .data_level_item .bottom_item .commonWeapons .characterData{display: flex; align-items: flex-start; }
.content_list .data_level_item .bottom_item .commonWeapons .characterData .characterData_img{width: 24px;height: 53px; object-fit: cover; margin-right: 10px;}
.content_list .data_level_item .bottom_item .commonWeapons .characterData .characterData_img img{width: 100%; height: 100%; object-fit: cover;}
.content_list .data_level_item .bottom_item .commonWeapons .characterData .data_list{display: flex; flex-direction: column; align-items: flex-start;}
.content_list .data_level_item .bottom_item .commonWeapons .characterData .data_list span{font-size: 12px; color: #000; font-weight: bold;}
/* 2v2 搭档信息布局 */
.content_list .data_level_item2 .bottom_item .commonHeroes{width: 580px; }
.content_list .data_level_item3 .bottom_item .commonHeroes{width: 580px; }
.content_list .data_level_item .bottom_item .partner{position: relative; width: 515px;height: 71px;background-color: #edf1ed;border-radius: 20px;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 20px;}
.content_list .data_level_item .bottom_item .partner .partner_list{width: 156px;display: flex;flex-wrap: wrap;align-items: center;align-content: center;}
.content_list .data_level_item .bottom_item .partner .partner_list > span:first-child{width: 100%;font-size: 12px;color: #000;font-weight: bold;line-height: 1;margin-bottom: 7px;}
.content_list .data_level_item .bottom_item .partner .partner_img_list{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;flex: 0 0 40px;}
.content_list .data_level_item .bottom_item .partner .partner_img_list img{display: block;width: 100%;height: 100%;object-fit: cover;}
.content_list .data_level_item .bottom_item .partner .partner_name{display: inline-block;max-width: 106px;margin-left: 10px;font-size: 16px;color: #000;font-weight: bold; line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.content_list .data_level_item .bottom_item .partner .characterData_img{width: 40px;height: 40px;background-color: #e4e7e4; border-radius: 10px; flex: 0 0 40px;margin-right: 0;}
.content_list .data_level_item .bottom_item .partner .characterData_img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.content_list .data_level_item .bottom_item .partner .dataStatistics{display: flex; flex-direction: column; align-items: flex-start;}
.content_list .data_level_item .bottom_item .partner .dataStatistics span{font-size: 12px; color: #000; font-weight: bold;}
.content_list .data_level_item .bottom_item .partner .dataStatistics span:nth-of-type(2){font-size: 16px; color: #00dfb5; font-weight: bold;}
.content_list .data_level_item .bottom_item .partner .no_partner{margin: 0 auto; font-size: 12px; color: #787a78; display: flex; justify-content: center; align-items: center;}
.content_list .data_level_item .bottom_item .partner .no_partner em:first-child{display: block; width: 24px; height: 22px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/no_partner.png) no-repeat center/cover; margin-right: 10px;}
.content_list .data_level_item .updat_time{font-size: 12px; color: #999999; }
.content_list .data_level_item .leve_line{position: relative;width: 100%;height: 95px;margin-top: 6px;}
.rank_curve{position: relative;width: 100%;height: 100%;padding: 2px 12px 0 12px;box-sizing: border-box;}
.rank_curve_svg{position: absolute;left: 12px;top: 2px;width: calc(100% - 24px);height: 65px;overflow: visible;}
.rank_curve_path_shadow{fill: none;stroke: rgba(110,110,110,0.22);stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;}
.rank_curve_path{fill: none;stroke: #a9a9a9;stroke-width: 1;stroke-linecap: round;stroke-linejoin: round;}
.rank_curve_points{position: absolute;left: 12px;top: 2px;width: calc(100% - 24px);height: 65px;pointer-events: none;}
.rank_curve_point{position: absolute;width: 12px;height: 12px;border-radius: 50%;transform: translate(-50%, -50%);border: 2px solid rgba(255,255,255,0.95);box-sizing: border-box;pointer-events: auto;cursor: pointer;transition: transform .2s, box-shadow .2s;}
.rank_curve_point.is-active{transform: translate(-50%, -50%) scale(1.1);box-shadow: 0 0 0 4px rgba(0,223,181,0.16);}
.rank_curve_point_svg{cursor: pointer;transition: r .2s;}
.rank_curve_tooltip{--arrow-fix-x: 1px;position: absolute;padding: 10px 14px 9px;background: #e6e6e6;border-radius: 10px;box-shadow: 0 6px 16px rgba(0,0,0,0.16);transform: translate(-50%, -115%);opacity: 0;pointer-events: none;transition: opacity .2s;z-index: 2;display: flex;align-items: flex-start;justify-content: flex-start;}
.rank_tooltip_icon{width: 40px;height: 40px;flex: 0 0 40px;margin-right: 10px;display: flex;align-items: center;justify-content: center; background-color: #e0e3e0; border-radius: 10px;}
.rank_tooltip_icon img{display: block;width: 40px;height: 40px;object-fit: cover;}
.rank_tooltip_text{display: flex;flex-direction: column;justify-content: center;}
.rank_curve_tooltip p{line-height: 1.15;white-space: nowrap;}
.rank_curve_tooltip .rank_name{font-size: 16px;color: #000;}
.rank_curve_tooltip .rank_score{font-size: 13px;color: #8d908d;margin-top: 2px;}
.rank_curve_tooltip .rank_time{font-size: 13px;color: #8d908d;margin-top: 2px;}
.rank_curve_tooltip.show{opacity: 1;}
/* .rank_curve_tooltip::after{content: '';position: absolute;left: calc(50% + var(--arrow-offset, 0px) + var(--arrow-fix-x));bottom: -7px;width: 12px;height: 12px;background: #e6e6e6;transform: translateX(-50%) rotate(45deg);} */
.rank_curve_link{position: absolute;right: 8px;bottom: 1px;display: inline-flex;align-items: center;font-size: 14px;color: #5f5f5f;line-height: 1;}
.rank_curve_link_icon{width: 16px;height: 16px;margin-left: 8px;background: #00dfb5 url(//game.gtimg.cn/images/val/act/a20260306rank/findAPartner_icon2.png) no-repeat center/cover;}
.rankingList{width: 1140px; height: auto; margin: 40px auto 0;}
.rankingList_item{width: 100%; height: 55px; display: flex; align-items: center; margin-bottom: 11px; background-color: #f0f3f0; border-radius: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-sizing: border-box;padding: 0 35px 0 20px; position: relative;}
.rankingList_item .userRanking{width: 390px; display: flex; align-items: center; margin-left: 20px;}
.rankingList_item .userRanking .userLevel{font-size: 32px; color: #000; font-family: 'TUNGSTEN-BOLD'; margin-right: 30px;}
.rankingList_item .userRanking .userInformation{display: flex; align-items: center;}
.rankingList_item .userRanking .userInformation .user_img{width: 40px;height: 40px;border-radius: 50%;margin-right: 15px;}
.rankingList_item .userRanking .userInformation .user_img img{display: block; width: 100%; height: 100%; border-radius: 50%;}
.rankingList_item .userRanking .userInformation .user_name{display: flex; flex-direction: column;}
.rankingList_item .userRanking .userInformation .user_name span:nth-of-type(1){font-size: 16px; color: #162424;max-width: 300px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rankingList_item .userRanking .userInformation .user_name span:nth-of-type(2){font-size: 12px; color: #00dfb5;}
.rankingList_item .user_rank{width: 150px; display: flex; align-items: center; margin-left: 20px;margin-right: 60px;}
.rankingList_item .user_rank img{width: 40px;height: 40px;object-fit: cover; margin-right: 10px;background-color: #e4e7e4;border-radius: 10px;}
.rankingList_item .user_rank span{font-size: 16px; color: #162424; }
.rankingList_item .average{width: 230px; display: flex; align-items: center; margin-right: 20px;}
.rankingList_item .average span{font-size: 12px; color: #00dfb4; margin-right: 5px;}
.rankingList_item .user_fraction{width: 145px; display: flex; flex-direction: column; align-items: flex-end; margin-left: 35px;}
.rankingList_item .user_fraction span:nth-of-type(1){font-size: 12px; color: #00dfb5;}
.rankingList_item .user_fraction span:nth-of-type(2){font-size: 16px; color: #162424;}
.rankingList_item.top_1{background-color: #162424;}
.rankingList_item.top_1 .userRanking .userLevel{color: #fff;}
.rankingList_item.top_1 .userRanking .userInformation .user_name span:nth-of-type(1){color: #fff;}
.rankingList_item.top_1 .userRanking .userInformation .user_name span:nth-of-type(2){color: #fff;}
.rankingList_item.top_1 .user_rank span{color: #fff;}
.rankingList_item.top_1 .average span{color: #fff;}
.rankingList_item.top_1 .user_fraction span{color: #fff;}
.rankingList_item.top_2{background-color: #00dfb4;}
.rankingList_item.top_2 .average span{color: #162424;}
.rankingList_item.top_2 .userRanking .userInformation .user_name span:nth-of-type(2){color: #162424;}
.rankingList_item.top_3{background-color: #48f7db;}
.rankingList_item.top_3 .average span{color: #162424;}
.rankingList_item.top_3 .userRanking .userInformation .user_name span:nth-of-type(2){color: #162424;}
.rankingList_item.top_4{background-color: #deddb9;}
.rankingList_item.top_4 .average span{color: #162424;}
.rankingList_item.top_4 .userRanking .userInformation .user_name span:nth-of-type(2){color: #162424;}
.rankingList_item.top_5{background-color: #f5f3db;}
.rankingList_item.top_5 .average span{color: #162424;}
.rankingList_item.top_5 .userRanking .userInformation .user_name span:nth-of-type(2){color: #162424;}
.rankingList_item.oneself::after{content: '';width: 0;height: 0;border: 0 solid transparent;border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-left: 15px solid #00dfb5;position: absolute;top: 50%;transform: translateY(-50%);left: 8px;}
.rankingList_item.oneself::before{content: '';width: 0;height: 0;border: 0 solid transparent;border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-right: 15px solid #00dfb5;position: absolute;top: 50%;transform: translateY(-50%);right: 8px;}

.page3{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 1;}
.page3 .container{width: 1375px;height: 100%; margin: 0 auto; position: relative;}
.pagination_box{width: 600px;margin: 50px auto 0;display: flex;justify-content: space-between;align-items: center;}
.pagination_box .active {border: 3px solid #00dfb4;display: block;width: 50px;height: 50px;border-radius: 10px;font-size: 18px;color: #000;font-family: 'Bold';display: flex;justify-content: center;align-items: center;}
.pagination_box a {display: block;width: 50px;height: 50px;border: 3px solid #E1E4E1;border-radius: 10px;font-size: 18px;color: #000;font-family: 'Bold';display: flex;justify-content: center;align-items: center;}
.pagination_box .next {font-size: 0;background: #e1e4e1 url(//game.gtimg.cn/images/val/act/a20260306rank/pagination_right.png) no-repeat center / 12px;}
.pagination_box .prev {font-size: 0;background: #e1e4e1 url(//game.gtimg.cn/images/val/act/a20260306rank/pagination_left.png) no-repeat center / 12px;}
.backToTop {position: absolute;bottom: -100px;right: 0;width: 65px;height: 65px;background: url(//game.gtimg.cn/images/val/act/a20260306rank/backToTop.png) no-repeat center / contain;cursor: pointer;z-index: 1000;}


.floatingWindow{position: fixed; top: 50%; right: 0; width: 257px; height: 284px; background: url(//game.gtimg.cn/images/val/act/a20260306rank/floatingWindow.png) no-repeat center/cover;box-sizing: border-box;padding: 70px 10px 10px 70px;z-index: 99;}
.floatingWindow .img_box{width: 170px; height: 125px; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.floatingWindow .img_box img{display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: cover;}
.floatingWindow .name{font-size: 28px; color: #0f1923; text-align: center; font-weight: bold;}
.floatingWindow p{font-size: 15px; color: #0f1923; text-align: center; position: relative;opacity: .6;}


/* 登录弹窗 */
.dia-signin .dia-signin-con {width: 100%;margin-top: 15px;height: 390px;overflow-x: hidden;overflow-y: hidden;padding-top: 30px;}
.dia-signin .dia-signin-img {width: 474px;margin: 40px auto;display: flex;justify-content: center;align-items: center;}
.dia-signin .dia-signin-img a {display: block;text-indent: -9999px;}
.dia-signin .dia-signin-img .milo_ltc_qq {width: 212px;height: 212px;background: url(//game.gtimg.cn/images/val/act/a20260306rank/qqlogin.png) no-repeat center/cover; }
.dia-signin .dia-signin-img .milo_ltc_wx {width: 212px;height: 212px;background: url(//game.gtimg.cn/images/val/act/a20260306rank/vxlogin.png) no-repeat center/cover; margin-left: 30px;}

/* 恭喜获得弹窗 */
.dia-obtain .pop_center .obtain_con {width: 100%;margin-top: 14px;height: 390px;overflow-x: hidden;overflow-y: auto;}
.dia-obtain .dia-obtain-img {margin: 5px auto 50px;max-width: 280px;height: 230px;display: flex;align-items: center;justify-content: center;}
.dia-obtain .dia-obtain-img img {display: block;height: 100%;max-width: 100%;}
.dia-obtain .dia-obtain-name {position: absolute;width: 100%;font-size: 26px;font-weight: normal;text-align: center;bottom: 60px;transform: translateY(50%);color: #0f1923;}

/* 活动规则弹窗 */
.dia-explain .common_con {justify-content: flex-start; overflow: hidden;}
.dialog .explain_list {display: block;height: 512px; overflow-y: auto; overflow-x: hidden; font-family: SourceHanSansCN-Regular;font-size: 22px;margin-top: 20px;}
.dialog .explain_list::-webkit-scrollbar {width:5px;height: 5px;background: transparent;}
.dialog .explain_list::-webkit-scrollbar-thumb {background: #00deb4;}
.dialog .explain_list::-webkit-scrollbar-track {background: transparent;}
.dialog .explain_list li {margin-bottom: 14px;display: flex;flex-direction: row;justify-content: flex-start;line-height: 32px;letter-spacing: -0.4px;padding-top: 3px;}
/* 活动规则列表特定样式（如需覆盖可在此处添加） */
.dia-explain .dia-explain-list {
    /* 继承 .explain_list 样式，无需额外定义 */
}


/* 领取记录弹窗 */
.dialog.dia-record .common_con,
.dia-record .pop_center {width: 580px;justify-content: flex-start;}
.dia-record .title {margin: 25px 0;}
.dia-record .dia-record-table {width: 580px;height: 284px;font-size: 18px;line-height: 46px;text-align: center;border: #00dfb5 1px solid;font-family: SourceHanSansCN-Regular;}
.dia-record .dia-record-table tr {border: #00dfb5 1px solid;}
.dia-record .dia-record-table th,
.dia-record .dia-record-table td {text-align: center;width: 33.3%;}
.dia-record .dia-record-table th {font-size: 22px;line-height: 48px;background-color: #00dfb5;font-weight: bold;}
.dia-record .dia-record-status {color: #00dfb5;text-decoration: underline;text-underline-offset: 3px;}
.dia-record .dia-record-status.on{cursor: pointer;}

/* 收货地址弹窗 */
.dia-address .common_con{justify-content: flex-start;}
.dia-address .dia-address-title{font-size: 46px;line-height: 1.1;margin-bottom: 18px;text-align: center;}
.dia-address .dia-address-tip{font-size: 18px;line-height: 1.55;color: #616462;text-align: center;}
.dia-address .dia-address-form{width: 100%;}
.dia-address .address_row{width: 100%;display: flex;align-items: center;background: #c7f3ea;min-height: 47px;margin: 12px 0;overflow: hidden;}
.dia-address .address_label{width: 120px;flex: 0 0 120px;color: #0f1923;font-size: 20px;text-align: center;display: flex;justify-content: center;align-items: center;}
.dia-address .address_field{flex: 1 1 auto;min-width: 0;border-left: 2px solid rgba(15,25,35,0.28);padding: 0 18px;}
.dia-address .address_input{width: 100%;height: 47px;line-height: 47px;background: transparent;border: 0;color: #0f1923;font-size: 18px;}
.dia-address .address_input::placeholder{color: rgba(15,25,35,0.45);}
.dia-address .address_row_area{align-items: stretch;}
.dia-address .address_row_area .address_field{padding: 0;}
.dia-address .address_select_list{display: block;height: 47px;line-height: 47px;}
.dia-address .address_row_area .address_select_list + .address_select_list{}
.dia-address select.address_select,
.dia-address select.city,
.dia-address select.district{width: 100%;height: 46px;line-height: 46px;border: 0;background: transparent;color: rgba(15,25,35,0.55);font-size: 18px;padding: 0 18px;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.dia-address select.address_select:focus,
.dia-address select.city:focus,
.dia-address select.district:focus{outline: none;}
.dia-address .address_submit{display: block;margin: 26px auto 0;width: 100%;height: 79px;line-height: 79px;border: 0;border-radius: 22px;background: #00dfb5;color: #05120f;font-size: 34px;cursor: pointer;text-align: center;}

/* 筛选弹窗 */
.dia-filter .common_con{justify-content: flex-start;overflow: hidden;}
.dia-filter .dia-filter-title{font-size: 46px;line-height: 1.1;margin: 22px 0 18px;text-align: center;}
.dia-filter .filter_con{width: 540px;flex: 1 1 auto;min-height: 0;display: flex;flex-direction: column;align-items: center;}
.dia-filter .filter_select{width: 100%;height: 79px;background: #e4e7e4;border-radius: 32px;display: flex;align-items: center;padding: 0 26px;box-sizing: border-box;cursor: pointer;border: 4px solid #00dfb5;position: relative; z-index: 2;}
.dia-filter .filter_select .filter_icon{margin-right: 16px;}
.dia-filter .filter_arrow{margin-left: auto;width: 27px;height: 17px;background: url(//game.gtimg.cn/images/val/act/a20260306rank/m/filter_icon.png) no-repeat center/cover; transition: transform .2s;}
.dia-filter .filter_select.is-open .filter_arrow{transform: rotate(-180deg);}
.dia-filter .filter_list{width: 100%;height: 336px;border-radius: 32px;border-top-left-radius: 0;border-top-right-radius: 0;overflow: hidden;box-sizing: border-box;margin-top: -27px;}
.dia-filter .filter_ul{width: 100%;height: 100%;background: #e4e7e4;overflow-y: auto;overflow-x: hidden;padding: 0;margin: 0;padding-top: 33px;}
.dia-filter .filter_ul::-webkit-scrollbar{width: 5px;}
.dia-filter .filter_ul::-webkit-scrollbar-thumb{background: #00deb4;border-radius: 5px;}
.dia-filter .filter_ul::-webkit-scrollbar-track{background: transparent;}
.dia-filter .filter_item{position: relative;display: flex;align-items: center;height: 79px;padding: 0 70px 0 22px;box-sizing: border-box;cursor: pointer;}
.dia-filter .filter_item:first-child{border-top: 0;}
.dia-filter .filter_icon{width: 52px;height: 52px;border-radius: 14px;display: flex;justify-content: center;align-items: center;flex: 0 0 52px;margin-right: 16px;overflow: hidden;}
.dia-filter .filter_icon img{display: block;width: 100%;height: 100%;object-fit: cover;}
.dia-filter .filter_text{font-size: 22px;color: #0f1923;line-height: 1;}
.dia-filter .filter_item.on,.dia-filter .filter_item:hover{background: #c7f3ea;}
.dia-filter .filter_submit{display: block;margin: 26px auto 0;width: 100%;height: 79px;line-height: 79px;border: 0;border-radius: 22px;background: #00dfb5;color: #05120f;font-size: 34px;cursor: pointer;text-align: center;}

/* 最近五场比赛弹窗 */
.dia-one_vs .pop_center{width: 980px;}
.dia-one_vs .common_con{justify-content: flex-start;overflow: hidden;padding-top: 40px;}
.dia-one_vs .dia-obtain-title{font-size: 46px;line-height: 1.1;margin-top: 10px;text-align: center;font-family: 'syht-me';}
.dia-one_vs .onevs_tip{margin-top: 14px;font-size: 14px;line-height: 1.6;color: rgba(0,0,0,.55);text-align: center;}
.dia-one_vs .onevs_list_wrap{width: 100%;height: 545px;overflow: auto;min-height: 0;margin-top: 20px;overflow: auto;padding-right: 6px;}
.dia-one_vs .onevs_list_wrap::-webkit-scrollbar{width: 8px;}
.dia-one_vs .onevs_list_wrap::-webkit-scrollbar-thumb{background: #00deb4;border-radius: 8px;}
.dia-one_vs .onevs_list_wrap::-webkit-scrollbar-track{background: transparent;}
.dia-one_vs .onevs_list{width: 100%;}
.dia-one_vs .onevs_item{width: 100%;margin: 18px auto 0;background: #e1e4e1;border-radius: 12px;padding: 10px 30px 10px;}
.dia-one_vs .onevs_item:first-child{margin-top: 0;}
.dia-one_vs .onevs_meta{display: flex;align-items: center;gap: 12px;margin-bottom: 12px;}
.dia-one_vs .onevs_badge{width: 43px;height: 43px;border-radius: 10px;display: flex;justify-content: center;align-items: center;font-family: 'TUNGSTEN-BOLD';font-size: 32px;line-height: 1;color: #000;}
.dia-one_vs .onevs_item_win .onevs_badge{background: #00deb4;}
.dia-one_vs .onevs_item_lose .onevs_badge{background: #f13c35;}
.dia-one_vs .onevs_time{font-size: 12px;color: rgba(0,0,0,.55);text-align: left;}
.dia-one_vs .onevs_card{width: 100%;display: flex;align-items: stretch;gap: 18px;}
.dia-one_vs .onevs_col{flex: 1 1 0;min-width: 0;display: flex;flex-direction: column;align-items: flex-start;}
.dia-one_vs .onevs_mid_text{display: block;font-size: 12px;line-height: 1;color: rgba(0,0,0,1);margin-bottom: 10px;margin-left: 10px;}
.dia-one_vs .onevs_panel{width: 100%;background: #fff;border-radius: 12px;display: flex;align-items: center;justify-content: space-between;gap: 18px;padding: 10px 23px;position: relative;}
.dia-one_vs .onevs_panel.oneself::before {content: '';width: 0;height: 0;border: 0 solid transparent;border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-right: 15px solid #00dfb5;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.dia-one_vs .onevs_panel.oneself::after {content: '';width: 0;height: 0;border: 0 solid transparent;border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-left: 15px solid #00dfb5;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.dia-one_vs .onevs_user{display: flex;align-items: center;gap: 12px;min-width: 0;}
.dia-one_vs .onevs_avatar{width: 44px;height: 44px;border-radius: 50%;object-fit: cover;background: rgba(0,0,0,.06);flex: 0 0 44px;}
.dia-one_vs .onevs_name{font-size: 16px;color: #0f1923;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 240px;}
.dia-one_vs .onevs_rank{display: flex;align-items: center;justify-content: center;gap: 12px;flex: 0 0 auto;min-width: 190px;}
.dia-one_vs .onevs_rank_icon{width: 34px;height: 34px;object-fit: cover;border-radius: 12px;background: rgba(0,0,0,.04);}
.dia-one_vs .onevs_rank_info{display: flex;flex-direction: column;align-items: flex-start;min-width: 0;}
.dia-one_vs .onevs_rank_text{font-size: 14px;line-height: 1;color: rgba(0,0,0,.75);white-space: nowrap;}
.dia-one_vs .onevs_rank_bottom{display: flex;align-items: flex-end;justify-content: center;gap: 10px;margin-top: 4px;}
.dia-one_vs .onevs_score{font-size: 14px;line-height: 1;color: rgba(0,0,0,.75);}
.dia-one_vs .onevs_delta{font-size: 12px;line-height: 1;color: #00a889;}
.dia-one_vs .onevs_delta_neg{color: #c82a24;}
#dia-two_vs .onevs_col .onevs_panel:nth-of-type(1){border-bottom-left-radius: 0;border-bottom-right-radius: 0; border-bottom: 1px solid #e5e8e5;}
#dia-two_vs .onevs_col .onevs_panel:last-child{border-top-left-radius: 0;border-top-right-radius: 0;}