.header-wrap[data-v-1cfa4e68]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 20px;height:52px;background:#fff;-webkit-box-shadow:0 0 1px rgba(40,41,61,.04),0 2px 4px rgba(96,97,112,.16);box-shadow:0 0 1px rgba(40,41,61,.04),0 2px 4px rgba(96,97,112,.16);position:relative}.header-wrap .lesson-info[data-v-1cfa4e68]{font-family:Microsoft YaHei UI;font-style:normal;font-weight:400;font-size:14px;line-height:22px;letter-spacing:.04em;color:#303858}.header-wrap .right[data-v-1cfa4e68]{color:#98a2b2}.footer-wrap[data-v-26950f6c]{width:100%;height:auto;background:#fff}.footer-wrap .title[data-v-26950f6c]{height:44px;background:#f5f7f9;font-family:Microsoft YaHei UI;font-weight:700;font-size:14px;line-height:44px;letter-spacing:.06em;color:#70788c;padding:0 20px}.footer-wrap .empty[data-v-26950f6c]{height:102px;line-height:102px;width:100%;text-align:center;font-size:14px;letter-spacing:.04em;color:#505873}.footer-wrap .flex-start[data-v-26950f6c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer-wrap .flex-center[data-v-26950f6c]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:scroll;overflow:overlay!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer-wrap .card-list[data-v-26950f6c]{padding:0;width:100%;margin:0;padding:12px 20px 0 20px}.footer-wrap .card-list .card[data-v-26950f6c]{width:169px;height:78px;padding:12px 16px;border:1px solid #ebedf0;border-radius:12px;margin-right:12px;margin-bottom:12px}.footer-wrap .card-list .card .course-name[data-v-26950f6c]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Microsoft YaHei UI;font-style:normal;font-weight:400;font-size:14px;letter-spacing:.04em;color:#505873;margin-bottom:4px}.footer-wrap .card-list .card .progress-wrap[data-v-26950f6c]{position:relative}.footer-wrap .card-list .card .progress-wrap .progress[data-v-26950f6c]{border-radius:8px;height:28px;background-color:#dfe2e6}.footer-wrap .card-list .card .progress-wrap .des[data-v-26950f6c]{position:absolute;top:4px;left:4px;font-family:Microsoft YaHei UI;font-weight:400;font-size:12px;line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:.04em;color:#303858}[data-v-14a3ffa0] .diy-tip-style{top:200px!important}[data-v-14a3ffa0] .diy-tip-style .ant-tooltip-content{border-radius:8px;background-color:#3262fd!important}[data-v-14a3ffa0] .diy-tip-style .ant-tooltip-content .title{font-family:Microsoft YaHei UI;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.04em;color:#fff}[data-v-14a3ffa0] .diy-tip-style .ant-tooltip-content .txt{font-family:Microsoft YaHei UI;font-weight:400;font-size:12px;line-height:20px;letter-spacing:.04em;color:#fff;margin:8px 0 18px 0}[data-v-14a3ffa0] .diy-tip-style .ant-tooltip-content .close-tip{font-family:Microsoft YaHei UI;color:#fff;font-size:12px;text-align:right}[data-v-14a3ffa0] .diy-tip-style .ant-tooltip-content .close-tip span{cursor:pointer}[data-v-14a3ffa0] .diy-tip-style .ant-tooltip-content .ant-tooltip-inner{color:#333!important;background-color:#3262fd!important}[data-v-14a3ffa0] .diy-tip-style .ant-tooltip-content .ant-tooltip-arrow{top:40px}[data-v-14a3ffa0] .diy-tip-style .ant-tooltip-content .ant-tooltip-arrow:before{background-color:#3262fd}.video-wrap[data-v-14a3ffa0]{padding:20px;height:100%;-webkit-box-shadow:inset 1px 0 0 #ebedf0;box-shadow:inset 1px 0 0 #ebedf0;background:#fff}.video-wrap .play-wrap[data-v-14a3ffa0]{height:auto;position:absolute;top:52px;right:288px;background:#fff;border:1px solid #ebedf0;-webkit-box-shadow:0 2px 4px rgba(40,41,61,.04),0 8px 16px rgba(96,97,112,.16);box-shadow:0 2px 4px rgba(40,41,61,.04),0 8px 16px rgba(96,97,112,.16);border-radius:12px}.video-wrap .play-wrap .title[data-v-14a3ffa0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 24px;font-family:Microsoft YaHei UI;font-weight:700;font-size:16px;line-height:22px;letter-spacing:.05em;color:#505873;-webkit-box-shadow:inset 0 -1px 0 #ebedf0;box-shadow:inset 0 -1px 0 #ebedf0}.video-wrap .play-wrap .close-icon[data-v-14a3ffa0]{color:#98a2b2;font-size:18px;cursor:pointer}.video-wrap .play-wrap .video-container[data-v-14a3ffa0]{width:calc(100% - 48px);padding:24px;height:calc(100% - 98px);background:#fff}.video-wrap .btn-group[data-v-14a3ffa0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.video-wrap .group-table-wrap[data-v-14a3ffa0]{margin-top:8px;height:100%;overflow-y:scroll;padding-bottom:40px;background:#fff}.video-wrap .group-table-wrap[data-v-14a3ffa0]::-webkit-scrollbar{width:6px;height:6px;background-color:#242731}.video-wrap .group-table-wrap[data-v-14a3ffa0]::-webkit-scrollbar-thumb{width:6px;height:6px;opacity:.8;border-radius:3px;background:#c7c7c7}.video-wrap .group-table-wrap[data-v-14a3ffa0]::-webkit-scrollbar-button,.video-wrap .group-table-wrap[data-v-14a3ffa0]::-webkit-scrollbar-track{background:#fff}.video-wrap .group-table-wrap[data-v-14a3ffa0]::-webkit-scrollbar-corner{background:#fff}.video-wrap .group-table-wrap[data-v-14a3ffa0] .ant-collapse-header{background:#fff;-webkit-box-shadow:inset 0 -1px 0 #dbdee2;box-shadow:inset 0 -1px 0 #dbdee2;padding-right:0;padding-left:20px;margin-bottom:8px}.video-wrap .group-table-wrap .collapse-header[data-v-14a3ffa0]{background:#fff}.video-wrap .group-table-wrap .collapse-header .title[data-v-14a3ffa0]{font-family:Microsoft YaHei UI;font-style:normal;font-weight:700;font-size:14px;line-height:22px;letter-spacing:.06em;color:#505873}.video-wrap .group-table-wrap .collapse-header .num[data-v-14a3ffa0]{float:right;font-family:Microsoft YaHei UI;font-style:normal;font-weight:400;font-size:14px;line-height:22px;letter-spacing:.04em;color:#98a2b2}.video-wrap .group-table-wrap .card-wrap[data-v-14a3ffa0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.video-wrap .group-table-wrap .card-box[data-v-14a3ffa0]{width:200px;height:140px;background:#fff;border:1px solid #ebedf0;border-radius:12px;overflow:hidden;margin-top:8px;margin-left:6px}.video-wrap .group-table-wrap .card-box .thumbnail[data-v-14a3ffa0]{width:100%;height:107px}.video-wrap .group-table-wrap .card-box .title[data-v-14a3ffa0]{height:33px;line-height:33px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px}.video-wrap .group-table-wrap .card-box .title .course-name[data-v-14a3ffa0]{display:inline-block;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-wrap .group-table-wrap .card-box .title .not-required[data-v-14a3ffa0]{display:inline-block;font-family:Microsoft YaHei UI;font-style:normal;font-weight:400;font-size:12px;letter-spacing:.04em;color:#f80;padding:0 4px;background:#fff8e5;border-radius:4px;white-space:normal;height:20px;line-height:20px;margin-left:5px}.video-wrap .group-table-wrap .play-svg[data-v-14a3ffa0]{font-size:12px;-webkit-transform:scale(.6);transform:scale(.6);fill:#505873}.video-wrap .group-table-wrap .select-open-svg[data-v-14a3ffa0]{font-size:12px;-webkit-transform:scale(.6) rotate(90deg);transform:scale(.6) rotate(90deg);fill:#505873}.video-wrap .group-table-wrap .play-icon[data-v-14a3ffa0]{fill:#3262fd;font-size:12px}.video-wrap .group-table-wrap .pause-icon[data-v-14a3ffa0]{fill:#505873;font-size:12px}.video-wrap .group-table-wrap .select-btn[data-v-14a3ffa0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.video-wrap .group-table-wrap[data-v-14a3ffa0] .item-checked{display:-webkit-box;display:-ms-flexbox;display:flex;height:16px;margin-top:62px}.video-wrap .group-table-wrap[data-v-14a3ffa0] .item-checked .ant-checkbox{height:16px}.video-wrap .group-table-wrap[data-v-14a3ffa0] .ant-collapse{background:#fff}.video-wrap .group-table-wrap[data-v-14a3ffa0] .ant-collapse-item{background:#fff;border-bottom:none}.video-wrap .group-table-wrap[data-v-14a3ffa0] .ant-collapse-content-box{background:#fff;padding:0}.video-wrap .group-table-wrap[data-v-14a3ffa0] .ant-collapse-content-active{min-height:100px;background:#fff}.video-wrap .group-table-wrap[data-v-14a3ffa0] .ant-collapse-arrow{display:inline-block;width:10px;margin-left:-16px}#courseware-container[data-v-7ecf9cfd]{height:100%}#courseware-container[data-v-7ecf9cfd] iframe{width:100%;height:100%}.courseware-wrapper[data-v-299cfc1a]{height:100%;position:relative}.courseware-wrapper .loading[data-v-299cfc1a]{width:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.courseware-wrapper .error[data-v-299cfc1a]{background-color:#f0f2f4;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.courseware-wrapper .error .error-content img[data-v-299cfc1a]{width:350px;height:245px}.courseware-wrapper .error .error-content p[data-v-299cfc1a]{text-align:center;font-weight:400;font-size:14px;line-height:22px;color:#70788c}.video-page[data-v-79530201]{position:relative}.video-scale-wrap[data-v-79530201]{position:relative;border-radius:8px;overflow:hidden}.video-scale[data-v-79530201]{position:absolute;-webkit-transform-origin:top left;transform-origin:top left;left:0;top:0}.give-instruction[data-v-2aeb7e4b]{width:100vw;height:100vh;background:#fff}.give-instruction .undo-btn .tip-icon[data-v-2aeb7e4b]{font-size:12px;margin-left:8px;margin-right:4px}.give-instruction .undo-btn .describe[data-v-2aeb7e4b]{font-family:Microsoft YaHei UI;font-style:normal;font-size:12px;line-height:14px;vertical-align:middle;letter-spacing:.04em;display:inline-block;min-width:30px;max-width:276px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.give-instruction .end-tip[data-v-2aeb7e4b]{font-family:Microsoft YaHei UI;padding:12px 16px;background:#fff8e5;font-size:12px;letter-spacing:.04em;color:#505873;border-radius:6px;margin-right:23px}.give-instruction .end-tip .exclamation-circle[data-v-2aeb7e4b]{color:#f80}.give-instruction .end-tip .close[data-v-2aeb7e4b]{color:#98a2b2;cursor:pointer;font-size:14px}.give-instruction .content[data-v-2aeb7e4b]{height:calc(100vh - 52px);width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex}.give-instruction .content .video-list[data-v-2aeb7e4b]{width:288px;height:100%;overflow:hidden}.give-instruction .content .course-info-wrap[data-v-2aeb7e4b]{width:calc(100vw - 288px);overflow-y:overlay}.give-instruction .content .course-info-wrap[data-v-2aeb7e4b]::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}.give-instruction .content .course-info-wrap[data-v-2aeb7e4b]::-webkit-scrollbar-thumb{width:6px;height:6px;opacity:.8;border-radius:3px;background:#c7c7c7}.give-instruction .content .course-info-wrap[data-v-2aeb7e4b]::-webkit-scrollbar-track{background:transparent}.give-instruction .content .course-info-wrap[data-v-2aeb7e4b]::-webkit-scrollbar-button,.give-instruction .content .course-info-wrap[data-v-2aeb7e4b]::-webkit-scrollbar-corner{background:#fff}.give-instruction .content .course-info-wrap .course-info[data-v-2aeb7e4b]{width:100%;height:100%}.give-instruction .content .course-info-wrap .course-info .course-ware[data-v-2aeb7e4b]{height:calc(100% - 146px)}.give-instruction .content .course-info-wrap .course-info .progress[data-v-2aeb7e4b]{height:auto}