.container[data-v-0bcc9f24]{width:100%;height:100vh;margin:0 auto;background:url(../img/u2.13190d7f.png) no-repeat 50%;background-size:cover;padding:10px 20px 20px 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.main-content[data-v-0bcc9f24]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin-right:20px}.left-section[data-v-0bcc9f24]{width:230px;-ms-flex-negative:0;flex-shrink:0}.right-section[data-v-0bcc9f24]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.header[data-v-0bcc9f24]{width:100%;height:44px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.change[data-v-0bcc9f24],.header[data-v-0bcc9f24]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.change[data-v-0bcc9f24]{background:#fff;width:400px;height:45px;border-radius:10px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.toggle-buttons[data-v-0bcc9f24]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;border-radius:5px;overflow:hidden;padding:8px 0 8px 8px}.toggle-btn[data-v-0bcc9f24]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:2px solid #81bc22;border-radius:10px;background:transparent;font-size:14px;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;color:#81bc22;margin-right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap}.btn-icon[data-v-0bcc9f24]{width:16px;height:16px;margin-right:4px;-ms-flex-negative:0;flex-shrink:0}.toggle-btn.active[data-v-0bcc9f24],.toggle-btn[data-v-0bcc9f24]:not(.active):hover{background:#81bc22;color:#fff}.class-name[data-v-0bcc9f24]{margin-right:auto}.class-name[data-v-0bcc9f24],.user-info[data-v-0bcc9f24]{font-weight:600;font-size:14px;color:#fefeff;cursor:pointer}.user-info[data-v-0bcc9f24]{margin-left:auto}.student-list[data-v-0bcc9f24]{width:210px;height:calc(100% - 64px);background:-webkit-gradient(linear,left top,left bottom,from(#f59a23),to(#fcff78));background:linear-gradient(180deg,#f59a23,#fcff78);border-radius:16px;position:relative;z-index:1;margin-top:64px}.overlay-image[data-v-0bcc9f24]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.ranking-list-wrapper[data-v-0bcc9f24]{height:calc(100% - 70px);overflow:hidden;padding:8px 0;position:relative;z-index:3}.ranking-scroll-container[data-v-0bcc9f24]{position:absolute;top:0;left:0;width:100%;-webkit-animation:scrollUp-data-v-0bcc9f24 linear infinite;animation:scrollUp-data-v-0bcc9f24 linear infinite}.ranking-title[data-v-0bcc9f24]{font-weight:700;font-size:18px;color:#fff;text-shadow:0 1px 2px #005947;top:12px;margin-bottom:12px;text-align:center;position:relative;z-index:3}.ranking-title[data-v-0bcc9f24]:after{content:"";display:block;width:100%;height:100px;background:url(../img/u14.b1394453.png) no-repeat 50%;background-size:contain;margin-top:-82px}.student-item[data-v-0bcc9f24]{width:calc(100% - 32px);height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 16px 18px 16px;background:#fff;border-radius:92px 38px 38px 92px}.student-item[data-v-0bcc9f24]:hover{background-color:#e6f7ff}.ranking-first[data-v-0bcc9f24],.ranking-second[data-v-0bcc9f24],.ranking-third[data-v-0bcc9f24]{width:17px;height:18px;border-radius:50%;font-size:0;color:transparent;text-indent:-9999px}.ranking-first[data-v-0bcc9f24]{background:url(../img/p1.d9131dcf.png) no-repeat 50%;background-size:contain}.ranking-second[data-v-0bcc9f24]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF8WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI1LTA2LTIzVDE1OjE4OjEyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNS0wNi0yM1QxNToyNzo1OSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNS0wNi0yM1QxNToyNzo1OSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNDAwOWNlYS04ODY4LTgwNDAtYmViMi0yMmQzZGFlYmE1NTQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5MTEwNmI3YS01YTA5LTcwNGYtYWYwMC0yMTk1ZWQ2NGU5ZjAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjOGY4M2I5ZC0zZjhmLWM4NDMtODQyMC1kZTUzOTgxMzdiOWYiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmM4ZjgzYjlkLTNmOGYtYzg0My04NDIwLWRlNTM5ODEzN2I5ZiIgc3RFdnQ6d2hlbj0iMjAyNS0wNi0yM1QxNToxODoxMiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNDAwOWNlYS04ODY4LTgwNDAtYmViMi0yMmQzZGFlYmE1NTQiIHN0RXZ0OndoZW49IjIwMjUtMDYtMjNUMTU6Mjc6NTkrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4M1l7HAAAIc0lEQVR4nO2dfXKbPBDGn7zTe3R7kirTg5ScJOQkoQfpRD1Jtifx+4dCwY4x+tjVh9FvJhMbi0VIj1YrIeDhdDphizf7e/O3BqDV39cr2wgAf2zn1ec/F9vm7c3yaH5s/vYlYz5yQAB+AhgD0q//A8BwkYYBWDhhTFG5qpj/SmdAAAPgGcAJwDv8K98XghPF64f9V3wWSbO0KgADVxEnAG+Qr/QtCOdieEPjYmhNAARX6DUUPGER4vvH5+ZoRQAE5+ZrLWjCIkwqmpNAahcAYan4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) no-repeat 50%;background-size:contain}.ranking-third[data-v-0bcc9f24]{background:url(../img/p3.c72f0c03.png) no-repeat 50%;background-size:contain}.ranking-normal[data-v-0bcc9f24]{width:14px;height:14px;font-weight:600;font-size:12px;color:#ababab;line-height:15px;text-align:center}.student-avatar[data-v-0bcc9f24]{width:46px;height:46px;border-radius:50%;background:#fff;border:3px solid #fff;margin-right:10px;overflow:hidden}.student-avatar img[data-v-0bcc9f24]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.student-name[data-v-0bcc9f24]{font-size:12px;font-weight:600;color:#555;margin-left:12px;-webkit-box-flex:1;-ms-flex:1;flex:1}.student-score[data-v-0bcc9f24]{font-size:12px;color:#81bc22;width:20px}.content-wrapper[data-v-0bcc9f24]{height:calc(100vh - 102px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.quality-rankings[data-v-0bcc9f24]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:56%;-ms-flex-negative:0;flex-shrink:0}.quality-list-wrapper[data-v-0bcc9f24]{height:calc(100% - 70px);overflow:hidden;padding:8px 0;position:relative;z-index:3}.quality-scroll-container[data-v-0bcc9f24]{position:absolute;top:0;left:0;width:100%;-webkit-animation:scrollUp-data-v-0bcc9f24 linear infinite;animation:scrollUp-data-v-0bcc9f24 linear infinite}.quality-ranking-item[data-v-0bcc9f24]{width:calc(20% - 16px);height:100%;margin-right:20px;background:#ebffcb;border-radius:16px}.quality-ranking-item[data-v-0bcc9f24]:last-child{margin-right:0}.quality-title[data-v-0bcc9f24]{font-weight:700;font-size:18px;color:#81bc22;margin-top:30px;margin-bottom:10px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.large-character[data-v-0bcc9f24]{font-size:30px;font-weight:900;color:#81bc22;opacity:.2;position:absolute;left:16px;top:50%;-webkit-transform:translateY(-50%) rotate(-25deg);transform:translateY(-50%) rotate(-25deg)}.quality-student-item[data-v-0bcc9f24]{width:85%;height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 16px 16px 16px;background:#fff;border-radius:92px 38px 38px 92px;-ms-flex-negative:0;flex-shrink:0}.evaluation-records[data-v-0bcc9f24]{width:100%;height:42%;background:#cbe2fe;border-radius:16px;padding:10px 10px 0 10px;position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:20px}.records-background-images[data-v-0bcc9f24]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.records-bg-left[data-v-0bcc9f24]{left:20px}.records-bg-left[data-v-0bcc9f24],.records-bg-right[data-v-0bcc9f24]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-height:100%;width:auto}.records-bg-right[data-v-0bcc9f24]{right:20px}.records-title[data-v-0bcc9f24]{font-weight:700;font-size:18px;color:#fff;text-align:center;margin-top:10px;position:relative;z-index:2}.records-list-wrapper[data-v-0bcc9f24]{height:calc(100% - 40px);overflow:hidden;padding:8px 0;position:relative;z-index:3}.records-scroll-container[data-v-0bcc9f24]{position:absolute;top:0;left:0;width:100%;-webkit-animation:scrollUp-data-v-0bcc9f24 linear infinite;animation:scrollUp-data-v-0bcc9f24 linear infinite}.records-student-item[data-v-0bcc9f24]{width:calc(100% - 32px);height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 16px 18px 16px;background:#fff;border-radius:92px 38px 38px 92px}.records-student-name[data-v-0bcc9f24]{font-weight:400;font-size:12px;width:80px;margin-left:16px;-ms-flex-negative:0;flex-shrink:0}.records-student-title[data-v-0bcc9f24]{font-weight:400;font-size:12px;width:120px;margin-left:50px;-ms-flex-negative:0;flex-shrink:0}.records-student-type[data-v-0bcc9f24]{font-weight:600;font-size:12px;width:30px;margin-left:24px;-ms-flex-negative:0;flex-shrink:0}.circle-tag[data-v-0bcc9f24]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;width:20px;height:20px;color:#fff;font-weight:600;font-size:10px;-ms-flex-negative:0;flex-shrink:0}@-webkit-keyframes scrollUp-data-v-0bcc9f24{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes scrollUp-data-v-0bcc9f24{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.quality-list-wrapper:hover .quality-scroll-container[data-v-0bcc9f24],.ranking-list-wrapper:hover .ranking-scroll-container[data-v-0bcc9f24],.records-list-wrapper:hover .records-scroll-container[data-v-0bcc9f24]{-webkit-animation-play-state:paused;animation-play-state:paused}