.courseware-box[data-v-5bb5dad0]{height:100%;overflow:hidden;padding:32px 100px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.courseware-box .curseware-box-scroll[data-v-5bb5dad0]{padding:16px 0;width:856px;background:#fff;border-radius:16px;max-height:100%;min-height:440px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.courseware-box .curseware-box-scroll .scroll-box[data-v-5bb5dad0]{-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden}.courseware-box .curseware-box-scroll .scroll-box .courseware-box-scroll-content[data-v-5bb5dad0]{padding:0 24px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.courseware-box .curseware-box-scroll .scroll-box .courseware-box-scroll-content .courseware-box-scroll-content-item[data-v-5bb5dad0]{position:relative;width:160px;height:110px;border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;cursor:pointer}.courseware-box .curseware-box-scroll .scroll-box .courseware-box-scroll-content .courseware-box-scroll-content-item[data-v-5bb5dad0]:hover{background:#f3f4f6}.courseware-box .curseware-box-scroll .scroll-box .courseware-box-scroll-content .courseware-box-scroll-content-item .anticon[data-v-5bb5dad0]{font-size:60px}.courseware-box .curseware-box-scroll .scroll-box .courseware-box-scroll-content .courseware-box-scroll-content-item .courseware-box-scroll-content-item-title[data-v-5bb5dad0]{width:100%;font-weight:400;font-size:16px;color:#374151;line-height:24px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:8px;text-align:center}.no-data[data-v-5bb5dad0]{font-weight:400;font-size:16px;color:#9e9e9e;line-height:26px;text-align:center}.no-data img[data-v-5bb5dad0]{width:208px}.courseware-drawer[data-v-5bb5dad0]{height:100%;display:-ms-flexbox;display:flex}.courseware-drawer .courseware-drawer-preview[data-v-5bb5dad0]{position:relative;width:calc(100% - 280px);height:100%;overflow:hidden;padding:12px}.courseware-drawer .courseware-drawer-preview .preview-loading[data-v-5bb5dad0]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.courseware-drawer .courseware-drawer-preview .video-box[data-v-5bb5dad0]{width:100%;height:100%;border-radius:8px;overflow:hidden;padding:6px;background:#000}.courseware-drawer .courseware-drawer-list[data-v-5bb5dad0]{width:280px;height:100%;padding:8px 16px;overflow-y:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px;border-left:1px solid #eee}.courseware-drawer .courseware-drawer-list .courseware-drawer-list-item[data-v-5bb5dad0]{width:100%;height:110px;border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;cursor:pointer;border:1px solid #eee}.courseware-drawer .courseware-drawer-list .courseware-drawer-list-item[data-v-5bb5dad0]:hover{background:rgba(243,244,246,.4)}.courseware-drawer .courseware-drawer-list .courseware-drawer-list-item .anticon[data-v-5bb5dad0]{font-size:60px}.courseware-drawer .courseware-drawer-list .courseware-drawer-list-item .courseware-drawer-list-item-title[data-v-5bb5dad0]{width:100%;padding:0 16px;text-align:center;font-weight:400;font-size:16px;color:#374151;line-height:24px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:8px}.courseware-drawer .courseware-drawer-list .courseware-drawer-list-item.active[data-v-5bb5dad0]{border-color:#97aff1;background:rgba(243,244,246,.8)}