:root{--main:$mainBg;--danger:#f56c6c;--warning:#e6a23c;--success:#67c23a;--info:#909399}.liveCourseStatus{position:absolute;top:15px;left:15px;padding:5px;border-radius:2px;color:#fff;background-color:rgba(0,0,0,.4);z-index:10}.fenYe{padding-bottom:60px;padding-top:40px;margin:0 auto;text-align:center}.fenYe .el-pager li,.fenYe button{margin:0 5px;border:1px solid #eee;border-radius:2px;color:#adadad}.fenYe .el-input--mini .el-input__inner,.fenYe .el-pager li,.fenYe .el-pagination__editor.el-input .el-input__inner,.fenYe button,.fenYe span:not([class*=suffix]){height:32px;line-height:32px}.fenYe .el-pager li.active,.fenYe .el-pagination button:hover{color:#fff;background:#f9584c}.fenYe .el-pagination .btn-next .el-icon,.fenYe .el-pagination .btn-prev .el-icon{font-size:14px}.fenYe .btn-prev{padding-right:8px;margin-right:5px}.fenYe .btn-next{padding-left:8px;margin-left:5px}.course-filter{width:1240px;margin:0 auto;font-size:14px;color:#000}.filter-item{display:-webkit-box;display:-ms-flexbox;display:flex;padding:18px 20px 12px 0;border-bottom:1px solid #eee}.filter-item:last-child{border-bottom:none}.filter-item label{display:inline-block;width:80px;line-height:30px;margin-right:10px;font-weight:700}.filter-options{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% - 80px)}.filter-options span{min-width:64px;margin-right:20px;margin-bottom:5px;padding:5px 10px;border-radius:3px;cursor:pointer;text-align:center}.filter-options span.active{height:32px;line-height:24px;border-radius:35px;background-color:rgba(249,88,76,.14);color:#f9584c;font-size:14px;text-align:center;font-weight:700}.course-filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;margin-top:20px;border:1px solid #eee;background:#fff;color:#696969}.course-filters .filter-options span.active{background:transparent;color:#f9584c}.onlineCourseList{width:100%}.onlineCourseList .rightCont{padding-left:16px;width:calc(100% - 267px)}.onlineCourseList .classroom-section .students{height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#696969;font-size:14px}.onlineCourseList .classroom-section .students span{display:inline-block}.onlineCourseList .classroom-section .students .line{width:1px;height:12px;background-color:#bbb;margin:0 20px}.onlineCourseList .classroom-section .students .sp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.onlineCourseList .classroom-section .students .sp img{margin-left:0;margin-right:5px}.onlineCourseList .classroom-section .course-item .imgS{margin-top:15px!important}.onlineCourseList .classroom-section .course-item .imgS,.onlineCourseList .classroom-section .course-item img{width:368px;height:195px!important;margin:0 auto}.onlineCourseList .classroom-section .courseTag,.onlineCourseList .classroom-section .courseTit{padding:4px 15px}.onlineCourseList .classroom-section .course-info{padding:10px 15px 15px}.onlineCourseList .classroom-section .courseTag,.onlineCourseList .classroom-section .courseTit{margin-top:0}.onlineCourseList .classroom-section,.onlineCourseList .hot-course-section{width:1240px;margin:0 auto}.onlineCourseList .course-grid{display:-webkit-box;display:-ms-flexbox;display:flex;grid-gap:20px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.onlineCourseList .course-item{position:relative;width:32.2%;height:320px;background:#fff;font-size:14px;border-radius:2px;cursor:pointer;border:1px solid #ddd}.onlineCourseList .course-item img{width:368px;height:208px;margin:15px;border-radius:2px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.onlineCourseList .imgS{position:relative;overflow:hidden}.onlineCourseList .imgS .oneCourse{position:absolute;bottom:0;right:0;padding:2px 5px;color:#fff;font-size:12px;border-radius:2px 0 0 0;background-color:rgba(0,0,0,.35)}.onlineCourseList .classroom-section .course-item .imgS{margin-bottom:5px}.onlineCourseList .classroom-section .course-item .imgS,.onlineCourseList .classroom-section .course-item img{height:207px}.onlineCourseList .course-info{position:absolute;bottom:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0 15px}.onlineCourseList .hot-course-section .course-info{width:340px}.onlineCourseList .courseTit{margin-top:20px;font-size:16px;color:#000;padding:4px 0;width:100%;height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onlineCourseList .courseTag{font-size:12px;color:#f9584c;margin-top:7px}.onlineCourseList .courseTag .tag{display:inline-block;padding:0 5px;height:20px;line-height:18px;margin-right:6px;margin-bottom:5px;border-radius:3px;background-color:rgba(249,88,76,.14)}.onlineCourseList .price{color:#f73d24;font-size:18px;font-weight:700}.onlineCourseList .price_button{color:#f9584c;background-color:rgba(249,88,76,.1)}.onlineCourseList .price_butInfo,.onlineCourseList .price_button{width:86px;height:32px;line-height:32px;font-size:14px;text-align:center;border-radius:33px;display:inline-block}.onlineCourseList .price_butInfo{color:#999;background-color:hsla(0,0%,60%,.2)}.onlineCourseList .students{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#696969;font-size:14px}.onlineCourseList .students span{display:inline-block}.onlineCourseList .students .line{width:1px;height:12px;background-color:#bbb;margin:0 20px}.onlineCourseList .students .sp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.onlineCourseList .students .sp img{margin-left:0;margin-right:5px}.onlineCourseList .hot-course-section .course-item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:49%;flex-basis:49%;height:208px;-webkit-box-sizing:border-box;box-sizing:border-box}.onlineCourseList .hot-course-section img{width:267px;height:176px}.onlineCourseList .hot-course-section .course-info{margin-top:55px}.onlineCourseList .hot-course-section .course-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.onlineCourseList .hot-course-section .courseTag{margin-top:15px}.onlineCourseList .hot-course-section .students{height:25px}.onlineCourseList .view-more{display:block;text-align:right;color:#333;text-decoration:none}.onlineCourseList .el-icon-user{margin-right:4px}.no-data{text-align:center;height:300px;margin:30px auto}.no-data img{width:236px;height:153px;margin:30px 0}.watchReplay{color:#f9584c;background:#feefee}.notStart,.watchReplay{padding:5px 18px;border-radius:30px}.notStart{color:#696969;background:#ebebeb}