:root{--main:$mainBg;--danger:#f56c6c;--warning:#e6a23c;--success:#67c23a;--info:#909399}.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}.no_data{padding-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no_data>img{width:236px;height:153px}.no_data>span{margin-top:40px}.filter-item label{display:inline-block;width:80px;line-height:30px;margin-right:10px;font-weight:700}.filter-maxHeight{max-height:145px;overflow:hidden}.filter-Expanded{position:absolute;bottom:0;right:0;min-width:64px;height:32px;line-height:24px;font-size:14px;margin-bottom:5px;padding:5px 10px;border-radius:3px;cursor:pointer;text-align:center}.filter-Expanded:hover{color:#409eff}.filter-options{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% - 80px);position:relative}.filter-options span{min-width:64px;height:32px;line-height:24px;font-size:14px;margin-right:20px;margin-bottom:5px;padding:5px 10px;border-radius:3px;cursor:pointer;text-align:center}.filter-options span.active,.filter-options span:hover{border-radius:35px;background-color:rgba(64,158,255,.14);color:#409eff}.course-list{width:100%;padding:50px 0;background:#fff}.classroom-section,.hot-course-section,.news-section,.popular-course-section{width:1240px;margin:0 auto}.pT{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:-5px 0 20px;height:30px;line-height:1;font-size:16px;color:#232323}.course-grid,.pT{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.course-grid{grid-gap:20px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.course-item{overflow:hidden}.course-item:hover{-webkit-box-shadow:0 5px 8px 0 rgba(0,0,0,.09);box-shadow:0 5px 8px 0 rgba(0,0,0,.09);cursor:pointer}.course-item:hover .courseTit{color:#409eff}.course-item:hover .courseMask{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.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:#409eff}.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}.courseMask{width:100%;line-height:159px;border-radius:4px 4px 0 0;position:absolute;background-color:rgba(0,0,0,.4);text-align:center;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.courseMask span{font-size:42px;color:#fff;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.course-item:hover .courseMask span{-webkit-transform:scale(1.2);transform:scale(1.2)}.course-item{width:23.7%;line-height:17px;border-radius:4px;background-color:#fff;font-family:-regular;font-size:14px;border:1px solid #e7e7e7;position:relative}.course-item img{width:100%;height:159px;border-radius:4px 4px 0 0;background-color:#e5e5e5}.courseTit{font-size:16px;color:#000;padding:4px 15px;width:100%;height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.courseDes{padding:6px 15px 10px}.courseDes,.courseFoot{line-height:20px;color:#999}.courseFoot{padding:0 15px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}