.dc-rank{margin-bottom:.4rem;display:flex}.dc-rank:last-child{margin-bottom:0}.dc-rank-pic{position:relative;flex-shrink:0;flex-grow:0;height:1.18rem;width:2.1rem;border-radius:4px;margin-right:.2rem;overflow:hidden}.dc-rank-img{height:100%;width:100%;border-top-left-radius:6px;vertical-align:middle}.dc-rank-tag{top:0;left:0;height:.4rem;width:.4rem;font-size:.24rem;font-weight:700;border-bottom-right-radius:4px;background:#31c5e9}.dc-rank-cooperate,.dc-rank-tag{position:absolute;z-index:10;text-align:center;color:#fff}.dc-rank-cooperate{border-radius:.06rem;top:.08rem;right:.08rem;height:.32rem;width:.6rem;font-size:.22rem;background:rgba(253,76,92,.8)}.dc-rank-desc{flex:1}.dc-rank-title{font-size:.28rem;color:#333;line-height:.36rem;margin-bottom:.12rem}.dc-rank-info{display:flex;align-items:center;font-size:.28rem;height:.36rem;color:#999;margin-bottom:.06rem}.dc-rank-info span{margin-right:.2rem}.dc-rank-percent{display:flex;align-items:flex-end;justify-content:space-between}.dc-rank-bar{border-radius:.05rem;overflow:hidden;position:relative;margin-bottom:.04rem;width:3.73rem;height:.1rem;background:#f8f8f8}.dc-rank-cover{position:absolute;top:0;left:0;width:40%;height:100%;background:#31c5e9}.dc-rank-percentage{font-size:.2rem;line-height:.26rem;color:#31c5e9}html[data-theme=dark] .dc-rank-title{color:#f2f2f2}html[data-theme=dark] .dc-rank-info{color:#666}html[data-theme=dark] .dc-rank-bar{background:#1c1c1c}