.SupRank[data-v-6f84db64]{width:416px;height:274px}.SupRank .header[data-v-6f84db64]{position:relative;width:100%;height:55px;background:url(../img/title-level.1db88176.png) no-repeat;background-size:100% 100%}.SupRank .header .header-title[data-v-6f84db64]{position:absolute;top:20px;left:55px;font-family:AlibabaPuHuiTi;font-weight:700;font-size:18px;color:#fff;line-height:25px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.SupRank .container[data-v-6f84db64]{width:100%;height:calc(100% - 61px);margin-top:6px;padding:0 5px;overflow:hidden auto;padding:0 20px}.SupRank .container>ul>li[data-v-6f84db64]{padding:0 45px 10px 45px;height:32px;margin-top:10px;display:flex;justify-content:space-between;align-items:center;background:url(../img/tr-bg.533daab9.png) no-repeat;background-size:100% 100%}.SupRank .container>ul>li[data-v-6f84db64]:first-child{padding:0 45px 5px 45px;background:url(../img/th-bg.b1f47ea5.png) no-repeat;background-size:100% 100%}.SupRank .container>ul>li:first-child div[data-v-6f84db64]{font-weight:700;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.5);background-image:linear-gradient(90deg,#fff,#b7dffc);background-clip:text}.SupRank .container>ul>li:first-child div[data-v-6f84db64]:first-child:after{background:none}.SupRank .container>ul>li:first-child div[data-v-6f84db64]:nth-child(2){text-align:left}.SupRank .container>ul>li:first-child div[data-v-6f84db64]:nth-child(3){opacity:1}.SupRank .container>ul>li>div[data-v-6f84db64]{font-weight:400;font-size:13px;color:hsla(0,0%,100%,.7);line-height:20px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.SupRank .container>ul>li>div[data-v-6f84db64]:first-child{width:28px;height:28px;line-height:28px;text-align:center;position:relative}.SupRank .container>ul>li>div[data-v-6f84db64]:first-child:after{position:absolute;left:1px;content:"";width:26px;height:28px;background-image:var(--trNo);background-repeat:no-repeat;background-size:100% 100%}.SupRank .container>ul>li>div[data-v-6f84db64]:nth-child(2){width:67%;text-align:center}.SupRank .container>ul>li>div[data-v-6f84db64]:nth-child(3){width:10%;text-align:center;opacity:.7}.SupRank .container>ul>li:not(:first-child).active[data-v-6f84db64],.SupRank .container>ul>li[data-v-6f84db64]:not(:first-child):hover{background:url(../img/tr-bg-active.6e160de8.png) no-repeat;background-size:100% 100%}.SupRank .container>ul>li:not(:first-child).active>div[data-v-6f84db64],.SupRank .container>ul>li:not(:first-child):hover>div[data-v-6f84db64]{cursor:pointer;color:#fff;font-weight:700;opacity:1}