.lesson-detail-header[data-v-86c94e08]{height:188px;background:linear-gradient(45deg,#142d2d,#186da5)}.lesson-detail-header .bread-crumb[data-v-86c94e08]{padding-top:16px;line-height:24px;font-size:12px;color:hsla(0,0%,100%,.8)}.lesson-detail-header .name[data-v-86c94e08]{padding-top:4px;font-size:32px;line-height:36px;color:#fff}.lesson-detail-score .title[data-v-c41e5448]{margin-bottom:8px;font-size:16px;color:#07111b;line-height:24px}.lesson-detail-score .score-content[data-v-c41e5448]{padding:24px 4px;background-color:#eff2f5;border-radius:8px;box-sizing:border-box;text-align:center}.lesson-detail-score .score-content .rate-name[data-v-c41e5448]{margin-bottom:8px;font-size:16px;color:#07111b;line-height:24px;font-weight:700}.lesson-detail-score .score-content .rate[data-v-c41e5448]{margin-bottom:8px;color:#fa0;font-size:32px;font-weight:700;line-height:32px}.lesson-detail-score .score-content .comment-btn[data-v-c41e5448]{margin:0 auto 8px;width:160px;height:36px;line-height:36px;text-align:center;border-radius:36px;border:1px solid #f90;background-color:#eff2f5;font-size:14px;color:#f90;cursor:pointer}.lesson-detail-score .score-content .comment-btn[data-v-c41e5448]:hover{background-color:#f90;color:#fff}.lesson-detail-score .score-content .desc[data-v-c41e5448]{margin:0 auto 16px;padding-bottom:16px;width:90%;border-bottom:1px solid #d9dde1;font-size:12px;line-height:20px;color:#93999f}.lesson-detail-score .score-content .bottom[data-v-c41e5448]{display:flex;align-items:center}.lesson-detail-score .score-content .bottom dl[data-v-c41e5448]{flex:1;font-size:12px}.lesson-detail-score .score-content .bottom dl dt[data-v-c41e5448]{margin-bottom:2px;color:#07111b;line-height:16px}.lesson-detail-score .score-content .bottom dl dd[data-v-c41e5448]{color:#4d555d;line-height:16px}.buy-button[data-v-c41e5448]{background-color:#f01414;line-height:24px;color:#fff;margin-bottom:10px;width:100%;font-size:16px}.study-span[data-v-c41e5448]{font-weight:600;font-size:14px;color:#07111b;width:auto}.lesson-detail-teacher[data-v-0700b1bd]{margin-top:24px;margin-bottom:40px;padding:24px 36px 36px;background-color:#eff2f5;border-radius:8px;box-sizing:border-box;text-align:center}.lesson-detail-teacher .avatar[data-v-0700b1bd]{width:64px;height:64px;border-radius:50%}.lesson-detail-teacher .name[data-v-0700b1bd]{font-size:16px;color:#07111b;font-weight:700;line-height:28px}.lesson-detail-teacher .job[data-v-0700b1bd],.lesson-detail-teacher .level[data-v-0700b1bd]{font-size:14px;color:#4d555d;line-height:24px}.lesson-detail-teacher .job[data-v-0700b1bd]{margin-bottom:12px}.lesson-detail-teacher .introduce[data-v-0700b1bd]{font-size:13px;color:#4d555d;line-height:20px}.recommend .recommend-title[data-v-8433ebb6]{margin-bottom:12px;font-size:14px;font-weight:700}.recommend .recommend-item[data-v-8433ebb6]{display:flex;align-items:center;margin-bottom:8px;cursor:pointer}.recommend .recommend-item .img-box[data-v-8433ebb6]{flex:0 0 80px;width:80px;height:60px}.recommend .recommend-item .img-box>img[data-v-8433ebb6]{object-fit:cover;display:block;width:100%;height:100%;background-color:#ccc;border-radius:6px}.recommend .recommend-item .recommend-content[data-v-8433ebb6]{flex:1;margin-left:20px}.recommend .recommend-item .recommend-content .name[data-v-8433ebb6]{margin-bottom:4px;max-width:220px;font-size:14px;color:#545c63;line-height:24px}.recommend .recommend-item .recommend-content .desc>span[data-v-8433ebb6]{display:inline-block;vertical-align:middle;margin-right:10px;font-size:12px;color:#545c63}.recommend .recommend-item .recommend-content .desc>span.price[data-v-8433ebb6]{font-weight:800}.lesson-detail-content[data-v-4680a532]{margin-bottom:40px}.lesson-detail-content .nav-list[data-v-4680a532]{margin-top:-60px}.lesson-detail-content .nav-list .nav-item[data-v-4680a532]{display:inline-block;margin-right:72px;padding:12px 24px 16px;width:124px;height:60px;box-sizing:border-box;cursor:pointer}.lesson-detail-content .nav-list .nav-item>span[data-v-4680a532]{display:inline-block;vertical-align:middle;color:hsla(0,0%,100%,.6);font-size:16px}.lesson-detail-content .nav-list .nav-item>span.iconfont[data-v-4680a532]{margin-right:10px;font-size:32px;color:hsla(0,0%,100%,.6)}.lesson-detail-content .nav-list .nav-item.active[data-v-4680a532]{background-color:#fff;border-radius:4px 4px 0 0}.lesson-detail-content .nav-list .nav-item.active>span[data-v-4680a532]{color:#2b333b}.lesson-detail-content .nav-list .nav-item.active>span.iconfont[data-v-4680a532]{color:#f01414}.lesson-detail-content .lesson-information[data-v-4680a532]{margin-top:24px;display:flex;align-items:flex-start}.lesson-detail-content .lesson-information .info-left[data-v-4680a532]{flex:1}.lesson-detail-content .lesson-information .info-right[data-v-4680a532]{flex:0 0 300px;margin-left:40px;width:300px}