.yk-barrage-warpper{z-index:1995;position:fixed;top:0;width:88%;height:350px;background:rgba(222,224,222,0)}.yk-barrage-warpper .textBarrage{position:fixed;right:0;font-size:20px;white-space:nowrap;padding:0 2%;border-radius:30%}.yk-barrage-warpper .mask{position:fixed;width:100%;margin:50px auto;height:290px;position:relative;overflow:hidden}.viewer-backdrop{background-color:transparent}.Paging{width:90%;height:90%;z-index:5;position:fixed;top:0}.perviewmain{width:calc(100% - 160px);position:absolute}.perviewmain .dilopage{width:100%;height:100%;position:fixed;top:0;left:0}.perviewmain .pageation11{right:233px;bottom:51px;width:82px}.perviewmain .pageation11,.perviewmain .pageation_last{z-index:5000;position:fixed;background:#1d3838;max-height:300px;color:#fff;overflow-y:auto;overflow-x:hidden}.perviewmain .pageation_last{right:283px;bottom:55px;width:70px}.perviewmain .hiddenover{overflow:hidden}.perviewmain .video-js .vjs-big-play-button{height:2em;width:2em;line-height:2em;border-radius:1em}.perviewmain .videowidth{width:80%}.perviewmain .BlackBoard{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2506}.perviewmain .isheight{overflow:auto}.perviewmain .nameActive{background-color:#409eff}.perviewmain .zzrow{width:150%;height:100%;position:fixed;top:0;left:-100px;background-color:#000;opacity:.9;z-index:200000000}.perviewmain .PreviewLeft{float:left;width:90%;height:100%}.perviewmain .PreviewLeft .img-precol{text-align:center}.perviewmain .PreviewLeft .img-preleft{margin:0 auto}.perviewmain .PreviewRight{z-index:5000;width:100%;height:150px;position:absolute;bottom:30px}.perviewmain .PreviewRight .btn-imgpre{margin-top:20px}.perviewmain .PreviewRight .PreviewRight-top{white-space:nowrap;overflow-x:auto;overflow-y:hidden;height:97%;width:100%;margin-bottom:10px}.perviewmain .PreviewRight .PreviewRight-top .imglistcol{float:none;display:inline-block;border-radius:5%;height:100%;width:140px;border:1px solid grey;margin-left:2%;padding:5px}.perviewmain .PreviewRight .PreviewRight-top .imglistcol .img{width:100%;height:100%}.perviewmain .PreviewRight .PreviewRight-bottom{position:fixed;right:30px;bottom:30px;width:100%;text-align:right}.perviewmain .innerimg{width:100%;height:70px;z-index:200000001;position:fixed;bottom:0}.perviewmain .innerimg .barrageBtn{display:inline-block;width:130px;height:60px;background:#fff;margin:0 5px 7px 5px;border-radius:10px;text-align:center;line-height:60px;vertical-align:middle;font-size:22px;border:1px solid #dcdfe6;color:#606266}.perviewmain .innerimg .barrageBtn:hover{color:#409eff;border:1px solid #c6e2ff;background-color:#ecf5ff}.perviewmain .imgblowup{position:relative;top:0;width:100%;height:100%;text-align:center}.perviewmain .imgblowup .page{position:fixed;bottom:10px;left:60px;color:#fff;font-size:26px}.perviewmain .imgblowup .blowupimg{max-width:100%;max-height:95%}.perviewmain .dialogimg{z-index:3000000000;overflow:auto;cursor:pointer;position:fixed;top:15%;left:50%;margin-left:-480px;height:600px;width:960px}.perviewmain .dialogimg .allimg-col{float:left;width:210px;height:150px;margin:10px}.perviewmain .dialogimg .allimg-col .allimg-img{width:100%;height:100%}.perviewmain .dialogimg .icon-closeimg{size:26px;position:fixed;top:20px;right:20px;font-size:35px;cursor:pointer;font-weight:bolder}.perviewmain .ykbarageoperatebtns{position:fixed;right:70px;bottom:0;background-color:#1d3838;z-index:2200}.perviewmain .ykbarageoperatebtns .yk-barage-child{display:inline-block;text-align:center;width:81px;padding:5px 0;border-right:1px solid grey}.perviewmain .ykbarageoperatebtns .yk-barage-child .yk-barage-btn-name,.perviewmain .ykbarageoperatebtns .yk-barage-child i{display:block}.perviewmain .ykbarageoperatebtns .yk-barage-child i{font-size:22px;color:#fff}.perviewmain .ykbarageoperatebtns .yk-barage-child .yk-barage-btn-name{font-size:14px;color:#fff}.perviewmain .ykbarageoperatebtns .yk-barage-child .el-switch{margin-left:0;height:25px}.perviewmain .ykbarageoperatebtns .yt-more-munber{border:none}.perviewmain .ykbarageoperatebtns .yt-more-munber span{height:50px;display:inline-block;position:absolute;width:81px;left:0;top:-23px;border-right:1px solid grey;line-height:55px}.perviewmain .isBloakRight{position:fixed;right:140px;bottom:0;background-color:#1d3838;z-index:2200}.perviewmain .isBloakRight .yk-barage-child{display:inline-block;text-align:center;width:70px;padding:5px 0;border-right:1px solid grey}.perviewmain .isBloakRight .yk-barage-child .yk-barage-btn-name,.perviewmain .isBloakRight .yk-barage-child i{display:block}.perviewmain .isBloakRight .yk-barage-child i{font-size:22px;color:#fff}.perviewmain .isBloakRight .yk-barage-child .yk-barage-btn-name{font-size:14px;color:#fff}.perviewmain .isBloakRight .yk-barage-child .el-switch{margin-left:0;height:25px}.perviewmain .btn-pack-up{display:inline-block}.perviewmain .fade-enter-active,.perviewmain .fade-leave-active{-webkit-transition:all .5s ease;transition:all .5s ease}.perviewmain .fade-enter,.perviewmain .fade-leave-to{width:0;display:inline-block}.thumbnailmaxHeight,.thumbnailminHeight{height:calc(100% - 71px)}.pptHeight{height:100vh;width:100vw}.xlsHeight{width:100%}.start-faceTeach-source-preview .face-teach-sourc-main .video-player,.xlsHeight{height:100%}.start-faceTeach-source-preview .face-teach-sourc-main .video-player .video-js{padding-top:0}.start-faceTeach-source-preview .face-teach-sourc-main .video-player .vjs-fluid{padding-top:0;height:100%}