.subject[data-v-4ab74692]{width:100%;min-width:318px;height:290px;background:var(--bg-module);border-radius:4px 4px 4px 4px;border:1px solid var(--divider-color-module);position:relative;margin-bottom:25px;cursor:pointer}.subject .menban[data-v-4ab74692]{width:100%;min-width:318px;height:305px;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.25);z-index:99}.subject .selected[data-v-4ab74692]{width:20px;height:20px;top:14px;left:14px;border:1px solid #fff;border-radius:2px;position:absolute;z-index:100}.subject .tick[data-v-4ab74692]{border:1px solid var(--primary-color)}.subject .tick[data-v-4ab74692]:after{content:" ";position:absolute;display:inline-block;width:12px;height:6px;border-width:0 0 2px 2px;overflow:hidden;border-color:var(--primary-color);border-style:solid;transform:rotate(-50deg);left:3px;top:4px}.subject .image[data-v-4ab74692]{width:100%;height:177.75px;-o-object-fit:cover;object-fit:cover}.subject .see-icon[data-v-4ab74692]{position:absolute;width:100%;height:35px;bottom:110px;text-align:right;padding:0 20px 0 0;background:linear-gradient(180deg,transparent,#000);opacity:.5}.subject .subject-name[data-v-4ab74692]{padding:16px}.subject .subject-name .coursesName[data-v-4ab74692]{font-size:calc(var(--font-size-base) + 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;max-width:318px}.subject .subject-name .videoItem-name[data-v-4ab74692]{white-space:nowrap;font-size:calc(var(--font-size-base) + 1px);overflow:hidden;text-overflow:ellipsis;max-width:318px}.subject .sub-contend[data-v-4ab74692]{display:flex;justify-content:space-between;padding:10px 16px;color:var(--bg-module)}.subject .sub-contend .category-style[data-v-4ab74692]{background:var(--bg-tip);border-radius:2px 2px 2px 2px;opacity:1;border:1px solid var(--primary-color);font-weight:400;color:var(--primary-color);font-size:var(--font-size-base);padding:0 5px}.subject .sub-contend .time-style[data-v-4ab74692]{font-weight:400;color:var(--text-color-secondary);display:flex;margin-top:auto}.subject .sub-contend .time-style .font[data-v-4ab74692]{font-size:var(--font-size-small)}.video-player-contain[data-v-baef68f2]{height:100%}.video-player-contain .back[data-v-baef68f2]{margin-right:10px;font-size:var(--font-size-base);cursor:pointer;display:flex;height:24px}.video-player-contain .back .line[data-v-baef68f2]{height:16px;width:1px;margin:4px 12px;background:var(--border-color-com)}.video-player-contain .back i[data-v-baef68f2]{margin-top:4px}.video-player-contain .back-title[data-v-baef68f2]{color:var(--text-color-secondary)}.video-player-contain .back-subName[data-v-baef68f2]{color:var(--text-color-main);margin-left:5px}.video-player-contain .scoll-contain[data-v-baef68f2]{overflow-y:auto;height:calc(100% - 30px);padding:24px 0 0 0;overflow-x:hidden}.video-player-contain .contain[data-v-baef68f2]{display:flex;justify-content:space-between;padding:0 23px;height:100%;min-height:673px}.video-player-contain .contain .left[data-v-baef68f2]{width:71%;min-width:750px;display:flex;flex-direction:column}.video-player-contain .contain .left .videos-player[data-v-baef68f2]{min-width:750px;border:1px solid var(--bg-content)}.video-player-contain .contain .left .player[data-v-baef68f2] .vjs-custom-skin>.video-js{height:100%}.video-player-contain .contain .left .player[data-v-baef68f2] .vjs-poster{background-size:cover}.video-player-contain .contain .left .player[data-v-baef68f2] .video-js .vjs-volume-panel{display:flex;order:6}.video-player-contain .contain .left .player[data-v-baef68f2] .video-js .vjs-big-play-button{background-color:rgba(0,0,0,.45);border-radius:50%!important;height:50px!important;width:50px!important;line-height:47px!important}.video-player-contain .contain .left .player .vjs-custom-skin>.video-js .vjs-big-play-button[data-v-baef68f2]:active,.video-player-contain .contain .left .player .vjs-custom-skin>.video-js .vjs-big-play-button[data-v-baef68f2]:focus,.video-player-contain .contain .left .player[data-v-baef68f2] .video-js:hover .vjs-big-play-button{background-color:rgba(0,0,0,.45)}.video-player-contain .contain .left .subject-detail[data-v-baef68f2]{height:7%}.video-player-contain .contain .left .tab[data-v-baef68f2]{padding-top:7px;display:flex;list-style:none;border-bottom:1px solid var(--divider-color-module);line-height:36px;font-size:16px;color:var(--text-color-main);margin-bottom:0;justify-content:space-between}.video-player-contain .contain .left .tab .icon-span[data-v-baef68f2]{font-size:var(--font-size-base);color:var(--text-color-main);display:flex}.video-player-contain .contain .left .tab .icon-span .num-style[data-v-baef68f2]{min-width:15px;text-align:right}.video-player-contain .contain .left .tab .icon-span .icon_color[data-v-baef68f2]{color:var(--primary-color);font-size:18px}.video-player-contain .contain .left .tab .icon-span .icon_font[data-v-baef68f2]{font-size:18px}.video-player-contain .contain .left .tab .icon-span i[data-v-baef68f2]{margin-right:5px;cursor:pointer}.video-player-contain .contain .left .tab-item[data-v-baef68f2]{padding:0 9px;margin-right:25px;cursor:pointer;position:relative;transition:all .3s}.video-player-contain .contain .left .tab-item[data-v-baef68f2]:after{content:"";height:2px;background-color:var(--primary-color);position:absolute;left:50%;bottom:0;width:0;transition:all .3s}.video-player-contain .contain .left .tab-item.active[data-v-baef68f2]{color:var(--primary-color)}.video-player-contain .contain .left .tab-item.active[data-v-baef68f2]:after{left:0;width:100%}.video-player-contain .contain .unit[data-v-baef68f2]{width:27%;border:1px solid var(--divider-color-module);padding:24px;min-width:300px;min-height:605px;margin-left:20px;overflow-y:auto}.video-player-contain .contain .unit .tab[data-v-baef68f2]{font-weight:600;color:var(--text-color-main);font-size:var(--font-size-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.video-player-contain .contain .unit .tab span[data-v-baef68f2]{color:var(--text-color-secondary);font-size:var(--font-size-base);margin-left:5px;font-weight:500}.video-player-contain .contain .unit .unit-contain[data-v-baef68f2]{margin-top:5px}.video-player-contain .contain .unit .unit-contain-text[data-v-baef68f2]{display:flex;justify-content:space-between}.video-player-contain .contain .unit .unit-contain-text-count[data-v-baef68f2]{width:31px;line-height:20px}.video-player-contain .contain .unit .unit-contain-text-count .player[data-v-baef68f2]{font-size:18px;color:var(--primary-color)}.video-player-contain .contain .unit .unit-contain-text-title[data-v-baef68f2]{flex-grow:8;line-height:20px;font-size:var(--font-size-base);text-align:left;font-weight:400;color:var(--text-color-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-player-contain .contain .unit .unit-contain-text-progress[data-v-baef68f2]{font-size:calc(var(--font-size-small) - 2px);color:var(--text-color-secondary);text-align:right;min-width:70px}.video-player-contain .contain .unit .unit-contain-text-time[data-v-baef68f2]{font-size:var(--font-size-base);text-align:right;line-height:18px;font-weight:400;color:var(--text-color-main);min-width:84px}.video-player-contain .contain .unit .unit-contain-detail[data-v-baef68f2]{color:#8c8c8c;font-size:var(--font-size-small);padding-left:31px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-player-contain .detail[data-v-baef68f2]{font-size:var(--font-size-base);margin-top:8px;font-family:PingFang SC-Medium,PingFang SC;color:var(--text-color-main)}.video-player-contain .detail div[data-v-baef68f2]:first-child{font-weight:600}.video-player-contain .detail div[data-v-baef68f2]:nth-child{font-weight:400;margin-top:8px}.min-width[data-v-6ab09cde]{min-width:1688px}.video-subject[data-v-6ab09cde]{padding:24px;height:100%;position:relative}.video-subject .sub-contend[data-v-6ab09cde]{display:flex;flex-wrap:wrap;height:calc(100% - 135px);overflow-y:auto;overflow-x:hidden;align-content:flex-start}.video-subject .sub-contend i[data-v-6ab09cde]{width:392px;margin-right:10px}.video-subject .no-data-div[data-v-6ab09cde]{width:100%;height:calc(100% - 135px);display:flex;flex-direction:column;justify-content:center;align-items:center}.video-subject .no-data-div .no-data-img[data-v-6ab09cde]{width:130px}.video-subject .no-data-div .no-data-text[data-v-6ab09cde]{color:var(--text-color-secondary)}.video-subject .filter-row[data-v-6ab09cde]{height:32px;background-color:var(--bg-module);display:flex;justify-content:space-between;align-items:center}.video-subject .filter-row .filter-item[data-v-6ab09cde]{display:flex;align-items:center;margin-right:24px}.video-subject .filter-row .filter-item .line[data-v-6ab09cde]{height:15px;width:1px;margin:0 12px;background:var(--border-color-com)}.video-subject .filter-row .filter-item span[data-v-6ab09cde]{font-size:var(--font-size-base);cursor:pointer}.video-subject .filter-row .filter-item .iconstyle[data-v-6ab09cde]{margin-right:5px;font-size:14px;cursor:pointer}.video-subject .filter-row .filter-item .label[data-v-6ab09cde]{margin-left:20px;margin-right:10px}.video-subject .filter-row .filter-item .ant-input[data-v-6ab09cde]{width:200px}.video-subject .filter-row .filter-item .add-btn[data-v-6ab09cde]{color:var(--primary-color)}.video-subject .filter-btn[data-v-6ab09cde]{display:flex;margin-top:16px;color:var(--text-color-main);height:auto}.video-subject .filter-btn div[data-v-6ab09cde]:first-child{font-size:var(--font-size-base);line-height:28px;margin-right:5px}.video-subject .filter-btn .index-btn-style[data-v-6ab09cde]{margin-bottom:15px;font-size:var(--font-size-base)}.video-subject .filter-btn .index-btn-style[data-v-6ab09cde] .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){-webkit-box-shadow:none;color:var(--primary-color)!important}.video-subject .filter-btn .index-btn-style[data-v-6ab09cde] .ant-radio-button-wrapper{color:var(--text-color-main)}.video-subject .filter-btn .index-btn-style[data-v-6ab09cde] .ant-radio-button-wrapper:hover{color:#f5222d}.video-subject .filter-btn .index-btn-style .filter-radio[data-v-6ab09cde]{height:28px;line-height:25px!important;margin-bottom:8px;margin-right:8px;color:var(--text-color-main)}.video-subject .pagination[data-v-6ab09cde]{position:absolute;right:24px;bottom:24px}.historic-records[data-v-5f8f24f5]{padding:24px;height:100%;overflow:auto}.historic-records .timeline[data-v-5f8f24f5]{margin-left:78px}.historic-records .timeline .date[data-v-5f8f24f5]{text-align:right;font-size:calc(var(--font-size-base) + 4px);font-weight:600;width:60px;border-left:1px solid var(--divider-color-module);position:relative;height:50px}.historic-records .timeline .date .event-dot[data-v-5f8f24f5]{background-color:var(--primary-color);width:8px;height:8px;border-radius:50%;position:absolute;left:-4px;top:50%}.historic-records .timeline .date div[data-v-5f8f24f5]{width:70px;position:absolute;text-align:right;left:-80px;line-height:55px}.historic-records .timeline .timeline-item[data-v-5f8f24f5]{cursor:pointer;display:flex;border-left:1px solid var(--divider-color-module);padding:12px 50px;position:relative}.historic-records .timeline .timeline-item .position[data-v-5f8f24f5]{display:flex;flex-direction:column;justify-content:space-around}.historic-records .timeline .timeline-item .timedata[data-v-5f8f24f5]{white-space:nowrap}.historic-records .timeline .timeline-item .event-dot[data-v-5f8f24f5]{background-color:var(--primary-color);width:6px;height:6px;border-radius:50%;position:absolute;left:-4px;top:49%}.historic-records .timeline .timeline-item .cover[data-v-5f8f24f5]{position:relative}.historic-records .timeline .timeline-item .cover .image[data-v-5f8f24f5]{width:208px;height:117px;margin-left:12px}.historic-records .timeline .timeline-item .message[data-v-5f8f24f5]{margin-left:28px;display:flex;flex-direction:row;width:calc(100% - 345px);justify-content:space-between;border-bottom:1px solid var(--divider-color-module);padding-bottom:12px;min-width:500px}.historic-records .timeline .timeline-item .message .left[data-v-5f8f24f5]{display:flex;flex-direction:column;justify-content:space-between}.historic-records .timeline .timeline-item .message .left div[data-v-5f8f24f5]:first-child{font-size:calc(var(--font-size-base) + 4px);font-weight:600}.historic-records .timeline .timeline-item .message .left div[data-v-5f8f24f5]:nth-child(2){background:var(--bg-tip);border-radius:2px 2px 2px 2px;opacity:1;border:1px solid var(--primary-color);font-weight:400;color:var(--primary-color);font-size:var(--font-size-base);margin-top:8px;padding:0 5px;width:-moz-fit-content;width:fit-content}.historic-records .timeline .timeline-item .message .right[data-v-5f8f24f5]{display:flex;flex-direction:column;justify-content:space-between}.historic-records .timeline .timeline-item .message .right .seen[data-v-5f8f24f5]{color:var(--text-color-main);font-size:var(--font-size-base)}.historic-records .timeline .timeline-item .message .right .see-icon[data-v-5f8f24f5]{text-align:right}.historic-records .no-data-div[data-v-5f8f24f5]{width:100%;height:calc(100% - 40px);display:flex;flex-direction:column;justify-content:center;align-items:center}.historic-records .no-data-div .no-data-img[data-v-5f8f24f5]{width:130px}.historic-records .no-data-div .no-data-text[data-v-5f8f24f5]{color:var(--divider-color-module)}.min-width[data-v-0c4309fc]{min-width:1688px}.my-collection[data-v-0c4309fc]{padding:24px;height:100%}.my-collection .sub-contend[data-v-0c4309fc]{display:flex;flex-wrap:wrap;height:calc(100% - 40px);max-height:calc(100% - 40px);overflow:auto;align-content:flex-start}.my-collection .sub-contend i[data-v-0c4309fc]{width:392px;margin-right:10px}.my-collection .no-data-div[data-v-0c4309fc]{width:100%;height:calc(100% - 40px);display:flex;flex-direction:column;justify-content:center;align-items:center}.my-collection .no-data-div .no-data-img[data-v-0c4309fc]{width:130px}.my-collection .no-data-div .no-data-text[data-v-0c4309fc]{color:#7d8d96}.my-collection .footer[data-v-0c4309fc]{margin-top:10px;display:flex;justify-content:space-between}[data-v-1355f543]:root{--primary-color:#f5222d;--body-min-width:1336px;--font-size-base:16px;--font-size-small:calc(var(--font-size-base) - 2px);--font-size-lg:calc(var(--font-size-base) + 2px);--border-radius-base:2px}.ant-btn[data-v-1355f543],.ant-calendar-range .ant-calendar-input[data-v-1355f543],.ant-calendar .ant-calendar-ok-btn[data-v-1355f543],.ant-dropdown-menu-item[data-v-1355f543],.ant-empty-description[data-v-1355f543],.ant-form-explain[data-v-1355f543],.ant-form-item-label label[data-v-1355f543],.ant-input[data-v-1355f543],.ant-menu-item[data-v-1355f543],.ant-select-dropdown-menu-item[data-v-1355f543],.ant-time-picker-input[data-v-1355f543],.ant-time-picker-panel-select[data-v-1355f543],.el-input__inner[data-v-1355f543],a[data-v-1355f543],div[data-v-1355f543],p[data-v-1355f543],span[data-v-1355f543]{font-size:var(--font-size-base)}.ant-cascader-picker-label[data-v-1355f543],.ant-select[data-v-1355f543]{color:var(--text-color-title)!important}.ant-calendar-range-quick-selector .ant-tag[data-v-1355f543]{font-size:var(--font-size-small)}.ant-calendar [data-v-1355f543],.ant-modal-title[data-v-1355f543],.header-tab a[data-v-1355f543],.header-tab div[data-v-1355f543]{font-size:var(--font-size-lg)}.ant-badge-count .ant-scroll-number-only-unit[data-v-1355f543]{font-size:12px}.ant-badge-count[data-v-1355f543]{height:14px;line-height:14px;color:#fff!important;box-shadow:none!important}.picker-style .ant-calendar-month .ant-calendar-month-panel[data-v-1355f543],.picker-style .ant-calendar-month .ant-calendar-year-panel[data-v-1355f543],.picker-style[data-v-1355f543] .ant-calendar-month-panel{background:#01144a!important}.picker-style .ant-calendar-input[data-v-1355f543]{color:#aff8f8;background:#01144a!important}.picker-style .ant-calendar-header[data-v-1355f543],.picker-style .ant-calendar-input-wrap[data-v-1355f543],.picker-style .ant-calendar-month-panel-header[data-v-1355f543]{border-bottom:1px solid #314069}.picker-style .ant-calendar-footer[data-v-1355f543]{border-top:1px solid #314069}.picker-style .ant-calendar-month-panel[data-v-1355f543],.picker-style .ant-calendar-year-panel[data-v-1355f543],.picker-style .ant-calendar[data-v-1355f543]{background:#01144a!important;border:1px solid #314069!important}.ant-table-header[data-v-1355f543]{background-color:var(--bg-table-title)!important}.ant-table-body[data-v-1355f543]{background-color:var(--bg-table-body)!important}.ant-table-thead[data-v-1355f543]{background-color:var(--bg-table-title)!important}.ant-table-header .ant-table-column-has-actions.ant-table-column-has-sorters[data-v-1355f543]:hover,.ant-table-thead>tr>th.ant-table-column-has-actions.ant-table-column-has-sorters[data-v-1355f543]:hover{background-color:transparent!important}.ant-calendar-range-picker-input[data-v-1355f543],.ant-cascader-picker-disabled[data-v-1355f543],.ant-checkbox-disabled+span[data-v-1355f543],.ant-input-number-input[disabled][data-v-1355f543],.ant-input[disabled][data-v-1355f543],.ant-radio-disabled+span[data-v-1355f543],.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice[data-v-1355f543],.ant-select-disabled[data-v-1355f543],.ant-time-picker-input[disabled][data-v-1355f543]{color:var(--text-color-title)!important}.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected[data-v-1355f543]{background-color:var(--bg-tip)!important}.ant-radio-disabled .ant-radio-inner[data-v-1355f543]:after{background-color:var(--text-color-disabled)!important}.ant-table-fixed-left table[data-v-1355f543],.ant-table-fixed-right table[data-v-1355f543]{background-color:var(--bg-table-body)!important}.ant-transfer-list-content>.LazyLoad[data-v-1355f543]{animation:all 0s}.ant-table-fixed-right[data-v-1355f543]{box-shadow:-6px 0 6px -4px var(--box-shadow-color)}.ant-table-fixed-left[data-v-1355f543]{box-shadow:6px 0 6px -4px var(--box-shadow-color)}.ant-btn-dashed[data-v-1355f543]{border-color:var(--border-color-dashed)!important}.ant-table-row-expand-icon-cell a[data-v-1355f543]{color:var(--icon-table-expand)!important}.ant-select-tree-node-selected[data-v-1355f543]{background-color:var(--primary-color-2)!important;color:#fff!important}.ant-calendar-today .ant-calendar-date[data-v-1355f543]{color:var(--primary-color);border-color:var(--primary-color)}.ant-cascader-picker[data-v-1355f543]{color:var(--text-color-title)}.ant-calendar:not(.ant-calendar-range) .ant-calendar-selected-day .ant-calendar-date[data-v-1355f543]{background-color:var(--primary-color)!important;color:var(--bg-main)!important}.ant-empty .ant-empty-image img[data-v-1355f543]{height:45px}.ant-empty .ant-empty-description span[data-v-1355f543]{color:var(--text-color-secondary)}.ant-empty .ant-empty-image[data-v-1355f543]{height:54px!important;margin-top:15px}@media (max-width:767px){.ant-modal[data-v-1355f543]{max-width:none}}[data-v-1355f543]::-webkit-scrollbar{background-color:var(--bg-scrollbar)}[data-v-1355f543]::-webkit-scrollbar-corner,[data-v-1355f543]::-webkit-scrollbar-thumb{background-color:var(--bg-scrollbar-thumb)}.small-scroll-bar[data-v-1355f543]::-webkit-scrollbar{width:3px}.small-scroll-bar[data-v-1355f543]::-webkit-scrollbar-corner{background-color:var(--bg-scrollbar-thumb)}.small-scroll-bar[data-v-1355f543]::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--bg-scrollbar-thumb)}.learning-platform-index .tab[data-v-1355f543]{height:54px;display:flex;padding:14px 22px 0;background-color:var(--bg-module);min-width:800px}.learning-platform-index .tab .tab-item[data-v-1355f543]{font-size:16px;color:var(--text-color-main);text-align:center;padding:0 8px;position:relative;left:-8px;margin-right:36px;cursor:pointer}.learning-platform-index .tab .tab-item[data-v-1355f543]:last-child{margin-right:0}.learning-platform-index .tab .tab-item-selected[data-v-1355f543]{color:var(--primary-color);border-bottom:2px solid var(--primary-color);font-weight:500}.learning-platform-index .content[data-v-1355f543]{margin:16px 16px;height:calc(100vh - 140px);overflow-x:auto;overflow-y:hidden;background-color:var(--bg-module)}