.contion_box{padding: 0px 15px 0px 15px; margin: 0px auto;}

  .title{color: #CB3B57;font-size: 1.5rem; text-align: center;margin-top: 20px;}
  .xian{width: 41px; height: 2px; background-color: #CB3B57; margin: 0px auto;}
  
  .box{width: 100%;margin: 30px auto 0px auto; display: flex;}
  .left{width: 70%; margin-top: -15px;}
  .right{width: 25%;margin-left:5%; background-color: #ffffff;border-radius: 4px;box-shadow: 0px 4px 4px 0px rgba(202, 202, 202, 0.5);height: 255px; }
  .right ul{position: relative;left: 7px; list-style-type: none; top: 5px; height: 245px;overflow: hidden;}
  .right ul li{font-size: 12px; width: 90%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-top: 5px;}
  .right ul li a{color: #666666;  }
  .right ul li img{width: 5px; position: relative;top: -2px;}
  .left_con_box{width: 100%;background-color: #ffffff;border-radius: 4px;box-shadow: 0px 4px 4px 0px rgba(202, 202, 202, 0.5); display: flex; margin-top: 15px;}
  .left_pic{width: 70px;height: 90px;margin: 15px 15px;}
  .left_pic img{width: 100%;height: 100%;}
  .left_right{width: 50%;margin-top: 15px;}
  .left_right p{font-size: 12px;color: #CB3B57;}
  .left_right div{margin-top: 7px;color: #666666;font-size: 9px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;line-height: 14px;}

 .teachers_bg{width: 100%; margin: 30px auto 0px auto;display: flex; background-color: #ffffff; border-radius: 4px; box-shadow: 0px 4px 4px 0px rgba(202, 202, 202, 0.5);}
  .teachers_top{padding: 15px;width: 80px;height: 80px;}
  .teachers_top img{width: 100%;height: 100%;}
  .teachers_right{margin-top: 11px; margin-left: 0px; width: 64%;}
  .teachers_name{color: #CB3B57;font-size: 16px;}
  .teachers_info{width: 100%; height: 65px; color: #666666;font-size: 14px; margin-top:3px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;line-height: 16px;}