.card-outer {
  display: flex;
  align-items: center;

  .avatar {
    flex: none;
    width: 150rpx;
    height: 150rpx;
    background: #b7dcfe;
    box-shadow: 0rpx 2rpx 2rpx 0rpx rgba(153, 153, 153, 0.25);
    border-radius: 50%;
    margin-right: 20rpx;
  }

  .info {
    flex: 1;
    .name {
      font-size: 28rpx;
      font-weight: 400;
      color: #3c3c3c;
    }
    .time {
      font-size: 24rpx;
      font-weight: 400;
      color: #6a6a6a;
    }
  }

  .settlement {
    flex: none;
    width: 164rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    .price {
      font-size: 28rpx;
      font-weight: 400;
      color: #ed430f;
    }
    .day {
      font-size: 24rpx;
      font-weight: 400;
      color: #6a6a6a;
    }
  }
}
