.teacher-list { padding-top: 20px; padding-bottom: 20px; background: #f8f8f8; } 
.teacher-list ul { margin-right: -20px; } 
.teacher-list ul li { margin-bottom: 20px; float: left; width: 50%; } 
.teacher-list ul li a { background: #fff; display: block; padding: 20px; border-radius: 10px; margin-right: 20px; } 
.teacher-list ul li a .images { float: left; height: 150px; width: 150px; line-height: 150px; border-radius: 100%; overflow: hidden; } 
.teacher-list ul li a .images img { width: 100%; display: block; height: 100%; object-fit: cover; } 
.teacher-list ul li a .text { width: calc(100% - 170px); float: right; position: relative; padding-right: 120px; box-sizing: border-box; } 
.teacher-list ul li a .text .name { font-size: 16px; color: #36404a; line-height: 16px; height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.teacher-list ul li a .text .serialize { margin-top: 10px; margin-bottom: 10px; } 
.teacher-list ul li a .text .serialize span { display: inline-block; border: 1px solid #FF762F; border-radius: 20px; color: #FF762F; line-height: 18px; font-size: 12px; width: 20px; height: 20px; text-align: center; } 
.teacher-list ul li a .text .details { height: 48px; color: #818a92; line-height: 24px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } 
.teacher-list ul li a .text .bottom { margin-top: 10px; } 
.teacher-list ul li a .text .bottom span { display: inline-block; font-size: 13px; color: #999; line-height: 28px; letter-spacing: 1px; } 
.teacher-list ul li a .text .bottom .student { padding: 0 30px 0 20px; background: url("../../images/student.png") no-repeat left center; background-size: 15px; } 
.teacher-list ul li a .text .bottom .period { padding: 0 30px 0 20px; background: url("../../images/period.png") no-repeat left center; background-size: 15px; } 
.teacher-list ul li a .text .bottom .more { text-align: center; font-size: 14px; background: #127DFD; color: #fff; line-height: 34px; width: 100px; height: 36px; border: 1px solid #127DFD; border-radius: 36px; position: absolute; right: 0px; top: 50%; margin-top: -18px; box-sizing: border-box; }