/* packageI/public_welfare_fund/components/personnelItem/personnelItem.wxss */
.cell-item {
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    padding: 18rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
    margin-top: 32rpx;
  }
  
  .cell-item .avatar {
    position: relative;
  }
  
  .cell-item .avatar .img {
    width: 83rpx;
    height: 83rpx;
    border-radius: 50%;
    background-color: #8d8d8d;
  }
  
  .cell-item .avatar .ranking {
    position: absolute;
    bottom: -10rpx;
    left: 50%;
    transform: translateX(-50%);
    width: 97rpx;
    padding: 0 6rpx;
    color: #fff;
    font-size: 10px;
    background-color: #867e7e;
    border-radius: 18rpx;
    text-align: center;
    white-space: nowrap;
  }
  
  .cell-item .user-nick {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    text-align: left;
    margin-left: 22rpx;
  }
  
  .cell-item .user-nick .name {
    font-size: 14px;
    max-width: 224rpx;
    color: #292929;
  }
  
  .cell-item .user-nick .id {
    font-size: 12px;
    color: #6b6b6b;
  }
  
  .cell-item .amount-statistics {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
  }
  
  .cell-item .amount-statistics .amount {
    font-size: 14px;
    font-weight: bold;
    color: #ff5a5a;
  }
  
  .cell-item .amount-statistics .num {
    font-size: 12px;
    color: #8d8d8d;
  }

  .cell-item:nth-child(1) .avatar .ranking {
    background-color: #ff5a5a;
  }
  
  .cell-item:nth-child(2) .avatar .ranking {
    background-color: #ffa500;
  }
  
  .cell-item:nth-child(3) .avatar .ranking {
    background-color: #f4c750;
  }
  