.self-audio-one{position:relative;margin:0 auto;width:480px;height:160px;background:linear-gradient(180deg,#272c33,#12151a);box-shadow:0 6px 12px 0 rgba(18,21,26,.08);border-radius:8px}.self-audio-one audio{visibility:hidden}.self-audio-one .slider{width:100%;position:absolute;bottom:31px}.self-audio-one .audio-options{position:relative;height:48px;width:100%;position:absolute;bottom:0;display:flex;align-items:center;left:20px}.self-audio-one .audio-options .icon-play{height:24px;cursor:pointer}.self-audio-one .audio-options .audio-time{font-size:12px;font-weight:600;color:#fff;margin-left:20px}.self-audio-one .audio-title{display:flex;align-items:center;position:absolute;top:43px;left:24px;z-index:9}.self-audio-one .audio-title .title{font-size:16px;font-weight:600;color:#fff;margin-right:37px}.self-audio-one .audio-icon{position:absolute;top:24px;width:64px;height:64px;left:50%;margin-left:-32px}.self-audio-one .close-icon{font-size:18px;position:absolute;right:12px;top:12px;cursor:pointer;color:#fff}.courseware-preview .video-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0;z-index:2001;display:flex;align-items:center;justify-items:center;width:100%;background:rgba(75,83,92,.5)}.courseware-preview .video-wrapper .video-title{width:960px;height:48px;position:absolute;left:50%;top:50%;transform:translate(-50%,-318px);background:#000;border-radius:8px 8px 0 0;color:#fff;z-index:2002;line-height:48px}.courseware-preview .video-wrapper .video-title .title-icon{font-size:18px;position:absolute;right:24px;top:12px;cursor:pointer}.courseware-preview .video-wrapper .video-title .title{margin-left:24px;font-size:16px;font-weight:600}.courseware-preview .video-wrapper #dplayer{margin:0 auto;width:960px;height:636px}.courseware-preview .video-wrapper #dplayer .dplayer-video-wrap{border-radius:8px;background:#000}.courseware-preview .video-wrapper #dplayer .dplayer-controller-mask{border-radius:0 0 8px 8px;background:#000}.courseware-preview .video-wrapper #dplayer .dplayer-bar-wrap{width:100%;left:0;top:-20px}.courseware-preview .video-wrapper #dplayer .dplayer-icons{top:-3px}.courseware-preview .video-wrapper #dplayer .dplayer-played{background:#409fff!important}.courseware-preview .audio-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0;z-index:2001;display:flex;align-items:center;justify-items:center;width:100%;background:rgba(75,83,92,.5)}.courseware-preview .audio-wrapper .el-slider__runway{height:2px}.courseware-preview .audio-wrapper .el-slider__runway .el-slider__bar{height:2px;background:#409fff}.courseware-preview .audio-wrapper .el-slider__runway .el-slider__button-wrapper{top:-17px!important;display:none}.courseware-preview .audio-wrapper .el-slider__runway .el-slider__button{width:10px;height:10px}.courseware-preview .el-drawer{background:transparent}.courseware-preview .el-drawer__header{margin-bottom:0;background:#272c33;box-shadow:0 4px 8px 0 rgba(18,21,26,.6);border-radius:12px 0 0 0;font-weight:600;color:#fff;position:relative}.courseware-preview .el-drawer__body{padding:0}.courseware-preview .el-drawer__body .drawe-body{display:flex;align-items:center;justify-content:space-between;height:100%}.courseware-preview .el-drawer__body .drawe-body .drawe-left{flex:1;height:100%;background:#12151a}.courseware-preview .el-drawer__body .drawe-body .drawe-left .preview-page-wrap{display:flex;justify-content:center}.courseware-preview .el-drawer__body .drawe-body .drawe-left .preview-page-wrap .preview-page{display:inline-block;margin-top:24px;text-align:center;font-weight:600;margin-bottom:20px;padding:4px 12px;background:rgba(18,21,26,.4);border-radius:4px}.courseware-preview .el-drawer__body .drawe-body .drawe-left .preview-page-wrap .preview-page .current-page{font-size:16px;color:#fff}.courseware-preview .el-drawer__body .drawe-body .drawe-left .preview-page-wrap .preview-page .total-page{font-size:16px;color:hsla(0,0%,100%,.4)}.courseware-preview .el-drawer__body .drawe-body .drawe-left .preview-img{width:100%;height:calc(100% - 70px);background-size:contain!important;background-position:50%!important}.courseware-preview .el-drawer__body .drawe-body .drawe-left .preview-pagetion{width:100%;display:flex;flex-direction:column;position:absolute;bottom:0;right:288px}.courseware-preview .el-drawer__body .drawe-body .drawe-left .preview-pagetion .icon{cursor:pointer;display:flex;justify-content:flex-end;font-size:24px;color:#fff;margin-bottom:34px;margin-right:24px}.courseware-preview .el-drawer__body .drawe-body .drawe-left .preview-pagetion .nextDisabled,.courseware-preview .el-drawer__body .drawe-body .drawe-left .preview-pagetion .preDisabled{cursor:not-allowed!important;color:#4a4e52!important}.courseware-preview .el-drawer__body .drawe-body .drawe-right{width:288px;padding:0 12px;height:100%;background:#272c33;overflow-y:scroll;overflow-x:hidden}.courseware-preview .el-drawer__body .drawe-body .drawe-right .img-list{margin-top:24px}.courseware-preview .el-drawer__body .drawe-body .drawe-right .img-list .img-item{width:264px;height:148px;border-radius:4px;position:relative;box-sizing:border-box}.courseware-preview .el-drawer__body .drawe-body .drawe-right .img-list .img-item .img-No{position:absolute;top:0;left:0;width:44px;height:24px;border-radius:0 0 8px 0;background:rgba(0,0,0,.75);text-align:center;line-height:24px;font-size:16px;font-weight:600;color:#fff}.courseware-preview .el-drawer__body .drawe-body .drawe-right .img-list .img-item .imgNoAcitve{background:#409fff}.courseware-preview .el-drawer__body .drawe-body .drawe-right .img-list .itemActive{box-shadow:0 4px 8px 0 #0e418c;border:2px solid #409fff}.content[data-v-37c9fcfc]{flex:1;display:flex;flex-direction:column;padding:20px 24px;background:#fff;border-radius:8px;overflow:auto}.content[data-v-37c9fcfc] .el-collapse{border:none}.content[data-v-37c9fcfc] .el-collapse .el-collapse-item__header{position:relative;height:84px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.content[data-v-37c9fcfc] .el-collapse .el-collapse-item__header span{font-size:16px;font-weight:600;color:#3d444d;line-height:24px;margin-bottom:8px}.content[data-v-37c9fcfc] .el-collapse .el-collapse-item__header span:nth-child(2){font-size:12px;font-weight:400;color:#959da6;line-height:16px}.content[data-v-37c9fcfc] .el-collapse .el-collapse-item__header i{font-size:14px;font-weight:600;color:#409fff;line-height:20px;position:absolute;right:0}.content[data-v-37c9fcfc] .el-collapse .el-collapse-item__header .el-icon-arrow-right:before{content:"展开"}.content[data-v-37c9fcfc] .el-collapse .el-collapse-item__header .is-active{transform:rotate(0deg)}.content[data-v-37c9fcfc] .el-collapse .el-collapse-item__header .is-active:before{content:"收起"}.content[data-v-37c9fcfc] .el-collapse .el-collapse-item__content{padding-bottom:0}.content-context[data-v-37c9fcfc]{font-size:14px;font-weight:400;color:#626a73;line-height:24px;display:flex;align-items:flex-start;word-break:break-word}.content-context img[data-v-37c9fcfc]{margin-right:8px}.content-context-file[data-v-37c9fcfc]{display:flex;flex-wrap:wrap;margin:20px 0 8px;margin-left:-30px}.content-context-file-item[data-v-37c9fcfc]{width:371px;height:56px;display:flex;justify-content:space-between;align-items:center;padding:8px 28px 8px 18px;margin-right:20px;margin-bottom:12px;background:#f7fbff;border-radius:4px;box-sizing:border-box}.content-context-file-item img[data-v-37c9fcfc]{width:32px;height:32px}.content-context-file-item-name[data-v-37c9fcfc]{font-size:14px;font-weight:400;color:#3d444d;line-height:20px;flex:1}.content-context-file-item-name div[data-v-37c9fcfc]:nth-child(2){font-size:12px;font-weight:400;color:rgba(0,0,0,.45);line-height:16px}.content-context-file-item span[data-v-37c9fcfc]{font-size:14px;font-weight:600;color:#409fff;line-height:20px}.content-context-file-item span[data-v-37c9fcfc]:nth-last-child(2){margin-right:10px}.content>span[data-v-37c9fcfc]{display:flex;justify-content:center;align-items:center;height:100%;color:#959da6}