.teaching-item[data-v-58bc739d]{width:280px;height:250px;background:#fff;border-radius:4px}.teaching-item a[data-v-58bc739d]{width:100%;height:100%}.teaching-item a .img-container[data-v-58bc739d]{position:relative}.teaching-item a .img-container .teaching-tag[data-v-58bc739d]{box-sizing:content-box;height:20px;background:#f79210;border-radius:4px 0;padding:0 10px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;position:absolute;display:flex;line-height:20px}.teaching-item a .img-container .teaching-tag .ongoing-animation[data-v-58bc739d]{background:#f79210;height:12px;width:10px;display:flex;align-items:flex-end;margin-right:4px;margin-top:2px}.teaching-item a .img-container .teaching-tag .ongoing-animation .animation-icon[data-v-58bc739d]{float:left;background-color:#fff;border-radius:1px;width:1px;height:3px}.teaching-item a .img-container .teaching-tag .ongoing-animation div[data-v-58bc739d]:nth-of-type(1){margin:0 1px;animation:move-58bc739d .6s linear infinite alternate!important}.teaching-item a .img-container .teaching-tag .ongoing-animation div[data-v-58bc739d]:nth-of-type(2){margin:0 1px;animation:move-58bc739d .6s linear infinite .2s}.teaching-item a .img-container .teaching-tag .ongoing-animation div[data-v-58bc739d]:nth-of-type(3){margin:0 1px;animation:move-58bc739d .6s linear infinite .4s}.teaching-item a .img-container .teaching-tag .ongoing-animation div[data-v-58bc739d]:nth-of-type(4){margin:0 1px;animation:move-58bc739d .6s linear infinite .6s}@keyframes move-58bc739d{50%{height:100%}to{height:50%}}.teaching-item a .img-container>img[data-v-58bc739d]{height:140px;width:100%;border-top-left-radius:4px;border-top-right-radius:4px}.teaching-item a .img-container .class-time[data-v-58bc739d]{position:absolute;right:0;bottom:0px;left:0;height:24px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000000 100%);opacity:.4;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:24px;padding:0 10px}.teaching-item a .img-container .time[data-v-58bc739d]{position:absolute;bottom:0;left:10px;font-size:12px;color:#fff;opacity:.7}.teaching-item a .teaching-info[data-v-58bc739d]{padding:10px}.teaching-item a .teaching-info .teaching-title[data-v-58bc739d]{font-size:14px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#333;margin-bottom:10px;line-height:14px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.teaching-item a .teaching-info .teaching-classes[data-v-58bc739d]{height:12px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999}.teaching-item a .teaching-info .teacher[data-v-58bc739d]{height:14px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;display:flex;justify-content:space-between}.teaching-item a .teaching-info .teacher .class-info .info-item[data-v-58bc739d]{margin-left:10px}.teaching-item a .teaching-info .teacher .class-info .info-item>svg[data-v-58bc739d]{width:12px;height:12px;vertical-align:-1px}.famous-item[data-v-35d7854d]{width:280px;height:232px;background:#ffffff;border-radius:4px}.famous-item .img-container[data-v-35d7854d]{position:relative}.famous-item .img-container .course-tag[data-v-35d7854d]{box-sizing:content-box;height:20px;background:#f79210;border-radius:4px 0;padding:0 10px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;position:absolute;display:flex;line-height:20px}.famous-item .img-container .course-tag__vod[data-v-35d7854d]{background-color:#5d91e6}.famous-item .img-container .course-tag .ongoing-animation[data-v-35d7854d]{background:#f79210;height:12px;width:10px;display:flex;align-items:flex-end;margin-right:4px;margin-top:2px}.famous-item .img-container .course-tag .ongoing-animation .animation-icon[data-v-35d7854d]{float:left;background-color:#fff;border-radius:1px;width:1px;height:3px}.famous-item .img-container .course-tag .ongoing-animation div[data-v-35d7854d]:nth-of-type(1){margin:0 1px;animation:move-35d7854d .6s linear infinite alternate!important}.famous-item .img-container .course-tag .ongoing-animation div[data-v-35d7854d]:nth-of-type(2){margin:0 1px;animation:move-35d7854d .6s linear infinite .2s}.famous-item .img-container .course-tag .ongoing-animation div[data-v-35d7854d]:nth-of-type(3){margin:0 1px;animation:move-35d7854d .6s linear infinite .4s}.famous-item .img-container .course-tag .ongoing-animation div[data-v-35d7854d]:nth-of-type(4){margin:0 1px;animation:move-35d7854d .6s linear infinite .6s}@keyframes move-35d7854d{50%{height:100%}to{height:50%}}.famous-item .img-container>img[data-v-35d7854d]{width:100%;height:160px;border-top-left-radius:4px;border-top-right-radius:4px}.famous-item .img-container .course-info[data-v-35d7854d]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Microsoft YaHei,SimSun,Tahoma,Verdana,Arial;font-weight:600;color:#fff;line-height:20px}.famous-item .img-container .course-name[data-v-35d7854d]{font-size:20px;height:40px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.famous-item .img-container .course-subject[data-v-35d7854d]{width:fit-content;font-size:14px;padding:4px 20px;background:rgba(0,0,0,.12);border-radius:17px}.famous-item .img-container .course-start-time[data-v-35d7854d]{position:absolute;bottom:0;padding:0 10px;width:100%;height:24px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000000 100%);opacity:.4;font-size:12px;color:#fff;line-height:24px}.famous-item .img-container .time[data-v-35d7854d]{position:absolute;bottom:0;left:10px;font-size:12px;color:#fff;opacity:.7}.famous-item .famous-teacher-info[data-v-35d7854d]{padding:12px 10px 20px}.famous-item .famous-teacher-info .famous-teacher-name[data-v-35d7854d]{display:flex;justify-content:space-between;line-height:14px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;margin-bottom:12px}.famous-item .famous-teacher-info .famous-teacher-name .name .teacher-badge[data-v-35d7854d]{display:inline-block;width:18px;height:20px;vertical-align:-4px;background:url(../../../assets/images/famousTeacher.png) no-repeat}.famous-item .famous-teacher-info .famous-teacher-name .views>svg[data-v-35d7854d]{width:12px;height:12px;vertical-align:-1px;margin-right:4px}.famous-item .famous-teacher-info .school-name[data-v-35d7854d]{height:14px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;line-height:14px}.famous-item .famous-teacher-info .school-name .school-badge[data-v-35d7854d]{display:inline-block;width:18px;height:20px;vertical-align:-4px;background:url(../../../assets/images/famousSchool.png) no-repeat}.activity-item[data-v-3f70533f]{width:280px;height:276px;background:#fff;border-radius:4px;position:relative;cursor:pointer}.activity-item img[data-v-3f70533f]{width:100%;height:160px;border-radius:4px}.activity-item .item-progress[data-v-3f70533f]{position:absolute;top:0;left:0;padding:4px 10px;background:#f79210;border-radius:4px 0;font-size:12px;color:#fff;line-height:12px}.activity-item .item-progress[data-status="3"][data-v-3f70533f]{background:#aaa}.activity-item .bottom[data-v-3f70533f]{padding:10px 10px 16px}.activity-item .title[data-v-3f70533f]{height:44px;font-size:16px;font-weight:700;color:#333;margin-bottom:8px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all}.activity-item .unit[data-v-3f70533f]{font-size:12px;color:#999;line-height:17px;margin-bottom:4px;display:flex;height:17px}.activity-item .unit span[data-v-3f70533f]{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-item .time[data-v-3f70533f]{font-size:12px;color:#999;line-height:17px}.lesson-item[data-v-d62cc2f6]{width:280px;height:276px;background:#fff;border-radius:4px}.lesson-item a[data-v-d62cc2f6]{width:100%;height:100%;display:inline-block;position:relative}.lesson-item a .item-progress[data-v-d62cc2f6]{position:absolute;top:0;left:0;padding:4px 10px;background:#f79210;border-radius:0 0 4px;font-size:12px;color:#fff;line-height:12px}.lesson-item a img[data-v-d62cc2f6]{width:280px;height:160px}.lesson-item a .main[data-v-d62cc2f6]{padding:8px 10px 15px;color:#999;font-size:12px}.lesson-item a .main .title[data-v-d62cc2f6]{height:50px;font-size:16px;font-weight:700;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:10px}.lesson-item a .main .unit[data-v-d62cc2f6]{height:17px;margin-bottom:4px}.lesson-item a .main .bottom[data-v-d62cc2f6]{display:flex;justify-content:space-between;height:17px}.lesson-item a .main .bottom svg[data-v-d62cc2f6]{margin-right:4px}.lesson-item a .main .bottom div[data-v-d62cc2f6]{display:flex}