.course-header[data-v-7b4270da]{padding-top:24px;width:100%;height:148px;background:url(../img/course-bg.6a30c082.png) no-repeat top;background-size:cover;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff}.course-header .left[data-v-7b4270da]{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-header .left .img-box[data-v-7b4270da]{margin-right:20px;-webkit-box-flex:0;-ms-flex:0 0 140px;flex:0 0 140px;width:140px;height:140px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid #fff}.course-header .left .img-box>img[data-v-7b4270da]{display:block;width:100%;height:100%;border-radius:50%}.course-header .left .user-info[data-v-7b4270da]{margin-top:-40px}.course-header .left .user-info .name[data-v-7b4270da]{font-size:24px;line-height:38px;color:#fff;font-weight:600}.course-header .left .user-info .other[data-v-7b4270da]{margin-top:6px;font-size:14px;color:#fff}.course-header .left .user-info .other>span[data-v-7b4270da]{display:inline-block;margin-right:10px}.course-header .right[data-v-7b4270da]{float:right;margin-top:24px}.course-header .right dl dd[data-v-7b4270da],.course-header .right dl dt[data-v-7b4270da]{display:inline-block;vertical-align:middle;margin-right:24px}.course-header .right dl dd>span[data-v-7b4270da],.course-header .right dl dt>span[data-v-7b4270da]{display:block;font-size:14px;color:hsla(0,0%,100%,.8);text-align:center;line-height:24px}.course-header .right dl dd>span[data-v-7b4270da]:first-child,.course-header .right dl dt>span[data-v-7b4270da]:first-child{margin-bottom:4px;font-size:26px;font-weight:700}.course-header .right dl dt[data-v-7b4270da]{margin-right:24px;padding:8px 16px;border:1px solid hsla(0,0%,100%,.4);border-radius:18px;line-height:20px;color:hsla(0,0%,100%,.8);font-size:14px;cursor:pointer}.course-header .right dl dt[data-v-7b4270da]:hover{border-color:#fff;color:#fff}.course-header .right dl dt .iconfont[data-v-7b4270da]{padding-right:5px}.course-header .right dl dt .setting[data-v-7b4270da]{font-size:14px;color:hsla(0,0%,100%,.8)}.user-course[data-v-344e067e]{margin-bottom:50px}.user-course .user-course-content[data-v-344e067e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:40px}.user-course .user-course-content .nav-container[data-v-344e067e]{-webkit-box-flex:0;-ms-flex:0 0 172px;flex:0 0 172px;width:172px}.user-course .user-course-content .nav-container .nav-item[data-v-344e067e]{position:relative;margin-bottom:8px;padding-left:30px;height:48px;line-height:48px;font-size:16px;color:#787d82;cursor:pointer}.user-course .user-course-content .nav-container .nav-item[data-v-344e067e]:last-child{margin-bottom:0}.user-course .user-course-content .nav-container .nav-item.active[data-v-344e067e]{background-color:rgba(240,20,20,.8);border-radius:4px;color:#fff}.user-course .user-course-content .nav-container .nav-item.active[data-v-344e067e]:after{display:block;content:"";position:absolute;right:0;top:0;width:0;height:0;border-top:24px solid #fff;border-bottom:24px solid #fff;border-left:15px solid transparent}.user-course .user-course-content .nav-container .nav-item .iconfont[data-v-344e067e]{display:inline-block;vertical-align:middle;margin-right:10px;font-size:25px}.user-course .user-course-content .content-container[data-v-344e067e]{margin-left:50px;-webkit-box-flex:1;-ms-flex:1;flex:1}