.progress-container[data-v-449a3bb7]{width:100%;height:10px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.2);box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.progress-bar[data-v-449a3bb7]{height:100%;background:-webkit-gradient(linear,left top,right top,from(#667eea),to(#764ba2));background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.wrapper[data-v-77568b2a]{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;height:100%}.img-box[data-v-77568b2a]{width:100%;height:auto}.bg-top[data-v-77568b2a]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:140px;background:linear-gradient(204deg,rgba(211,229,250,0),#f5f7fd 65%,#f3f3f3)}.page-content[data-v-77568b2a]{background:-webkit-gradient(linear,left top,left bottom,from(#f2f7ff),color-stop(11%,#fff),to(#fff));background:linear-gradient(180deg,#f2f7ff,#fff 11%,#fff);-o-border-image:linear-gradient(180deg,#fff,hsla(0,0%,100%,0)) 2 2;border-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,0))) 2 2;border-image:linear-gradient(180deg,#fff,hsla(0,0%,100%,0)) 2 2;overflow:hidden}.page-content .page-content-center[data-v-77568b2a]{padding:10px 10px;overflow:hidden;border-radius:12px}.title-top[data-v-77568b2a]{border-bottom:1px solid #e9ecef}.title-top-other[data-v-77568b2a],.title-top[data-v-77568b2a]{font-family:PingFang SC;font-weight:600;font-size:18px;color:#000;padding:14px 5px}.title-top-other[data-v-77568b2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px}.title-top-other .studentsNum[data-v-77568b2a]{font-size:14px;font-weight:500;color:#666;background:#e9ecef;padding:5px 10px;border-radius:10px}.line-swiper-img[data-v-77568b2a]{padding:14px 20px;background:#f8f9fa;border-radius:10px}.line-swiper-img[data-v-77568b2a] img,.line-swiper-img[data-v-77568b2a] video{width:100%!important;height:auto!important}.hudong-box[data-v-77568b2a]{background:#f8f9fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:80px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;border-radius:10px}.hudong-box .nums[data-v-77568b2a]{font-size:24px;font-weight:700;color:#478ff5}.hudong-box .nums1[data-v-77568b2a]{font-size:18px;font-weight:700;color:#478ff5}.hudong-box .title[data-v-77568b2a]{font-size:13px;color:#666}.progress[data-v-77568b2a]{width:100%;text-align:center;height:35px;line-height:35px;color:#666}.people-box[data-v-77568b2a]{padding:8px 8px 2px;border:1px solid #e9ecef;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:6px}.people-box .pelple-name[data-v-77568b2a]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-box>div[data-v-77568b2a]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#333;width:23%;padding:4px 6px;text-align:center;margin-right:2%;margin-bottom:6px}.people-box>div[data-v-77568b2a]:nth-child(4n){margin-right:0}.sketch-box[data-v-77568b2a]{padding:12px;border:1px solid #e9ecef;border-radius:6px}.line-box[data-v-77568b2a]{margin:20px 0 0 0;width:100%;border-bottom:2px solid #e9ecef}.line[data-v-77568b2a]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:14px 5px;border-bottom:1px solid #e9ecef}.line .label[data-v-77568b2a]{width:8rem;font-family:PingFang SC;font-weight:400;font-size:15px;color:#737478}.line .text-sp[data-v-77568b2a],.line .text[data-v-77568b2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:PingFang SC;font-weight:400;font-size:15px;color:#000}.line .text-sp[data-v-77568b2a]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.line .text-sp .text-sp-unit[data-v-77568b2a]{font-family:PingFang SC;font-weight:400;font-size:15px;color:#737478}.completed[data-v-77568b2a]{border-left:4px solid #0ca}.progressing[data-v-77568b2a]{border-left:4px solid #2196f3}.nostart[data-v-77568b2a]{border-left:4px solid #f08b00}.courses-box[data-v-77568b2a]{display:-webkit-box;display:-ms-flexbox;display:flex;background:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.courses-box .small-icon[data-v-77568b2a]{width:35px;height:35px;margin-right:12px}.courses-box .course-name[data-v-77568b2a]{font-size:15px;color:#333;font-weight:500;margin-bottom:2px;word-wrap:break-word;overflow-wrap:break-word}.courses-box .course-date[data-v-77568b2a]{font-size:13px;margin-bottom:2px;color:#666}.courses-box .teacher[data-v-77568b2a]{border-left:4px solid #2196f3;background:rgba(71,143,245,.1);font-size:13px;color:#478ff5;padding:3px 6px;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center}.courses-box .teacher>img[data-v-77568b2a]{width:18px;height:18px;margin-right:5px}.file-dowmload[data-v-77568b2a]{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 0;margin-top:5px;background-color:hsla(0,0%,94.5%,.65);border-radius:10px}.file-dowmload .left[data-v-77568b2a],.file-dowmload[data-v-77568b2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.file-dowmload .left[data-v-77568b2a]{width:15%;-ms-flex-pack:distribute;justify-content:space-around}.file-dowmload .left .left-img[data-v-77568b2a]{width:20px!important;height:20px!important}.file-dowmload .center[data-v-77568b2a]{width:50%;color:#000;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-dowmload .right[data-v-77568b2a]{width:25%;text-align:center}.file-dowmload .right .download-file[data-v-77568b2a]{display:inline-block;width:80%;height:32px;line-height:32px;padding:0 8px;font-size:12px;text-align:center;color:#1092f6;border:1px solid #1092f6;border-radius:999px}