.page-container[data-v-504fc120]{flex-direction:row;gap:0;min-width:0;background-color:#f7f7f7}.page-detail[data-v-504fc120]{width:calc(80% - 10px)}.header-title[data-v-504fc120]{font-size:24px;font-weight:600;padding:5px 0 15px}.detail-footer[data-v-504fc120]{margin-top:0!important}.detail-header[data-v-504fc120]{flex:1;margin-bottom:0!important;padding-bottom:0!important}.video[data-v-504fc120]{min-height:0;flex:1;background:#fff;border-radius:4px;display:flex;justify-content:center;padding:10px 20px}.video video[data-v-504fc120]{width:100%;height:100%}.course-list[data-v-504fc120]{text-align:left;margin:0;padding:0}.course-list li[data-v-504fc120]{display:flex;align-items:center;background:#fff;padding:5px;border-radius:10px;margin-bottom:10px;cursor:pointer}.course-list .name[data-v-504fc120]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:5px}.course-list .active[data-v-504fc120]{color:#5d91e9}.train-menu[data-v-504fc120]{background:#fff;width:20%;padding:10px;flex:1;border-right:1px solid #e5e5e5}.tag[data-v-504fc120]{font-size:14px;padding:5px;border-radius:5px;background:#d3d3d3;color:#333;text-align:center}.tag.complete[data-v-504fc120]{background:#9acd32}.tag.watching[data-v-504fc120]{background:orange}