.detail-page .detail-header[data-v-56df1f04]{padding-bottom:20px}.detail-page .detail-header .detail-title[data-v-56df1f04]{font-size:14px;color:#999}.detail-page .detail-header .detail-title i[data-v-56df1f04]{margin:0 5px;font-size:12px}.detail-page .detail-header .detail-title span[data-v-56df1f04]{color:#333}.detail-page .res-box[data-v-56df1f04]{min-height:288px;padding:20px 120px 20px 455px;margin-bottom:20px;position:relative;background:#fff}.detail-page .res-box .res-img[data-v-56df1f04]{width:435px;height:250px;position:absolute;top:20px;left:20px;border-radius:4px;overflow:hidden}.detail-page .res-box .res-img img[data-v-56df1f04]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.detail-page .res-box .res-info[data-v-56df1f04]{height:100%;margin-left:20px;position:relative;font-size:14px;color:#999}.detail-page .res-box .res-info .res-name[data-v-56df1f04]{width:100%;font-size:22px;color:#333;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.detail-page .res-box .res-info .res-statistics[data-v-56df1f04]{margin:10px 0;line-height:30px}.detail-page .res-box .res-info .res-statistics>div[data-v-56df1f04]{display:inline-block;margin-right:30px}.detail-page .res-box .res-info .res-statistics>div span[data-v-56df1f04]{color:#666}.detail-page .res-box .res-info .res-statistics.desc[data-v-56df1f04]{min-height:83px}.detail-page .res-box .res-info .res-statistics.desc>div[data-v-56df1f04]{margin:0}.detail-page .res-box .res-info .class-study-num span[data-v-56df1f04]{color:#666}.detail-page .res-box .res-info .study-btn div[data-v-56df1f04]{display:inline-block;margin-left:20px;font-size:18px;color:#999}.detail-page .res-box .res-info .study-btn div span[data-v-56df1f04]{color:#4bbd4b}.detail-page .res-box .collect-box[data-v-56df1f04]{position:absolute;color:#999}.detail-page .res-box .collect-box i[data-v-56df1f04]{margin-right:5px}.detail-page .res-box .collect-box.collected[data-v-56df1f04],.detail-page .res-box .collect-box[data-v-56df1f04]:hover{color:#faa732}.detail-page .res-box .collect-box.student[data-v-56df1f04]{top:20px;right:20px}.detail-page .res-box .collect-box.teacher[data-v-56df1f04]{bottom:30px;left:475px;font-size:16px}.detail-page .detail-content .detail-main[data-v-56df1f04]{width:880px;min-height:665px;background:#fff}.detail-page .detail-content .detail-main .main-header[data-v-56df1f04]{padding-left:20px;height:50px;line-height:50px;border-bottom:1px solid #f0f0f0}.detail-page .detail-content .detail-main .main-body[data-v-56df1f04]{padding:0 20px;color:#333}.detail-page .detail-content .detail-main .main-body .video-introduce[data-v-56df1f04]{width:100%;padding:20px 0}.detail-page .detail-content .detail-main .main-body .video-introduce img[data-v-56df1f04]{width:100%;-o-object-fit:cover;object-fit:cover}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-title[data-v-56df1f04]{height:60px;line-height:60px;font-size:16px;font-weight:700}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-title span[data-v-56df1f04]{margin-right:10px}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item[data-v-56df1f04]{display:flex;flex-wrap:wrap;align-items:center;height:50px;position:relative;padding-right:130px;border-radius:4px;font-size:14px}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item.teacher-item[data-v-56df1f04]{padding-right:30px}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item i.icon-icon_video_accessory[data-v-56df1f04]{font-size:24px;color:#999}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item i[data-v-56df1f04]{margin:0 20px;color:#999}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item .res-title[data-v-56df1f04]{display:inline-block;vertical-align:middle;max-width:calc(100% - 125px)}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item .res-duration[data-v-56df1f04]{display:inline-block;vertical-align:middle;margin-left:10px}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item .study-status[data-v-56df1f04]{position:absolute;top:0;right:55px;bottom:0;color:#999;line-height:50px}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item span.iconfont[data-v-56df1f04]{position:absolute;top:0;right:20px;bottom:0;color:#4bbd4b;line-height:50px}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item span.iconfont.notStart[data-v-56df1f04]{color:#ccc}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item[data-v-56df1f04]:hover{color:#42a5f5;background:rgba(66,165,245,.2)}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item:hover i[data-v-56df1f04],.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item:hover span.iconfont[data-v-56df1f04]{color:#42a5f5}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item.disabled[data-v-56df1f04]{cursor:not-allowed;color:#ccc}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item.disabled .study-status[data-v-56df1f04],.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item.disabled i.icon-icon_video_accessory[data-v-56df1f04],.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item.disabled i[data-v-56df1f04],.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item.disabled span.iconfont.notStart[data-v-56df1f04],.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item.disabled span.iconfont[data-v-56df1f04]{color:#ccc}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item.disabled[data-v-56df1f04]:hover{color:#ccc;background:#fff}.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item.disabled:hover i[data-v-56df1f04],.detail-page .detail-content .detail-main .main-body .video-list .video-headline .video-item.disabled:hover span.iconfont[data-v-56df1f04]{color:#ccc}.detail-page .detail-content .detail-side[data-v-56df1f04]{width:300px;padding:15px 20px 0;border-radius:4px;background:#fff}.detail-page .detail-content .detail-side .study-title[data-v-56df1f04]{height:30px;margin-bottom:20px}.detail-page .detail-content .detail-side .study-title i[data-v-56df1f04]{margin-top:5px;color:#42a5f5}.detail-page .detail-content .detail-side .study-title span[data-v-56df1f04]{vertical-align:middle;font-size:18px;color:#333}.detail-page .detail-content .detail-side .study-title .sideline[data-v-56df1f04]{display:inline-block;vertical-align:middle;width:4px;height:18px;margin-right:10px;border-radius:1px;background:#42a5f5}.detail-page .detail-content .detail-side .resource-list .resource-item[data-v-56df1f04]{margin-bottom:20px}.detail-page .detail-content .detail-side .student-list[data-v-56df1f04]{min-height:280px}.detail-page .detail-content .detail-side .student-list .student-item[data-v-56df1f04]{height:40px;line-height:40px;margin-bottom:20px}.detail-page .detail-content .detail-side .student-list .student-item .rank-info[data-v-56df1f04]{width:22px;height:100%;position:relative;text-align:center;margin:5px 0}.detail-page .detail-content .detail-side .student-list .student-item .rank-info .rank-icon[data-v-56df1f04]{position:absolute;left:0;top:50%;transform:translateY(-50%)}.detail-page .detail-content .detail-side .student-list .student-item .student-avatar[data-v-56df1f04]{width:40px;height:40px;margin:0 10px;border-radius:50%;overflow:hidden}.detail-page .detail-content .detail-side .student-list .student-item .student-avatar img[data-v-56df1f04]{width:100%;height:100%;vertical-align:unset}.detail-page .detail-content .detail-side .student-list .student-item .student-info[data-v-56df1f04]{width:calc(100% - 82px);font-size:16px;color:#333}.detail-page .detail-content .detail-side .student-list .student-item .student-info .student-name[data-v-56df1f04]{max-width:135px}.detail-page .detail-content .detail-side .student-list .student-item .student-info .study-condition span[data-v-56df1f04]{margin-left:5px;font-size:12px}.detail-page .detail-content .detail-side .student-list .student-item .student-info .study-condition.excellent[data-v-56df1f04]{color:#faa732}.share-content[data-v-56df1f04]{text-align:center}.share-content .el-button[data-v-56df1f04]{margin-top:20px}.share-content[data-v-56df1f04] .el-textarea.is-disabled .el-textarea__inner{cursor:default}