.teacher-bg{height: 436px;background: url('teacherbg.png') no-repeat top center;width: 100%;}
.teacher-list { padding-top: 20px; padding-bottom: 20px;} 
.teacher-list_left{width: 820px;background: #FFFFFF;box-shadow: 0px 2px 8px 1px rgba(174,200,240,0.32);border-radius: 16px;padding-bottom: 68px;}

.teacher-item { padding: 32px 0;border-bottom: 1px solid #EAEFF7;margin: 0 32px;} 
.teacher-item:last-child{border-bottom: 0;}
.teacher-item a{display: flex;flex-direction: row;justify-content: space-between;}
.teacher-item .images {height: 120px; width: 120px;border-radius: 100%; overflow: hidden;position: relative; } 
.teacher-item .images img { width: 100%; display: block; height: 100%; object-fit: cover; } 
.teacher_stars{position: absolute;width: 100%;height: 100%;left: 0;
top: 0;background: url('headbg.png') no-repeat center bottom; background-size: 100% 100%;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;}
.teacher_stars span{line-height: 19px;font-size: 14px;font-weight: bold;color: #FFFFFF;padding-left: 18px;background: url('pficon.png') no-repeat left center;margin-bottom: 4px;background-size: 14px 14px;display: block;}
.teacher-item .text { width: calc(100% - 274px); position: relative;} 
.teacher-item .text .name {display: flex;flex-direction: row;align-items: center;margin-top: 5px;margin-bottom: 8px;}
.teacher-item .text .name h2{line-height: 31px;font-size: 24px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin-right: 8px;color: #333;}
.teacher-item .text .name .level{line-height: 22px;background: linear-gradient(270deg, #FCEBD4 0%, rgba(252,235,212,0) 100%);border-radius: 0px 12px 12px 12px;color: #FD800C;padding: 0 12px 0 16px;font-size: 13px;min-width: 80px;text-align: center;box-sizing: border-box;position: relative;margin-left: 20px;}
.teacher-item .text .name .level::before{content: '';display: block;position: absolute;background: url('level-icon.png') no-repeat center;background-size: 24px 24px;top: 50%;margin-top: -12px;left: -12px;width: 24px;height: 24px;}
.teacher-item .text .info{line-height: 21px;font-size: 16px;display: flex;flex-direction: row;align-items: center;color: #9DA0A6;margin-bottom: 12px;}
.teacher-item .text .info .course_num{color: #327DFF;}
.teacher-item .text .details { height: 44px;line-height: 22px;font-size: 14px;color: #333333; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 
.teacher-item .bottom { width: 96px;line-height: 32px;border-radius: 6px;border: 1px solid #EAEFF7;text-align: center;height: 32px;font-size: 14px;color: #9DA0A6;} 
.teacher-item .bottom:hover{border: 1px solid #327DFF; color:#327DFF ;}

.teacher-list_right{width: 360px;background: linear-gradient(360deg, #FCFEFF 0%, #EBF2FC 100%);box-shadow: 0px 2px 8px 1px rgba(174,200,240,0.32);border-radius: 16px;padding: 20px;box-sizing: border-box;}
.teacher-list__title{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.teacher-list__title span{line-height: 24px;font-size: 18px;font-weight: bold;}
.teacher-list__title a{line-height: 19px;font-size: 14px;color: #327DFF;padding-right: 18px;background: url('../index/arrowcr.png') no-repeat center right;}
.course-item{display: flex;flex-direction: row;justify-content: space-between;margin-top: 16px;}
.course-item___img{width: 142px;height: 80px;border-radius: 8px;overflow: hidden;}
.course-item___img img{width: 100%;height: 100%;object-fit: cover;}
.course-item___info{width: calc(100% - 154px);}
.course-item___info h2{font-size: 16px;font-weight: 400;color: #333333;line-height: 23px;height: 46px;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical;text-overflow: ellipsis;}
.course-item___intro{margin-top:8px;line-height: 19px;font-size: 14px;color: #9DA0A6;}