.courseDescription{background-color:#fafafa;min-width:1200px;overflow:auto;.courseDescription_box{width:1200px;min-height:600px;margin-bottom:100px;.course-info{background:#fff;border:1px solid #f2f2f2;border-radius:8px;padding:27px 34px;.cover{width:455px;height:256px;margin-right:31px;border-radius:6px;flex-shrink:0}.base-info-right{width:100%;.info-part{margin-top:12px;.title{font-size:19px;margin:15px 0;font-weight:700}.project-name,.teacher,.time{color:#999;font-size:14px;margin-bottom:8px;line-height:20px}.time{margin-bottom:0!important}}.count-data{margin-top:40px;padding:14px 0;font-size:13px;text-align:center;color:#999;background-color:#fafafa;.count{color:#f66e39;font-size:25px;font-weight:700;i{font-size:12px;font-weight:300}}&>div:nth-child(2) .count{color:#50aff9}&>div:nth-child(3) .count{color:#ffa955}&>div:nth-child(4) .count{color:#3ddb9a}&>div:nth-child(5) .count{color:#5370a2}}}}.detail-info{margin-top:32px;display:flex;align-items:flex-start;justify-content:space-between;.catalog{width:828px;padding:0 42px 0 28px;box-sizing:border-box;min-height:600px;border-radius:8px;border:1px solid #f2f2f2;.el-tabs__header{margin:0;.el-tabs__item{padding:0 25px!important;font-size:16px;font-weight:700;color:#555;height:48px;line-height:48px}.el-tabs__nav-wrap.is-top{padding:0 13px}.el-tabs__item:hover{color:#508ef9}.el-tabs__item.is-active{color:#508ef9}}.el-tabs__active-bar{height:1px;background-color:#508ef9;padding:0 25px;margin-left:-25px}.el-tabs__nav-wrap:after{height:1px;background-color:#f2f2f2}.el-tabs__nav.is-stretch>*{flex:0 0 15%}.courseListbox{height:600px;margin:30px 0;padding:0 14px 0 14px;overflow-y:auto;&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-track{border-radius:2px}&::-webkit-scrollbar-button{height:4px}&::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.courseli{margin:25px 0;.courseli_box{border-top-left-radius:10px;border-top-right-radius:10px;background-color:#f6f6f6;.courseType{.courseType_T{padding:15px 15px 12px 21px;display:flex;align-items:flex-start;justify-content:space-between;min-height:40px;.courseTitle{font-size:14px;width:280px;font-weight:700;line-height:20px}.courseTime{flex-shrink:0;font-size:13px;line-height:20px;color:#999;margin-left:130px}}.courseType_B{padding:10px 15px 12px 21px;font-size:13px;color:#999;.courseType_B_left{span{&:first-child{margin-right:30px}}}.courseType_B_right{margin-left:60px;span{&:first-child{margin-right:15px}}}}}.courseBtn{padding-right:21px;div{width:92px;height:29px;border-radius:25px;font-size:13px;background-color:#508ef9;color:#fff;cursor:pointer}}}.courseli_box_r{border-radius:10px}.attachment_list{border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:hidden;.attachment{padding:17px 15px 17px 23px;background-color:#fafafa;cursor:pointer;.attachmentName{font-size:14px;color:#333;width:550px;line-height:25px;&:hover{color:#508ef9}}.download-icon{width:82px;text-align:center}}}}.synopsis{line-height:34px;color:#595959;font-size:16px;word-wrap:break-word;word-break:break-all}}}.aside{width:340px;border-radius:8px;height:auto!important;border:1px solid #f2f2f2;background-color:#fff;.teacher-info{padding:0 25px;padding-bottom:20px;h4{font-size:16px;line-height:40px;color:#555;border-bottom:1px solid #f9f9f9}.name-part{margin:12px 0 25px;.avatar{width:41px;height:41px}.name,.title{margin-left:15px;font-size:14px}}.discribe{font-size:13px;color:#666;line-height:24px}}}}}}