.all-courses[data-v-64966ef2]{height:100%;width:100%;padding:24px}#content[data-v-64966ef2]{height:100%;width:100%}#navigation-bar[data-v-64966ef2]{width:360px;height:100%;background:#fff;border-radius:4px;overflow-y:auto;float:left}.catalog-bar[data-v-64966ef2]{height:65px;cursor:pointer}.catalog-bar .catalog-bar-rectangle[data-v-64966ef2]{margin-left:20px;margin-top:23px;height:20px;width:6px;float:left}.catalog-bar .catalog-bar-title[data-v-64966ef2]{margin-top:20px;margin-left:12px;height:25px;width:93px;font-size:18px;border-radius:4px;line-height:25px;white-space:nowrap;float:left}.catalog-bar .catalog-bar-title-switch[data-v-64966ef2]{height:14px;width:14px;margin-top:26px;margin-right:24px;float:right}.class-item[data-v-64966ef2]{height:100px;display:flex;align-items:center}.class-item-selected-color[data-v-64966ef2]{background:#f4f4f4}.class-item .class-icon[data-v-64966ef2]{width:107px;height:68px;margin:0 20px 0 30px}.class-item .class-title[data-v-64966ef2]{width:168px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;line-height:22px}#courses-detail[data-v-64966ef2]{width:calc(100% - 360px);height:100%;float:left;position:relative;padding:24px 0 0 24px;overflow-y:auto}.empty-status[data-v-64966ef2]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.courses-detail-info[data-v-64966ef2]{align-items:center;display:flex;margin-bottom:16px}.courses-detail-info .circle-icon[data-v-64966ef2]{height:30px;width:30px}.courses-detail-info .courses-type[data-v-64966ef2]{height:25px;margin-left:10px;line-height:25px;font-size:18px}.card-box[data-v-64966ef2]{margin-bottom:16px;&:last-child{margin-bottom:0}}