.page-select-course-detail{width:790px;padding-top:30px;margin:0 auto}.page-select-course-detail .video-wrap{width:788px}.page-select-course-detail .video-wrap video{width:100%}.page-select-course-detail .title-wrap{display:flex;align-items:center;justify-content:space-between}.page-select-course-detail .title-wrap .title-text{width:700px;font-size:20px;line-height:30px;color:#17181a}.page-select-course-detail .title-wrap .btn-shopping{width:140px}.page-select-course-detail .tag-list{display:flex;margin-top:10px}.page-select-course-detail .tag-list .tag-item{margin:10px 10px 0 0}.page-select-course-detail .desc{margin-top:30px;font-size:16px;line-height:24px;color:#17181a}.page-select-course-detail .instructor-wrap{display:flex;align-items:center;padding:20px;margin-top:30px;background:#f5f5f5;border-radius:2px}.page-select-course-detail .instructor-wrap .avatar-wrap{position:relative;width:170px;height:183px;background-position:50%;background-size:cover}.page-select-course-detail .instructor-wrap .avatar-wrap .i-play{position:absolute;right:10px;bottom:10px;width:48px;height:48px;cursor:pointer;background:#fff;border-radius:50%}.page-select-course-detail .instructor-wrap .avatar-wrap .i-play:after{position:absolute;top:50%;left:50%;display:block;margin-left:6px;content:"";border-top:9px solid transparent;border-right:11px solid transparent;border-bottom:9px solid transparent;border-left:11px solid #a11a22;transform:translate(-50%,-50%)}.page-select-course-detail .instructor-wrap .info-wrap{width:560px;margin-left:20px}.page-select-course-detail .instructor-wrap .info-wrap .name{font-size:24px;line-height:36px;color:#17181a}.page-select-course-detail .instructor-wrap .info-wrap .school{margin-top:5px;font-size:16px;line-height:24px;color:#a11a22}.page-select-course-detail .instructor-wrap .info-wrap .bio{margin-top:20px;font-size:14px;line-height:20px;color:#7c7d80}@media screen and (max-width:1190px){.page-select-course-detail{width:100%;padding:20px 15px}.page-select-course-detail .video-wrap{width:350px}.page-select-course-detail .title-wrap .title-text{width:calc(100% - 60px)}.page-select-course-detail .instructor-wrap{display:block}.page-select-course-detail .instructor-wrap .info-wrap{width:100%;margin:20px 0 0 0;margin-left:20px}}.component-tag[data-v-5833feee]{--skin-color:#a11a22;--bg-opacity:0.1;--bg-color:var(--skin-color);position:relative;width:-moz-fit-content;width:fit-content;padding:0 10px;color:var(--skin-color);font-size:12px;font-weight:600;line-height:20px}.component-tag .label-content[data-v-5833feee]{position:relative;z-index:2}.component-tag.skin-lang[data-v-5833feee]{--skin-color:#7c7d80}.component-tag.skin-human[data-v-5833feee]{--skin-color:#e4763f}.component-tag.skin-science[data-v-5833feee]{--skin-color:#377ecf}.component-tag.skin-finance[data-v-5833feee]{--skin-color:#20c25d}.component-tag.skin-social[data-v-5833feee]{--skin-color:#e1b74f}.component-tag.skin-lp[data-v-5833feee]{--skin-color:#a11a22;--bg-opacity:1;--bg-color:#f8d3d5}.component-tag.skin-prerequisite[data-v-5833feee]{--skin-color:#2953b6}.component-tag[data-v-5833feee]:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:"";background:var(--bg-color);border-radius:2px;opacity:var(--bg-opacity);z-index:1}