.page-my-users {
  padding-bottom: env(safe-area-inset-bottom);
  /* 公用 */
  .flex-sb{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .flex-al-cen{
    display: flex;
    align-items: center;
  }
  /* 顶部信息开始 */
  .total-number {
    padding: 40rpx 30rpx 70rpx;
    background: linear-gradient(to right, #5f63fe, #5f63fe);
    color: #fff;
    text-align: center;
    .number {
      font-size: 60rpx;
      font-weight: 600;
    }

    .text {
      margin-top: 10rpx;
      opacity: .5;
    }
  }
  /* 顶部信息结束 */
  .user-box {
    position: relative;
    background: #fff;
    border-radius: 20rpx 20rpx 0 0;
    margin-top: -30rpx;
    padding: 30rpx;
    .title {
      padding: 10rpx 30rpx 40rpx;
      font-size: 26rpx;
      font-weight: 600;
    }
    /* 列表样式 */
    .user-item{
      border-radius: 12rpx;
      &.item-bg{
        background-color: #f9f9f9;
      }
      .img {
        width: 120rpx;
        height: 120rpx;
        font-size: 0;
        margin-left: 32rpx;
        margin-right: 24rpx;
        image {
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }
      }
      .user-info{
        flex: 1;
        font-size: 28rpx;
        padding-right: 60rpx;
        .info-left{
          max-width: 280rpx;
          padding: 44rpx 0;
          display: flex;
          flex-direction: column;
        }
        .join-time{
          text-align: left;
          font-size: 24rpx;
          font-family: PingFang SC;
          font-weight: 400;
          color: #9d9d9d;
          margin-top: 12rpx;
        }
        .text-nowrap{
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        .user-profit{
          font-size: 28rpx;
          font-family: PingFang SC;
          font-weight: bold;
          line-height: 40rpx;
          color: #E43130;
        }
      }
    }
    /* 头三样式 */
    // eslint-disable-next-line vue-scoped-css/no-unused-selector
    .no{
      padding: 6rpx 12rpx;
      opacity: 1;
      border-radius: 2rpx 12rpx 2rpx 12rpx;
      font-size: 20rpx;
      margin-right: 10rpx;
      font-family: Arial;
      font-weight: bold;
      color: #FFFFFF;
      font-style:italic;
      &.no1-bg{
      background: rgb(228, 49, 48)
      }
      &.no2-bg{
        background: rgb(85, 129, 250);
      }
      &.no3-bg{
        background: rgb(255, 170, 0);
      }
    }
  }
}