.teacher-list {
    padding-bottom: 50px;}
.teacher-desc {
    overflow: hidden;
    text-overflow: ellipsis;

    display: block;
    width: 100%;}
.teacher-item {
    padding: 30px 0;
    height: 220px;width:100%;
    display: inline-flex;    overflow: hidden;
    border-bottom: #DDDDDD 1px solid;}
.teacher-item.hidden {
    display: none;}
.teacher-item .teacher-image{
    flex-shrink: 0;
    width: 166px;
    height: 220px;margin: 0;overflow: hidden;
    display: inline-block;}
.teacher-item .right-text {
    margin-left:30px;
    display: inline-block;}
.teacher-item .right-text-title {
    color: #4b2e83;
    font-size: 3rem;
    font-weight: bold;}
.teacher-item .right-text-sub-title {
    color: #02205E;
    font-size: 18px;
    margin: 10px 0;}

.teacher-item .right-text-desc {
    margin-top: 18px;
    margin-bottom: 18px;

    color: #424242;
    font-size: 18px;}
.teacher-item .right-text-desc > a {
    color: #02205E;
    text-decoration: underline;}
.teacher-item .right-text-btn {
    color: #02205E;
    font-size: 18px;}

.right-text-btn img{
    margin: 0;
    float: left;
    vertical-align: baseline;padding-top:3px;}

@media screen and (max-width: 991px){
    .teacher-list {
        padding-bottom: 50px;}
    .pic{}
    .pic img{}
    .teacher-item {
        padding: 30px 0;
        height: auto;
        display:inline-flex;
        border-bottom: #DDDDDD 1px solid;}
    .teacher-item.hidden {
        display: none;}
    .teacher-item .teacher-image{
        flex-shrink: 0;
        width: 130px;
        height: 160px;
        margin: 0;    overflow: hidden;
        display: inline-block;}
    .teacher-item .right-text {
        margin-left: 10px;
        display: inline-block;
        width: calc(100% - 140px);}
    .teacher-item .right-text-title {
        color: #4b2e83;
        font-size: 22px;
        font-weight: bold;}
    .teacher-item .right-text-sub-title {
        color: #363638;
        font-size: 15px;}

    .teacher-item .right-text-desc {
        margin-top: 10px;
        margin-bottom: 10px;
        color: #424242;
        font-size: 15px;}
    .teacher-item .right-text-desc > a {
        color: #4b2e83;
        text-decoration: underline;
        font-size: 15px;}
    .teacher-item .right-text-btn {
        color: #4b2e83;
        font-size: 15px;}

    .right-text-btn img{
        margin: 0;
        float: left;
        vertical-align: baseline;}
}

@media screen and (max-width: 480px){
    .teacher-item{ display: block;}
    .teacher-item .teacher-image{display: block; margin: 0 auto;}
    .teacher-item .right-text{width: auto;}
    .teacher-item .right-text-title{ text-align:center;}
    .teacher-item .right-text-sub-title{text-align:center;}
}
.teacher-item .right-text-btn span img{float: none; display: inline-block;vertical-align: middle;}