.video-panel .video-container[data-v-b797e796]{width:415px;height:442px;box-sizing:border-box;background:#fff;border-radius:4px;padding:0 20px 20px}.video-panel .video-container .title[data-v-b797e796]{display:flex;height:64px;justify-content:space-between;align-items:center;border-bottom:1px solid #f3f3f3;font-weight:500;font-size:14px;color:#222;line-height:20px;font-style:normal}.video-panel .video-container .title .confirm-btn[data-v-b797e796]{width:48px;height:24px;background:#37d26e;border-radius:4px;font-weight:500;font-size:14px;color:#fff;line-height:22px;text-align:center;font-style:normal;cursor:pointer}.video-panel .video-container .scroll-container[data-v-b797e796]{overflow-y:auto;max-height:358px}.video-panel .video-container .scroll-container .group-list[data-v-b797e796]{margin-top:20px;display:flex;align-items:center;overflow-y:hidden;overflow-x:auto}.video-panel .video-container .scroll-container .group-list .group-item[data-v-b797e796]{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;font-weight:400;font-size:14px;color:#666;line-height:22px;margin-left:10px;margin-right:10px;cursor:pointer}.video-panel .video-container .scroll-container .group-list .group-item.active[data-v-b797e796]{font-weight:500;font-size:16px;color:#222;line-height:22px}.video-panel .video-container .scroll-container .chapter-list[data-v-b797e796]{margin-top:10px}.video-panel .video-container .scroll-container .chapter-list .chapter-item[data-v-b797e796]{margin-bottom:10px}.video-panel .video-container .scroll-container .chapter-list .chapter-item .chapter-name[data-v-b797e796]{display:flex;align-items:center;justify-content:space-between;height:30px;background:#f5f6f7;border-radius:4px;font-weight:500;font-size:14px;color:#222;line-height:22px;cursor:pointer;padding:0 10px}.video-panel .video-container .scroll-container .chapter-list .chapter-item .chapter-name.active[data-v-b797e796],.video-panel .video-container .scroll-container .chapter-list .chapter-item .chapter-name[data-v-b797e796]:hover{background:#f5f6f7;border-radius:4px}.video-panel .video-container .scroll-container .chapter-list .chapter-item .chapter-name .arrow-icon[data-v-b797e796]{background:url(../../202577105243/img/arrow_down.svg) no-repeat;background-size:100% 100%;width:12px;height:12px;display:inline-block;transform:rotate(180deg);transition:all .3s}.video-panel .video-container .scroll-container .chapter-list .chapter-item .chapter-name .arrow-icon.active[data-v-b797e796]{transform:rotate(0deg)}.video-panel .video-container .scroll-container .chapter-list .chapter-item .chapter-name>span[data-v-b797e796]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:320px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-panel .video-container .scroll-container .lesson-list[data-v-b797e796]{margin-top:6px;margin-bottom:4px;padding-left:10px}.video-panel .video-container .scroll-container .lesson-list .lesson-item[data-v-b797e796]{display:flex;align-items:center;margin-bottom:10px;cursor:pointer}.video-panel .video-container .scroll-container .lesson-list .lesson-item.active .radio-icon[data-v-b797e796],.video-panel .video-container .scroll-container .lesson-list .lesson-item:hover .radio-icon[data-v-b797e796]{background:url(../../202577105243/img/radio_active.svg) no-repeat;background-size:100% 100%}.video-panel .video-container .scroll-container .lesson-list .lesson-item.active .lesson-info .lesson-name[data-v-b797e796],.video-panel .video-container .scroll-container .lesson-list .lesson-item:hover .lesson-info .lesson-name[data-v-b797e796]{color:#37d26e}.video-panel .video-container .scroll-container .lesson-list .lesson-item .radio-icon[data-v-b797e796]{background:url(../../202577105243/img/radio.svg) no-repeat;background-size:100% 100%;width:16px;height:16px;display:inline-block;margin-right:10px}.video-panel .video-container .scroll-container .lesson-list .lesson-item .lesson-info[data-v-b797e796]{font-weight:400;font-size:12px;color:#666}.video-panel .video-container .scroll-container .lesson-list .lesson-item .lesson-info .lesson-name[data-v-b797e796]{height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:320px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-panel .video-container .scroll-container .lesson-list .lesson-item .lesson-info .lesson-type[data-v-b797e796]{background:#f5f7f8;border-radius:2px;padding:1px 2px;text-align:center;color:#999;height:22px;line-height:22px;display:inline-block}