.container[data-v-7359f4e5]{background-color:#f5f7fa}.container .title[data-v-7359f4e5]{display:inline-block;color:#2d2f33;font-size:16px;font-weight:700;margin-bottom:20px}.rank-container[data-v-7359f4e5]{height:300px;padding:0 20px 20px}.rank-container .item[data-v-7359f4e5]{margin-bottom:15px}.rank-container .item .rank[data-v-7359f4e5]{display:inline-block;vertical-align:middle;text-align:center;color:#8c8c8c;background-color:#f5f5f5;white-space:nowrap;position:relative;overflow:hidden;width:20px;height:20px;line-height:20px;border-radius:50%;margin-right:8px}.rank-container .item .rank.important[data-v-7359f4e5]{color:#1890ff;background-color:#e6f7ff}.rank-container .item .name[data-v-7359f4e5]{display:inline-block;vertical-align:middle;width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:10px;text-align:center}.rank-container .item .progress[data-v-7359f4e5]{display:inline-block;vertical-align:middle;background-color:#f3f3f3;height:10px;width:50%;border-radius:100px}.rank-container .item .progress .bg[data-v-7359f4e5]{border-radius:100px;height:10px;background-image:-webkit-gradient(linear,left top,right top,from(#108ee9),to(#87d068));background-image:linear-gradient(90deg,#108ee9,#87d068)}.rank-container .item .num[data-v-7359f4e5]{display:inline-block;margin-left:10px}