.course-box[data-v-15d0b8b2]{width:100%;height:100%}.pc-style .course[data-v-15d0b8b2]{background:#f5f5f5;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.pc-style .course .course-head[data-v-15d0b8b2]{background:#fff}.pc-style .course .course-head .head-inner[data-v-15d0b8b2]{margin:0 auto;padding:10px 20px;width:1120px;display:flex;align-items:center;justify-content:space-between}.pc-style .course .course-head .head-inner .head-title[data-v-15d0b8b2]{font-size:16px;font-weight:700;flex:1;margin-right:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-style .course .course-head .head-inner .header-btns[data-v-15d0b8b2]{display:flex;justify-content:flex-end;align-items:center;cursor:pointer}.pc-style .course .course-head .head-inner .header-btns .user-dropdown[data-v-15d0b8b2]{padding:5px;border-radius:10px}.pc-style .course .course-head .head-inner .header-btns .user-dropdown[data-v-15d0b8b2]:hover{background:#f5f7fa}.pc-style .course .course-head .head-inner .header-btns .user-dropdown .user-dropdown-link[data-v-15d0b8b2]{display:flex;align-items:center}.pc-style .course .course-head .head-inner .header-btns .user-dropdown .user-dropdown-link .user-name[data-v-15d0b8b2]{margin:0 5px;font-size:14px}.pc-style .course .course-inner[data-v-15d0b8b2]{flex:1;overflow:auto;display:flex;padding:20px;margin:0 auto;width:1120px}.pc-style .course .course-base-info[data-v-15d0b8b2]{width:40%;max-width:790px;background:#fff;border-radius:10px;overflow:auto}.pc-style .course .course-base-info .base-info[data-v-15d0b8b2]{display:flex;padding:20px}.pc-style .course .course-base-info .base-info .course-cover[data-v-15d0b8b2]{width:150px;height:150px;border-radius:10px;overflow:hidden}.pc-style .course .course-base-info .base-info .course-cover img[data-v-15d0b8b2]{width:100%}.pc-style .course .course-base-info .base-info .course-des[data-v-15d0b8b2]{flex:1;min-width:0px;margin-left:20px}.pc-style .course .course-base-info .base-info .course-des .course-title[data-v-15d0b8b2]{font-size:16px;font-weight:700;margin-bottom:5px}.pc-style .course .course-base-info .base-info .course-des .des-item[data-v-15d0b8b2]{margin-bottom:5px}.pc-style .course .course-base-info .course-intro[data-v-15d0b8b2]{padding:20px}.pc-style .course .course-base-info .course-intro .intro-title[data-v-15d0b8b2]{font-size:16px;margin-bottom:5px;font-weight:700}.pc-style .course .course-base-info .course-intro .intro-content[data-v-15d0b8b2]{font-size:14px}.pc-style .course .course-base-info .course-intro[data-v-15d0b8b2] img{max-width:100%}.pc-style .course .catalog[data-v-15d0b8b2]{flex:1;background:#fff;background:linear-gradient(var(--el-color-primary-light-8) 0px,#ffffff 40px);border-radius:10px;margin-left:10px;padding:20px;border:3px solid var(--el-color-primary);overflow:auto}.pc-style .course .catalog .catalog-title[data-v-15d0b8b2]{font-size:16px;font-weight:700;margin-bottom:10px}.pc-style .course .catalog .chap-list[data-v-15d0b8b2]{font-size:14px;margin-bottom:15px}.pc-style .course .catalog .chap-list .chap-item[data-v-15d0b8b2]{background:#fff;padding:15px;margin-bottom:10px;border-radius:10px;border:1px solid rgba(0,0,0,.05)}.pc-style .course .catalog .chap-list .chap-item[data-v-15d0b8b2]:last-child{margin-bottom:0}.pc-style .course .catalog .chap-list .chap-item .chap-title[data-v-15d0b8b2]{font-weight:700;position:relative;display:flex;align-items:center;cursor:pointer}.pc-style .course .catalog .chap-list .chap-item .chap-title .title-text[data-v-15d0b8b2]{flex:1;font-size:16px}.pc-style .course .catalog .chap-list .chap-item .chap-title[data-v-15d0b8b2]:before{content:"";display:block;width:4px;background:var(--el-color-danger);position:absolute;left:-8px;top:3px;bottom:3px}.pc-style .course .catalog .chap-list .chap-item .section-list.has-chap-title[data-v-15d0b8b2]{padding-top:10px}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item[data-v-15d0b8b2]{border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;padding:10px 0}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item .section-title[data-v-15d0b8b2]{flex:1;cursor:pointer;margin-right:10px}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item .section-title[data-v-15d0b8b2]:hover{color:var(--el-color-primary)}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item .section-title .free-tips[data-v-15d0b8b2]{font-size:12px;color:#909399}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns[data-v-15d0b8b2]{display:flex;align-items:center}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn[data-v-15d0b8b2]{padding:0 10px}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn>span[data-v-15d0b8b2]{display:flex;align-items:center}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn .btn-icon[data-v-15d0b8b2]{line-height:1;margin-right:3px;display:none}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn .btn-text[data-v-15d0b8b2]{line-height:1}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn.btn-statistics[data-v-15d0b8b2]{height:32px;display:flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--el-color-primary-light-9);border-radius:8px;margin-left:12px}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn.btn-statistics .btn-text[data-v-15d0b8b2]{display:none}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .section-progress[data-v-15d0b8b2]{display:block;width:3em}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .section-progress .progress-text[data-v-15d0b8b2]{font-size:12px;text-align:center;color:var(--el-color-primary)}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .section-progress .progress-text.zero[data-v-15d0b8b2]{color:#909399}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .section-progress[data-v-15d0b8b2] .el-progress-bar__outer{background:#0003}.pc-style .course .catalog .chap-list .chap-item .section-list .section-item[data-v-15d0b8b2]:last-child{border-bottom:none}.mobile-style .course[data-v-15d0b8b2]{background:#f5f5f5;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.mobile-style .course .course-head[data-v-15d0b8b2]{background:#fff;border-bottom:1px solid rgba(0,0,0,.1)}.mobile-style .course .course-head .head-inner[data-v-15d0b8b2]{margin:0 auto;padding:0 10px;height:44px;display:flex;align-items:center;justify-content:space-between}.mobile-style .course .course-head .head-inner .head-title[data-v-15d0b8b2]{font-size:16px;font-weight:700;flex:1;margin-right:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-style .course .course-head .head-inner .header-btns[data-v-15d0b8b2]{display:flex;justify-content:flex-end;align-items:center;cursor:pointer}.mobile-style .course .course-head .head-inner .header-btns .user-dropdown[data-v-15d0b8b2]{padding:10px}.mobile-style .course .course-head .head-inner .header-btns .user-dropdown .user-dropdown-link[data-v-15d0b8b2]{display:flex;align-items:center}.mobile-style .course .course-head .head-inner .header-btns .user-dropdown .user-dropdown-link .user-name[data-v-15d0b8b2]{display:none;margin:0 5px;font-size:14px}.mobile-style .course .course-inner[data-v-15d0b8b2]{overflow:auto;padding:0;margin:0 auto;flex:1;width:100%}.mobile-style .course .course-base-info[data-v-15d0b8b2]{width:40%;max-width:790px;background:#fff;border-radius:10px;display:none}.mobile-style .course .course-base-info .base-info[data-v-15d0b8b2]{display:flex;padding:20px}.mobile-style .course .course-base-info .base-info .course-cover[data-v-15d0b8b2]{width:150px;height:150px;border-radius:10px;overflow:hidden}.mobile-style .course .course-base-info .base-info .course-cover img[data-v-15d0b8b2]{width:100%}.mobile-style .course .course-base-info .base-info .course-des[data-v-15d0b8b2]{flex:1;min-width:0px;margin-left:20px}.mobile-style .course .course-base-info .base-info .course-des .course-title[data-v-15d0b8b2]{font-size:16px;font-weight:700;margin-bottom:5px}.mobile-style .course .course-base-info .base-info .course-des .des-item[data-v-15d0b8b2]{margin-bottom:5px}.mobile-style .course .course-base-info .course-intro[data-v-15d0b8b2]{padding:20px}.mobile-style .course .course-base-info .course-intro .intro-title[data-v-15d0b8b2]{font-size:16px;margin-bottom:5px;font-weight:700}.mobile-style .course .course-base-info .course-intro .intro-content[data-v-15d0b8b2]{font-size:14px}.mobile-style .course .course-base-info .course-intro[data-v-15d0b8b2] img{max-width:100%}.mobile-style .course .catalog[data-v-15d0b8b2]{padding:8px}.mobile-style .course .catalog .catalog-title[data-v-15d0b8b2]{font-size:16px;font-weight:700;margin-bottom:10px;display:none}.mobile-style .course .catalog .chap-list[data-v-15d0b8b2]{font-size:14px;margin-bottom:15px}.mobile-style .course .catalog .chap-list .chap-item[data-v-15d0b8b2]{background:#fff;padding:15px;margin-bottom:10px;border-radius:10px;border:1px solid rgba(0,0,0,.05)}.mobile-style .course .catalog .chap-list .chap-item[data-v-15d0b8b2]:last-child{margin-bottom:0}.mobile-style .course .catalog .chap-list .chap-item .chap-title[data-v-15d0b8b2]{font-weight:700;position:relative;display:flex;align-items:center}.mobile-style .course .catalog .chap-list .chap-item .chap-title .title-text[data-v-15d0b8b2]{flex:1;font-size:16px}.mobile-style .course .catalog .chap-list .chap-item .chap-title[data-v-15d0b8b2]:before{content:"";display:block;width:4px;background:var(--el-color-danger);position:absolute;left:-15px;top:3px;bottom:3px}.mobile-style .course .catalog .chap-list .chap-item .section-list.has-chap-title[data-v-15d0b8b2]{padding-top:10px}.mobile-style .course .catalog .chap-list .chap-item .section-list .section-item[data-v-15d0b8b2]{border-bottom:1px solid rgba(0,0,0,.05);padding:10px 0;display:flex;align-items:center}.mobile-style .course .catalog .chap-list .chap-item .section-list .section-item .section-title[data-v-15d0b8b2]{flex:1;margin-right:10px}.mobile-style .course .catalog .chap-list .chap-item .section-list .section-item .section-title .title-text[data-v-15d0b8b2]{max-height:3em;display:-webkit-box;line-height:1.5em;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.mobile-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns[data-v-15d0b8b2]{display:flex;align-items:center;justify-content:flex-end}.mobile-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn[data-v-15d0b8b2]{padding:0 10px;border-left:1px solid rgba(0,0,0,.1);border-radius:0;margin:0;display:flex;align-items:center}.mobile-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn[data-v-15d0b8b2]:first-child{border-left:none}.mobile-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn[data-v-15d0b8b2]:last-child{padding-right:0}.mobile-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn .btn-text[data-v-15d0b8b2]{display:none}.mobile-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn .btn-icon[data-v-15d0b8b2]{font-size:20px;line-height:1}.mobile-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn .section-progress[data-v-15d0b8b2]{width:32px;display:block;text-align:center}.mobile-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn .section-progress .progress-text[data-v-15d0b8b2]{font-size:12px;color:var(--el-color-primary);line-height:1;margin-bottom:3px}.mobile-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn .section-progress .progress-text.zero[data-v-15d0b8b2]{color:#909399}.mobile-style .course .catalog .chap-list .chap-item .section-list .section-item .section-btns .btn .section-progress[data-v-15d0b8b2] .el-progress-bar__outer{background:#0003}.mobile-style .course .catalog .chap-list .chap-item .section-list .section-item[data-v-15d0b8b2]:last-child{border-bottom:none}.shengcaidianzishu-style .course-head[data-v-15d0b8b2]{display:none}