.body[data-v-2ccf3c4c]{width:1200px;height:100vh;margin:0 auto}.body .content[data-v-2ccf3c4c]{height:279px}.body .content .content-video-top-text[data-v-2ccf3c4c]{width:80px;font-weight:400;font-size:20px}.body .content .line[data-v-2ccf3c4c]{height:5px;width:70px;margin-top:4px;margin-bottom:10px;background-color:#4394ff;border-radius:10px}.body .content .content-list[data-v-2ccf3c4c]{margin-top:20px;height:185px;border:1px solid #eee;border-radius:5px;padding:15px 38px 20px 20px}.body .content .content-list .content-list-type[data-v-2ccf3c4c]{font-size:18px;color:#000;font-family:PingFang SC}.body .content .content-list .content-list-all[data-v-2ccf3c4c]{margin-top:15px;display:inline-flex}.body .content .content-list .content-list-all .content-list-image[data-v-2ccf3c4c]{width:201px;height:142px;border-radius:5px;background-color:#4394ff}.body .content .content-list .content-list-all .content-list-content[data-v-2ccf3c4c]{padding-left:20px}.body .content .content-list .content-list-all .content-list-content .list-title[data-v-2ccf3c4c]{font-size:18px;font-weight:400;color:#000}.body .content .content-list .content-list-all .content-list-content .list-content[data-v-2ccf3c4c]{width:940px;margin-top:13px;line-height:22px;height:44px;text-overflow:ellipsis;overflow:hidden}.body .content .content-list .content-list-all .content-list-content .list-date[data-v-2ccf3c4c]{margin-top:11px;height:22px}.body .content .content-list .content-list-all .content-list-content .list-time[data-v-2ccf3c4c]{display:flex;justify-content:space-between;margin-top:5px;height:22px}.body .content .content-list .content-list-all .content-list-content .button-blue[data-v-2ccf3c4c]{height:31px;background:#4394ff;border-radius:23px;font-size:12px;font-weight:400;color:#fff;border:none;padding:7px 18px}.margin-top-10[data-v-2ccf3c4c]{margin-top:10px}.course-item[data-v-2ccf3c4c]{border:1px solid #eee;padding:20px;margin-bottom:20px}.course-item .course-type-name[data-v-2ccf3c4c]{margin-bottom:15px}.course-item .course-content[data-v-2ccf3c4c]{display:flex}.course-item .course-content .course-content-item[data-v-2ccf3c4c]{margin-left:20px;position:relative;width:100%}.course-item .course-content .course-content-item .course-name[data-v-2ccf3c4c]{margin-bottom:13px;font-size:18px}.course-item .course-content .course-content-item .course-descr[data-v-2ccf3c4c]{color:#b1b1b1;line-height:20px;height:52px}.course-item .course-content .course-content-item .time[data-v-2ccf3c4c]{color:#b1b1b1}.course-item .course-content .course-content-item .button[data-v-2ccf3c4c]{position:absolute;right:0;bottom:0}.list-content-text[data-v-2ccf3c4c]{font-size:16px;font-weight:400;color:#b1b1b1}.pagination[data-v-2ccf3c4c]{text-align:center}.live-label[data-v-2ccf3c4c]{position:relative}.live-label span[data-v-2ccf3c4c]{width:51px;height:18px;position:absolute;top:4px;right:4px;display:inline-block;font-size:12px;color:#fff;border-radius:2px;box-sizing:border-box;line-height:18px;text-align:center}.course-img[data-v-2ccf3c4c]{width:280px;height:145px}.course-img img[data-v-2ccf3c4c]{max-width:300px;height:145px;width:280px}