.twoRows{white-space:normal;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.close{position:relative;text-indent:-9999px;overflow:hidden;cursor:pointer}.close:after,.close:before{content:"";position:absolute;top:50%;left:50%;display:block;width:50%;border-top:1px solid;transform:translate(-50%,-50%) rotate(45deg)}.close:after{transform:translate(-50%,-50%) rotate(-45deg)}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.courseDetail .chapter_chpd-name,.twoRows{white-space:normal;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.media-play{position:relative}.media-play:after{content:"";display:inline-block;vertical-align:middle;width:0;height:0;position:absolute;left:19px;top:50%;margin-top:-1px;transform:translateY(-50%);border-style:solid;border-width:5px 7px;border-color:transparent transparent transparent #fff}.courseDetail{background:#fff}.courseDetail .course-detail-page-content{max-width:none}.courseDetail .txt{font-size:16px;color:#333;margin-bottom:5px}.courseDetail .over-hidden{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.courseDetail .talk{cursor:pointer;text-align:right;color:#ef0f25}.courseDetail #course_vimeo>div,.courseDetail .vimeo>div{padding-top:55.31%!important}.courseDetail #course_vimeo /deep/ iframe,.courseDetail .vimeo /deep/ iframe{position:absolute;top:0;left:0;width:100%;height:100%}.courseDetail .course_content{display:flex;position:relative;height:100%;overflow:hidden}.courseDetail .course_content-left{width:100%;height:100%}.courseDetail .course_content-left.is-side{width:75%;overflow-y:auto;scrollbar-width:none}.courseDetail .course_content-left.is-side::-webkit-scrollbar{display:none}.courseDetail .course_content-right{position:sticky;right:0;top:0;bottom:0;width:calc(25% - 15px);margin-left:15px;overflow:auto;height:auto}.courseDetail .course_title{margin:10px 0}.courseDetail .course_title-top{display:flex}.courseDetail .course_title-desc{color:#9a9e9f}.courseDetail .course-name,.courseDetail .course_title-name{font-size:18px;font-weight:700;margin-bottom:5px;flex:1}.courseDetail .course-period{display:flex;justify-content:space-between;margin-bottom:10px}.courseDetail .course-period .txt{font-weight:700}.courseDetail .course-chapter{font-size:12px;color:#9a9e9f}.courseDetail .course-info{position:relative}.courseDetail .course-info .el-button{border:none;position:absolute;right:0;top:0}@media (min-width:768px){.courseDetail .course-info .el-button{display:none}}.courseDetail .course-info .el-button:focus,.courseDetail .course-info .el-button:hover{background:none}.courseDetail .course-detail-item__label{font-size:20px;font-weight:700;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #f1f1f1}.courseDetail .course-detail-item .course-comment{display:flex;align-items:center;justify-content:space-between}.courseDetail .course-detail-item .num{font-size:14px;font-weight:400}.courseDetail .course-detail-item__content{display:flex;margin-bottom:20px}.courseDetail .course-detail-item__content-left{flex-basis:20%}.courseDetail .course-detail-item__content .avatar{display:flex;align-items:center}.courseDetail .course-detail-item__content .avatar-label{margin-left:10px;text-align:center}.courseDetail .course-detail-item__content .avatar-name{font-weight:700;margin-bottom:5px}.courseDetail .course-detail-item__content-right{flex:1}@media (min-width:768px){.courseDetail .chapter-wrap[style*="display: none"]{display:block!important}}.courseDetail .chapter-name{margin-bottom:12px}.courseDetail .chapter_chpd{display:flex;margin-bottom:10px;cursor:pointer;position:relative}.courseDetail .chapter_chpd .chpd-img{width:40%;position:relative}.courseDetail .chapter_chpd .chpd-img .el-image{height:auto;vertical-align:top;padding-bottom:56.25%;position:relative}.courseDetail .chapter_chpd .chpd-img .el-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.courseDetail .chapter_chpd .chpd-cont{flex:1;margin-left:10px;display:flex;flex-direction:column;justify-content:space-between}.courseDetail .chapter_chpd-stat>span{width:10px;height:10px;display:inline-block;border-radius:100%}.courseDetail .chapter_chpd-stat .end{background:#396}.courseDetail .chapter_chpd-stat .do{background:#373737;position:relative}.courseDetail .chapter_chpd-stat .do>div{width:6px;height:6px;background:#fff;border-radius:100%;position:absolute;top:2px;left:2px}.courseDetail .chapter_chpd-name{font-size:12px}.courseDetail .chapter_chpd-name:hover{color:#ef0f25}.courseDetail .chapter_chpd-seconds{font-size:12px;color:#9a9e9f}.courseDetail .chapter_chpd.is-player .chpd-playing{display:block;position:absolute;left:0;padding:3px 0;background:rgba(0,0,0,.8);bottom:0;width:100%;font-size:12px;z-index:1;text-align:center;color:#fff}.courseDetail .chapter_chpd.is-player .chapter_chpd-name{color:#ef0f25}.courseDetail [data-loader=rectangle]{display:inline-block;position:relative;margin-left:6px;margin-right:10px;width:3px;height:10px;-webkit-animation:rectangle 1s ease-in-out -.2s infinite;animation:rectangle 1s ease-in-out -.2s infinite;background-color:#ef0f25}.courseDetail [data-loader=rectangle]:after,.courseDetail [data-loader=rectangle]:before{position:absolute;bottom:0;width:3px;height:4px;content:"";background-color:#ef0f25}.courseDetail [data-loader=rectangle]:before{left:-6px;-webkit-animation:rectangle 1s ease-in-out -.4s infinite;animation:rectangle 1s ease-in-out -.4s infinite}.courseDetail [data-loader=rectangle]:after{right:-6px;-webkit-animation:rectangle 1s ease-in-out infinite;animation:rectangle 1s ease-in-out infinite}.courseDetail .el-tabs{margin-top:20px}.courseDetail .el-tabs .el-tabs__nav .el-tabs__item{font-size:16px;padding-right:10px}.courseDetail .attach{padding:0;margin:0;display:flex;flex-flow:wrap}.courseDetail .attach .el-link{margin-left:10px}.courseDetail .attach li{list-style:none;margin-bottom:10px;flex-basis:50%}.courseDetail .attach a{display:flex;align-items:center}.courseDetail .attach [class*=el-icon]{margin-right:5px}.courseDetail .attach .el-button{margin-left:auto}.courseDetail .el-drawer__header{margin-bottom:20px}@-webkit-keyframes rectangle{0%,80%,to{height:5px}40%{height:8px}}@keyframes rectangle{0%,80%,to{height:5px}40%{height:8px}}#course_vimeo:not([data-vimeo-initialized]){background:#f7f8fa;font-size:75px;color:#dcdee0;padding-bottom:56.25%;position:relative}#course_vimeo:not([data-vimeo-initialized]) img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#course_vimeo:not([data-vimeo-initialized]) [class*=el-icon]{opacity:.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
/*# sourceMappingURL=chunk-de9964c4.fe7a70ef.css.map */