.page {
  min-height: 100vh;
}
.icon {
  width: 84rpx;
  height: 84rpx;
  border-radius: 42rpx;
  text-align: center;
  line-height: 84rpx;
  font-size: 24rpx;
  margin: 0 10rpx;
  background-color: #ED569F;
  color: white;
}

.recharge-me {
  .wallet-content {
    background-image: linear-gradient(#FFE05C 0, #FFE05C 160px, #ffffff 0, #ffffff);
    padding: 12px;

    .h-balance-wrap {
      background-image: url("../../../static/familyCard/detailCard.png");
      background-size: 100% 100%;
      height: 304rpx;
      border-radius: 6px;
      text-align: center;
      padding: 24rpx 34rpx;
      margin: 24rpx 0;
      //overflow: hidden;

      .h-balance {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100px;
        position: relative;

        .recharge-balance {
          width: 150rpx;
          margin: 0 auto;
          .h-nav-img {
            image {
              height: 18px;
              width: 18px;
            }
          }
          .name {
            font-size: 14px;
            font-weight: 400;
            color: #666666;
            line-height: 22px;
          }

          .balance-value {
            font-size: 18px;
            font-weight: bold;
            color: #333333;
            line-height: 26px;
          }
        }
        .openUnbind{
          position: absolute;
          top:32rpx;
          right: 32rpx;
          color:#FFAF36
        }
      }

    }

  }

}

.useList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #afa6a6;
  padding: 20rpx;
  margin: 24rpx;
}

.cardMsg{
  margin-top: 8rpx;
  font-size: 28rpx;
  color: #666666;
}
.record{
  margin:24rpx 0;
  font-size: 28rpx;
  font-weight: bold;
  color: #333333
}