#coursedetail .main[data-v-0b53cde2]{min-height:100vh}#coursedetail .main .head[data-v-0b53cde2]{position:relative;padding-top:60px;width:100%;height:240px;background-position-y:50%;background-repeat:no-repeat;background-size:cover}#coursedetail .main .head .content[data-v-0b53cde2]{position:absolute;left:50%;transform:translate(-50%);color:#fff;z-index:5}#coursedetail .main .head .content[data-v-0b53cde2] .el-breadcrumb{margin-top:30px}#coursedetail .main .head .content[data-v-0b53cde2] .el-breadcrumb .el-breadcrumb__inner,#coursedetail .main .head .content[data-v-0b53cde2] .el-breadcrumb .is-link{color:#fff}#coursedetail .main .head .content .title[data-v-0b53cde2]{font-size:30px;margin:30px 0 30px}#coursedetail .main .head .content .info[data-v-0b53cde2]{display:flex}#coursedetail .main .head .content .info div[data-v-0b53cde2]{text-align:center;margin-right:30px}#coursedetail .main .head .content .info div[data-v-0b53cde2] .el-rate__icon{margin-right:0}#coursedetail .main .head .content .info div p[data-v-0b53cde2]{margin-bottom:10px}#coursedetail .main .head .content .info div[data-v-0b53cde2]:last-child{margin-right:0}#coursedetail .main .head[data-v-0b53cde2]:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.8);z-index:1}#coursedetail .main .bottom[data-v-0b53cde2]{z-index:10;top:300px;display:flex}#coursedetail .main .bottom .left[data-v-0b53cde2]{width:70%;margin:20px 20px 20px 0;box-sizing:border-box}#coursedetail .main .bottom .left .content[data-v-0b53cde2],#coursedetail .main .bottom .left .project[data-v-0b53cde2]{padding:20px;margin-bottom:20px;background:#fff}#coursedetail .main .bottom .left .project .card[data-v-0b53cde2]{display:flex;margin-bottom:20px}#coursedetail .main .bottom .left .project .card img[data-v-0b53cde2]{width:120px;height:auto;border-radius:5px;margin-right:10px}#coursedetail .main .bottom .left .project .card .right[data-v-0b53cde2]{width:100%;border-bottom:1px solid #eee;padding:10px;display:flex;justify-content:space-between;cursor:pointer}#coursedetail .main .bottom .left .project .card .right .info[data-v-0b53cde2]{display:flex;flex-direction:column;justify-content:space-between;padding-left:10px}#coursedetail .main .bottom .left .project .card .right .info .title[data-v-0b53cde2]{font-size:16px}#coursedetail .main .bottom .left .project .card .right .info .difficulty[data-v-0b53cde2]{display:flex;font-size:14px;color:#999}#coursedetail .main .bottom .left .project .card .right .info .difficulty .child[data-v-0b53cde2]{display:flex;align-items:center;margin-right:50px}#coursedetail .main .bottom .left .project .card .right .btn[data-v-0b53cde2]{display:flex;align-items:flex-end}#coursedetail .main .bottom .left .project .card .right[data-v-0b53cde2]:hover{background:#f5f7fa}#coursedetail .main .bottom .side[data-v-0b53cde2]{position:relative;z-index:5;width:30%;margin-top:-60px}#coursedetail .main .bottom .side .apply[data-v-0b53cde2],#coursedetail .main .bottom .side .assess[data-v-0b53cde2],#coursedetail .main .bottom .side .know[data-v-0b53cde2],#coursedetail .main .bottom .side .others[data-v-0b53cde2],#coursedetail .main .bottom .side .target[data-v-0b53cde2]{padding:20px;border-radius:10px;background:#fff;margin-bottom:20px}#coursedetail .main .bottom .side .apply .info[data-v-0b53cde2],#coursedetail .main .bottom .side .assess .info[data-v-0b53cde2],#coursedetail .main .bottom .side .know .info[data-v-0b53cde2],#coursedetail .main .bottom .side .others .info[data-v-0b53cde2],#coursedetail .main .bottom .side .target .info[data-v-0b53cde2]{font-size:15px;line-height:30px;color:#616161!important}#coursedetail .main .bottom .side .others .course[data-v-0b53cde2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:15px 20px;border-radius:5px;border:1px solid #eee;font-size:16px}#coursedetail .main .bottom .side .others .course span[data-v-0b53cde2]{width:65%;line-height:24px}#coursedetail .main .bottom .side .others .course .el-button[data-v-0b53cde2]{display:none;font-size:12px;padding:5px 10px}#coursedetail .main .bottom .side .others .course[data-v-0b53cde2]:hover{background:#faecd8}#coursedetail .main .bottom .side .others .course:hover .el-button[data-v-0b53cde2]{display:inline-block}#coursedetail .main .bottom p.cardtitle[data-v-0b53cde2]{margin-bottom:20px;font-size:18px;font-weight:600}#coursedetail .main .bottom p.cardtitle i[data-v-0b53cde2]{color:#409eff;margin-right:10px}#coursedetail .main .bottom[data-v-0b53cde2] .info font,#coursedetail .main .bottom[data-v-0b53cde2] .info p,#coursedetail .main .bottom[data-v-0b53cde2] .info span{font-size:15px!important;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif!important;color:#616161!important;line-height:30px}