body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:none}
img{border:0}
body{background:#000}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
ol,ul{  list-style:none }
.hid{display:block;width:0;height:0;overflow:hidden}
.tn{display:block;text-indent:-99999px}
.i{background-repeat:no-repeat;background-size:cover}
.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;}
.bg{background-repeat:no-repeat;background-position:center 0;background-size: cover;}
@media all and (orientation:landscape){
  html,body{position:relative;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
  html::before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background:#333;z-index:99999;}
  html::after{content:"\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\7AD6\8FC7\6765";text-align:center;font-size:16px;color:#fff;position:absolute;top:50%;left:0;height:30px;width:100%;margin-top:50px;z-index:99999;}
  body::before{content:"";position:absolute;z-index:99999;height:200px;width:100px;left:50%;top:50%;margin:-140px 0 0 -50px;color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");background-repeat:no-repeat;background-position:center center;background-size:100px auto;-webkit-transform:rotateZ(-90deg);}
}

@font-face {font-family: 'TUNGSTEN-BOLD';;src:url('./TUNGSTEN-BOLD.OTF')}
@font-face {font-family: 'syht-me';;src:url('./SOURCEHANSANSCN-MEDIUM.otf')}
html{overflow-x: hidden;}
body{padding-top: 0 !important;overflow-x: hidden;overflow-y: visible !important;background-color: #f1f5f1;font-family: 'syht-me';}
/* afooter */
#afooter{padding: 0.2rem 0;line-height: 0.3rem;text-align: center;font-size: 0.2rem;font-family: "tahoma";position: relative;z-index: 3;background: #000;color: #fff;}

.dialog * {
  box-sizing: border-box;
}
/* 弹窗公共样式 */
.dialog {outline: none;border: none;position: relative;}
/* 弹窗背景图公共类 */
.pop1 {width: 7rem;height: 2.61rem;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: 7rem;height: 4.89rem;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: 7rem;height: 6.77rem;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: 7rem;height: 5.73rem;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: 7rem;height: 5.27rem;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: 7rem;height: 7.66rem;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: 11.25rem;height: 7.8rem;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);background-repeat: no-repeat;background-position: center center;background-size: cover;width: .63rem;height: .63rem;position: absolute;right: .3rem;top: .3rem;overflow: hidden;transition: all .3s;text-indent: -99.99rem;}
/* 弹窗内容公共布局 */
.dialog .pop_center {width: 5.9rem;height: 100%;margin: 0 auto;padding: .3rem 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: .35rem;color: #000;}
.dialog .pop_center .common_con p {text-align: center;}
.dialog .tip {font-size: .24rem;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: .2rem;color: #616462;}
.dia-tips .tips_con p {text-align: center;}


.login-box1 {height: auto;font-weight: bold;color: #fff;font-size: .2rem;text-align: center;line-height: .4rem;}
.login-box1 a { color: #00dfb5;}
.login-box1 a,.login-box span,.login-box strong{ display: inline;}

.wrapper{position: relative;}
.wrapper::before{content: ''; width: 100%; height: 13.95rem; background: url(//game.gtimg.cn/images/val/act/a20260306rank/m/bg1.jpg) no-repeat center/cover; position: absolute; top: 0; left: 0;z-index: -1;}
.wrapper::after{content: ''; width: 100%; height: 5.64rem;background: url(//game.gtimg.cn/images/val/act/a20260306rank/m/bg3.png) no-repeat center / cover; position: absolute; bottom: 0; left: 0;z-index: -1;}


.page1{width: 100%;height: 100%;overflow: hidden;}
.page2{position: relative; z-index: 2;margin-bottom: 2.5rem;}
.page1 .container{width: 7rem;height: 100%; margin: 0 auto; position: relative;}
.page1 .login-box{width: auto;height: .77rem;padding: 0 .1rem;background-color: #1d1c1e;border-radius: .37rem;position: absolute;top: 1rem;right: 0;display: flex;justify-content: space-between;align-items: center;}
.page1 .login-box .user_img{width: .62rem;height: .62rem; border-radius: 50%;; background: url(//game.gtimg.cn/images/val/act/a20260306rank/m/user_img.png) no-repeat center/contain;}
.page1 .login-box .notice{width: .62rem;height: .62rem; border-radius: 50%; background: url(//game.gtimg.cn/images/val/act/a20260306rank/m/notice_bg.png) no-repeat center/contain; margin-left: .1rem; position: relative;}
.page1 .login-box .notice.redDot::after{content: '';position: absolute;top: 0rem;right: 0.05rem;width: .15rem;height: .15rem;background-color: #F13C35;border-radius: 50%;}
.page1 .logo_box{display: flex; justify-content: start;align-items: flex-end; padding-top: 3.2rem;}
.page1 .logo_box .logo_img{width: 1.09rem;height: 1.09rem; background: url(//game.gtimg.cn/images/val/act/a20260306rank/m/logo_bg.png) no-repeat center/contain; margin-right: .2rem;}
.page1 .logo_box .participant{display: flex; justify-content: space-between; align-items: center; width: auto; height: .54rem; border-radius: .26rem; padding: 0 .15rem; background-color: rgba(174, 249, 233, .32);}
.page1 .logo_box .participant .icon{width: .31rem;height: .25rem; background: url(//game.gtimg.cn/images/val/act/a20260306rank/m/participant_icon.png) no-repeat center/contain;margin-right: .05rem;}
.page1 .logo_box .participant span{font-weight: bold;color: #fff; font-size: .21rem;text-align: center;}
.page1 .part1_1{margin: 20px auto 0;background-color: #1d1c1e;border-radius: .25rem;width: 100%;height: auto; box-sizing: border-box;padding: .24rem;display: flex;flex-direction: column;justify-content: space-between;align-items: stretch;gap: .25rem;}
.page1 .part1_1 .flex{display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; gap: .25rem;}
.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: .2rem;}
.page1 .top .online{display: flex;justify-content: space-between;align-items: center;width: auto;height: .69rem;box-sizing: border-box;padding: 0 .35rem;border-radius: .34rem;background-color: #363737;}
.page1 .top .online .icon{width: .12rem;height: .12rem; border-radius: 50%; background-color: #00dfb5; margin-right: .08rem;}
.page1 .top .online span{color: #fff; font-size: .22rem;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: .22rem;text-align: center;display: flex; justify-content: space-between; align-items: center; width: auto; height: .69rem; box-sizing: border-box; padding: 0 .65rem; border-radius: .34rem; background-color:#363737;margin-right: .2rem;}
.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: .69rem; box-sizing: border-box; padding: 0 .2rem; border-radius: .69rem; background-color:#363737}
.page1 .top .challenge .icon1{position: relative;width: .5rem;height: .5rem; 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: .45rem;height: .45rem;border-radius: 50%;background: #363737;}
.page1 .top .challenge .icon1_img{width: .16rem; height: .2rem; background: url(//game.gtimg.cn/images/val/act/a20260306rank/m/challenge_icon_1.png) no-repeat center/contain;position: absolute;z-index: 1;}
.page1 .top .challenge .text {margin: 0 .15rem;}
.page1 .top .challenge .text p:nth-child(1){font-size: .18rem; color: #b5b5b6; text-align: center;}
.page1 .top .challenge .text p:nth-child(2){font-size: .21rem; color: #ffffff; text-align: center;}
.page1 .top .challenge .icon2{cursor: pointer; width: .33rem; height: .33rem; background: url(//game.gtimg.cn/images/val/act/a20260306rank/m/challenge_icon_2.png) no-repeat center/contain;}

.page1 .bottom{position: relative;height: 3.3rem;overflow: hidden;transition: height .5s ease-out;}
.page1 .bottom .title1{font-size: .4rem; color: #fff; line-height: 1;}
.page1 .bottom .title2{font-size: .26rem; color: #fff; line-height: 1; margin-top: .15rem;}
.page1 .bottom .title2:first-child{margin-top: 0;}
.page1 .bottom  p{font-size: .18rem; color: #b5b5b6; margin-bottom: .1rem;}
.page1 .bottom::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1.6rem;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: -.1rem;font-size: .2rem;color: #b5b5b6;}
.page1 .reward{width: 100%;height: auto;background-color: #323233;border-radius: .2rem;position: relative;box-sizing: border-box;padding: .12rem;}
.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: baseline;}
.page1 .reward .top_title .icon_box .icon{width: .27rem;height: .26rem; background: url(//game.gtimg.cn/images/val/act/a20260306rank/reward_icon.png) no-repeat center/contain;margin-right: .05rem;}
.page1 .reward .top_title .icon_box span{color: #fff; font-size: .19rem;text-align: center;}
.page1 .reward .top_title .reward_num{font-size: .19rem; color: #fff; text-align: center;}
.page1 .reward .reward_list{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: .15rem; position: relative;}
.page1 .reward .reward_list .reward_item{position: relative; width: 2rem; height: auto;margin-bottom: .15rem;display: flex;flex-direction: column;justify-content: space-between;align-items: center;border: .02rem solid #3c3c3d;border-radius: .15rem;box-sizing: border-box;padding: .13rem 0.15rem;}
.page1 .reward .reward_list .reward_item .reward_img{width: .88rem;height: 2.1rem;display: flex;justify-content: center;align-items: center;margin-bottom: .1rem;}
.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: .18rem;text-align: center;width: 90%;margin: 0 auto 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page1 .reward .reward_list .reward_item span{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.page1 .reward .reward_list .reward_item .btn{display: block; width: 1.35rem; height: .32rem; background-color: #00dfb5; border-radius: .16rem; display: flex; justify-content: center; align-items: center; font-size: .2rem; color: #000;margin-top: .05rem;}
.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: .17rem; height: .17rem; background: url(//game.gtimg.cn/images/val/act/a20260306rank/wenhao.png) no-repeat center/contain; position: absolute; top: .05rem; right: .05rem;}

.page1 .part1_2{ margin: .3rem auto 0; background-color: #1d1c1e; border-radius: .25rem; min-height: 4.32rem; width: 100%; box-sizing: border-box;padding: .15rem .2rem .1rem;}
.page1 .part1_2 .part12_tabs{display: flex;align-items: center;justify-content: space-between;gap: .16rem;height: .68rem;padding: 0 .08rem;margin-bottom: .08rem;border-bottom: 1px solid #343335;}
.page1 .part1_2 .part12_top3{flex: 0 0 auto;font-size: .22rem;line-height: 1;color: #dcdddd;}
.page1 .part1_2 .part12_tab{position: relative;cursor: pointer;font-size: .4rem;font-weight: bold; font-family: 'TUNGSTEN-BOLD';line-height: 1;color: #8e8e8f;white-space: nowrap;}
.page1 .part1_2 .part12_tab.active{color: #fff;}
.page1 .part1_2 .rankingList{display: none;height: auto;border: 0;padding: 0;margin: 0;}
.page1 .part1_2 .rankingList.active{display: block;}
.page1 .part1_2 .rankingList .ranking_title{display: none;}
.page1 .part1_2 .rankingList>div::after{display: none;}
.page1 .part1_2 .rankingList .ranking_1{width: 100%;min-width: 0;height: 1.17rem;display: flex;justify-content: space-between;align-items: center;padding: 0 .02rem;border-bottom: 1px solid #343335;box-sizing: border-box;}
.page1 .part1_2 .rankingList .ranking_1:last-child{border-bottom: none;}
.page1 .part1_2 .rankingList .ranking_1 .ranking_item{width: 2.1rem; display: flex;align-items: center;}
.page1 .part1_2 .rankingList .ranking_1 .ranking_item:first-child{min-width: 0;flex: 1;}
.page1 .part1_2 .rankingList .ranking_1 .ranking_item .ranking_text{min-width: 0;display: flex;flex-direction: column;align-items: end;}
.page1 .part1_2 .rankingList .ranking_1 .ranking_item .ranking_text span:nth-child(1){width: 3.5rem; font-size: .25rem;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.page1 .part1_2 .rankingList .ranking_1 .ranking_item .ranking_num{width: .63rem;height: .63rem;background-color: #00dfb5; border-radius: .10rem;font-size: .47rem;margin-right: .12rem; color: #05120f;font-family: 'TUNGSTEN-BOLD';display: flex; justify-content: center; align-items: center;}
.page1 .part1_2 .rankingList .ranking_1 .ranking_item .ranking_rank{width: .63rem;height: .63rem; background-color: #e4e7e4; border-radius: .1rem;margin-right: .3rem;flex: 0 0 .5rem;display: flex;justify-content: center;align-items: center;}
.page1 .part1_2 .rankingList .ranking_1 .ranking_item .ranking_rank img{width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: cover;}
.page1 .part1_2 .rankingList .ranking_1 .ranking_item .ranking_text.ranking_text2 span:nth-child(1){font-size: .19rem;color: #e9ece9;width: unset;}
.page1 .part1_2 .rankingList .ranking_1 .ranking_item .ranking_text.ranking_text2 span:nth-child(2){font-size: .25rem;font-family: 'TUNGSTEN-BOLD';line-height: 1;color: #fff;letter-spacing: .02rem;}

.page1 .part1_3{ margin: .3rem auto 0; background-color: #dfdeba; border-radius: .5rem; min-height: 2.35rem; width: 100%; box-sizing: border-box;padding: .2rem .1rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.page1 .part1_3 .text{font-size: .32rem; color: #3a3928; text-align: center;}
.page1 .part1_3 .findAPartner{margin-top: .15rem; width: auto; height: .8rem; background-color: #00dfb5; border-radius: .5rem; display: flex; justify-content: space-between; align-items: center; font-size: .28rem; color: #000; line-height: 1; padding: 0 .6rem;}
.page1 .part1_3 .findAPartner .icon{width: .19rem;height: .19rem; background: url(//game.gtimg.cn/images/val/act/a20260306rank/m/findAPartner_icon.png) no-repeat center/contain;margin-left: .5rem;}
.page1 .updateRules{width: fit-content; height: .5rem; border-radius: .25rem; background-color: #e8ebe8; box-sizing: border-box; padding: 0 .16rem; margin: .38rem auto 0; display: flex; justify-content: center; align-items: center;}
.page1 .updateRules .icon{width: .31rem;height: .31rem; background: url(//game.gtimg.cn/images/val/act/a20260306rank/m/updateRules_icon.png) no-repeat center/contain;margin-right: .14rem;}
.page1 .updateRules span:nth-of-type(2){color: #5f5f5f; font-size: .18rem;}
.page1 .updateRules span:nth-of-type(2) em{color: #010101;margin-right: .14rem;}
.page1 .switchBtn{width: 100%; height: .5rem; margin: .4rem auto 0; display: flex; justify-content: space-around; align-items: center;border-bottom: 1px solid #e8ebe8;}
.page1 .switchBtn span{position: relative; min-width: 1.48rem;height: .5rem; text-align: center; cursor: pointer; font-size: .37rem; 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: 0; transform: translateX(-50%); left: 50%; width: 1.48rem;height: .07rem;background:url(//game.gtimg.cn/images/val/act/a20260306rank/m/switchBtn_bg.png) no-repeat center/contain;}

.page2 .container{width: 7rem;height: 100%; margin: 0 auto; position: relative;}
.content_list{margin-top: .2rem;}
.content_list .top_tips {display: flex;justify-content: space-between;align-items: center;flex-direction: column}
.content_list .top_tips .text {width: 100%;font-size: 0.18rem;color: #898989;}
.content_list .top_tips .deadline {font-size: 0.224rem;color: #5f5f5f;text-align: center;}
.content_list .deadline {width: auto;height: 0.6rem;box-sizing: border-box;padding: 0 0.16rem;display: flex;justify-content: center;align-items: center;margin-top: 0.16rem;}
.content_list .deadline .icon {width: 0.19rem;height: 0.22rem;background: url(//game.gtimg.cn/images/val/act/a20260306rank/deadline_icon.png) no-repeat center/contain;margin-right: 0.14rem;}
.content_list .deadline span:nth-of-type(2) {color: #5f5f5f;}
.content_list .deadline span:nth-of-type(2) em {color: #010101;margin-right: 0.1rem;}

.content_list .icon_list {width: 7rem;margin: 0.3rem 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: 0.71rem;height: 0.71rem;border-radius: 0.16rem;background-color: #e1e4e1;margin-right: 0.1rem;}
.content_list .icon_list .icon_right span {cursor: pointer;display: flex;justify-content: center;align-items: center;width: 0.71rem;height: 0.71rem;border-radius: 0.16rem;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: 0.37rem;height: 0.37rem;background: url(//game.gtimg.cn/images/val/act/a20260306rank/m/icon_list_1.png) no-repeat center/contain;}
.content_list .icon_list .icon_list_2 em {display: block;width: 0.33rem;height: 0.23rem;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: 0.4rem;height: 0.4rem;background: url(//game.gtimg.cn/images/val/act/a20260306rank/icon_list_3.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: 0.16rem;margin-right: 0.2rem;position: relative;}
.content_list .icon_list .icon_right .reward_list .reward_text {width: 88%;min-height: 0.37rem;box-sizing: border-box;position: absolute;left: 50%;transform: translateX(-50%);top: -0.27rem;font-size: 0.182rem;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: 0.73rem;width: 1.49rem;display: flex;flex-direction: column;justify-content: center;align-items: center;box-sizing: border-box;padding: 0.05rem 0.15rem;position: relative;}
.content_list .icon_list .icon_right .reward_list .reward_item::after {content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 0.01rem;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: 0.59rem;height: 0.27rem;display: flex;justify-content: center;align-items: center;margin-bottom: 0.02rem;}
.content_list .icon_list .icon_right .reward_list .reward_item .reward_img img {width: 2.8rem;height: 1.9rem;max-width: 100%;max-height: 100%;object-fit: cover;}
.content_list .icon_list .icon_right .reward_list .reward_item p {color: #fff;font-size: 0.18rem;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: 11.4rem;margin: 0.29rem auto 0;display: flex;align-items: center;padding-left: 0.18rem;}
.content_list .data_level span {cursor: pointer;display: flex;justify-content: center;align-items: center;width: 1.4rem;height: 0.34rem;border-radius: 0.12rem;background-color: #e1e4e1;margin-right: 0.1rem;box-sizing: border-box;padding: 0 0.14rem;font-size: 0.18rem;color: #999;padding-bottom: 0.05rem;}
.content_list .data_level span.on {background-color: #00dfb5;color: #000;padding-bottom: 0.05rem;}
.content_list .data_level_item {width: 7rem;margin: 0 auto;height: 3.51rem;border: 0.05rem solid #00dfb5;align-items: center;background-color: #e1e4e1;border-radius: 0.15rem;margin-top: -0.07rem;box-sizing: border-box;padding: 0.05rem 0.15rem 0.1rem;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: 0.2rem;}
.content_list .data_level_item .top_item .userRanking .userLevel {font-size: 0.4rem;color: #000;font-family: 'TUNGSTEN-BOLD';margin-right: 0.3rem;}
.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: 0.55rem;height: 0.55rem;border-radius: 50%;margin-right: 0.15rem;}
.content_list .data_level_item .top_item .userRanking .userInformation .user_img img {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: 0.21rem;color: #000;max-width: 2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.content_list .data_level_item .top_item .userRanking .userInformation .user_name span:nth-of-type(2) {font-size: 0.12rem;color: #00dfb5;}
.content_list .data_level_item .top_item .user_rank {display: flex;align-items: center;margin-right: 0.2rem;}
.content_list .data_level_item .top_item .user_rank img {width: 0.48rem;height: 0.48rem;object-fit: cover;margin-right: 0.1rem;}
.content_list .data_level_item .top_item .user_rank span {font-size: 0.208rem;color: #000;}
.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: 0.18rem;color: #00dfb5;}
.content_list .data_level_item .top_item .user_fraction span:nth-of-type(2) {font-size: 0.21rem;color: #000;}
.content_list .data_level_item .bottom_item {width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 0.1rem;margin: 0.06rem auto 0;}
.content_list .data_level_item .bottom_item .commonHeroes {position: relative;width: 6.6rem;height: 1.27rem;background-color: #edf1ed;border-radius: 0.2rem;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 0.2rem;}
.content_list .data_level_item .bottom_item .commonHeroes .title {font-size: 0.18rem;color: #000;position: absolute;top: 0.05rem;left: 0.2rem;}
.content_list .data_level_item .bottom_item .commonHeroes .flex {width: 100%;display: flex;align-items: center;justify-content: space-between;padding-top: 0.15rem;}
.content_list .data_level_item .bottom_item .commonWeapons .title {font-size: 0.18rem;color: #000;position: absolute;top: 0.05rem;left: 0.2rem;}
.content_list .data_level_item .bottom_item .commonWeapons .flex {width: 100%;display: flex;align-items: center;justify-content: space-between;padding-top: 0.15rem;}
.content_list .data_level_item .bottom_item .partner .title {font-size: 0.18rem;color: #000;position: absolute;top: 0.05rem;left: 0.2rem;}
.content_list .data_level_item .bottom_item .partner .flex {width: 100%;display: flex;align-items: center;justify-content: space-between;padding-top: 0.15rem;}
.content_list .data_level_item .bottom_item .commonWeapons {position: relative;width: 6.6rem;height: 1.23rem;background-color: #edf1ed;border-radius: 0.2rem;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 0.2rem;}
.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: 0.12rem; 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;margin-top: 0.2rem;}
.content_list .data_level_item .bottom_item .commonHeroes .heros_list .heros_img_list img {width: 0.65rem;height: 0.65rem;object-fit: cover;margin-right: 0.1rem;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: 0.18rem;color: #000;}
.content_list .data_level_item .bottom_item .commonHeroes .dataStatistics span:nth-of-type(2) {font-size: 0.25rem;color: #00dfb5;line-height: 1;}
.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: 0.12rem;color: #000;}
.content_list .data_level_item .bottom_item .commonWeapons .weapons_list .weapons_img_list {width: 2.33rem;height: 0.65rem;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: 100%;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: 0.18rem;color: #000;}
.content_list .data_level_item .bottom_item .commonWeapons .dataStatistics span:nth-of-type(2) {font-size: 0.25rem;color: #00dfb5;line-height: 1;}
.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: 0.36rem;height: 0.81rem;object-fit: cover;margin-right: 0.1rem;}
.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;justify-content: space-between;}
.content_list .data_level_item .bottom_item .commonWeapons .characterData .data_list span {font-size: 0.1821rem;color: #000;}

/* 2v2 */
/* .content_list .data_level_item2 .bottom_item .commonHeroes {width: 5.8rem;} */
/* .content_list .data_level_item3 .bottom_item .commonHeroes {width: 5.8rem;} */
.content_list .data_level_item .bottom_item .partner {position: relative;width: 100%;height: 1.27rem;background-color: #edf1ed;border-radius: 0.2rem;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 0.2rem;}
.content_list .data_level_item .bottom_item .partner .partner_list {display: flex;align-items: center;align-content: center;}
.content_list .data_level_item .bottom_item .partner .partner_list > span:first-child {width: 100%;font-size: 0.12rem;color: #000;line-height: 1;margin-bottom: 0.07rem;}
.content_list .data_level_item .bottom_item .partner .partner_img_list {width: 0.65rem;height: 0.65rem;border-radius: 50%;overflow: hidden;}
.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: 1.36rem;margin-left: 0.1rem;font-size: 0.18rem;color: #000;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.content_list .data_level_item .bottom_item .partner .characterData_img {width: 0.4rem;height: 0.4rem;background-color: #e4e7e4;border-radius: 0.1rem;flex: 0 0 0.4rem;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: 0.25rem;color: #000;}
.content_list .data_level_item .bottom_item .partner .dataStatistics span:nth-of-type(2) {font-size: 0.25rem;color: #00dfb5;line-height: 1;}
.content_list .data_level_item .bottom_item .partner .no_partner {margin: 0.2rem auto;font-size: 0.2rem;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: 0.3rem;height: 0.28rem;background: url(//game.gtimg.cn/images/val/act/a20260306rank/no_partner.png) no-repeat center/cover;margin-right: 0.1rem;}
.content_list .data_level_item .updat_time {font-size: 0.18rem;color: #999999;}
.content_list .data_level_item .leve_line {position: relative;width: 100%;height: 3rem;margin-top: 0.06rem;display: flex;flex-direction: column;justify-content: center;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: rgba(95,95,95,0.45) rgba(0,0,0,0.08);}
.content_list .data_level_item .leve_line::-webkit-scrollbar {height: 0.08rem;}
.content_list .data_level_item .leve_line::-webkit-scrollbar-thumb {background: rgba(95,95,95,0.45);border-radius: 0.08rem;}
.content_list .data_level_item .leve_line::-webkit-scrollbar-track {background: rgba(0,0,0,0.08);border-radius: 0.08rem;}
.rank_curve {position: relative;width: 100%;min-width: 100%;height: 100%;padding: 0.02rem 0.12rem 0 0.12rem;box-sizing: border-box;flex: 0 0 auto;}
.rank_curve_svg {position: absolute;left: 0.12rem;top: 1.12rem;width: calc(100% - 0.24rem);height: 0.65rem;overflow: visible;}
.rank_curve_path_shadow {fill: none;stroke: rgba(110, 110, 110, 0.22);stroke-width: 0.04rem;stroke-linecap: round;stroke-linejoin: round;}
.rank_curve_path {fill: none;stroke: #a9a9a9;stroke-width: 0.02rem;stroke-linecap: round;stroke-linejoin: round;}
.rank_curve_points {position: absolute;left: 0.12rem;top: 0.02rem;width: calc(100% - 0.24rem);height: 0.65rem;pointer-events: none;}
.rank_curve_point {position: absolute;width: 0.12rem;height: 0.12rem;border-radius: 50%;transform: translate(-50%, -50%);border: 0.02rem 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 0.04rem rgba(0, 223, 181, 0.16);}
.rank_curve_point_svg {cursor: pointer;transition: r .2s;}
.rank_curve_tooltip {--arrow-fix-x: 0.01rem;position: absolute;padding: 0.15rem 0.2rem 0.15rem;background: #f1f5f1;border-radius: 0.2rem;box-shadow: 0 0.06rem 0.16rem rgba(0, 0, 0, 0.16);transform: translate(-50%, -100%);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: 0.8rem;height: 0.8rem;flex: 0 0 0.8rem;margin-right: 0.1rem;display: flex;align-items: center;justify-content: center;background-color: #e0e3e0;border-radius: 0.1rem;}
.rank_tooltip_icon img {display: block;width: auto;height: auto;max-width: 100%;max-height: 100%;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: 0.22rem;color: #000;}
.rank_curve_tooltip .rank_score {font-size: 0.18rem;color: #8d908d;margin-top: 0.02rem;}
.rank_curve_tooltip .rank_time {font-size: 0.18rem;color: #8d908d;margin-top: 0.02rem;}
.rank_curve_tooltip.show {opacity: 1;}
.rank_curve_link {position: absolute;left: 4.5rem;bottom: 0.11rem;display: inline-flex;align-items: center;font-size: 0.24rem;color: #5f5f5f;line-height: 1;z-index: 50;}
.rank_curve_link_icon {width: 0.16rem;height: 0.16rem;margin-left: 0.08rem;background: #00dfb5 url(//game.gtimg.cn/images/val/act/a20260306rank/findAPartner_icon2.png) no-repeat center/cover;}

.rankingList {height: auto;margin: 0.3rem auto 0;}
.rankingList_item {position: relative;width: 100%;height: 0.78rem;display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.15rem;background-color: #f0f3f0;border-radius: 0.15rem;box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);box-sizing: border-box;padding: 0 0.2rem;}
.rankingList_item .userRanking {width: 3.2rem;display: flex;align-items: center;margin-left: 0.2rem;}
.rankingList_item .userRanking .userLevel {font-size: 0.4rem;color: #000;font-family: 'TUNGSTEN-BOLD';margin-right: 0.3rem;width: 0.25rem;}
.rankingList_item .userRanking .userInformation {display: flex;align-items: center;}
.rankingList_item .userRanking .userInformation .user_img {width: 0.55rem;height: 0.55rem;border-radius: 50%;margin-right: 0.15rem;display: flex;justify-content: center;align-items: center;}
.rankingList_item .userRanking .userInformation .user_img img{display: block;width: auto;height: auto;max-width: 100%;max-height: 100%;object-fit: cover;border-radius: 50%;}
.rankingList_item .userRanking .userInformation .user_name {display: flex;flex-direction: column;margin-bottom: 0.22rem;}
.rankingList_item .userRanking .userInformation .user_name span:nth-of-type(1) {font-size: 0.21rem;color: #162424;max-width: 2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rankingList_item .userRanking .userInformation .user_name span:nth-of-type(2) {font-size: 0.18rem;color: #00dfb5;}
.rankingList_item .user_rank {display: flex;align-items: center;}
.rankingList_item .user_rank img {width: 0.52rem;height: 0.52rem;object-fit: cover;background-color: #e4e7e4;border-radius: 0.1rem;}
.rankingList_item .user_rank span {font-size: 0.208rem;color: #162424;margin-left: .1rem;}
.rankingList_item .average {display: flex;align-items: center;margin-right: 0.2rem;position: absolute;left: 1.65rem;top: 0.39rem;}
.rankingList_item .average span {font-size: 0.18rem;color: #000;margin-right: 0.05rem;}
.rankingList_item .user_fraction {display: flex;flex-direction: column;align-items: flex-end;}
.rankingList_item .user_fraction span:nth-of-type(1) {font-size: 0.18rem;color: #000;}
.rankingList_item .user_fraction span:nth-of-type(2) {font-size: 0.21rem;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;}



.page3 .container {width: 7rem;height: 100%;margin: 0 auto;position: relative;}
.pagination_box {width: 6rem;margin: 0.5rem auto 0;display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 50;}
.pagination_box .active {border: 0.03rem solid #00dfb4;display: block;width: 0.5rem;height: 0.5rem;border-radius: 0.1rem;font-size: 0.18rem;color: #000;font-family: 'Bold';display: flex;justify-content: center;align-items: center;}
.pagination_box a {display: block;width: 0.5rem;height: 0.5rem;border: 0.03rem solid #E1E4E1;border-radius: 0.1rem;font-size: 0.18rem;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 / 0.12rem;}
.pagination_box .prev {font-size: 0;background: #e1e4e1 url(//game.gtimg.cn/images/val/act/a20260306rank/pagination_left.png) no-repeat center / 0.12rem;}
.backToTop {position: absolute;right: -.28rem;width: 0.65rem;height: 0.65rem;background: url(//game.gtimg.cn/images/val/act/a20260306rank/backToTop.png) no-repeat center / contain;cursor: pointer;z-index: 1000;}








.page3{width: 100%;overflow: hidden;position: relative;overflow: hidden;z-index: 1;}
.floatingWindow{margin: 0.4rem auto .2rem;width: 4.9rem;height: 1.87rem;background: url(//game.gtimg.cn/images/val/act/a20260306rank/m/floatingWindow.png) no-repeat center / cover;box-sizing: border-box;padding: 0.7rem 0.6rem .1rem 0.6rem;}
.floatingWindow .img_box{width: 1.5rem; height: 1.05rem; display: flex; justify-content: center; align-items: center; float: left;}
.floatingWindow .img_box img{display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: cover;}
.floatingWindow .name{font-size: .28rem; color: #0f1923; text-align: center; font-weight: bold;margin-top: 0.2rem;}
.floatingWindow p{font-size: .15rem; color: #0f1923; text-align: center; position: relative;opacity: .6;}



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

/* 恭喜获得弹窗 */
.dia-obtain .pop_center .obtain_con {width: 100%;margin-top: .14rem;height: 3.9rem;overflow-x: hidden;overflow-y: auto;}
.dia-obtain .dia-obtain-img {margin: .05rem auto .5rem;max-width: 2.8rem;height: 2.3rem;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: .26rem;font-weight: normal;text-align: center;bottom: .6rem;transform: translateY(50%);color: #0f1923;}

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


/* 领取记录弹窗 */
.dialog.dia-record .common_con,
.dia-record .pop_center {width: 5.8rem;justify-content: flex-start;}
.dia-record .title {margin: .25rem 0;}
.dia-record .dia-record-table {width: 5.8rem;height: 2.84rem;font-size: .18rem;line-height: .46rem;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: .22rem;line-height: .48rem;background-color: #00dfb5;font-weight: bold;}
.dia-record .dia-record-status {color: #00dfb5;text-decoration: underline;text-underline-offset: .03rem;}
.dia-record .dia-record-status.on{cursor: pointer;}

/* 收货地址弹窗 */
.dia-address .common_con{justify-content: flex-start;}
.dia-address .dia-address-title{font-size: .46rem;line-height: 1.1;margin-bottom: .18rem;text-align: center;}
.dia-address .dia-address-tip{font-size: .18rem;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: .47rem;margin: .12rem 0;overflow: hidden;}
.dia-address .address_label{width: 1.2rem;flex: 0 0 1.2rem;color: #0f1923;font-size: .2rem;text-align: center;display: flex;justify-content: center;align-items: center;}
.dia-address .address_field{flex: 1 1 auto;min-width: 0;border-left: .02rem solid rgba(15,25,35,0.28);padding: 0 .18rem;}
.dia-address .address_input{width: 100%;height: .47rem;line-height: .47rem;background: transparent;border: 0;color: #0f1923;font-size: .18rem;}
.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: .47rem;line-height: .47rem;}
.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: .46rem;line-height: .46rem;border: 0;background: transparent;color: rgba(15,25,35,0.55);font-size: .18rem;padding: 0 .18rem;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: .26rem auto 0;width: 100%;height: .79rem;line-height: .79rem;border: 0;border-radius: .22rem;background: #00dfb5;color: #05120f;font-size: .34rem;cursor: pointer;text-align: center;}

/* 筛选弹窗 */
.dia-filter .common_con{justify-content: flex-start;overflow: hidden;}
.dia-filter .dia-filter-title{font-size: .46rem;line-height: 1.1;margin: .22rem 0 .18rem;text-align: center;}
.dia-filter .filter_con{width: 5.4rem;flex: 1 1 auto;min-height: 0;display: flex;flex-direction: column;align-items: center;}
.dia-filter .filter_select{width: 100%;height: .79rem;background: #e4e7e4;border-radius: .32rem;display: flex;align-items: center;padding: 0 .26rem;box-sizing: border-box;cursor: pointer;border: .04rem solid #00dfb5;position: relative; z-index: 2;}
.dia-filter .filter_select .filter_icon{margin-right: .16rem;}
.dia-filter .filter_arrow{margin-left: auto;width: .27rem;height: .17rem;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: 3.36rem;border-radius: .32rem;border-top-left-radius: 0;border-top-right-radius: 0;overflow: hidden;box-sizing: border-box;margin-top: -.27rem;}
.dia-filter .filter_ul{width: 100%;height: 100%;background: #e4e7e4;overflow-y: auto;overflow-x: hidden;padding: 0;margin: 0;padding-top: .33rem;}
.dia-filter .filter_ul::-webkit-scrollbar{width: .05rem;}
.dia-filter .filter_ul::-webkit-scrollbar-thumb{background: #00deb4;border-radius: .05rem;}
.dia-filter .filter_ul::-webkit-scrollbar-track{background: transparent;}
.dia-filter .filter_item{position: relative;display: flex;align-items: center;height: .79rem;padding: 0 .7rem 0 .22rem;box-sizing: border-box;cursor: pointer;}
.dia-filter .filter_item:first-child{border-top: 0;}
.dia-filter .filter_icon{width: .52rem;height: .52rem;border-radius: .14rem;display: flex;justify-content: center;align-items: center;flex: 0 0 .52rem;margin-right: .16rem;overflow: hidden;}
.dia-filter .filter_icon img{display: block;width: 100%;height: 100%;object-fit: cover;}
.dia-filter .filter_text{font-size: .22rem;color: #0f1923;line-height: 1;}
.dia-filter .filter_item.on,.dia-filter .filter_item:hover{background: #c7f3ea;}
.dia-filter .filter_submit{display: block;margin: .26rem auto 0;width: 100%;height: .79rem;line-height: .79rem;border: 0;border-radius: .22rem;background: #00dfb5;color: #05120f;font-size: .34rem;cursor: pointer;text-align: center;}

/* 最近五场比赛弹窗 */
#dia-one_vs>div,#dia-two_vs>div{width: 7rem;height: 7.66rem;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;}
.dia-one_vs .pop_center{width: 6.4rem;}
.dia-one_vs .common_con{justify-content: flex-start;overflow: hidden;padding-top: .4rem;}
.dia-one_vs .dia-obtain-title{font-size: .46rem;line-height: 1.1;margin-top: .1rem;text-align: center;font-family: 'syht-me';}
.dia-one_vs .onevs_tip{margin-top: .14rem;font-size: .18rem;line-height: 1.6;color: rgba(0,0,0,.55);text-align: center;}
.dia-one_vs .onevs_list_wrap{width: 100%;height: 5.45rem;overflow: auto;min-height: 0;margin-top: .2rem;overflow: auto;padding-right: .06rem;}
.dia-one_vs .onevs_list_wrap::-webkit-scrollbar{width: .08rem;}
.dia-one_vs .onevs_list_wrap::-webkit-scrollbar-thumb{background: #00deb4;border-radius: .08rem;}
.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: .18rem auto 0;background: #e1e4e1;border-radius: .12rem;padding: .1rem .3rem .1rem;}
.dia-one_vs .onevs_item:first-child{margin-top: 0;}
.dia-one_vs .onevs_meta{display: flex;align-items: center;gap: .12rem;margin-bottom: .12rem;}
.dia-one_vs .onevs_badge{width: .52rem;height: .52rem;border-radius: .1rem;display: flex;justify-content: center;align-items: center;font-family: 'TUNGSTEN-BOLD';font-size: .32rem;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: .18rem;color: rgba(0,0,0,.55);text-align: left;}
.dia-one_vs .onevs_card{width: 100%;display: flex;flex-direction: column;align-items: stretch;gap: .1rem;}
.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: .18rem;line-height: 1;color: rgba(0,0,0,1);margin-bottom: .1rem;margin-left: .1rem;}
.dia-one_vs .onevs_panel{width: 100%;background: #fff;border-radius: .12rem;display: flex;align-items: center;justify-content: space-around;gap: .18rem;padding: .1rem .23rem;position: relative;}
.dia-one_vs .onevs_panel.oneself::before {content: '';width: 0;height: 0;border: 0 solid transparent;border-bottom: .1rem solid transparent;border-top: .1rem solid transparent;border-right: .15rem 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: .1rem solid transparent;border-top: .1rem solid transparent;border-left: .15rem solid #00dfb5;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.dia-one_vs .onevs_user{display: flex;align-items: center;gap: .12rem;min-width: 0;}
.dia-one_vs .onevs_avatar{width: .44rem;height: .44rem;border-radius: 50%;object-fit: cover;background: rgba(0,0,0,.06);flex: 0 0 .44rem;}
.dia-one_vs .onevs_name{font-size: .16rem;color: #0f1923;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 2.4rem;}
.dia-one_vs .onevs_rank{display: flex;align-items: center;justify-content: center;gap: .12rem;flex: 0 0 auto;min-width: 1.9rem;}
.dia-one_vs .onevs_rank_icon{width: .34rem;height: .34rem;object-fit: cover;border-radius: .12rem;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: .14rem;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: .1rem;margin-top: .04rem;}
.dia-one_vs .onevs_score{font-size: .18rem;line-height: 1;color: rgba(0,0,0,.75);}
.dia-one_vs .onevs_delta{font-size: .18rem;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;}