.class[data-v-f37e0dcc]{padding:14.5px 0 20px 0;position:absolute;z-index:11;background:#fff;height:auto;width:190px;border-radius:8px}.class .class-box[data-v-f37e0dcc]{transition:all .2s;overflow:hidden}.class .class-first[data-v-f37e0dcc]{font-size:14px;font-weight:500;color:#333;line-height:35px;cursor:pointer;height:35px;padding:0 15px}.class .class-first[data-v-f37e0dcc]:hover{background:rgba(6,197,133,.16);color:#06c585}.class .class-first:hover .class-second-des[data-v-f37e0dcc]{color:#06c585}.class .class-second[data-v-f37e0dcc]{display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;cursor:pointer;height:35px;line-height:35px;padding:0 15px;color:#333}.class .class-second[data-v-f37e0dcc]:hover{background:rgba(6,197,133,.16);color:#06c585}.class .class-second:hover .class-second-des[data-v-f37e0dcc]{color:#06c585}.class .class-second .class-second-name[data-v-f37e0dcc]{font-size:14px;font-weight:500;line-height:20px;margin-right:10px}.class .class-second .class-second-des[data-v-f37e0dcc]{font-size:12px;color:#999;line-height:17px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.class .class-more[data-v-f37e0dcc]{cursor:pointer;padding:7.5px 15px;transition:all .25s ease-out}.classShadow[data-v-f37e0dcc]{box-shadow:0 2px 10px 0 rgba(0,0,0,.06)}.swiper[data-v-f6f56bc8]{height:346px;border-radius:8px;overflow:hidden}.swiper[data-v-f6f56bc8]:hover .el-carousel__arrow{display:block}.swiper img[data-v-f6f56bc8]{width:100%;height:100%;cursor:pointer}.swiper[data-v-f6f56bc8] .el-carousel__arrow{display:none}.swiper .el-carousel__button{width:8px;height:8px;background:#fff;opacity:.5;border-radius:50%}.swiper .is-active .el-carousel__button{width:20px;border-radius:8px}.userInfo[data-v-47e8af26]{padding:0 15px;position:relative;height:100%}.userInfo .user-box[data-v-47e8af26]{padding-top:35px;text-align:center}.userInfo .user-box img[data-v-47e8af26]{width:72px;height:72px;overflow:hidden;border-radius:50%}.userInfo .user-box .user-name[data-v-47e8af26]{margin-top:15px;font-size:16px;font-weight:500;color:#330;line-height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.userInfo .user-course[data-v-47e8af26]{margin-top:32px}.userInfo .user-course .couser-item[data-v-47e8af26]{display:block;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.userInfo .user-course .couser-item[data-v-47e8af26]:hover{color:#06c585}.userInfo .course-btn[data-v-47e8af26],.userInfo .operation-btn[data-v-47e8af26]{width:100%;margin-top:40px}.userInfo .course-btn button[data-v-47e8af26],.userInfo .operation-btn button[data-v-47e8af26]{width:160px;height:32px;line-height:32px;font-size:16px;font-weight:500;color:#fff;padding:0;background:#06c585;border-radius:16px;border:0}.userInfo .login-box[data-v-47e8af26]{display:flex;margin-top:30px;color:#666;font-size:14px}.userInfo .login-box .wrap-flex-item[data-v-47e8af26]{width:30px;margin-right:35px;cursor:pointer;text-align:center}.userInfo .login-box .wrap-flex-item .courseIcon[data-v-47e8af26]{font-size:22px;display:inline-block;margin-bottom:5px}.userInfo .login-box .wrap-flex-item[data-v-47e8af26]:last-of-type{margin-right:0}.userInfo .downloadAppImg[data-v-47e8af26]{width:168px;position:absolute;bottom:20px;left:0;right:0;margin:auto;z-index:20}.userInfo .downloadAppBox[data-v-47e8af26]{position:absolute;width:100%;height:100px;bottom:0;left:0}.userInfo .downloadAppBox .downloadAppText1[data-v-47e8af26]{position:absolute;top:16px;right:20px;z-index:22;font-size:12px;font-weight:500;color:#fff}.userInfo .downloadAppBox .downloadAppText2[data-v-47e8af26]{position:absolute;top:38px;right:15px;z-index:22;font-size:8px;font-weight:500;color:#fff}.recomCourse[data-v-411220b4]{margin-top:50px;width:1200px}.recomCourse .recomicon[data-v-411220b4]{cursor:pointer;transition:.3s;position:absolute;top:50%;z-index:10;transform:translateY(-50%);font-size:12px;width:34px;height:34px}.recomCourse .iconleft[data-v-411220b4]{left:-50px}.recomCourse .iconright[data-v-411220b4]{right:-50px}.recomCourse .title[data-v-411220b4]{display:flex;justify-content:space-between;align-items:center;font-size:28px;font-weight:500;color:#333;line-height:40px;margin-bottom:20px}.recomCourse .title .titleText[data-v-411220b4]{color:#333}.recomCourse .title .exchange-btn[data-v-411220b4]{font-size:14px;color:#999;display:flex}.recomCourse .title .exchange-btn span[data-v-411220b4]{display:flex}.recomCourse .title .exchange-btn i[data-v-411220b4]{font-size:14px;margin-right:5px}.recomCourse .title .exchange-btn[data-v-411220b4]:hover{color:#06c585}.recomCourse .course-box[data-v-411220b4]{display:flex;margin-top:15px}.recomCourse .course-box .course-item[data-v-411220b4]{width:285px;margin-right:20px;cursor:pointer;background:#fff;border-radius:8px}.recomCourse .course-box .course-item[data-v-411220b4]:hover{transform:translateY(-8px);transition:.2s}.recomCourse .course-box .course-item:hover .course-title[data-v-411220b4]{color:#06c585}.recomCourse .course-box .course-item[data-v-411220b4]:nth-child(4n){margin-right:0}.recomCourse .course-box .course-item img[data-v-411220b4]{width:285px;height:160px;-o-object-fit:cover;object-fit:cover;background:#d8d8d8;border-radius:8px 8px 0 0}.recomCourse .course-info[data-v-411220b4]{padding:10px;height:122px;background:#fff;border-radius:0 0 8px 8px}.recomCourse .course-info .course-title[data-v-411220b4]{font-size:18px;font-weight:500;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recomCourse .course-info .course-teacher[data-v-411220b4]{display:flex;align-items:center;margin-top:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recomCourse .course-info .course-teacher img[data-v-411220b4]{width:20px;height:20px;-o-object-fit:cover;object-fit:cover;margin-right:5px;border-radius:50%}.recomCourse .course-info .course-teacher p[data-v-411220b4]{font-size:14px;color:#666;line-height:22px}.recomCourse .course-info .course-price[data-v-411220b4]{display:flex;justify-content:space-between;margin-top:22px;white-space:nowrap;overflow:hidden;align-items:center}.recomCourse .course-info .course-price .price[data-v-411220b4]{color:#fc9402;font-weight:500;font-size:18px}.recomCourse .course-info .course-price .price i[data-v-411220b4]{font-size:12px;font-style:normal}.recomCourse .course-info .course-price .free[data-v-411220b4]{font-weight:500;font-size:18px;color:#06c585}.recomCourse .course-info .course-price .num[data-v-411220b4]{font-size:12px;color:#666;line-height:17px}.recomCourse[data-v-433abfe8]{margin-top:50px}.recomCourse .title[data-v-433abfe8]{font-size:28px;font-weight:500;color:#333;line-height:40px;margin-bottom:20px}.recomCourse[data-v-433abfe8] .el-tabs__nav-wrap:after{height:1px}.recomCourse .course-box[data-v-433abfe8]{display:flex;flex-wrap:wrap;padding-bottom:5px}.recomCourse .course-box .course-item[data-v-433abfe8]{width:285px;margin-right:20px;margin-top:15px;cursor:pointer;background:#fff;border-radius:8px;overflow:hidden}.recomCourse .course-box .course-item[data-v-433abfe8]:hover{transform:translateY(-8px);transition:.2s}.recomCourse .course-box .course-item:hover .course-title[data-v-433abfe8]{color:#06c585}.recomCourse .course-box .course-item[data-v-433abfe8]:nth-child(4n){margin-right:0}.recomCourse .course-box .course-item img[data-v-433abfe8]{width:285px;height:160px;-o-object-fit:cover;object-fit:cover;background:#d8d8d8;border-radius:8px 8px 0 0}.recomCourse .course-main[data-v-433abfe8]{position:relative}.recomCourse .course-main .courseTabs[data-v-433abfe8] .el-tabs__nav{width:1108px;overflow:hidden;white-space:nowrap}.recomCourse .course-main .show-more-btn[data-v-433abfe8]{position:absolute;top:0;right:0;font-size:14px;font-weight:500;color:#999;padding:0;line-height:38px;font-family:PingFangSC-Medium,PingFang SC!important}.recomCourse .course-main .show-more-btn i[data-v-433abfe8]{font-size:15px}.recomCourse .course-main .show-more-btn[data-v-433abfe8]:hover{color:#06c585}.recomCourse .course-main[data-v-433abfe8] .el-tabs__nav,.recomCourse .course-main img[data-v-433abfe8]{width:100%}.recomCourse .course-main[data-v-433abfe8] .el-tabs__nav #tab-more{float:right;color:#999;cursor:pointer}.recomCourse .course-main[data-v-433abfe8] .el-tabs__nav #tab-more i{font-size:15px}.recomCourse .course-main[data-v-433abfe8] .el-tabs__nav #tab-more .more-label:hover{color:#06c585}.recomCourse .course-info[data-v-433abfe8]{padding:10px;height:122px;background:#fff;border-radius:0 0 8px 8px}.recomCourse .course-info .course-title[data-v-433abfe8]{font-size:18px;font-weight:500;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recomCourse .course-info .course-teacher[data-v-433abfe8]{display:flex;align-items:center;margin-top:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recomCourse .course-info .course-teacher img[data-v-433abfe8]{width:20px;height:20px;-o-object-fit:cover;object-fit:cover;margin-right:5px;border-radius:50%}.recomCourse .course-info .course-teacher p[data-v-433abfe8]{font-size:14px;color:#666;line-height:22px}.recomCourse .course-info .course-price[data-v-433abfe8]{display:flex;justify-content:space-between;margin-top:22px;white-space:nowrap;overflow:hidden;align-items:center}.recomCourse .course-info .course-price .price[data-v-433abfe8]{color:#fc9402;font-weight:500;font-size:18px}.recomCourse .course-info .course-price .price i[data-v-433abfe8]{font-size:12px;font-style:normal}.recomCourse .course-info .course-price .free[data-v-433abfe8]{font-weight:500;font-size:18px;color:#06c585}.recomCourse .course-info .course-price .num[data-v-433abfe8]{font-size:12px;color:#666;line-height:17px}.popularArticles[data-v-7c367187]{margin-top:50px}.popularArticles .title[data-v-7c367187]{font-size:28px;font-weight:500;color:#333;line-height:40px;margin-bottom:20px;display:flex;justify-content:space-between}.popularArticles .title span[data-v-7c367187]{cursor:pointer;font-size:14px;color:#999}.popularArticles .title span[data-v-7c367187]:hover{color:#06c585}.popularArticles .article-main[data-v-7c367187]{margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap}.popularArticles .article-main .article-item[data-v-7c367187]{padding:15px;width:590px;height:171px;background:#fff;border-radius:8px;display:flex;margin-bottom:15px;cursor:pointer}.popularArticles .article-main .article-item:hover .article-title[data-v-7c367187]{color:#06c585}.popularArticles .article-main .article-item .article-info[data-v-7c367187]{width:466px}.popularArticles .article-main .article-item .time[data-v-7c367187]{margin-right:20px}.popularArticles .article-main .article-item .time .date[data-v-7c367187]{font-size:50px;font-weight:500;color:#bbb}.popularArticles .article-main .article-item .time .year[data-v-7c367187]{margin-top:5px;font-size:16px;font-weight:500;color:#bcbcbc;line-height:22px}.popularArticles .article-main .article-item .article-title[data-v-7c367187]{font-size:20px;font-weight:500;color:#333;line-height:28px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px}.popularArticles .article-main .article-item .article-introduce[data-v-7c367187]{margin-top:10px;font-size:16px;color:#666;line-height:22px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:66px}.article-introduce img{display:none}.lecturer[data-v-07d589a8]{width:1200px;margin:0 auto;position:relative;margin-top:50px;padding:0 15px;height:350px;border-radius:8px;overflow:hidden}.lecturer .mask[data-v-07d589a8]{position:absolute;z-index:11;top:60px}.lecturer .teacheer-left[data-v-07d589a8]{left:0}.lecturer .teacheer-right[data-v-07d589a8]{right:0}.lecturer .title[data-v-07d589a8]{font-size:28px;font-weight:500;color:#333;line-height:40px;margin-bottom:20px}.lecturer-content[data-v-07d589a8]{width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-animation:slideToRight-data-v-07d589a8 60s linear infinite;animation:slideToRight-data-v-07d589a8 60s linear infinite;height:290px}.img-item[data-v-07d589a8]{width:225px;height:290px;float:left;text-align:center;margin-right:15px;position:relative}.img-item img[data-v-07d589a8]{display:block;width:225px;height:290px;-o-object-fit:cover;object-fit:cover}.img-item .info[data-v-07d589a8]{position:absolute;bottom:0;text-align:center;height:70px;display:flex;align-items:center;align-content:center;width:100%;flex-wrap:wrap;color:#fff;background:rgba(36,67,101,.5);border-radius:0 0 8px 8px}.img-item .info p[data-v-07d589a8]{width:100%;line-height:20px;font-weight:500;font-size:18px}.img-item .info p+p[data-v-07d589a8]{font-size:14px;margin-top:5px}@-webkit-keyframes slideToRight-data-v-07d589a8{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes slideToRight-data-v-07d589a8{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.liveCourseWrap[data-v-23979cea]{margin-top:50px}.liveCourseWrap .titleBox[data-v-23979cea]{display:flex;justify-content:space-between;align-items:center}.liveCourseWrap .titleBox .titleText[data-v-23979cea]{font-size:28px;font-weight:500;color:#333}.liveCourseWrap .titleBox .show-more-btn[data-v-23979cea]{font-size:14px;color:#999}.liveCourseWrap .titleBox .show-more-btn i[data-v-23979cea]{font-size:15px}.liveCourseWrap .titleBox .show-more-btn[data-v-23979cea]:hover{color:#06c585}.liveCourseWrap .course-box[data-v-23979cea]{display:flex;margin-top:15px}.liveCourseWrap .course-box .course-item[data-v-23979cea]{width:285px;margin-right:20px;cursor:pointer;background:#fff;border-radius:8px;position:relative}.liveCourseWrap .course-box .course-item[data-v-23979cea]:hover{transform:translateY(-8px);transition:.2s}.liveCourseWrap .course-box .course-item:hover .course-title[data-v-23979cea]{color:#06c585}.liveCourseWrap .course-box .course-item[data-v-23979cea]:nth-child(4n){margin-right:0}.liveCourseWrap .course-box .course-item img[data-v-23979cea]{width:285px;height:160px;-o-object-fit:cover;object-fit:cover;background:#d8d8d8;border-radius:8px 8px 0 0}.liveCourseWrap .course-box .course-item .liveStatusBox[data-v-23979cea]{position:absolute;height:26px;top:10px;left:10px;display:flex;align-items:center;padding:0 5px 0 0;border-radius:13px;background:rgba(0,0,0,.49);color:#fff;font-size:14px;font-family:PingFangSC-Regular,PingFang SC}.liveCourseWrap .course-box .course-item .liveStatusBox .liveIconBox[data-v-23979cea]{width:26px;height:26px;border-radius:100%;background-image:linear-gradient(#fec605,#fc9402);display:flex;align-items:center;justify-content:center}.liveCourseWrap .course-box .course-item .liveStatusBox .liveIconBox img[data-v-23979cea]{width:16px;height:16px;border-radius:100%;background-image:linear-gradient(#fec605,#fc9402)}.liveCourseWrap .course-box .course-item .liveStatusBox .liveStatusText[data-v-23979cea]{font-size:14px;padding:0 2px;margin-left:5px}.liveCourseWrap .course-info[data-v-23979cea]{padding:10px;height:122px;background:#fff;border-radius:0 0 8px 8px}.liveCourseWrap .course-info .course-title[data-v-23979cea]{font-size:18px;font-weight:500;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.liveCourseWrap .course-info .course-teacher[data-v-23979cea]{display:flex;align-items:center;margin-top:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;color:#666;font-family:PingFangSC-Regular,PingFang SC}.liveCourseWrap .course-info .course-price[data-v-23979cea]{display:flex;justify-content:space-between;margin-top:22px;white-space:nowrap;overflow:hidden;align-items:center}.liveCourseWrap .course-info .course-price .price[data-v-23979cea]{color:#fc9402;font-weight:500;font-size:18px}.liveCourseWrap .course-info .course-price .price i[data-v-23979cea]{font-size:12px;font-style:normal}.liveCourseWrap .course-info .course-price .free[data-v-23979cea]{font-weight:500;font-size:18px;color:#06c585}.liveCourseWrap .course-info .course-price .num[data-v-23979cea]{font-size:12px;color:#666;line-height:17px}.home[data-v-bd025046]{font-family:PingFangSC-Medium,PingFang SC;display:flex;flex-direction:column;overflow:hidden}.home .top-main[data-v-bd025046]{position:relative;display:flex;justify-content:space-between}.home .top-main .top-left[data-v-bd025046]{width:190px;background:#fff;position:relative;min-height:346px;border-radius:8px}.home .top-main .top-center[data-v-bd025046]{width:795px;background:#fff;height:346px;border-radius:8px}.home .top-main .top-right[data-v-bd025046]{width:190px;background:#fff;height:346px;border-radius:8px}.home .school[data-v-bd025046]{margin-top:50px}.home .school .title[data-v-bd025046]{font-size:28px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:40px}.home .school img[data-v-bd025046]{margin-top:20px;width:1200px;height:366px}