bike-weapp/pages/personal/recharge/recharge.wxss

page{
  height: 100%;
  background: #f4f4f4;
}
.left_top{
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 30rpx;
  left: 30rpx;
  font-size:35rpx;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(137,137,139,1);
}
.recharge{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rechargeCon{
   width:97%;
   margin:0 auto;
   text-align: center;
}
/* 充值金额 */
.hint{
  padding-top:62rpx;
  width: 92%;
  font-size:30rpx;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(42,42,42,1);
}
/* 金额 */
.amount{
  margin-top: 13rpx;
  flex-wrap: wrap;
  display: flex;
  margin-bottom: 44rpx;
}
.amount view{
  width:30%;
  height:141rpx;
  background:rgba(255,255,255,1);
  box-shadow:0px 0px 10rpx 0px rgba(222,222,222,1);
  border-radius:6rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 20rpx;
  margin-left: 20rpx;
}
.amount view text:nth-of-type(1){
  font-size:35rpx;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(137,137,139,1);
}
.amount view text:nth-of-type(2){
  font-size:26rpx;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(253,72,43,1);
  padding-top: 20rpx;
}
/* .amount :last-child{
  display: none;
} */
/* 自定义输入金额 */
.inp{
  width: 95%;
  margin: 0 auto;
}
.inp input{
  height:88rpx;
  background:rgba(255,255,255,1);
  box-shadow:0px 0px 10rpx 0px rgba(222,222,222,1);
  border-radius:6rpx;
}
/* 立即支付 */
.payBtn{
  margin:64rpx auto 39rpx;
}

.deal{
   font-size:24rpx;
   color:#18D5B9;
   margin:0 auto;
}
.amount .choice{
  background: #18D3B8;
}
.amount .choice text:nth-of-type(1){
  color: #fff;
}
.bottom{
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 16rpx;
  color:#b1b1b1; 
  font-size: 24rpx;
}