[data-v-61c38b71]:root{--main:$mainBg;--danger:#f56c6c;--warning:#e6a23c;--success:#67c23a;--info:#909399}.page[data-v-61c38b71]{position:relative}.mask[data-v-61c38b71]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:#000;opacity:.3}.block[data-v-61c38b71]{width:100%;margin-top:-10px}.banner[data-v-61c38b71]{width:100%;height:520px;background:url(/img/banner.png) no-repeat;background-size:100% 100%}.banner-title[data-v-61c38b71]{position:absolute;left:360px;top:189px}.banner-title-name[data-v-61c38b71]{width:240px;height:68px;line-height:68px;color:#262626;font-size:48px;text-align:left;font-family:PingFangSC-regular}.banner-title-txt[data-v-61c38b71]{width:476px;height:42px;line-height:42px;color:#262626;font-size:28px;text-align:left;margin-top:24px;font-family:PingFangSC-regular}.course-list[data-v-61c38b71]{width:100%;padding:50px 0;background:#fff}.classroom-section[data-v-61c38b71],.hot-course-section[data-v-61c38b71],.news-section[data-v-61c38b71],.popular-course-section[data-v-61c38b71]{width:1240px;margin:0 auto}.pT[data-v-61c38b71]{-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[data-v-61c38b71],.pT[data-v-61c38b71]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.course-grid[data-v-61c38b71]{grid-gap:20px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.course-item[data-v-61c38b71]{overflow:hidden}.course-item[data-v-61c38b71]: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[data-v-61c38b71]{color:#409eff}.course-item:hover .courseMask[data-v-61c38b71]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.courseMask[data-v-61c38b71]{width:100%;line-height:169px;height:159px;overflow:hidden;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[data-v-61c38b71]{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[data-v-61c38b71]{-webkit-transform:scale(1.2);transform:scale(1.2)}.course-item[data-v-61c38b71]{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[data-v-61c38b71]{width:100%;height:159px;border-radius:4px 4px 0 0;background-color:#e5e5e5}.courseTit[data-v-61c38b71]{font-size:16px;color:#000;padding:4px 15px;width:100%;height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.courseDes[data-v-61c38b71]{padding:6px 15px 10px;line-height:20px;color:#999}.courseFoot[data-v-61c38b71]{padding:0 15px 10px;line-height:20px;color:#999;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}.view-more[data-v-61c38b71]{display:block;text-align:right;color:#696969;text-decoration:none;cursor:pointer}.news-section[data-v-61c38b71]{padding-bottom:60px}.hot-course-section .course-item[data-v-61c38b71]{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;border:1px solid #ececec}.hot-course-section img[data-v-61c38b71]{width:267px;height:176px}.hot-course-section .course-info[data-v-61c38b71]{margin-top:55px}.hot-course-section .course-grid[data-v-61c38b71]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hot-course-section .courseTag[data-v-61c38b71]{margin-top:15px}.hot-course-section .students[data-v-61c38b71]{padding-left:16px;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}.hot-course-section .students span[data-v-61c38b71]{display:inline-block}.hot-course-section .students .line[data-v-61c38b71]{width:1px;height:12px;background-color:#bbb;margin:0 20px}.hot-course-section .students .sp[data-v-61c38b71]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hot-course-section .students .sp img[data-v-61c38b71]{margin-left:0;margin-right:5px}.titName[data-v-61c38b71]{line-height:33px;color:#333;font-size:22px;height:30px;font-weight:600}.titDes[data-v-61c38b71]{margin-left:10px;padding-top:12px;color:#666;font-size:16px}.filterMain[data-v-61c38b71]{margin:20px 20px 20px 0}.filterMain span[data-v-61c38b71]{cursor:pointer;display:inline-block;line-height:30px;margin-right:30px;border:1px solid #bbb;border-radius:33px;color:#696969;font-size:14px;text-align:center;padding:0 15px}.filterMain span.active[data-v-61c38b71],.filterMain span[data-v-61c38b71]:hover{background-color:#409eff;color:#fff;border:1px solid #409eff}.courseRanking-list[data-v-61c38b71]:hover{-webkit-box-shadow:1px 0 6px 0 rgba(0,0,0,.09);box-shadow:1px 0 6px 0 rgba(0,0,0,.09);background:#fff;cursor:pointer}.courseRanking-list:hover .courseRanking-name[data-v-61c38b71]{color:#409eff}.courseRanking[data-v-61c38b71]{width:386px;height:493px;line-height:17px;border-radius:8px;background-color:#fff;font-size:12px;font-family:PingFangSC-regular;border:1px solid #e7e7e7;overflow:hidden}.courseRanking-title[data-v-61c38b71]{line-height:20px;color:#333;font-size:18px;text-align:left;padding:16px;font-weight:600;font-family:PingFangSC-medium;position:relative}.courseRanking-list[data-v-61c38b71]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 15px}.courseRanking-tag[data-v-61c38b71]{width:20px;height:20px;color:#999;line-height:20px;margin-right:8px;font-size:16px;text-align:center}.courseRanking-img[data-v-61c38b71]{width:112px;height:60px;border-radius:4px;margin-right:10px}.courseRanking-name[data-v-61c38b71]{color:#333;font-size:16px;margin-bottom:24px;max-width:200px}.courseRanking-orderNum[data-v-61c38b71]{color:#999;font-size:14px}.bg-top1[data-v-61c38b71]{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,132,39,.1)),color-stop(20%,#fff));background:linear-gradient(180deg,rgba(255,132,39,.1),#fff 20%);background-size:100% 100%}.bg-top1-tag[data-v-61c38b71]{font-size:14px;position:absolute;color:#ff8427;bottom:12px;left:100px}.bg-top2[data-v-61c38b71]{background:-webkit-gradient(linear,left top,left bottom,from(rgba(251,46,62,.1)),color-stop(20%,#fff));background:linear-gradient(180deg,rgba(251,46,62,.1),#fff 20%);background-size:100% 100%}.bg-top2-tag[data-v-61c38b71]{font-size:14px;position:absolute;color:#fb2e3e;bottom:12px;left:100px}.bg-top3[data-v-61c38b71]{background:-webkit-gradient(linear,left top,left bottom,from(rgba(23,111,247,.1)),color-stop(20%,#fff));background:linear-gradient(180deg,rgba(23,111,247,.1),#fff 20%);background-size:100% 100%}.bg-top3-tag[data-v-61c38b71]{font-size:14px;position:absolute;color:#176ff7;bottom:12px;left:100px}.ellipsis_1[data-v-61c38b71]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.no_data[data-v-61c38b71]{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[data-v-61c38b71]{width:236px;height:153px}.no_data>span[data-v-61c38b71]{margin-top:40px}