.com-teacher-section{ background:#1a1a1a; display:flex; flex-direction: row; margin-left:10px; margin-right: 10px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #3a3a3a; .header{ display:flex; width:25%; justify-content: center; align-items: center; .image{ width:60px; height:60px; border-radius: 50%; } } .intro{ display:flex; width:45%; justify-content:flex-start; align-items: flex-start; flex-direction: column; .name{ color:$teacher-main-color; font-size:14px; font-weight: bold; height:30px; line-height: 30px; } .tips{ font-size:12px; color:#c5c5c5; } } .yy{ display: flex; width:30%; justify-content: flex-end; align-items: center; color:#c5c5c5; font-size:12px; flex-direction: column; .btn{ height:50%; .btn-yy{ height:30px; line-height: 30px; width:90px; border-radius: 10px; background:#eb5c20; font-size:12px; color:#FFF; } } .txt{ height:50%; color:$teacher-main-color; margin-left:5px; margin-right:10px; margin-top:5px; } } }