._recharge_html { flex: 1; padding: 40rpx; /* background-color: #fff; */ padding-bottom: calc(140rpx + constant(safe-area-inset-bottom)); padding-bottom: calc(140rpx + env(safe-area-inset-bottom)); } ._recharge_step_one { padding: 20rpx; background-color: #fff; border-radius: 16rpx; } ._recharge_describe { font-size: 28rpx; color: #333; } ._recharge_balance { display: flex; margin-top: 20rpx; } ._recharge_balance_name { font-size: 28rpx; color: #333; } ._recharge_balance_num { font-size: 28rpx; font-weight: 500; color: #333; } ._recharge_step_two { padding: 20rpx 0 20rpx 20rpx; background-color: #fff; border-radius: 16rpx; margin-top: 20rpx; } ._recharge_template_header { padding-right: 20rpx; } ._recharge_te_he_name { font-size: 32rpx; color: #333; } ._recharge_template_list { display: flex; flex-wrap: wrap; } ._recharge_te_li_item { width: 50%; padding-right: 20rpx; margin-top: 30rpx; } ._recharge_te_li_it_warp { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 200rpx; background-color: #f9f9f9; border-radius: 16rpx; border: 2rpx solid transparent; } ._recharge_te_li_it_warp.active { border-color: #EA6A4E; background-color:rgba(245, 107, 95, 0.2) ; } ._re_amount_text { font-size: 36rpx; line-height: 1; font-weight: 700; } ._re_amount_coin { margin-top: 16rpx; font-size: 26rpx; color: #999; line-height: 1; } ._re_amount_give { margin-top: 16rpx; font-size: 26rpx; color: #999; line-height: 1; } ._recharge_notice_text { font-size: 26rpx; color: #333; line-height: 1.6; margin-top: 16rpx; } ._recharge_btn_warp { position: fixed; left: 0; bottom: 0; width: 100%; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background-color:#E94E41 ; } ._recharge_btn { display: flex; justify-content: center; align-items: center; width: 100%; height: 100rpx; background-color:#E94E41 ; font-size: 28rpx; color: #fff; }