.com-teacher-course{ display: flex; flex-direction: row; margin-left:10px; margin-right:10px; height:80px; margin-bottom:5px; background:#1a1a1a; border-radius: 10px; .header{ display: flex; width:25%; justify-content: center; align-items: center; .img{ width:70px; height:70px; border-radius: 50%; } } .intro{ display: flex; width:50%; color: #FFF; flex-direction: column; .name{ font-weight: bold; font-size:14px; height:40px; line-height: 40px; } .tips{ font-size: 12px; .sign{ color:$teacher-main-color; font-size:12px; } .price{ color:$teacher-main-color; font-size:14px; } } } .btns{ display: flex; justify-content: center; align-items: center; .btn{ background:$teacher-main-color; font-size:12px; width:80px; color:#FFF; border-radius: 10px; } } }