.zu-empty[data-v-817d868c]{padding-top:40rem;padding-bottom:40rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.zu-empty-img[data-v-817d868c]{width:350rem;height:198rem}.zu-empty-img-box[data-v-817d868c]{font-size:0}.zu-empty-text[data-v-817d868c]{margin-top:20rem;font-size:14rem;color:#999}.course-page[data-v-08bec03b]{height:calc(100vh - 120rem);display:flex;flex-direction:column}.course-header[data-v-08bec03b]{height:160rem;margin-bottom:24rem;padding:40rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:6rem}.course-header .title[data-v-08bec03b]{font-size:32rem;font-weight:500;color:#222;margin-bottom:24rem}.course-header .info[data-v-08bec03b]{font-size:18rem;color:#666;gap:20rem}.course-header .item[data-v-08bec03b]{margin-right:40rem}.course-header .item .txt[data-v-08bec03b]{color:#888}.course-header .item .val[data-v-08bec03b]{color:#1d2088}.course-header .view[data-v-08bec03b]{font-size:18rem;color:#888;cursor:pointer}.course-container[data-v-08bec03b]{height:calc(100vh - 304rem);overflow:auto;display:flex}.course-lectures[data-v-08bec03b]{width:280rem;height:calc(100vh - 304rem);margin-right:24rem;flex-shrink:0;background-color:#eef0f4;overflow:auto;border-radius:4rem}.course-lectures-item[data-v-08bec03b]{position:relative;height:156rem;padding:24rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.course-lectures-item.active[data-v-08bec03b]{background-color:#fff}.course-lectures-item.active[data-v-08bec03b]:before{content:"";position:absolute;top:0;left:0;width:3rem;height:100%;background-color:#598bff;border-radius:4rem}.course-lectures-item .title[data-v-08bec03b]{margin-bottom:12rem;color:#3c3c3c;font-size:20rem;font-weight:500}.course-lectures-item .content[data-v-08bec03b]{color:#666;font-size:15rem;line-height:30rem}.course-content[data-v-08bec03b]{min-width:0;flex:1;background-color:#fff;border-radius:4rem}.course-content-tabs[data-v-08bec03b]{display:flex;border-bottom:1rem solid #f4f4f4}.course-content-tabs .item[data-v-08bec03b]{position:relative;width:124rem;height:66rem;padding:0 20rem;font-size:18rem;color:#3c3c3c;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.course-content-tabs .item.active[data-v-08bec03b]{color:#1c4efd}.course-content-tabs .item.active[data-v-08bec03b]:before{content:"";position:absolute;bottom:0;left:50%;border-style:solid;border-width:6rem;border-color:transparent transparent #1c4efd transparent;transform:translateX(-50%)}.course-content-tabs .item.active[data-v-08bec03b]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#1c4efd}.course-content-list[data-v-08bec03b]{height:calc(100vh - 370rem - 1px);padding:0 24rem;overflow:auto}.course-content-list .item[data-v-08bec03b]{display:flex;align-items:center;padding:36rem 16rem;border-bottom:1rem solid #efefef}.course-content-list .item .icon[data-v-08bec03b]{width:68rem;height:68rem;margin-right:24rem;flex-shrink:0}.course-content-list .item .img[data-v-08bec03b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-content-list .item .title[data-v-08bec03b]{min-width:0;flex:1;color:#3d3d3d;font-size:20rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-content-list .item .btn[data-v-08bec03b]{margin-left:24rem;flex-shrink:0}.course-content-empty[data-v-08bec03b]{height:100%;display:flex;justify-content:center;align-items:center}