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; }