.playCourse>.el-container{height:100vh;min-height:100vh;background-color:#313131;position:relative}.playCourse .cl-back{z-index:8;width:16px;height:29px;display:inline-block;background-position:-180px -532px;vertical-align:middle}.playCourse .N-l-title{padding:0 15px;overflow:hidden;display:inline-block;vertical-align:middle}.N-l-tt-name{font-size:20px}.N-l-tt-x{color:#ccc;margin-left:5px;font-size:14px;vertical-align:bottom}.playCourse .el-header{line-height:60px;color:#ccc}.el-main{line-height:160px;position:relative;padding:0}iframe{width:100%;height:100%}.pl-video-box{background:#000;box-shadow:0 1px 5px #111;position:absolute;right:0;top:0;z-index:55;overflow:hidden}.pl-audio-box{background-color:#fff}#fui-player{height:828px}#fui-player .video-js,#fui-player .video-player{display:block;width:100%;height:100%;background:#000;outline:none}#fui-player .vjs-big-play-button{display:none}.playCourse .closePage{height:60px;line-height:60px;text-align:right;padding-right:10px}.closePage>a{color:#999}.closePage em{font-size:22px;font-weight:600;display:inline-block;vertical-align:middle;margin-right:5px}.closePage .vam{vertical-align:middle;font-size:14px}.n-ctInfo{padding:15px}.n-ctInfo h3 a:hover{text-decoration:none;color:#30a4ff}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:1}.n-ctInfo .el-tabs__header.is-left{position:absolute;right:247px;z-index:58;height:100%}.n-ctInfo .el-tabs--left .el-tabs__header.is-left{position:absolute;left:-60px;z-index:152}.n-ctInfo .el-tabs.el-tabs--left .el-tabs__item{width:60px;height:60px;background:#5f6069;color:#dfdfdf;cursor:pointer;margin-bottom:3px;line-height:60px}.n-ctInfo .el-tabs.el-tabs--left .el-tabs__item.is-active{background-color:#30a4ff;color:#fff}.n-ctInfo .el-tabs--left .el-tabs__active-bar.is-left,.n-ctInfo .el-tabs--left .el-tabs__nav-wrap.is-left:after{width:0}.n-ctInfo .el-tabs__nav.is-left{top:50%;transform:translateY(-100%)!important;-webkit-transform:translateY(-100%)!important;-moz-transform:translateY(-100%)!important;-ms-transform:translateY(-100%)!important;-o-transform:translateY(-100%)!important}.n-ctCont-box{height:100%;overflow:hidden}.n-ctCont-box>article{height:100%}.n-ct-of{overflow-x:hidden;overflow-y:auto}.chap-seclist{height:86vh;overflow-y:auto}.chap-seclist li{padding:8px 0;border-bottom:none;cursor:pointer}.c-cou-type em,.play-icon-box .play-icon{background-position:-31px -194px}.chap-seclist .play-icon-box{display:block}.c-p-title{font-size:14px;color:#777}.chap-seclist li.current .play-icon-box .play-icon,.chap-seclist li:hover .play-icon-box .play-icon{background-position:-31px -216px}.chap-seclist li.current .c-p-title,.chap-seclist li:hover .c-p-title{color:#31a4ff}.n-ct{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;top:304px}.n-ct-cont-notice{height:calc(100vh - 189px)}#notesContextBox{height:100%!important;background:#fff none repeat scroll 0 0;border-radius:4px;border:1px solid #ddd;color:#666;font-size:14px;overflow-x:hidden;overflow-y:auto;padding:4px 1.5%}.lh-reply-btn{background:#31a4ff;color:#fff;border:1px solid #31a4ff;display:inline-block;font:14 ppx/30px Microsoft YaHei;height:30px;text-align:center;padding:0 21px}.n-ctcn-tit{border-bottom:1px solid #4c4c4c;padding-bottom:5px}.n-ct-cont-notice-list{padding:10px 15px 20px;overflow:hidden}.n-ct-cont-notice-list .review-box ul li{border-bottom:1px solid #4c4c4c;padding:15px 0 15px 50px}.review-box ul{overflow-x:hidden;overflow-y:auto;height:600px}.review-uu ul{height:auto}.review-box ul li{border-bottom:1px solid #f2f2f2;min-height:50px;padding:20px 5px 10px 56px;position:relative}.noter-pic{left:0;position:absolute;top:20px}.n-ct-cont-notice-list .review-box ul li .noter-pic img{width:40px;height:40px}.noter-pic img{border-radius:50%;display:block;height:50px;width:50px}.n-ctCont-box .review-box ul li div.of span.fl{max-width:80px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noter-txt p{color:#999}.n-note-edit{width:97%;height:160px;border-radius:4px;overflow:hidden;resize:none;border:1px solid #ddd;background:#fff;padding:4px 1.5%;color:#666}.n-note-btn{font-size:0}.n-note-btn a{padding:0 11px}.n-ct-cont-notice .lh-reply-btn{height:26px;line-height:26px;border-radius:2px}.ctCont>textarea{height:75px!important}#ctCont-box{margin-top:10px}.n-ctCont-box .n-reply-wrap textarea{width:96%;height:75px}.chapter-name{height:44px;line-height:44px;color:#555;margin-bottom:3px;font-size:16px;background-color:#eee;padding:0 60px 0 15px;border-radius:2px;background:none;border:none;color:#dfdfdf;margin:10px 0 0}.c-cou-type .image-icon,.play-icon-box .image-icon{background-position:-123px -251px}.chap-seclist li.current .play-icon-box .image-icon,.chap-seclist li:hover .play-icon-box .image-icon{background-position:-150px -250px}.c-cou-type .audio-icon,.play-icon-box .audio-icon{background-position:-123px -225px}.chap-seclist li.current .play-icon-box .audio-icon,.chap-seclist li:hover .play-icon-box .audio-icon{background-position:-150px -224px}.c-cou-type .wd-icon,.play-icon-box .wd-icon{background-position:-123px -199px}.chap-seclist li.current .play-icon-box .wd-icon,.chap-seclist li:hover .play-icon-box .wd-icon{background-position:-150px -198px}#fui-player{font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1";width:100%;height:100%}.pl-graphic-box{padding:22px 22px 15px;background:#fff}.video-js{position:absolute;top:0;left:0}.el-aside.Noshow{margin-right:-320px}.n-ctInfo .el-tabs--left .el-tabs__header.is-left.noShow{margin-right:-245px}@media (max-width:768px) and (min-width:320px){.video-js{height:217px!important;top:50px}}.prism-player .prism-cover{background-color:none;display:block}.prism-player .prism-marker-text{display:none}.playCourse .is-vertical{border-bottom:1px solid #626262;border-top:1px solid #666;overflow:hidden;position:absolute;top:0;right:320px;bottom:0;left:0}.playCourse .el-aside{width:320px;position:absolute;right:0;top:0;z-index:61;height:100vh;background:#313131;overflow:initial}.playCourse .planList-box{margin:20px 0}.playCourse .planList-box .planList{width:100%;display:flex;justify-content:space-between}.playCourse .planList-box .planList .planList-detail{display:flex;align-items:center;justify-content:space-around}.playCourse .planList-box .planList .planList-detail .plan-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:106px;margin-left:10px}.playCourse .planList-box .planList .planList-speed{color:#31a4ff}.playCourse .planList-box .plan-list{box-sizing:border-box}.playCourse .planList-box .plan-list .plan-list-blue{color:#31a4ff!important;background-position:-31px -216px}.playCourse .findClass{color:#30a4ff;border:1px solid #30a4ff;box-sizing:border-box;padding:4px;font-size:12px;cursor:pointer;margin-left:120px}.playCourse .tuwen{width:100%;height:100%;overflow-y:auto}.playCourse .tuwen p{width:100%;margin-left:28px}.playCourse .tuwen p img{width:100%}html[dir=ltr] .splitToolbarButton>.toolbarButton{background-color:#87ceeb}.n-ctInfo .el-tabs--left .el-tabs__header.is-left{z-index:-1}.vcp-poster{display:block!important}#videoBox{font-size:14px;width:100%;height:100%;margin:0 auto}#video_box{padding-top:56.25%}#object_box,#video_box{width:100%;max-width:100%;height:100%}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){.tcp-logo-img{width:50%}}