.audio-container,.audio-container .audio-box{align-items:center;margin-bottom:12px}.audio-container .audio-box{display:flex;margin-left:10px}.audio-container .audio-file{border:1px solid #eee;width:400px;display:flex;align-items:self-start;padding:10px;margin-bottom:20px}.audio-container .audio-file .mp3,.audio-container .audio-file .mp4{margin-right:10px}.audio-container .audio-info .audio-title{margin-bottom:24px;margin-top:6px;display:block;font-size:18px;color:#000}.audio-container .audio-controls{margin-right:15px;display:flex;align-items:center}.audio-container .audio-controls img:hover{cursor:pointer}.audio-container .audio-time{margin-right:15px;font-size:16px;color:rgba(0,0,0,.5)}.audio-container .audio-progress{width:120px;margin-right:15px}.audio-container .audio-progress .el-slider__runway{height:4px;margin:0;transition:.1s}.audio-container .audio-progress .el-slider__bar{background-color:#5dcb6b;height:4px;transition:.1s}.audio-container .audio-progress .el-slider__button{border:1px solid rgba(42,54,90,.16);opacity:0}.audio-container .audio-progress:hover .el-slider__runway{transform:scaleY(1.3)}.audio-container .audio-progress:hover .el-slider__button{opacity:1;transform:scaleY(1);transform:scaleX(1.3)}.audio-container .audio-volume{display:flex;align-items:center}.audio-container .audio-volume img:hover{cursor:pointer}.info-tip{color:#999;font-weight:600}.edu-board-audio-player{position:relative;width:388px;max-height:128px;border-radius:5px;padding:24px 16px;margin-top:10px}.edu-board-audio-player:first-child{margin-top:0}.edu-board-audio-player:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:rgba(0,0,0,.4);border-radius:4px;content:""}.edu-board-audio-player .edu-board-audio-player_wrap{position:relative;z-index:3}.edu-board-audio-player .audio-info{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:20px}.edu-board-audio-player .audio-info .audio-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.edu-board-audio-player .audio-info .player-tools{flex-shrink:0}.edu-board-audio-player .audio-info .tool-item{margin-left:10px;cursor:pointer}.edu-board-audio-player .audio-info .tool-item .el-icon-arrow-down{transition:all .3s}.edu-board-audio-player .audio-info .tool-item .transition-arrow-up{transform:rotate(-180deg)}.edu-board-audio-player .audio-play-info{display:flex;align-items:center;height:76px}.edu-board-audio-player .audio-play-info .icon-play-control{width:24px;height:24px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMAAfloKRoG5dbErjsO8ZeAUfB/w6+allC/MVkjAAAAl0lEQVRIx+2UuQ6DQBQDgbCQEHIf+P+/lPKJY2VboqBg+il2rH3FwR7pkingdSo9AfjUpoDq3XgCcL6aAvDvTQHtYApAl0xBK4wJl9oRtMIItMJYcu9NAe1TF3hhrHPLFkaOnydUj4YI8oD8AVz4JroDHyEgMxNB+arzlpRZS06mJRfkkxktRaKlSLQUiZYi0VKkLA62YAS8Hie0XS3xNwAAAABJRU5ErkJggg==);background-size:100%;cursor:pointer}.edu-board-audio-player .audio-play-info .icon-play-control.icon-pause-control{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAQMAAABtzGvEAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABNJREFUGNNjoBKwZ2D4M/Qo6gMAxGIf/5aEzEkAAAAASUVORK5CYII=)}.edu-board-audio-player .audio-play-info .time-label{color:#fff;padding:0 8px;font-size:20px}.edu-board-audio-player .audio-play-info .play-slider{flex:1;margin-left:8px}.edu-board-audio-player .audio-play-info .audio-volume{position:relative;display:flex;align-items:center;height:100%}.edu-board-audio-player .audio-play-info .audio-volume>span{height:24px}.edu-board-audio-player .audio-play-info .audio-volume .icon-volume{display:inline-block;width:24px;height:24px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMAFur1IPkKo93JjRr3SSwdB/Dl36qeaWVTEg7ZbFhMPNC2rZaBVUQ0JGv5+NQAAAD/SURBVEjH7dTZDoIwEEDRUSjIJqDI5oK7zv//oKEFmmBTOia+GO/TQHLYC/x6RQWUqjPOgNB9hRSQ+IgUsDwiCexCpIDZCZECDnM0AHbf84I4Ak2pACgbgzK0lhSQI+K2ngKM9eDKB38CrJt5B2JLHMDWAreGHsCt26UGi7btHkAC2PAprJVAbksQiIvaG4LhFK45iPjomYOYjytzkPCRffEMB+o9uJqn5PCU76HUfBpZoHjTjgZgmksQ6b4lmWd1IBaS2aYLKMnEeiCsOL9dH9UbsIbGAArGHtqfnjcCEBWgL08lMCvICEAUrYkAHJ9RgLh5DijtUiKAIIF/H/UCQxxXUk0z6WwAAAAASUVORK5CYII=);background-size:100%}.edu-board-audio-player .audio-play-info .audio-volume .volume-slider{position:absolute;left:-9px;top:calc(50% + 18px)}.volume-slider-pop.el-popover{min-width:0}#edu-board{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;user-select:none}#edu-board-container{position:absolute;top:0;width:100%;height:calc(100% - 44px);overflow:hidden;transform:translateY(0)}#edu-board-container.height-100{height:100%}#edu-board-toolbar{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;height:42px;font-size:14px;background:transparent}#edu-board-toolbar .title{display:flex;align-items:center;padding-left:4px;transition:all .5s}#edu-board-toolbar .title span{margin-right:2px;color:#fff;opacity:.5}#edu-board-toolbar .title i{color:#fff;font-size:12px;-webkit-transform:scale(.8);transform:scale(.8);opacity:.5;transition:all .3s}#edu-board-toolbar .title i.arrow-tool{-webkit-transform:scale(.8) rotate(180deg);transform:scale(.8) rotate(180deg)}#edu-board-toolbar .title:hover{cursor:pointer}#edu-board-toolbar .title:hover i,#edu-board-toolbar .title:hover span{opacity:.8}#edu-board .toolbar-box{position:fixed;top:30%;right:0;z-index:3;width:140px;background:transparent;border-radius:2px;box-shadow:0 0 2px 1px rgba(0,0,0,.2)}#edu-board .toolbar-box:after{z-index:2;background:rgba(0,0,0,.4);content:""}#edu-board .toolbar-box .blur-bg,#edu-board .toolbar-box:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px}#edu-board .toolbar-box .blur-bg{z-index:1;background:url(../img/blur-bg.cf6dc86d.png);background-size:cover;opacity:.3}#edu-board .toolbar{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;font-size:14px;background:transparent}#edu-board .toolbar .divider{width:100%;margin:0 auto;border-bottom:1px solid hsla(0,0%,100%,.1)}#edu-board .toolbar .edu-board-toolbar-item{display:flex;align-items:center;justify-content:left;padding-left:25px;width:100%;height:42px;color:#fff;font-size:14px;background:transparent;transition:all .5s}#edu-board .toolbar .edu-board-toolbar-item.selected{background:linear-gradient(310deg,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,.1))}#edu-board .toolbar .edu-board-toolbar-item:hover{background:linear-gradient(321deg,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,.1));cursor:pointer}#edu-board .toolbar .edu-board-toolbar-item img{width:21px;height:21px;margin-right:6px}#edu-board-footer{position:absolute;bottom:0;display:flex;align-items:center;width:100%;height:44px;padding:0 16px;color:#8a9099;background:#eff5ff}#edu-board-footer-page,#edu-board-footer-scale,#edu-board-footer-tools{display:flex;flex:1;align-items:center}#edu-board-footer-scale .scale-number{margin:0 12px}#edu-board-footer-page{justify-content:center;height:100%}#edu-board-footer-page .page-num{margin-left:12px}#edu-board-footer-page .page-total{margin-right:12px;color:#002300}#edu-board-footer-tools{justify-content:flex-end}#edu-board-footer-tools .tools-item{margin-left:12px}#edu-board-footer-tools .tools-item img{width:16px;height:16px}#edu-board-footer .page-pre{height:100%;width:44px}#edu-board-footer .page-pre img{width:100%;height:100%}#edu-board-footer .page-pre .default-img{display:block}#edu-board-footer .page-pre .hover-img{display:none}#edu-board-footer .page-pre:hover{background-color:#3372ff}#edu-board-footer .page-pre:hover .default-img{display:none}#edu-board-footer .page-pre:hover .hover-img{display:block}#edu-board-footer img:hover{cursor:pointer}#edu-board .new-tips-pop{position:absolute;top:-139px;z-index:100;width:194px;background:#fff;box-shadow:0 4px 12px 0 rgba(42,54,90,.2)}#edu-board .new-tips-pop.select-new-tips{right:auto;left:0}#edu-board .new-tips-pop .new-tips-pop-wrap{position:relative;padding:20px}#edu-board .new-tips-pop .tip-text{display:block;padding-bottom:16px;color:#545d6e;font-size:14px}#edu-board .new-tips-pop .section-arrow{bottom:-7px;left:65px;display:block!important;margin-right:3px;border-bottom-width:0;border-top-color:#ebeef5}#edu-board .new-tips-pop .section-arrow:after{top:-7px;margin-left:-6px;border-bottom-width:0;border-top-color:#fff;content:""}#edu-board .new-tips-pop .section-arrow.page-section-arrow{left:90px}#edu-board .edu-board-audio-player_list{position:fixed;top:0;left:0;max-height:calc(100vh - 50px);overflow:hidden}#edu-board .edu-board-audio-player_list .el-scrollbar__wrap{max-height:calc(100vh - 50px)}.file-preview{position:relative;display:flex;flex-direction:column;height:100vh;overflow:hidden;color:#2a365a;background:#f7f8fa}.file-preview .edit-tips{padding:10px 26px 0;color:#2a365a}.file-preview #edu-board-container{top:20px;bottom:40px;width:100%;height:calc(100% - 62px);transform:translateY(0)}.file-preview #edu-board-container.height-100{height:calc(100% - 20px)}.file-preview .el-divider--vertical{height:100%}.file-preview .header{z-index:9;display:flex;align-items:center;height:70px;background:#fff;box-shadow:0 2px 22px 0 rgba(0,0,0,.04)}.file-preview .header .return-resource{padding:30px;color:#8d8d8d;font-size:16px;cursor:pointer}.file-preview .header .return-resource .el-icon-arrow-left{margin-right:4px}.file-preview .header .title{margin-left:22px}.file-preview .header .title p{margin:0;color:rgba(42,54,90,.6)}.file-preview .header .title label{font-size:18px}.file-preview .header .edit-tip{display:flex;align-items:center;margin-left:20px;font-size:16px;transform:translateY(10px)}.file-preview .header .edit-tip .edit-tip1{color:#2a365a;opacity:.65}.file-preview .header .edit-tip .edit-divider{width:1px;height:18px;margin:0 10px;background:#2a365a;opacity:.25}.file-preview .header .edit-tip .edit-tip2{color:#2a365a}.file-preview .header .edit-tip-num{margin-left:8px;color:#3372ff;font-size:18px;transform:translateY(2px)}.file-preview .header .btn{display:flex;align-items:center;justify-content:flex-end;margin:0 40px 0 auto}.file-preview .header .btn .i-return{position:relative;left:8px;display:flex;align-items:center;color:#6f6f6f;filter:grayscale(100%);transition:all .5s}.file-preview .header .btn .i-return .icon{margin-right:6px}.file-preview .header .btn .i-return:hover{color:#3372ff;cursor:pointer;opacity:1;filter:none}.file-preview .header .btn .i-edit{display:flex;align-items:center;color:#2a365a;filter:grayscale(100%);transition:all .5s}.file-preview .header .btn .i-edit .icon{width:16px;margin-right:6px}.file-preview .header .btn .i-edit:hover{color:#3372ff;cursor:pointer;opacity:1;filter:none}.file-preview .header .btn .el-button{height:38px;font-size:16px}.file-preview .header .btn .el-button img{position:relative;top:2px;margin-right:2px}.file-preview .header .btn .el-button--border{color:#3372ff;border-color:#3372ff}.file-preview .file-preview-main{flex:1;width:100%}.file-preview .file-preview-main .edu-board{display:flex;flex-direction:column;width:100%;height:100%}.file-preview .file-preview-main .edu-board #edu-board-content{flex:1}.file-preview .file-preview-main .edu-board-bar{display:flex;align-items:center;justify-content:center;height:30px}.file-preview .file-preview-main .edu-board-bar .page-num,.file-preview .file-preview-main .edu-board-bar .page-total{margin:0 5px}.file-preview .file-preview-main .el-image{position:absolute;top:50%;left:50%;max-width:800px;max-height:800px;transform:translateX(-50%) translateY(-50%)}.file-preview .file-preview-main .file-iframe{width:100%;height:100%;border:none}.file-preview .file-preview-main .audio-container{width:400px;margin:20px auto}.file-preview .file-preview-main #video-container,.file-preview .file-preview-main #video-container .tcplayer{width:100%;height:100%}.file-preview .file-preview-main .auth-box{display:flex;align-items:center;justify-content:center;height:100%}.file-preview .file-preview-main .auth-box .auth-info{margin-right:40px}.file-preview .file-preview-main .auth-box .auth-info .title{margin-bottom:20px;color:#2d3756;font-weight:700;font-size:28px}.file-preview .file-preview-main .auth-box .auth-info .info{margin-bottom:8px;color:#2d3756;font-size:16px}.file-preview .file-preview-main .auth-box .auth-info img{width:500px;height:auto;margin-top:20px}.file-preview .file-preview-main .auth-box .auth-frame{width:500px;height:500px}.file-preview .text{color:#2a365a}.file-preview .disable-tip{position:absolute;top:20%;left:50%;width:600px;margin:0 auto;text-align:center;transform:translateX(-50%)}.file-preview .disable-tip .tip1{margin-top:15px;margin-bottom:15px;font-weight:700;font-size:22px}.file-preview .disable-tip .tip2,.file-preview .disable-tip .tip3{width:480px;margin:0 auto 5px;font-size:16px;text-align:left}.file-preview .disable-tip .tip2 .tip-link,.file-preview .disable-tip .tip3 .tip-link{display:inline-block;color:#3372ff;text-decoration:underline;cursor:pointer}.tool-tooltip-preview.is-light{padding:0!important;text-align:center;border:1px solid #ddd!important;box-shadow:0 5px 8px 0 rgba(11,24,73,.04)}.tool-tooltip-preview .sub-menu-list ul{padding:6px 0}.tool-tooltip-preview .sub-menu-list li{display:flex;align-items:center;width:200px;height:36px;padding-left:30px;color:#2a365a;font-size:14px;line-height:36px}.tool-tooltip-preview .sub-menu-list li:hover{background-color:#eff4fe;cursor:pointer}.class-select-cascader .el-cascader-menu:first-child .el-checkbox{display:none}.class-type-choose-dialog .choose-img{display:flex;justify-content:space-between}.class-type-choose-dialog .choose-img .choose-item{position:relative;cursor:pointer;width:230px;height:218px}.class-type-choose-dialog .choose-img .choose-item span{font-size:14px;color:#202b4b;text-align:center;line-height:20px;position:absolute;width:100%;padding:12px;font-weight:700}.class-type-choose-dialog .choose-img .choose-item img{width:100%;height:100%}.class-type-choose-dialog .choose-img .choose-item .img-border{display:none;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #0069ff;border-radius:7px}.class-type-choose-dialog .choose-img .choose-item.selected span{color:#0069ff}.class-type-choose-dialog .choose-img .choose-item.selected .img-border{display:block}.class-type-choose-dialog .el-dialog__body{padding:30px 40px}.class-type-choose-dialog .class-choose{margin-top:40px}.class-type-choose-dialog .footer-btns{text-align:right}