/* packageI/public_welfare_fund/record/record.wxss */
.welfare-record-list .person-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    padding: 18rpx;
    background-color: #ffffff;
  }
  
  .welfare-record-list .person-item .avatar {
    width: 82rpx;
    height: 82rpx;
    border-radius: 50%;
    background-color: #6b6b6b;
  }
  
  .welfare-record-list .person-item .user-nick {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    text-align: left;
    margin-left: 21rpx;
  }
  
  .welfare-record-list .person-item .user-nick .name {
    display: inline-block;
    font-size: 14px;
    max-width: 200rpx;
    color: #292929;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
  .welfare-record-list .person-item .user-id, .welfare-record-list .person-item .time {
    font-size: 12px;
    color: #6b6b6b;
  }
  
  .welfare-record-list .person-item .user-id {
    margin-left: 16rpx;
  }
  
  .welfare-record-list .person-item .amount-statistics {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
  }
  
  .welfare-record-list .person-item .amount-statistics .amount {
    font-size: 14px;
    font-weight: bold;
    color: #ff5a5a;
  }
  
  .welfare-record-list .person-item .amount-statistics .balance {
    font-size: 12px;
    color: #ff5a5a;
  }
  
  .welfare-record-list .expenditure-item {
    padding: 13rpx;
    background-color: #ffffff;
  }
  
  .welfare-record-list .expenditure-item .row {
    display: flex;
    justify-content: space-between;
    align-content: space-between;
  }
  
  .welfare-record-list .expenditure-item .amount {
    font-size: 14px;
    font-weight: bold;
    color: #ff5a5a;
  }
  
  .welfare-record-list .expenditure-item .remarks-type, .welfare-record-list .expenditure-item .time {
    font-size: 12px;
    max-width: 224rpx;
    color: #6b6b6b;
    white-space: nowrap;
  }
  
  .welfare-record-list .expenditure-item .remarks {
    max-width: 384rpx;
  }
  
  .welfare-record-list .person-item::before, .welfare-record-list .expenditure-item::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #6b6b6b;
    transform: scaleY(0.5);
  }
  