.attendanceRankingList[data-v-bb487db6]{width:100%;height:100%}.attendanceRankingList .ranking-container[data-v-bb487db6]{width:100%;height:calc(100% - 40px*var(--scale));padding-top:10px;overflow:hidden}.attendanceRankingList .line[data-v-bb487db6]{width:100%;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-wrapper[data-v-bb487db6]{height:100%}.attendanceRankingList .list-wrapper .list-item[data-v-bb487db6]{height:14%}.attendanceRankingList .list-wrapper .list-item .itemBox[data-v-bb487db6]{width:100%;height:99%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;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 calc(24px*var(--scale)) 0 calc(16px*var(--scale));border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.attendanceRankingList .left-info[data-v-bb487db6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:32%}.attendanceRankingList .rank-badge[data-v-bb487db6]{position:relative;width:calc(20px*var(--scale));height:calc(20px*var(--scale));border-radius:4px;text-align:center;line-height:calc(20px*var(--scale));font-size:calc(12px*var(--scale));color:#fff;margin-right:calc(10px*var(--scale));font-weight:700;-ms-flex-negative:0;flex-shrink:0}.attendanceRankingList .rank-badge .numberBox[data-v-bb487db6]{position:relative;font-size:calc(14px*var(--scale));color:#41cbff;z-index:1}.attendanceRankingList .rank-badge img[data-v-bb487db6]{position:absolute;top:0;left:0;width:calc(20px*var(--scale));height:calc(22px*var(--scale));z-index:0}.attendanceRankingList .rank-normal[data-v-bb487db6]{background:rgba(16,128,255,.2);border:1px solid #1080ff;color:#6eb4ff;font-size:calc(11px*var(--scale))}.attendanceRankingList .class-name[data-v-bb487db6]{font-size:calc(14px*var(--scale));color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80%}.attendanceRankingList .right-chart[data-v-bb487db6]{width:52%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.attendanceRankingList .progress-track[data-v-bb487db6]{width:80%;height:20%;background-color:#1c2b4a;border-radius:4px;overflow:hidden;margin-right:calc(12px*var(--scale))}.attendanceRankingList .progress-fill[data-v-bb487db6]{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 .attendanceRate-text[data-v-bb487db6]{font-size:calc(14px*var(--scale));font-weight:700;color:#00f0ff;width:calc(40px*var(--scale));text-align:right}