.p-group-course[data-v-1b1ed82f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#fff}.p-group-course .c-course-list[data-v-1b1ed82f]{width:280px;max-height:100%;padding:32px 0 32px 0;border-right:1px solid #eee;overflow-y:auto}.p-group-course .c-course-list .stage-name[data-v-1b1ed82f]{display:block;padding:6px 10px 6px 24px;color:#333;font-weight:700;font-size:16px;line-height:24px}.p-group-course .c-course-list .course-item[data-v-1b1ed82f]{padding:6px 10px 6px 34px;color:#666;font-size:14px;line-height:22px;cursor:pointer}.p-group-course .c-course-list .course-item span[data-v-1b1ed82f]{display:none}.p-group-course .c-course-list .course-item.active[data-v-1b1ed82f]{padding:10px 10px 10px 34px;color:#2accd7;font-weight:700;font-size:16px;line-height:24px;background-color:#f9fcfd}.p-group-course .c-course-list .course-item.active span[data-v-1b1ed82f]{display:block;font-size:14px}.p-group-course .c-course-chapters[data-v-1b1ed82f]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-height:100%;padding:24px;overflow-y:auto}.p-group-course .c-course-chapters .chapter-head[data-v-1b1ed82f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:56px;padding:0 20px;color:#333;font-size:16px;background-color:#f4f4f4}.p-group-course .c-course-chapters .chapter-head .chapter-seq[data-v-1b1ed82f]{width:20px;text-align:right}.p-group-course .c-course-chapters .chapter-head .chapter-name[data-v-1b1ed82f]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:20px}.p-group-course .c-course-chapters .chapter-body[data-v-1b1ed82f]{padding:12px 0;color:#333;font-size:14px}.p-group-course .c-course-chapters .chapter-body .period-item[data-v-1b1ed82f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:46px;padding:0 30px}.p-group-course .c-course-chapters .chapter-body .period-item .progress[data-v-1b1ed82f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:14px;height:14px;border:1px solid #999;border-radius:50%}.p-group-course .c-course-chapters .chapter-body .period-item .progress .progress-inner[data-v-1b1ed82f]{width:8px;height:8px;position:relative;border-radius:50%;overflow:hidden}.p-group-course .c-course-chapters .chapter-body .period-item .progress .progress-inner[data-v-1b1ed82f]:after{width:0;position:absolute;top:0;bottom:0;left:0;background-color:#2accd7;content:""}.p-group-course .c-course-chapters .chapter-body .period-item .progress .progress-inner.half[data-v-1b1ed82f]:after{width:50%}.p-group-course .c-course-chapters .chapter-body .period-item .progress .progress-inner.full[data-v-1b1ed82f]:after{width:100%}.p-group-course .c-course-chapters .chapter-body .period-item .period-seq[data-v-1b1ed82f]{width:45px;margin-left:6px}.p-group-course .c-course-chapters .chapter-body .period-item .period-name[data-v-1b1ed82f]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:15px;color:#333}.p-group-course .c-course-chapters .chapter-body .period-item .period-length[data-v-1b1ed82f]{width:60px;text-align:right}