H5_module/wallet/index/index.css

/* mine/wallet/wallet.wxss */
page {
  background: #FFFFFF;
}

.bodry {
  padding: 0 30rpx;
  position: relative;
}


.walletbg {
  width: 690rpx;
  height: 313rpx;
  position: absolute;
  left: 30rpx;
  right: 30rpx;
  z-index: 1;
}

.balance {
  /* background-image: linear-gradient(to left, #FF8527, #F21212); */
  padding: 75rpx 50rpx;
  border-radius: 20rpx;
  position: relative;z-index: 2;
}

.mywallet {
  font-size: 32rpx;
  color: rgba(255,255,255,.8);
}

.hy-code{height: 42rpx;background: #FFEDE5;border-radius: 50rpx;font-size: 24rpx;color: #F06520;margin-left: 19rpx;font-weight: bold;padding-right: 15rpx;}
.hy-ma{width: 42rpx;height: 42rpx;border-radius: 42rpx;background: #fff;}
.hy-ma image{width: 1004%;height: 100%;margin-right: 6rpx;}

.bottm {
  padding: 39rpx 0 0 0;
  align-items: center;
  justify-content: space-between;
}

.money {
  font-size: 37rpx;
  color: #FFFFFF;
  font-weight: bold;
}

.num {
  font-size: 72rpx;
  color: #FFFFFF;
  font-weight: bold;
}

.detailed {
  padding: 18rpx 39rpx;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(228, 94, 0, 0.62);
  color: #FE7F26;
  font-size: 24rpx;
  border-radius: 30rpx;
  position: relative;
  z-index: 3;
  white-space: nowrap;
}

/* 充值金额 */
.recharge {
  padding: 45rpx 0 0 0;
}

.rechargeMoney {
  font-size: 32rpx;
  /* font-weight: bold; */
  color: #666;
}

.rechargeul {
  padding: 40rpx 0 51rpx 0;
  flex-wrap: wrap;
  margin-bottom: 29rpx;
  /* border-bottom: 1rpx solid #DBDBDB; */
}

.rechargeId{
	padding: 25rpx 0;
  font-size: 40rpx;
  color: #333;font-weight: bold;
  border-bottom: 1rpx solid #DBDBDB;
  align-items: center;
  margin-bottom: 70rpx;
}
.rechargeId text{
  font-weight: bold;
    margin-right: 22rpx;
}
.rechargeId input{
	font-size: 48rpx;color: #333;height: 60rpx;font-weight: normal;
}
.rechargeId.on{border-color: #F32A27;}
.placeholder{color: #BABABA;}
.rechargeli {
  padding: 60rpx 0;
  width: 210rpx;
  border-radius: 20rpx;
  margin-right: 30rpx;
  background: #F7F4F8;
  margin-bottom: 50rpx;
  border: 1rpx solid #F7F4F8;
  box-sizing: border-box;
}

.rechargeli:nth-child(3n) {
  margin-right: 0;
}

.active {
  border-color: #F32A27;
  background: #fef3f3;
}

.awealth {
  color: #F32A27 !important;
}

.wealth {
  font-size: 30rpx;
  font-weight: bold;
  text-align: center;
}

.give {
  font-size: 28rpx;
  text-align: center;
  color: #FE0419;
}

.submit {
  position: fixed;
  left: 40rpx;
  right: 40rpx;
  bottom: 10rpx;
  height: 100rpx !important;
  line-height: 100rpx !important;
  background: #FE0419;
  font-size: 34rpx;
  color: #fff;
  text-align: center;
  border-radius: 10rpx !important;
}

.chongzhi{
  padding: 25rpx 20rpx;
    text-align: center;
    background: #FE0419;
    margin: 0 35rpx;
    border-radius: 10rpx;
    font-size: 32rpx;
    color: #FFFFFF;
}
.kong{
  height: 88rpx;
}

.card{
  padding: 25rpx 20rpx;
  text-align: center;
  border: 1rpx solid #EF4A37;
  margin: 0 35rpx;
  border-radius: 10rpx;
  font-size: 32rpx;
  color: #EF4A37;
  margin-top: 39rpx;
}





.top {
  justify-content: space-between;
  align-items: baseline;
  padding: 51rpx 0;
  border-bottom: 1rpx solid #DBDBDB;
}

.more {
  width: 16rpx;
  height: 20rpx;
  margin-left: 21rpx;
}

.yueDetaile {
  justify-content: flex-end;
  align-items: center;
  font-size: 28rpx;
  color: #999;
}