.recharge__bg {
  width: 100%;
  min-height: 100%;
  background: #f3f3f3;
}
.recharge__head {
  width: 100%;
  height: 248rpx;
  background-image: linear-gradient(180deg, 
    #eab86a 0%, 
    #ff9e88 100%);
  text-align: center;
  padding-top: 50rpx;
  box-sizing: border-box;
}
.recharge__head .title {
  font-size: 28rpx;
  color: #ffffff;
  margin-bottom: 40rpx;
}
.recharge__head .price {
  font-size: 48rpx;
  color: #ffffff;
  font-weight: 600;
}
.recharge__wid {
  width: 100%;
  padding: 0 20rpx;
  box-sizing: border-box;
}
.recharge__content {
  position: relative;
  width: 100%;
  background: #fff;
  padding: 54rpx 30rpx 38rpx;
  margin-top: 20rpx;
  box-sizing: border-box;
}
.recharge__content .title {
  text-align: center;
  font-size: 28rpx;
  color: #7f93ae;
  margin-bottom: 54rpx;
}
.recharge__price {
  width: 100%;
  height: 100rpx;
  background: #f6f9fd;
  border: 1rpx solid #e5e5e5;
  padding-left: 30rpx;
  padding-right: 20rpx;
  margin-bottom:30rpx;
  box-sizing: border-box;
}
.recharge__price text {
  float: left;
  width: 80rpx;
  line-height: 100rpx;
  font-size: 28rpx;
  color: #7f93ae;
}
.recharge__price input {
  float: left;
  width: 440rpx;
  height: 100rpx;
  border: none;
  outline: none;
  font-size: 28rpx;
  color: #4c4c4c;
}
.recharge__btn {
  width: 100%;
  height: 88rpx;
  background: #eab86a;
  border-radius: 8rpx;
  line-height: 88rpx;
  text-align: center;
  font-size: 28rpx;
  color: #ffffff;
}