@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page,
.content {
  height: 100%;
  background-color: #ffffff;
}
.buttom {
  position: fixed;
  left: 0;
  bottom: 30rpx;
  right: 0;
  margin: 0 30rpx;
  padding: 15rpx;
  background-color: #D7272B;
  color: #FFFFFF;
  text-align: center;
  font-size: 36rpx;
  font-weight: bold;
  border-radius: 10rpx;
}
.banner {
  background-color: #ff9ba7;
  justify-content: center;
  padding: 50rpx;
  padding-bottom: 150rpx;
}
.banner .moneyBox {
  color: #ffffff;
  text-align: center;
}
.banner .moneyBox .money {
  font-size: 74rpx;
  font-weight: bold;
  color: #ffffff;
}
.recharge {
  border-top-right-radius: 50rpx;
  border-top-left-radius: 50rpx;
  margin-top: -100rpx;
  background-color: #ffffff;
  padding: 0 30rpx;
}
.recharge .checkedBox {
  justify-content: flex-end;
  width: 100%;
}
.recharge .checkedBox .checked {
  width: 36rpx;
  height: 36rpx;
}
.recharge .itemBox {
  padding-top: 50rpx;
  flex-wrap: wrap;
  color: #ffffff;
  font-weight: bold;
}
.recharge .itemBox .item {
  border-radius: 10rpx;
  width: 20%;
  margin: 10rpx;
  color: #ff9ba7;
  background-color: #ffffff;
  border: 1px solid #ff9ba7;
  padding: 10rpx;
  text-align: center;
}
.recharge .itemBox .item.action {
  color: #ffffff;
  background-color: #ff9ba7;
}

