.cell-flex-item{display:flex;flex-direction:column}.cell-box{margin-bottom:10px}.red-color{color:red}.box[data-v-5c7e27be]{padding:10px 20px;margin-bottom:6px;background:#292929;border:1px solid #474747;border-radius:4px}.planDetail[data-v-5c7e27be]{width:calc(100% + 8px)}.planDetail-skill .plan-top[data-v-5c7e27be]{display:flex;align-items:center;margin-bottom:10px;border-bottom:1px solid #333;flex-wrap:wrap;gap:10px 60px}.planDetail-skill .title[data-v-5c7e27be]{font-weight:700;font-size:14px}.planDetail-skill .tabList[data-v-5c7e27be]{margin-left:10px;display:flex;padding:10px 0}.planDetail-skill .tabList .tab-item[data-v-5c7e27be]{cursor:pointer;margin-right:5px;padding:2px 6px;font-size:12px;color:#c7c7c7;border-radius:3px;border:1px solid #444;background:#333}.planDetail-skill .tabList .tab-item[data-v-5c7e27be]:hover{border:1px solid #5f9cfd}.planDetail-skill .tabList .selected[data-v-5c7e27be]{background:#5f9cfd;border-radius:3px;color:#e6e6e6}.planDetail-skill .tabList .isNotPlan[data-v-5c7e27be]{color:#ccc}.planDetail-skill .top-1 .tip[data-v-5c7e27be],.planDetail-skill .top-1[data-v-5c7e27be]{display:flex;align-items:center}.planDetail-skill .top-1 .tip img[data-v-5c7e27be]{margin-left:2px;margin-top:4px;width:12px;height:12px}.planDetail-skill .bottom[data-v-5c7e27be]{display:flex;flex-wrap:wrap;gap:10px 60px}.planDetail-skill .bottom .plan-process[data-v-5c7e27be]{margin-bottom:5px;display:flex;align-items:center;font-size:12px;color:#e6e6e6}.planDetail-skill .bottom .progress[data-v-5c7e27be]{display:flex;align-items:flex-end}.planDetail-skill .bottom .simple-progress-bar[data-v-5c7e27be]{margin-right:6px;width:360px;height:6px;background:#161616;border-radius:3px;overflow:hidden}.planDetail-skill .bottom .simple-progress-bar .progress-fill[data-v-5c7e27be]{height:100%;background:#5e81ac;border-radius:3px}.planDetail-skill .bottom .course-cout[data-v-5c7e27be]{display:flex;align-items:center;font-size:12px;padding-top:12px;color:#fff}.planDetail-skill .bottom .course-cout img[data-v-5c7e27be]{margin-right:2px;width:15px;height:18px}.planDetail-skill .bottom .view-course[data-v-5c7e27be]{width:25%;padding:5px;background:#333;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between}.planDetail-skill .bottom .view-course .course-name[data-v-5c7e27be]{display:flex;align-items:center;justify-content:space-between}.planDetail-skill .bottom .view-course .course-name .left[data-v-5c7e27be]{display:flex}.planDetail-skill .bottom .view-course .course-name .left .coursename[data-v-5c7e27be]{font-size:12px;color:#e6e6e6;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical}.planDetail-skill .bottom .view-course .course-name .left .finish-icon[data-v-5c7e27be]{flex-shrink:0;width:20px;display:flex;align-items:center;color:#fff;font-size:11px!important}.planDetail-skill .bottom .view-course .course-name .left .finish-icon img[data-v-5c7e27be]{flex-shrink:0;width:14px;height:14px}.planDetail-skill .bottom .view-course .course-name .study[data-v-5c7e27be]{flex-shrink:0;width:60px;font-size:12px;color:#2a90dd;cursor:pointer}.planDetail-skill .bottom .view-course .course-operation[data-v-5c7e27be]{display:flex;align-items:center;justify-content:space-between}.planDetail-skill .bottom .view-course .course-operation .more[data-v-5c7e27be]{font-size:12px;cursor:pointer}.planDetail-content[data-v-5c7e27be]{margin-bottom:6px}.planDetail-content .plan-list[data-v-5c7e27be]{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px}.planDetail-content .plan-list .course-item[data-v-5c7e27be]{padding:10px;width:calc(25% - 4.5px);height:212px;background:#292929;border-radius:4px}.planDetail-content .plan-list .course-item .top[data-v-5c7e27be]{padding-bottom:10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333}.planDetail-content .plan-list .course-item .top .course-info[data-v-5c7e27be]{margin-right:5px;display:flex;align-items:center}.planDetail-content .plan-list .course-item .top .course-info .coursename[data-v-5c7e27be]{font-weight:700;font-size:14px;color:#e6e6e6;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical}.planDetail-content .plan-list .course-item .top .course-info .finish-coursename[data-v-5c7e27be]{color:#828282}.planDetail-content .plan-list .course-item .top .course-info .finish-icon[data-v-5c7e27be]{flex-shrink:0;width:20px;display:flex;align-items:center;color:#fff;font-size:11px!important}.planDetail-content .plan-list .course-item .top .course-info .finish-icon img[data-v-5c7e27be]{flex-shrink:0;width:16px;height:16px}.planDetail-content .plan-list .course-item .top .count[data-v-5c7e27be]{display:flex;align-items:center;flex-shrink:0;font-size:11px!important;color:#828282}.planDetail-content .plan-list .course-item .top .count img[data-v-5c7e27be]{flex-shrink:0;width:14px;height:14px;margin-right:2px}.planDetail-content .plan-list .course-item .middle[data-v-5c7e27be]{margin:10px 0;padding:10px;background:#333;border-radius:4px;height:115px}.planDetail-content .plan-list .course-item .middle .name[data-v-5c7e27be]{display:flex;align-items:center;margin:5px 0 10px;font-weight:700;font-size:12px;color:#e6e6e6}.planDetail-content .plan-list .course-item .middle .name img[data-v-5c7e27be]{flex-shrink:0;margin-right:2px;width:12px;height:12px}.planDetail-content .plan-list .course-item .middle .finish-name[data-v-5c7e27be]{color:#828282}.planDetail-content .plan-list .course-item .middle .label[data-v-5c7e27be]{display:flex;align-items:center;margin:5px 0;font-size:13px;color:#c1c1c1}.planDetail-content .plan-list .course-item .middle .label img[data-v-5c7e27be]{flex-shrink:0;margin-right:2px;width:9px;height:9px}.planDetail-content .plan-list .course-item .bottom[data-v-5c7e27be]{display:flex;align-items:center;overflow:hidden}.planDetail-content .plan-list .course-item .bottom img[data-v-5c7e27be]{margin-right:2px;width:14px;height:14px}.planDetail-content .plan-list .course-item .bottom .gray-btn[data-v-5c7e27be]{background:#454545;border:none}.planDetail-content .plan-list .course-item .bottom .btn[data-v-5c7e27be]{display:flex;align-items:center;font-size:12px;color:#e6e6e6}