@import '@/styles/common.less';

.partner-invite-list {
  padding-top: 72px;
  &__title {
    height: 72px;
    width: 100%;
    background: #f7f7f7;
    padding: 0 24px;
    box-sizing: border-box;
    line-height: 72px;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 98rpx;
    left: 0;
    z-index: 1;
    .flex-row();

    &-time-id {
      padding: 0 8px;
      flex: 1;
    }

    &-created {
      padding: 0 8px;
      min-width: 96px;
      max-width: 196px;
      flex-shrink: 0;
    }

    &-joined {
      text-align: right;
      width: 96px;
      padding: 0 8px;
      flex-shrink: 0;
    }
  }

  &__item {
    height: 131px;
    width: 100%;
    background: #fff;
    padding: 24px 32px;
    box-sizing: border-box;
    font-size: 28px;

    &-content {
      .flex-row();
      width: 100%;
      border-bottom: 1px solid #e6e7e8;
    }

    &-time-id {
      padding-right: 8px;
      flex: 1;
    }
    &-item {
      line-height: 40px;
      padding-bottom: 8px;
      .noWrap();
    }
    &-id {
      font-size: 24px;
      line-height: 36px;
      color: #999999;
      .noWrap();
    }

    &-created {
      padding: 0 8px;
      min-width: 96px;
      max-width: 196px;
      line-height: 83px;
      flex-shrink: 0;
    }

    &-joined {
      width: 96px;
      text-align: right;
      line-height: 83px;
      padding-left: 8px;
      flex-shrink: 0;
    }
  }
}