.AttendanceRate[data-v-14ff4c27]{background-image:url(../static/images/home/rate-bg.png);background-size:cover;border-radius:.74074vh;box-shadow:.27778vh .27778vh .27778vh #c0c4cc0f;display:flex;gap:1.66667vh;height:20.74074vh;padding:1.48148vh 1.2963vh 1.48148vh 2.59259vh;width:66.75926vh}.title[data-v-14ff4c27]{align-items:center;color:#383c52;display:flex;font-size:1.85185vh;font-weight:600;letter-spacing:.01px;margin-bottom:1.48148vh}.title .icon[data-v-14ff4c27]{background:linear-gradient(180deg,#6d67ff,#8fd3fd);border-radius:1px;display:inline-block;height:1.48148vh;margin-right:.92593vh;opacity:.94;width:.55556vh}.dsc[data-v-14ff4c27]{margin-top:2.22222vh}.text[data-v-14ff4c27]{color:#4f4f65b0;font-size:1.2963vh;letter-spacing:.01px;line-height:1.85185vh;text-align:left}.text.top[data-v-14ff4c27]{margin-bottom:2.22222vh}.text-title[data-v-14ff4c27]{color:#4f4f65}.left-info[data-v-14ff4c27]{padding-top:1.38889vh;width:32.77778vh}.right-info[data-v-14ff4c27]{height:15.96389vh;position:relative;width:27.5vh;z-index:0}.right-info .right-wapper[data-v-14ff4c27]{height:100%;overflow:hidden;width:100%}.right-info .half-circle[data-v-14ff4c27]{background:#fff;border-radius:50%;filter:drop-shadow(0 -.55556vh .55556vh rgba(151,154,211,.1019607843));height:27.5vh;opacity:.94;width:100%;z-index:1}.chart-wapper[data-v-14ff4c27]{height:11.01852vh;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:21.94444vh;z-index:10}.chart-container[data-v-14ff4c27]{height:200%;position:absolute;width:100%}.rate-text[data-v-14ff4c27]{color:#23233f;font-size:3.7037vh;font-weight:700;left:53%;letter-spacing:-.03px;line-height:3.7037vh;position:absolute;text-align:left;top:50%;transform:translate(-50%)}.rate-text .unit[data-v-14ff4c27]{color:#c0c4cc91;font-size:1.2963vh;letter-spacing:.01px;line-height:3.24074vh;margin-left:.46296vh;text-align:left}.learn-btn[data-v-14ff4c27]{background:linear-gradient(180deg,#6d67ff,#93c9ff);border-radius:1.66667vh;color:#fff;cursor:pointer;font-size:1.2963vh;font-weight:600;height:3.33333vh;left:50%;letter-spacing:.02px;line-height:3.33333vh;position:absolute;text-align:center;top:80%;transform:translate(-50%);width:10.74074vh;z-index:15}.rankings[data-v-a741bf58]{background:#fefffc;border-radius:.74074vh;box-shadow:.27778vh .27778vh .27778vh #c0c4cc0f;height:79.16667vh}.noData[data-v-a741bf58]{height:55.55556vh!important}.rankings-content[data-v-a741bf58]{height:100%;position:relative;z-index:1}.rankings-bg[data-v-a741bf58]{left:0;-o-object-fit:100% 100%;object-fit:100% 100%;position:absolute;top:-1px;width:100%;z-index:1}.tip[data-v-a741bf58]{color:#9097ce;font-size:1.2963vh;left:5.55556vh;letter-spacing:.03px;top:17.59259vh}.tip[data-v-a741bf58],.top3[data-v-a741bf58]{position:absolute;z-index:5}.top3[data-v-a741bf58]{display:flex;gap:2.59259vh;left:48%;top:4.62963vh;transform:translate(-50%)}.top-item[data-v-a741bf58]{background-size:100% 100%;border-radius:.55556vh;height:21.2963vh;width:14.07407vh}.top-item--1[data-v-a741bf58]{background-image:url(../static/images/home/ranking-1.png);margin-top:-1.66667vh}.top-item--1 .time[data-v-a741bf58]{color:#ffc031}.top-item--2[data-v-a741bf58]{background-image:url(../static/images/home/ranking-2.png)}.top-item--2 .time[data-v-a741bf58]{color:#da7bf0}.top-item--3[data-v-a741bf58]{background-image:url(../static/images/home/ranking-3.png)}.top-item--3 .time[data-v-a741bf58]{color:#6794ff}.top-item-info[data-v-a741bf58]{align-items:center;display:flex;flex-direction:column;margin-top:7.5vh}.top-item-avatar[data-v-a741bf58]{background:#fff;border:.27778vh solid #fff;border-radius:50%;height:5.80833vh;-o-object-fit:cover;object-fit:cover;width:5.80833vh}.top-item-name[data-v-a741bf58]{color:#23233f;font-size:1.48148vh;font-weight:600;margin-bottom:.46296vh;margin-top:1.11111vh}.top-item-time[data-v-a741bf58]{color:#c0c4cc;font-size:1.2963vh;letter-spacing:.17px}.top-item-time .time[data-v-a741bf58]{font-size:1.48148vh;font-weight:600;letter-spacing:.19px}.rank-list[data-v-a741bf58]{left:0;padding:0 5vh;position:absolute;top:25.74074vh;width:100%;z-index:5}.rank-list .list-item[data-v-a741bf58]{align-items:center;display:flex;height:5.09259vh;justify-content:space-between;margin-bottom:2.31481vh}.rank-list .list-item-left[data-v-a741bf58]{align-items:center;display:flex;gap:2.22222vh}.rank-list .list-item-rank[data-v-a741bf58]{color:#c0c4cc;font-size:1.66667vh;font-weight:600;letter-spacing:.03px;text-align:left;width:1.85185vh}.rank-list .list-item-name[data-v-a741bf58]{color:#23233f;font-size:1.48148vh;font-weight:600;letter-spacing:.03px}.rank-list .list-item-avatar[data-v-a741bf58]{background:#fff;height:5.05741vh;position:relative;width:5.05741vh}.rank-list .list-item-avatar .avatar[data-v-a741bf58]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.rank-list .my-icon[data-v-a741bf58]{position:absolute;right:-2.5vh;top:-2.59259vh}.rank-list .list-item-time[data-v-a741bf58]{color:#c0c4cc;font-size:1.48148vh;letter-spacing:.74px}.rank-list .list-item-time .time[data-v-a741bf58]{color:#4f4f65}.my-item[data-v-a741bf58]{align-items:center;background:linear-gradient(92.46deg,#d3eefd,#e9f7fe 28.57%,#e0e6ff 66.32%,#b3b2ff);border-radius:3.98148vh 3.98148vh .74074vh .74074vh;bottom:0;box-shadow:0 -.37037vh .55556vh #c0c4cc1f;display:flex;height:7.31481vh;justify-content:space-between;left:0;padding-left:2.96296vh;padding-right:5.27778vh;position:absolute;width:100%;z-index:5}.my-item .my-item-left[data-v-a741bf58]{align-items:center;display:flex;gap:2.22222vh}.my-item .my-item-rank[data-v-a741bf58]{color:#606dff;font-size:2.22222vh;font-weight:600;letter-spacing:.03px;text-align:center;text-shadow:0 .74074vh .74074vh hsla(0,0%,100%,.161);width:3.7037vh}.my-item .my-item-name[data-v-a741bf58]{color:#23233f;font-size:1.48148vh;font-weight:600;letter-spacing:.03px}.my-item .my-item-avatar[data-v-a741bf58]{border:.27778vh solid #fff;border-radius:50%;box-sizing:content-box;height:5.05741vh;margin-left:-.13889vh;position:relative;width:5.05741vh}.my-item .my-item-avatar .avatar[data-v-a741bf58]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.my-item .my-icon[data-v-a741bf58]{position:absolute;right:-2.59259vh;top:-2.59259vh}.my-item .my-item-time[data-v-a741bf58]{color:#23233f;font-size:1.48148vh;letter-spacing:.02em}.my-item .my-item-time .time[data-v-a741bf58]{color:#588cff;font-size:2.22222vh;font-weight:600}.teacher[data-v-e28dd2de]{align-items:center;background:#fff;border-radius:.74074vh;box-shadow:.27778vh .27778vh .27778vh #c0c4cc0f;display:flex;gap:2.22222vh;height:20.74074vh;justify-content:center;width:42.5vh}.avatar[data-v-e28dd2de]{border-radius:50%;height:14.07407vh;width:14.07407vh}.avatar img[data-v-e28dd2de]{border-radius:50%;height:100%;width:100%}.info[data-v-e28dd2de]{height:14.07407vh;width:20.83333vh}.name[data-v-e28dd2de]{color:#23233f;font-size:1.85185vh;font-weight:700;margin-bottom:.46296vh}.name .text[data-v-e28dd2de]{color:#4f4f65;font-weight:400}.show-class-btn[data-v-e28dd2de],.show-teacher-btn[data-v-e28dd2de]{border-radius:.64815vh;cursor:pointer;font-size:1.38889vh;height:3.7037vh;letter-spacing:.02em;line-height:3.7037vh;margin-top:1.85185vh;text-align:center}.show-teacher-btn[data-v-e28dd2de]{background:#6794ff;color:#fff}.show-class-btn[data-v-e28dd2de]{background:#daeeff;color:#6794ff}.top[data-v-8bee87fa]{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.85185vh}.un-classes[data-v-b7e27a61]{background:#fff;border-radius:.18519vh;height:50.74074vh}.content[data-v-b7e27a61]{align-items:center;display:flex;flex-direction:column}.un-classes-img[data-v-b7e27a61]{height:17.77778vh;margin-top:3.88889vh}.tip[data-v-b7e27a61]{color:#4f4f65d0;letter-spacing:.02em;line-height:2.96296vh;margin-top:2.77778vh;text-align:left;width:59.35185vh}.start-time[data-v-b7e27a61],.tip[data-v-b7e27a61]{font-size:1.48148vh}.start-time[data-v-b7e27a61]{color:#23233f;font-weight:500;letter-spacing:.51px;margin-top:3.7037vh}.start-time .time[data-v-b7e27a61]{color:#3b6feb}.show-button[data-v-b7e27a61]{background:#6794ff;border-radius:.27778vh;color:#fff;cursor:pointer;font-size:1.48148vh;height:4.44444vh;line-height:4.44444vh;margin-top:4.25926vh;text-align:center;width:30.55556vh}