.pa[data-v-23921c46]{position:absolute}.pr[data-v-23921c46]{position:relative}.subject-box[data-v-23921c46]{position:relative;width:100%;min-height:120px}.subject-box .loding-box[data-v-23921c46]{background:hsla(0,0%,100%,.5529411764705883);position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.subject-box .subject-list[data-v-23921c46]{margin-top:16px;width:100%;display:flex;flex-wrap:wrap}.subject-box .subject-list>li[data-v-23921c46]{width:19%;height:120px;padding:20px 24px;background:#fff;position:relative;margin:0 1.25% 10px 0;border-radius:10px;transition:.3s;cursor:pointer}.subject-box .subject-list>li[data-v-23921c46]:nth-child(5n){margin-right:0}.subject-box .subject-list>li .top-info[data-v-23921c46]{display:flex;align-items:center}.subject-box .subject-list>li .top-info>span[data-v-23921c46]{height:18px;line-height:18px;font-size:18px;color:#000;font-weight:600;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.subject-box .subject-list>li .top-info>.icons[data-v-23921c46]{flex-shrink:0;width:24px;height:24px;margin-left:auto;background:#e9f3fe;border-radius:6px;padding:4px}.subject-box .subject-list>li .top-info>.icons>img[data-v-23921c46]{width:100%;height:100%}.subject-box .subject-list>li .schedule-label[data-v-23921c46]{margin-top:16px;display:flex;align-items:center}.subject-box .subject-list>li .schedule-label>.labels[data-v-23921c46]{font-size:14px;color:rgba(0,0,0,.6);font-weight:400}.subject-box .subject-list>li .schedule-label>.values[data-v-23921c46]{font-size:14px;color:rgba(0,0,0,.9);font-weight:800;margin-left:auto}.subject-box .subject-list>li .schedule-value[data-v-23921c46]{width:100%;height:10px;background:#f3f3f3;border-radius:5px;margin-top:7px;overflow:hidden}.subject-box .subject-list>li .schedule-value>.value-length[data-v-23921c46]{width:50%;height:10px;background:#00e2de;border-radius:5px}.subject-box .subject-list .active[data-v-23921c46]{background:#2d8cf0;transition:.3s}.subject-box .subject-list .active .top-info>span[data-v-23921c46]{color:#fff}.subject-box .subject-list .active .schedule-label>.labels[data-v-23921c46]{color:hsla(0,0%,100%,.8)}.subject-box .subject-list .active .schedule-label>.values[data-v-23921c46]{color:#fff}