index.scss

.team_container {
  padding-top: 32px;
  padding-bottom: 40px;
  position: relative;

  .team_top {
    position: absolute;
    left: 0;
    top: 0;
    width: 78px;
    height: 76px;
  }

  .team_bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 238px;
    height: 246px;
  }

  p {
    text-align: center;
    text-align-last: center;
  }

  .title {
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    color: #4B41FF;
  }

  .sub_title {
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    color: #4B41FF;
    margin: 12px auto 18px;
  }

  .item_li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 352px;
    height: 130px;
    margin: 0 auto 25px;
    padding: 12px 14px 14px 12px;
    box-shadow: 0 3px 12px 0 rgba(79, 69, 255, 0.1);
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);

    .item_image {
      width: 44px;
      height: 44px;
      border-radius: 22px;
      background: #0099ff;
      flex: 0 0 auto;
      margin-right: 14px;
    }

    .item_info {
      .name {
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
        color: rgba(82, 92, 101, 1);
      }

      .des {
        font-size: 12px;
        line-height: 15px;
        font-weight: 300;
        color: rgba(82, 92, 101, 0.8);
        text-align: left;
        text-align-last: left;
        margin-top: 6px;
        width: 266px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 5;
        /*! autoprefixer: off */
        -webkit-box-orient: vertical;
      }
    }
  }
}