.course-detail .info[data-v-3a20ccfb]{display:flex;height:287px;margin-bottom:40px}.course-detail .info>img[data-v-3a20ccfb]{width:384px;height:100%;margin-right:60px}.course-detail .info>div .msg p[data-v-3a20ccfb]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:10px;font-size:14px}.course-detail .info>div .msg p[data-v-3a20ccfb]:first-child{font-size:24px;font-weight:700;margin-top:0}.course-detail .info>div .msg p[data-v-3a20ccfb]:nth-child(2){color:#999}.course-detail .info>div .msg p[data-v-3a20ccfb]:nth-child(3),.course-detail .info>div .msg p[data-v-3a20ccfb]:nth-child(4){color:#666}.course-detail .info>div .btns[data-v-3a20ccfb]{margin-top:50px;display:flex;align-items:center}.course-detail .info>div .btns .btn[data-v-3a20ccfb]{height:40px;border-radius:20px;margin-right:20px;padding:0 24px;display:flex;align-items:center;justify-content:center;background-color:#ffe031;overflow:hidden;font-size:14px}.course-detail .info>div .btns .btn.gray[data-v-3a20ccfb]{background-color:#e7e7e7}.course-detail .info>div .btns .btn.buy[data-v-3a20ccfb]{padding:0;background-color:transparent}.course-detail .info>div .btns .btn.share[data-v-3a20ccfb]{margin-right:0;background-color:#e7e7e7}.course-detail .info>div .btns .btn img[data-v-3a20ccfb]{width:20px;height:20px;margin-right:4px}.course-detail .info>div .btns .btn button[data-v-3a20ccfb]{width:160px;flex:1;height:100%;border-radius:0;font-size:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#ffe031}.course-detail .info>div .btns .btn button.opacity[data-v-3a20ccfb]:first-child{background-color:rgba(255,224,49,.5)}.course-detail .info>div .btns .btn button.gray[data-v-3a20ccfb]{background-color:#e7e7e7}.course-detail .tabs[data-v-3a20ccfb]{height:48px;background-color:#f3f3f3}.course-detail .tabs .box[data-v-3a20ccfb]{width:800px;margin:0 auto;height:100%;display:flex}.course-detail .tabs .box a[data-v-3a20ccfb]{flex:1;display:flex;align-items:center;justify-content:center;position:relative;color:#999}.course-detail .tabs .box a.active[data-v-3a20ccfb]{color:#333;font-weight:700}.course-detail .tabs .box a.active[data-v-3a20ccfb]:after{content:"";position:absolute;background-color:#ffe031;width:36px;height:2px;border:1px;left:50%;transform:translateX(-50%);bottom:0}