.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)}