.person-info {
  background: white;
  overflow-y: auto;

  .ant-drawer-body {
    display       : flex;
    flex-direction: column;
    padding       : 0;
    overflow-y    : hidden;
    background    : #F6F7FB;
  }

  .middle-head-picture {
    width        : 58px;
    height       : 58px;
    border-radius: 12px;
    border       : 1px solid #dbdce0;
  }

  .middle-head-name {
    font-size  : 16px;
    font-family: PingFangSC, PingFangSC-Regular;
    color      : #ffffff;
    line-height: 58px;
    position   : absolute;
    text-align : center;
    width      : 100%;
    top        : 0;
  }

  .middle-head {
    display : inline-block;
    position: relative;
  }

  .middle-person {
    width         : calc(100vw - 100px);
    margin-left   : 14px;
    vertical-align: top;
    display       : inline-block;
  }

  .middle-person-name {
    height     : 24px;
    font-size  : 16px;
    font-family: PingFangSC, PingFangSC-Semibold;
    font-weight: 600;
    text-align : left;
    color      : rgba(0, 0, 0, 0.86);
    line-height: 24px;
  }

  .middle-person-department {
    margin-top : 4px;
    font-size  : 12px;
    font-family: PingFangSC, PingFangSC-Regular;
    text-align : left;
    color      : rgba(0, 0, 0, 0.7);
    line-height: 16px;
  }

  .middle-person-companyAndApartment {
    margin-top : 4px;
    font-size  : 14px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align : left;
    color      : rgba(0, 0, 0, 0.4);
    line-height: 22px;
  }

  .detail-body {
    padding-top  : 15px;
    min-height   : 52px;
    border-bottom: 1px solid #eee;
    margin       : 0 15px;
  }

  .detail-flex {
    display        : flex;
    justify-content: space-between;
  }

  .detail-tip {
    line-height: 28px;
  }

  .detail-personPhone {
    color          : #4183FF;
    font-size      : 16px;
    font-weight    : bold;
    float          : right;
    text-decoration: none;
    line-height    : 22px;
  }

  .detail-personEmail {
    color      : rgba(0, 0, 0, 0.86);
    font-size  : 16px;
    font-weight: bold;
    float      : right;
  }

  .detail-personPost {
    color      : rgba(0, 0, 0, 0.86);
    font-size  : 14px;
    font-weight: bold;

    .dept-icon {
      margin-left  : 8px;
      background   : #f4f8ff;
      border-radius: 2px;
      font-size    : 12px;
      color        : #4183ff;
      line-height  : 16px;
      padding      : 1px 6px;
    }
  }

  .wrap {
    display    : flex;
    color      : rgba(0, 0, 0, 0.40);
    font-size  : 14px;
    margin-left: 10vw;

    >div {
      flex      : 1;
      text-align: right;

      >p {
        display   : inline-block;
        width     : auto;
        text-align: left;
      }
    }
  }

  .detail-content {
    text-align   : right;
    border-bottom: 0.5px solid #eee;

    // &:nth-child(1) {  // 不生效
    //   margin-top  : -28px;
    //   padding-left: 45px;
    // }

    &:last-child {
      border-bottom : none;
      padding-bottom: 60px;
    }
  }

  .detail-first-line {
    margin-top  : -28px;
    padding-left: 45px;
  }

  .rightRow {
    font-size  : 16px;
    color      : #000;
    line-height: 28px;
  }
}