.content-area[data-v-5d3568fe]{width:100%;margin-top:20px;background:#fff;flex-grow:1;display:flex;flex-direction:column;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden}.breadcrumb-nav[data-v-5d3568fe]{width:100%;display:flex;align-items:center;padding:12px 48px;height:80px;min-height:80px;background:linear-gradient(90deg,#ffc300,rgba(255,195,0,.53) 52.12%,rgba(255,235,59,.77) 69.31%,rgba(255,141,26,.7))}.breadcrumb-nav .breadcrumb-nav-item-left[data-v-5d3568fe]{color:#a6a6a6;font-size:20px}.breadcrumb-nav .breadcrumb-nav-item-left2[data-v-5d3568fe]{color:#fff;font-size:20px}.breadcrumb-nav .ant-breadcrumb-item[data-v-5d3568fe],.breadcrumb-nav .ant-breadcrumb-separator[data-v-5d3568fe]{font-size:14px;color:#6d4c41}.mod-course-details .ant-breadcrumb[data-v-5d3568fe]{margin:0 auto}.mod-course-details[data-v-5d3568fe]{height:100%;flex-grow:1;display:flex;overflow:hidden;background-color:#f7f8fa;padding:0 90px 0 40px;gap:41px}.mod-course-details .fixd-jcsd[data-v-5d3568fe]{display:flex;justify-content:space-between}.mod-course-details .pad-20[data-v-5d3568fe]{padding:20px;box-shadow:0 3px 12px rgba(114,152,157,.2196078431372549);margin-bottom:20px}.mod-course-details .mod-course-details-main .mod-course-header[data-v-5d3568fe]{padding:20px 20px 0;margin:20px 0 10px}.mod-course-details .mod-course-details-main .mod-course-header .mod-course-details-info[data-v-5d3568fe]{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.mod-course-details .mod-course-details-main .mod-course-header .mod-course-details-info .mod-course-details-info-flex-left[data-v-5d3568fe]{width:85%;display:flex;flex-direction:row;align-items:center}.mod-course-details .mod-course-details-main .mod-course-header .mod-course-details-info .mod-course-details-info-line[data-v-5d3568fe]{width:5px;height:27px;margin:0 10px 0 28px;border-radius:3px;background:#ffc300}.mod-course-details .mod-course-details-main .mod-course-header .mod-course-details-info .ant-btn[data-v-5d3568fe],.mod-course-details .mod-course-details-main .mod-course-header .mod-course-details-info[data-v-5d3568fe] .ant-tag{border-radius:20px}.mod-course-details .mod-course-details-main .mod-course-header .mod-course-details-info .mod-course-title.gray-font[data-v-5d3568fe]{max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:20px;font-weight:400;color:#000}.mod-course-details .mod-course-details-main .mod-course-header .mod-course-details-info .mod-course-title.black-font[data-v-5d3568fe]{font-size:20px;font-weight:400;color:#000}.mod-course-details .mod-course-details-main .mod-course-header .mod-course-details-info .mod-course-details-info-flex-right[data-v-5d3568fe]{flex:1;display:flex;align-items:center;justify-content:flex-end;font-size:16px;font-weight:400;color:#a6a6a6}.mod-course-details .mod-course-details-main .mod-course-header .mod-course-details-info .mod-course-buy[data-v-5d3568fe]{margin-top:30px}.mod-course-details .mod-course-details-main .mod-course-header .mod-course-details-info .mod-course-buy .ant-btn[data-v-5d3568fe]{box-shadow:0 0 7px 0 rgba(0,0,0,.2)}.mod-course-details .mod-course-details-main .mod-course-body[data-v-5d3568fe]{margin:0 0 20px 0}.mod-course-details .mod-course-details-main .mod-course-body .course-body-outline[data-v-5d3568fe]{height:95px;width:100%;white-space:nowrap;overflow-x:auto;transition:all .3s}.mod-course-details .mod-course-details-main .mod-course-body .course-body-outline>div[data-v-5d3568fe]{padding:0 20px;height:70px;line-height:70px;border-radius:4px;display:inline-block;text-align:center;margin-right:20px;-moz-user-select:none;-webkit-user-select:none;user-select:none}.mod-course-details .mod-course-details-main .mod-course-body .course-body-outline>div[data-v-5d3568fe] :hover{background:#1fc8db;border-radius:50%}.mod-course-details .mod-course-details-main .mod-course-body .course-body-outline[data-v-5d3568fe]::-webkit-scrollbar{height:auto}.mod-course-details .mod-course-details-main .mod-course-empty[data-v-5d3568fe]{height:300px;margin:20px 0 30px 0;padding-top:70px}.mod-course-tabs[data-v-5d3568fe]{position:relative}.mod-course-tabs .mod-course-content-top[data-v-5d3568fe]{box-shadow:0 3px 5px 0 #cfcfcf}.mod-course-tabs[data-v-5d3568fe] .ant-tabs-nav-container{font-size:20px}.mod-course-tabs[data-v-5d3568fe] .ant-tabs-bar{border-bottom:none}.mod-course-tabs .li-item-data[data-v-5d3568fe]{width:100%;display:flex;align-items:center;justify-content:space-between}.mod-course-tabs .li-item-data .play-circle[data-v-5d3568fe]{width:2%}.mod-course-tabs .li-item-data .live-title-sa[data-v-5d3568fe]{flex:1;display:flex;flex-direction:row;height:100%;align-items:center;padding-left:20px}.mod-course-tabs .li-item-data .fz-16[data-v-5d3568fe]{flex:1;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:500px;min-width:50%;vertical-align:top}.mod-course-tabs .li-item-data .timeformat-t[data-v-5d3568fe]{color:#a6a6a6;font-size:14px}.mod-course-tabs .li-item-data .errBtn-div[data-v-5d3568fe]{width:10%;display:flex;align-items:center;justify-self:center}.mod-course-tabs .li-item-data .errBtn-div .errBtn[data-v-5d3568fe]{width:70px;height:25px;display:flex;align-items:center;justify-content:center;border:1px solid #ffc300;color:#ffc300;cursor:pointer}.mod-course-tabs .complete[data-v-5d3568fe] .ant-btn-link,.mod-course-tabs .complete[data-v-5d3568fe] .anticon svg,.mod-course-tabs .complete span[data-v-5d3568fe]{color:#aaa}.mod-course-tabs .mod-course-directory[data-v-5d3568fe]{height:auto;background:#fff;position:relative}.mod-course-tabs .mod-course-directory[data-v-5d3568fe] .ant-spin-nested-loading{height:100%}.mod-course-tabs .mod-course-directory[data-v-5d3568fe] .ant-spin-nested-loading .ant-spin-container{display:flex;flex-direction:column}.mod-course-tabs .videoCourse-tab-page[data-v-5d3568fe]{height:100%;min-height:450px;max-height:450px;flex:1;overflow-y:auto;display:flex;flex-direction:column}.mod-course-tabs .directory-ul[data-v-5d3568fe]{width:95%;margin:0 auto;flex:1;overflow-y:auto;padding-bottom:20px}.mod-course-tabs ul.directory-ul li[data-v-5d3568fe]{box-shadow:0 1px 0 0 rgba(0,0,0,.06);line-height:73px;padding:0 20px}.mod-course-tabs ul.directory-ul li[data-v-5d3568fe]:hover{background-color:#faf5e4;color:#ffc300}.mod-course-tabs ul.directory-ul li .mod-history-index[data-v-5d3568fe]{width:70px;height:35px;line-height:35px;text-align:center;background:#000;color:#fff;position:relative;display:inline-block}.mod-course-tabs ul.directory-ul li .mod-history-index[data-v-5d3568fe]:after{content:"";width:0;height:0;border-left:7.5px solid #000;border-bottom:5px solid transparent;border-top:5px solid transparent;position:absolute;top:10px;right:-7.5px}.mod-course-tabs ul.directory-ul li i[data-v-5d3568fe]{font-size:18px}.mod-course-tabs ul.directory-ul li span[data-v-5d3568fe]{margin:0 8px 0 12px}.mod-course-tabs ul.directory-ul li[data-v-5d3568fe]:last-of-type{box-shadow:none}.mod-course-tabs .not-directory-box[data-v-5d3568fe]{padding:20px;margin-top:100px;height:300px}.mod-course-tabs[data-v-5d3568fe] .ant-tabs-nav{padding:0 20px}.mod-course-tabs .box-bx[data-v-5d3568fe]{background:#285bff;color:#fff;padding:2px 5px;border-radius:4px;margin-right:10px;display:inline-block;line-height:normal}.mod-course-tabs .box-bx span[data-v-5d3568fe]{margin:0!important;padding-right:3px}.mod-course-tabs .box-bx img[data-v-5d3568fe]{margin-left:6px}.mod-course-tabs .box-bxw[data-v-5d3568fe]{background:#999;color:#fff;padding:2px 5px;border-radius:4px;margin-right:10px;display:inline-block;line-height:normal}.mod-course-tabs .box-bxw span[data-v-5d3568fe]{margin:0!important}[data-v-5d3568fe] .ant-tabs-nav-wrap{padding:0 48px}[data-v-5d3568fe] .ant-tabs-nav .ant-tabs-tab-active{color:#ffc300}[data-v-5d3568fe] .ant-tabs-ink-bar{background-color:#ffc300}[data-v-5d3568fe] .ant-tabs-tab:hover{color:#ffc300}[data-v-5d3568fe] ::-webkit-scrollbar{width:10px!important}