.attendanceRankingList[data-v-effe3ad2]{margin-bottom:17px;width:440px}.attendanceRankingList .ranking-container[data-v-effe3ad2]{height:300px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:10px;overflow:hidden}.attendanceRankingList .sort-placeholder[data-v-effe3ad2]{width:100%;height:30px;margin-bottom:10px}.attendanceRankingList .line[data-v-effe3ad2]{width:438px;height:1px;background:-webkit-gradient(linear,left top,right top,from(rgba(75,157,254,0)),color-stop(49.78%,#4b9dfe),to(rgba(75,157,254,0)));background:linear-gradient(90deg,rgba(75,157,254,0),#4b9dfe 49.78%,rgba(75,157,254,0))}.attendanceRankingList .list-item .itemBox[data-v-effe3ad2]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:35px;background:-webkit-gradient(linear,left top,right top,from(rgba(4,82,191,0)),color-stop(21.33%,rgba(0,63,151,.26)),to(rgba(4,82,191,0)));background:linear-gradient(90deg,rgba(4,82,191,0),rgba(0,63,151,.26) 21.33%,rgba(4,82,191,0));padding:0 24px 0 16px;border-radius:4px}.attendanceRankingList .left-info[data-v-effe3ad2],.attendanceRankingList .list-item .itemBox[data-v-effe3ad2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.attendanceRankingList .left-info[data-v-effe3ad2]{width:140px}.attendanceRankingList .rank-badge[data-v-effe3ad2]{position:relative;width:20px;height:20px;border-radius:4px;text-align:center;line-height:20px;font-size:12px;color:#fff;margin-right:10px;font-weight:700;-ms-flex-negative:0;flex-shrink:0}.attendanceRankingList .rank-badge .numberBox[data-v-effe3ad2]{position:relative;font-size:14px;color:#41cbff;z-index:1}.attendanceRankingList .rank-badge img[data-v-effe3ad2]{position:absolute;top:0;left:0;width:20px;height:22px;z-index:0}.attendanceRankingList .rank-normal[data-v-effe3ad2]{background:rgba(16,128,255,.2);border:1px solid #1080ff;color:#6eb4ff;font-size:11px}.attendanceRankingList .class-name[data-v-effe3ad2]{font-size:14px;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100px}.attendanceRankingList .right-chart[data-v-effe3ad2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.attendanceRankingList .progress-track[data-v-effe3ad2]{width:160px;height:8px;background-color:#1c2b4a;border-radius:4px;overflow:hidden;margin-right:12px}.attendanceRankingList .progress-fill[data-v-effe3ad2]{height:100%;background:-webkit-gradient(linear,left top,right top,from(#00d2ff),to(#3a7bd5));background:linear-gradient(90deg,#00d2ff,#3a7bd5);border-radius:4px;-webkit-box-shadow:0 0 6px rgba(0,210,255,.6);box-shadow:0 0 6px rgba(0,210,255,.6);-webkit-transition:width 1s ease-in-out;transition:width 1s ease-in-out}.attendanceRankingList .percent-text[data-v-effe3ad2]{font-size:14px;font-weight:700;color:#00f0ff;width:40px;text-align:right}