12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- .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;
- }
- }
- }
|