@charset "UTF-8";/*!
create css by 2020-11-24  kexuemihe  @wang   公共样式
*/.centerBox,.iconweijiesuo{-webkit-transform:translate(-50%,-50%)}#opt,.centerBox{background:#FFF}#optionCourse span,#tabCourse li{font-family:PingFang SC;color:#999;cursor:pointer}#opt,.selCourse .left ul{box-shadow:0 0 4px 0 rgba(0,0,0,.1)}button{cursor:pointer}.centerBox{border-radius:1rem;position:absolute;z-index:100;left:50%;top:50%;transform:translate(-50%,-50%)}img.closeChaS{position:absolute;right:3%;top:8%;cursor:pointer}#opt{position:fixed;left:0;top:0;width:58%;max-width:120px;display:none;z-index:1000}#opt ul{padding:1rem 0}#opt ul li{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;line-height:3rem;font-size:1rem}#opt ul li span{display:inline-block;font-family:PingFang SC;font-weight:400;color:#666;white-space:nowrap}#opt ul li em{margin:0 10% 0 22%}#opt ul li:hover{background-color:rgba(41,121,248,.1)}#opt ul li:nth-child(1),#opt ul li:nth-child(3),#opt ul li:nth-child(5){border-bottom:thin solid #EEE}#optionCourse{display:none;margin-left:2.5rem}#optionCourse span{font-size:1rem;font-weight:400;margin-right:1.3rem}#optionCourse span:hover{color:#FFC000}.checks{display:none}#rightCon{padding:0 2.1rem}#tabCourse ul{display:-webkit-flex;display:flex}#tabCourse li{font-size:1.5rem;font-weight:500;margin-right:32.5px;line-height:6.5rem}#tabCourse li.active{color:#333;font-weight:550}.selCourse{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.selCourse .undSel>a{display:block;line-height:2.5rem;background:#FFF;border:1px solid #FFC000;border-radius:5px;padding:0 12px;color:#FFC000}.selCourse .undSel>a span{padding-left:3px}.selCourse .left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.selCourse .left>.undSel{margin-right:2rem}.selCourse .left>.undSel>a{text-indent:23%;background:url(../images/courseware/arrowbottom.png) 90% 50% no-repeat #E9F1FE}.selCourse .left input{margin:0;right:0;top:0;width:1.8rem;height:1.8rem;padding:0;border-radius:3px;vertical-align:middle}.selCourse .left ul{display:none;margin-top:.8rem;padding:.9rem 0;background:#FFF;border-radius:3px;position:absolute;z-index:1000}.selCourse .left ul li{width:100px}.selCourse .left ul li a{text-align:center;display:block;width:100%;color:#666;font-size:1rem;line-height:2.2rem}.selCourse .left ul li:hover a{background:url(../images/courseware/矢量智能对象.png) 20% 50% no-repeat #E9F1FE}.selCourse .left ul li.active{background:url(../images/courseware/矢量智能对象.png) 20% 50% no-repeat}.selCourse .right div:first-child a{white-space:nowrap}.selCourse .right div:last-child{margin-left:1.3rem;white-space:nowrap}.coverImgBox{position:relative}.iconBox{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(136,136,136,.2)}.iconweijiesuo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#FFF;font-size:30px}.commitDialog div,.fileOption .centerBox,.previewPPTX .centerBox{-webkit-transform:translate(-50%,-50%)}.courseCon{margin-top:2rem}.courseCon ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.commitDialog div,.export .centerBox .middleCon{-webkit-justify-content:center;display:-webkit-flex}.courseCon ul li{width:21.5%;margin-right:3%;background:#FFF;box-shadow:0 0 4px 0 rgba(41,121,248,.1);border-radius:5px;margin-bottom:1.2rem}.courseCon ul li a{display:block}.courseCon ul li a>div{display:-webkit-flex;display:flex;font-size:1.2rem;line-height:3rem}.courseCon ul li a img{width:100%;border-top-left-radius:5px;border-top-right-radius:5px}.courseCon ul li a p{width:85%;text-indent:11%;white-space:nowrap;overflow:hidden;font-family:PingFang;font-weight:550;color:#666;margin-right:3%;text-align:left}.courseCon>div>ul>li input{margin:0;position:absolute;right:0;top:0;width:1.8rem;height:1.8rem;padding:0;border-radius:3px}.export,.fileOption{background:RGBA(229,229,229,.7);position:fixed;top:0;left:0}.fileOption{width:100%;height:100%}.fileOption .centerBox{border-radius:1rem;position:absolute;z-index:100;left:50%;top:50%;transform:translate(-50%,-50%);background:#FFF;font-family:PingFang SC;padding-left:2.4rem;padding-right:3rem;width:35%}.fileOption .centerBox h3{width:100%;font-size:2rem;font-weight:500;color:#333;line-height:5rem;margin:0 0 2rem}.fileOption .centerBox input{width:100%;border-bottom:1px solid #FFC000;font-size:1.5rem;font-weight:400;color:#999}.fileOption .centerBox .btns{margin:2rem 0;float:right}.fileOption .centerBox .btns button{width:67px;height:30px;border-radius:15px}.fileOption .centerBox .btns .cancel{background:#FFF;border:1px solid #CCC;margin-right:1rem}.fileOption .centerBox .btns .confirm{background:#FFC000;color:#FFF}.export{width:100%;height:100%}.export .centerBox{width:45%;font-family:PingFang SC;text-align:center}.export .centerBox h3{text-align:left;font-size:2.2rem;font-weight:500;color:#333;line-height:7.2rem;width:94%;margin-left:6%;margin-bottom:1.4rem}.export .centerBox .middleCon{display:flex;justify-content:center;-webkit-align-items:center;align-items:center}.export .centerBox .middleCon img{width:36%}.export .centerBox .middleCon p{font-size:1.6rem;font-weight:400;color:#333;line-height:5.6rem}.export .centerBox .middleCon span{font-size:1.2rem;font-weight:400;color:#999}.export .centerBox .middleCon .leftBox,.export .centerBox .middleCon .rightBox{width:50%}.export .centerBox #exportBtn{display:inline-block;width:40%;height:4rem;background:#FFC000;border-radius:2rem;margin:3.1rem 0 2.6rem;cursor:pointer;font-size:1.6rem;font-weight:400;color:#FFFEFE}.export .centerBox .closeChaS{cursor:pointer;position:absolute;top:2%;right:1%}.rubbishFile p{font-size:1.6rem;font-family:PingFang SC;font-weight:400;color:#999}.commitDialog{display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000}.commitDialog div{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:142px;background:#FFF;border:1px solid #FFC000;border-radius:10px;display:flex;justify-content:center;-webkit-align-items:center;align-items:center}.commitDialog span{-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:1.5rem;font-weight:400;color:#FFC000;line-height:40px}.swiper-container{position:relative}.swiper-container .hide{opacity:0}.swiper-button-next,.swiper-button-prev{width:38px;height:38px;border-radius:50%;background-color:#FFF;box-shadow:0 0 4px 0 rgba(255,192,0,.4);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#editFullScreen,#selCourseType,.previewPPTX .PPTXCon #previewErr,video{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-size:22px;color:#FFC000}video{width:100%}audio{position:absolute;left:0;bottom:1rem;margin-left:25%;width:50%;height:10%;border:0;outline:0}.swiper-slide img{width:100%}.previewPPTX{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(229,229,229,.5);z-index:1000}.previewPPTX .centerBox{z-index:1000;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:61%;background:#FAFAFA;border-radius:1rem;text-align:center;font-family:PingFang;font-weight:500}.previewPPTX #lookCourse{position:absolute;right:10%;top:0;font-size:1.6rem;font-family:PingFang SC;font-weight:500;color:#Ffc000;line-height:5.3rem}.previewPPTX .close{position:absolute;right:18px;top:18px;cursor:pointer}.previewPPTX .close>img{width:20px}.previewPPTX h3{font-size:1.6rem;font-weight:400;color:#333;line-height:5.3rem}.previewPPTX .PPTXCon{padding:0 1.7rem 1.7rem}#editFullScreen{width:50px;height:50px;border-radius:50%;background-color:#FFF;position:relative;left:50px;top:45px;z-index:10000;box-shadow:0 0 7px 1px rgba(244,186,25,.5)}#overClass{position:absolute;left:117%;top:33%;white-space:nowrap;color:#FFC000;font-size:18px}#editFullScreen span{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:25px;color:#f4ba19}#selCourseType{margin-left:10%;width:80%;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}#selCourseType div{font-size:1.4rem;font-family:PingFang SC;color:#000;line-height:30px;cursor:pointer;font-weight:500}#selCourseType div:last-child{margin-right:0}#selCourseType div.active{color:#FFC000;border-bottom:2px solid #FFC000}