.teacher__container {
  &__child {
    width:692px;
    border:1px solid rgba(232,232,232,1);
    &.teacher {
      padding: 16px 13px;
      margin-bottom: 16px;
    }
    &.student{
      padding: 16px 26px;
    }
    .teacher__child__title {
      position: relative;
      height: 22px;
      text-align: center;
      span {
        display: inline-block;
        position: absolute;
        top:0;
        left: 0;
        right:0;
        margin: 0 auto;
        z-index: 3;
        font-weight:400;
        font-size: 16px;
        color:rgba(51,51,51,1);
        line-height:22px;
      }
      &::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        width:150px;
        height:6px;
        background:rgba(252,156,107,0.7);
        border-radius:3px;
        left: 0;
        right:0;
        margin: 0 auto;
        z-index: 1;
      }
    }
    .teacher__child__box {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: 6px;
      &__item {
        text-align: center;
        .teacher__img {
          width: 215px;
          height: 145px;
        }
        .student__img {
          width: 190px;
          height: 250px;
        }
        > p {
          font-size:16px;
          color:rgba(51,51,51,1);
          line-height:22px;
        }
        &__text {
          font-size:14px;
          color:rgba(102,102,102,1);
          line-height:20px;
        }
      }
    }
  }
  .ml10 {
    margin-left: 10px;
  }
  .ml37 {
    margin-left: 37px;
  }
}