.AttendanceRate[data-v-ab34fff0]{background-image:url(../static/images/home/rate-bg.png);background-size:cover;border-radius:8px;box-shadow:3px 3px 3px #c0c4cc0f;display:flex;gap:18px;height:224px;padding:16px 14px 16px 28px;width:721px}.title[data-v-ab34fff0]{align-items:center;color:#383c52;display:flex;font-size:20px;font-weight:600;letter-spacing:.01px;margin-bottom:16px}.title .icon[data-v-ab34fff0]{background:linear-gradient(180deg,#6d67ff,#8fd3fd);border-radius:1px;display:inline-block;height:16px;margin-right:10px;opacity:.94;width:6px}.dsc[data-v-ab34fff0]{margin-top:24px}.text[data-v-ab34fff0]{color:#4f4f65b0;font-size:14px;letter-spacing:.01px;line-height:20px;text-align:left}.text.top[data-v-ab34fff0]{margin-bottom:24px}.text-title[data-v-ab34fff0]{color:#4f4f65}.left-info[data-v-ab34fff0]{padding-top:15px;width:354px}.right-info[data-v-ab34fff0]{height:172.41px;position:relative;width:297px;z-index:0}.right-info .right-wapper[data-v-ab34fff0]{height:100%;overflow:hidden;width:100%}.right-info .half-circle[data-v-ab34fff0]{background:#fff;border-radius:50%;filter:drop-shadow(0 -6px 6px rgba(151,154,211,.1019607843));height:297px;opacity:.94;width:100%;z-index:1}.chart-wapper[data-v-ab34fff0]{height:119px;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:237px;z-index:10}.chart-container[data-v-ab34fff0]{height:200%;position:absolute;width:100%}.rate-text[data-v-ab34fff0]{color:#23233f;font-size:40px;font-weight:700;left:53%;letter-spacing:-.03px;line-height:40px;position:absolute;text-align:left;top:50%;transform:translate(-50%)}.rate-text .unit[data-v-ab34fff0]{color:#c0c4cc91;font-size:14px;letter-spacing:.01px;line-height:35px;margin-left:5px;text-align:left}.learn-btn[data-v-ab34fff0]{background:linear-gradient(180deg,#6d67ff,#93c9ff);border-radius:18px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:36px;left:50%;letter-spacing:.02px;line-height:36px;position:absolute;text-align:center;top:80%;transform:translate(-50%);width:116px;z-index:15}.rankings[data-v-a741bf58]{background:#fefffc;border-radius:8px;box-shadow:3px 3px 3px #c0c4cc0f;height:855px}.noData[data-v-a741bf58]{height:600px!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:14px;left:60px;letter-spacing:.03px;top:190px}.tip[data-v-a741bf58],.top3[data-v-a741bf58]{position:absolute;z-index:5}.top3[data-v-a741bf58]{display:flex;gap:28px;left:48%;top:50px;transform:translate(-50%)}.top-item[data-v-a741bf58]{background-size:100% 100%;border-radius:6px;height:230px;width:152px}.top-item--1[data-v-a741bf58]{background-image:url(../static/images/home/ranking-1.png);margin-top:-18px}.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:81px}.top-item-avatar[data-v-a741bf58]{background:#fff;border:3px solid #fff;border-radius:50%;height:62.73px;-o-object-fit:cover;object-fit:cover;width:62.73px}.top-item-name[data-v-a741bf58]{color:#23233f;font-size:16px;font-weight:600;margin-bottom:5px;margin-top:12px}.top-item-time[data-v-a741bf58]{color:#c0c4cc;font-size:14px;letter-spacing:.17px}.top-item-time .time[data-v-a741bf58]{font-size:16px;font-weight:600;letter-spacing:.19px}.rank-list[data-v-a741bf58]{left:0;padding:0 54px;position:absolute;top:278px;width:100%;z-index:5}.rank-list .list-item[data-v-a741bf58]{align-items:center;display:flex;height:55px;justify-content:space-between;margin-bottom:25px}.rank-list .list-item-left[data-v-a741bf58]{align-items:center;display:flex;gap:24px}.rank-list .list-item-rank[data-v-a741bf58]{color:#c0c4cc;font-size:18px;font-weight:600;letter-spacing:.03px;text-align:left;width:20px}.rank-list .list-item-name[data-v-a741bf58]{color:#23233f;font-size:16px;font-weight:600;letter-spacing:.03px}.rank-list .list-item-avatar[data-v-a741bf58]{background:#fff;height:54.62px;position:relative;width:54.62px}.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:-27px;top:-28px}.rank-list .list-item-time[data-v-a741bf58]{color:#c0c4cc;font-size:16px;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:43px 43px 8px 8px;bottom:0;box-shadow:0 -4px 6px #c0c4cc1f;display:flex;height:79px;justify-content:space-between;left:0;padding-left:32px;padding-right:57px;position:absolute;width:100%;z-index:5}.my-item .my-item-left[data-v-a741bf58]{align-items:center;display:flex;gap:24px}.my-item .my-item-rank[data-v-a741bf58]{color:#606dff;font-size:24px;font-weight:600;letter-spacing:.03px;text-align:center;text-shadow:0 8px 8px hsla(0,0%,100%,.161);width:40px}.my-item .my-item-name[data-v-a741bf58]{color:#23233f;font-size:16px;font-weight:600;letter-spacing:.03px}.my-item .my-item-avatar[data-v-a741bf58]{border:3px solid #fff;border-radius:50%;box-sizing:content-box;height:54.62px;margin-left:-1.5px;position:relative;width:54.62px}.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:-28px;top:-28px}.my-item .my-item-time[data-v-a741bf58]{color:#23233f;font-size:16px;letter-spacing:.02em}.my-item .my-item-time .time[data-v-a741bf58]{color:#588cff;font-size:24px;font-weight:600}.teacher[data-v-e28dd2de]{align-items:center;background:#fff;border-radius:8px;box-shadow:3px 3px 3px #c0c4cc0f;display:flex;gap:24px;height:224px;justify-content:center;width:459px}.avatar[data-v-e28dd2de]{border-radius:50%;height:152px;width:152px}.avatar img[data-v-e28dd2de]{border-radius:50%;height:100%;width:100%}.info[data-v-e28dd2de]{height:152px;width:225px}.name[data-v-e28dd2de]{color:#23233f;font-size:20px;font-weight:700;margin-bottom:5px}.name .text[data-v-e28dd2de]{color:#4f4f65;font-weight:400}.show-class-btn[data-v-e28dd2de],.show-teacher-btn[data-v-e28dd2de]{border-radius:7px;cursor:pointer;font-size:15px;height:40px;letter-spacing:.02em;line-height:40px;margin-top:20px;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:20px}.un-classes[data-v-b7e27a61]{background:#fff;border-radius:2px;height:548px}.content[data-v-b7e27a61]{align-items:center;display:flex;flex-direction:column}.un-classes-img[data-v-b7e27a61]{height:192px;margin-top:42px}.tip[data-v-b7e27a61]{color:#4f4f65d0;font-size:16px;letter-spacing:.02em;line-height:32px;margin-top:30px;text-align:left;width:641px}.start-time[data-v-b7e27a61]{color:#23233f;font-size:16px;font-weight:500;letter-spacing:.51px;margin-top:40px}.start-time .time[data-v-b7e27a61]{color:#3b6feb}.show-button[data-v-b7e27a61]{background:#6794ff;border-radius:3px;color:#fff;cursor:pointer;font-size:16px;height:48px;line-height:48px;margin-top:46px;text-align:center;width:330px}