.study-plan[data-v-493eeae8]{width:calc(100% + 8px)}.study-plan .planList[data-v-493eeae8]{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px}.study-plan .planList .plan[data-v-493eeae8]{width:calc(25% - 4.5px);height:283px}.study-plan .planList .plan .plan-top[data-v-493eeae8]{position:relative;height:120px;display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#565656,#272727)}.study-plan .planList .plan .plan-top img[data-v-493eeae8]{width:80px;height:80px}.study-plan .planList .plan .plan-top .label[data-v-493eeae8]{position:absolute;right:10px;top:10px;z-index:1;padding:4px 8px;background:rgba(0,0,0,.3);border-radius:24px}.study-plan .planList .plan .plan-top .plan-lock[data-v-493eeae8]{position:absolute;top:0;left:0;z-index:2;padding:0 20px;width:100%;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:4px;background:rgba(0,0,0,.7)}.study-plan .planList .plan .plan-top .plan-lock img[data-v-493eeae8]{width:32px;height:32px;margin-bottom:5px}.study-plan .planList .plan .plan-top .plan-lock .tip[data-v-493eeae8]{font-size:13px;color:#e6e6e6;text-align:center}.study-plan .planList .plan .plan-bottom[data-v-493eeae8]{padding:10px;height:163px;border-radius:0 0 4px 4px;background:#333}.study-plan .planList .plan .plan-bottom .name[data-v-493eeae8]{margin-bottom:10px;font-weight:700;font-size:14px;color:#e6e6e6;display:flex;align-items:center;justify-content:space-between}.study-plan .planList .plan .plan-bottom .name .right[data-v-493eeae8]{font-size:12px;color:#2a90dd;cursor:pointer}.study-plan .planList .plan .plan-bottom .name .right-grey[data-v-493eeae8]{font-size:12px;color:#828282}.study-plan .planList .plan .plan-bottom .desc[data-v-493eeae8]{height:32px;line-height:16px;margin-bottom:10px;font-size:12px;color:#828282}.study-plan .planList .plan .plan-bottom .plan-course[data-v-493eeae8]{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.study-plan .planList .plan .plan-bottom .plan-course .left[data-v-493eeae8]{display:flex;align-items:center;font-size:12px;color:#828282}.study-plan .planList .plan .plan-bottom .plan-course .left img[data-v-493eeae8]{width:11px;height:13px}.study-plan .planList .plan .plan-bottom .plan-course .right[data-v-493eeae8]{cursor:pointer;display:flex;align-items:center;font-size:12px;color:#828282}.study-plan .planList .plan .plan-bottom .plan-course .right img[data-v-493eeae8]{width:15px;height:15px}.study-plan .planList .plan .plan-bottom .plan-process[data-v-493eeae8]{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.study-plan .planList .plan .plan-bottom .plan-process .left[data-v-493eeae8]{font-size:12px;color:#e6e6e6}.study-plan .planList .plan .plan-bottom .plan-process .right[data-v-493eeae8]{font-size:12px;color:#2a90dd;cursor:pointer}.study-plan .planList .plan .plan-bottom .plan-process .right-grey[data-v-493eeae8]{font-size:12px;color:#828282}.study-plan .planList .plan .plan-bottom .progress[data-v-493eeae8]{display:flex;align-items:flex-end;margin-bottom:15px}.study-plan .planList .plan .plan-bottom .simple-progress-bar[data-v-493eeae8]{margin-right:6px;flex:1;height:6px;background:#242424;border-radius:3px;overflow:hidden}.study-plan .planList .plan .plan-bottom .simple-progress-bar .progress-fill[data-v-493eeae8]{height:100%;background:#5e81ac;border-radius:3px}