.course-video[data-v-4d9fa5b3]{display:flex;width:100%;height:450px;padding:16px;background-color:#fff;border-radius:10px}.course-video .video-wrap[data-v-4d9fa5b3]{flex-shrink:0;width:686px;height:100%;margin-right:36px}.course-video .video-wrap video[data-v-4d9fa5b3]{width:100%;height:100%;border-radius:4px;-o-object-fit:fill;object-fit:fill}.course-video .video-wrap .cover[data-v-4d9fa5b3]{position:relative;display:flex;flex-flow:column;justify-content:center;height:100%;width:100%;padding-left:40px;color:#fff;background-size:100% 100%;background-repeat:no-repeat;border-radius:4px}.course-video .video-wrap .cover .title[data-v-4d9fa5b3]{font-size:54px;font-weight:700}.course-video .video-wrap .cover .description[data-v-4d9fa5b3]{margin-top:20px;font-size:24px;font-weight:600}.course-video .video-wrap .cover img.play-button[data-v-4d9fa5b3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.course-video .subject-wrap[data-v-4d9fa5b3]{flex:1;display:flex;flex-flow:column;justify-content:space-between}.course-video .subject-wrap__header .title[data-v-4d9fa5b3]{margin-bottom:16px;font-size:20px;font-weight:600;color:#1f264d}.course-video .subject-wrap__header .subject-description[data-v-4d9fa5b3]{line-height:22px;font-size:16px;font-weight:400;color:#596080}.course-video .subject-wrap__footer ul.operators[data-v-4d9fa5b3]{margin-bottom:54px}.course-video .subject-wrap__footer ul.operators li.operator-item[data-v-4d9fa5b3]{display:flex;align-items:center;font-size:14px;font-weight:400;color:#596080}.course-video .subject-wrap__footer ul.operators li.operator-item+li[data-v-4d9fa5b3]{margin-top:16px}.course-video .subject-wrap__footer ul.operators li.operator-item i.icon[data-v-4d9fa5b3]{margin-right:7px;font-size:24px}.course-video .subject-wrap__footer ul.operators li.operator-item .operator-button[data-v-4d9fa5b3]{margin-left:20px;color:#2e57e5;cursor:pointer}.course-video .subject-wrap__footer ul.operators li.operator-item .operator-button i[data-v-4d9fa5b3]{font-weight:600}.course-subject[data-v-8757398e]{width:100%;padding:16px;background-color:#fff;border-radius:10px}.course-subject .iframe-wrap[data-v-8757398e]{display:flex;width:100%;height:417px;overflow:hidden}.course-subject .iframe-wrap iframe[data-v-8757398e]{flex:1;margin-top:-65px}.course-subject .image-wrap[data-v-8757398e]{flex-shrink:0;width:686px;height:100%;margin-right:36px}.course-subject .image-wrap img[data-v-8757398e]{width:100%;height:100%;border-radius:4px}.course-subject .subject-wrap[data-v-8757398e]{flex:1;display:flex;flex-flow:column;justify-content:space-between}.course-subject .subject-wrap__header .title[data-v-8757398e]{margin-bottom:16px;font-size:20px;font-weight:600;color:#1f264d}.course-subject .subject-wrap__header .subject-description[data-v-8757398e]{line-height:22px;font-size:14px;font-weight:400;color:#596080}.course-subject .subject-wrap__footer ul.operators[data-v-8757398e]{margin-bottom:54px}.course-subject .subject-wrap__footer ul.operators li.operator-item[data-v-8757398e]{display:flex;align-items:center;font-size:14px;font-weight:400;color:#596080}.course-subject .subject-wrap__footer ul.operators li.operator-item+li[data-v-8757398e]{margin-top:16px}.course-subject .subject-wrap__footer ul.operators li.operator-item i.icon[data-v-8757398e]{margin-right:7px;font-size:24px}.course-subject .subject-wrap__footer ul.operators li.operator-item .operator-button[data-v-8757398e]{margin-left:20px;color:#2e57e5;cursor:pointer}.course-subject .subject-wrap__footer ul.operators li.operator-item .operator-button i[data-v-8757398e]{font-weight:600}.popular-science[data-v-da5e2c88]{display:flex;width:100%;min-height:450px;background-color:#fff;border-radius:10px}.popular-science__content[data-v-da5e2c88]{flex:1;padding:40px 0 40px 75px;margin-right:14px}.popular-science__content .header[data-v-da5e2c88]{margin-bottom:33px;font-size:20px;font-weight:600;color:#1f264d}.popular-science__content .content .content-item .title[data-v-da5e2c88]{display:flex;align-items:center;height:24px;padding-left:11px;margin:11px 0;font-size:16px;font-weight:600;color:#213d82;background:linear-gradient(90deg,#f2f5ff,rgba(242,245,255,0) 91.58%);border-left:2px solid #2e4cb2;border-radius:2px}.popular-science__content .content .content-item .content-wrap[data-v-da5e2c88]{color:#1c3a84}.popular-science__content .content .content-item .content-wrap .child-title[data-v-da5e2c88]{margin:6px 0;line-height:24px;font-size:14px}.popular-science__content .content .content-item .content-wrap p[data-v-da5e2c88]{line-height:22px;font-size:12px;text-indent:2em}.popular-science__content .content .content-item .content-wrap img[data-v-da5e2c88]{margin-top:10px;margin-right:10px}.popular-science__menu[data-v-da5e2c88]{position:sticky;top:0;flex-shrink:0;display:flex;flex-flow:column;width:275px;height:calc(100vh - 72px)}.popular-science__menu .menu-seat-top[data-v-da5e2c88]{height:40px;border-left:1px solid #ddd}.popular-science__menu .menu-item[data-v-da5e2c88]{padding-left:14px;line-height:28px;font-size:12px;font-weight:400;color:#1c3a84;border-left:1px solid #ddd;cursor:pointer}.popular-science__menu .menu-item.active[data-v-da5e2c88]{font-size:14px;font-weight:600;color:#2e4cb2;border-color:#2e4cb2}.popular-science__menu .menu-item[data-v-da5e2c88]:hover{color:#2e4cb2}.popular-science__menu .menu-seat-bottom[data-v-da5e2c88]{flex:1;border-left:1px solid #ddd}.course-detail[data-v-35ab930e]{position:relative;height:100%;overflow:auto;background:linear-gradient(180deg,rgba(46,87,229,.06),transparent 31.07%),#f7f9fc}.course-detail__banner[data-v-35ab930e]{position:relative;margin-bottom:30px}.course-detail__banner img[data-v-35ab930e]{width:100%;height:236px}.course-detail__banner .title[data-v-35ab930e]{position:absolute;top:50%;left:50%;width:1310px;margin:0 auto;font-size:24px;font-weight:600;color:#fff;transform:translate(-50%,-50%)}.course-detail__content[data-v-35ab930e]{width:1310px;margin:0 auto}.course-detail__content .tabs[data-v-35ab930e]{display:flex;align-items:center;height:40px;margin-bottom:24px;border-bottom:1px solid #b8bccc}.course-detail__content .tabs .tab-item[data-v-35ab930e]{display:flex;align-items:center;padding-right:16px;margin-right:16px;font-size:16px;font-weight:600;color:#596080;cursor:pointer}.course-detail__content .tabs .tab-item.divider[data-v-35ab930e]{border-right:1px dashed #2e4cb2}.course-detail__content .tabs .tab-item.active[data-v-35ab930e]{color:#2e4cb2}.course-detail__content .tabs .tab-item i[data-v-35ab930e]{margin-right:8px;font-size:24px}