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

.group-certification-list {
  min-height: calc(100vh - 98rpx);
  &__banner {
    font-weight: 400;
    font-size: 24px;
    height: 74px;
    padding: 32px 32px 25px;
    line-height: 36px;
    color: #999999;
    background: #F5F6FA;
    position: fixed;
    z-index: 1;
    top: 99px;
    left: 0;
    right: 0;
  }
  &__title {
    height: 72px;
    width: 100%;
    padding: 0 24px;
    box-sizing: border-box;
    line-height: 72px;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 227rpx;
    left: 0;
    z-index: 1;
    background: #fff;

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

    &-time {
      padding: 0 8px;
      flex: 0 0 120px;
      width: 120px;
      flex-shrink: 0;
    }

    &-name {
      text-align: right;
      flex: 1;
    }
  }

  &__pull-refresh {
    margin-top: 204px;
  }

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

    &-border {
      border-bottom: 1px solid #e6e7e8;
    }

    &-content {
      .flex-row();
      width: 100%;
      padding-bottom: 24px;
    }

    &-time {
      padding: 0 8px;
      flex: 0 0 120px;
      width: 120px;
      flex-shrink: 0;
    }

    &-name {
      text-align: right;
      flex: 1;
    }
  }
}