.page[data-v-c5520244]{background:#fafafa}.bg[data-v-c5520244]{top:-2.375rem}.class-info[data-v-c5520244]{box-sizing:border-box;padding:1rem;border-radius:.5625rem}.class-info .top .class-name[data-v-c5520244]{font-size:.9375rem;color:#000;font-weight:600;margin-bottom:.3125rem}.class-info .top .img[data-v-c5520244]{width:2.9375rem;height:2.9375rem;margin-right:.75rem;border-radius:.5rem}.class-info .top .nav_icon[data-v-c5520244]{margin-left:.3438rem;width:.375rem}.class-info .top .teacher_icon[data-v-c5520244]{margin-right:.4375rem;width:.6875rem}.class-info .top .number[data-v-c5520244]{color:#386cff}.class-info .card[data-v-c5520244]{margin-top:.625rem;background:#fff;box-shadow:0 .1875rem .5625rem 0 rgba(215,217,230,.2);border-radius:.5625rem;padding:1.125rem 1rem}.class-info .card .title[data-v-c5520244]{font-weight:600;font-size:.85rem}.class-info .card .progress[data-v-c5520244]{margin-top:.625rem}.class-info .card .detail-info span[data-v-c5520244]{font-size:.625rem;font-weight:400;color:#000}.class-info .card .detail-info .nav_icon[data-v-c5520244]{margin-left:.25rem;width:.25rem}.class-tools .title[data-v-c5520244]{padding:1rem;font-size:.9375rem;font-weight:700;color:#000}.class-tools .nav-item[data-v-c5520244]{width:25%}.class-tools .nav-item .nav-img[data-v-c5520244]{width:2.6875rem;height:2.6875rem}.class-tools .nav-item .text[data-v-c5520244]{margin-top:.3rem;font-size:.625rem;font-weight:400;color:#000}.class-tools .recode-list[data-v-c5520244]{margin-top:1.55rem;padding:0 1rem}.class-tools .recode-list .title[data-v-c5520244]{padding:0}.class-tools .recode-list .nav_text[data-v-c5520244]{font-size:.625rem;font-weight:400;color:#000}.class-tools .recode-list .nav_icon[data-v-c5520244]{width:.25rem;margin-left:.25rem}.class-tools .nav-lists[data-v-c5520244]{padding:.75rem}.class-tools .nav-list[data-v-c5520244]{color:#000;padding:.75rem;background:#f3f7ff;border-radius:.25rem}.class-tools .nav-list.status[data-v-c5520244]{background-color:#31cd9f;color:#fff}.class-tools .nav-list+.nav-list[data-v-c5520244]{margin-top:.5625rem}.class-tools .nav-list .icon[data-v-c5520244]{width:.875rem;height:.875rem;margin-right:.375rem}.class-tools .nav-list .text[data-v-c5520244],.class-tools .nav-list .time[data-v-c5520244]{font-size:.625rem;font-weight:400}.class-tools .navsi[data-v-c5520244]{padding:0 1rem}.class-tools .nav-item-i[data-v-c5520244]{box-sizing:border-box;padding:.75rem;background:linear-gradient(149deg,#63a3ff,#386cff);box-shadow:0 .1875rem .25rem 0 rgba(187,199,224,.6);border-radius:.5rem}.class-tools .nav-item-i.g[data-v-c5520244]{background:linear-gradient(-38deg,#31cdbc,#31cd85)}.class-tools .nav-item-i.g .desc[data-v-c5520244]{color:#bcfff4}.class-tools .nav-item-i .name[data-v-c5520244]{font-size:.9375rem;font-weight:700;color:#fff;margin-bottom:.4375rem}.class-tools .nav-item-i .desc[data-v-c5520244]{font-size:.625rem;font-weight:400;color:#8bbbff}.class-tools .nav-item-i .nav_img[data-v-c5520244]{margin-left:1.25rem;width:1.4rem}