/* 充值模块 */
.recharge-screen{
  min-height: 100%;
  padding: 0 30upx;
}
.recharge-context{
  padding:0 15upx;
}
/* 充值模块 */

/* 充值头部 */
.recharge-header {
  height: 250upx;
  background: linear-gradient(108deg, #41AE3C, #83DF7F);
  box-shadow: 0 6upx 21upx 0 rgba(90, 201, 81, 0.36);
  border-radius: 10upx;
  margin-top: 30upx;
  color: #fff;
  padding: 50upx 60upx;
}
.recharge-decorate{
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 68upx;
}

.recharge-label{
  font-size: 30upx;
  line-height: 50upx;
}
.recharge-price{
  line-height: 73upx;
  font-size: 60upx;
}
.recharge-price text{
  margin-right: 4upx;
}
.recharge-record{
  width: 130upx;
  height: 46upx;
  background-color: #41AE3C;
  border-radius: 23upx 0 0 23upx;
  right: 0;
  top:68upx;
  font-size: 24upx;
  line-height: 28upx;
}
/* 充值头部 */

/* 充值内容 */
.recharge-content{
  margin-top: 20upx;
}
.recharge-item{
  width: 205upx;
  height: 150upx;
  border: 1upx solid #DFDFDF;
  border-radius: 10upx;
  margin-top:30upx;
  color: #666;
  margin-right: 23upx;
}
.recharge-item-active{
  color: #41AE3C;
  border-color: #41AE3C;
}
.recharge-item:nth-of-type(3n) {
  margin-right: 0;
}

.recharge-item-title,.recharge-item-info{
  text-align: center;
  font-size: 36upx;
  line-height: 46upx;
}
.recharge-item-info{
  font-size: 28upx;
  line-height: 34upx;
  margin-top: 10upx;
}
/* 充值内容 */

/* 支付方式 */
.recharge-title{
  font-size: 28upx;
  color: #333;
  line-height: 34upx;
  margin-top: 50upx;
}
.recharge-pay-icon{
  width: 44upx;
  height: 44upx;
  margin-right: 20upx;
}
.recharge-pay-item{
  font-size:28upx;
  color:#333;
  line-height:34upx;
  margin-top: 30upx;
}
/* 支付方式 */

/* 按钮 */
.recharge-button-container{
  margin: 30upx 0;
}
.recharge-button{
  height: 80upx;
  background-color: #41AE3C;
  border-radius: 40upx;
  width: 100%;
  box-shadow: 0 6upx 21upx 0 rgba(65, 174, 60, 0.36);
  font-size: 30upx;
  line-height: 36upx;
  color: #fff;
}
/* 按钮 */