<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>在线充值 - KGCMS</title>
	<link rel="stylesheet" href="{{kg['tpl_url']}}mobile/css/recharge_mobile.css">
	<script src="{{kg['tpl_url']}}mobile/js/jquery-3.2.1.min.js"></script>
	<script src="{{kg['tpl_url']}}mobile/js/weui.min.js"></script>
	<script src="{{kg['tpl_url']}}mobile/js/zepto.min.js"></script>
	<script src="{{kg['tpl_url']}}mobile/js/common.js"></script>
    <script src="{{kg['tpl_url']}}mobile/layer_mobile/layer.js"></script>
    <script src="{{kg['tpl_url']}}mobile/js/recharge_mobile.js"></script>
</head>
<body ontouchstart>
	{% include 'component_header_mobile.tpl' %}
	<div class="box" >
		<div class="weui-tab__panel">
			<form class="weui-cells weui-cells_form" method="POST"  action>
				<input type="hidden" name="action" value="submit">

				<div class="weui-cell  weui-cells_checkbox" >
					<div class="weui-cell__hd"><label class="weui-label">选择充值方式</label></div>
					<div class="weui-cell__bd" style="display: -webkit-inline-box;">
						<label class="weui-cell" for="payment1" style="padding: 0;">
							<div class="weui-cell__hd">
								<input type="radio" class="weui-check" name="payment" id="payment1" checked="checked"  value="1">
								<i class="weui-icon-checked"></i>
							</div>
							<div class="weui-cell__bd">
								<p>微信支付</p>
							</div>
						</label>
						<label class="weui-cell" for="payment2" style="padding: 0;">
							<div class="weui-cell__hd">
								<input type="radio" class="weui-check" name="payment" id="payment2"  value="2">
								<i class="weui-icon-checked"></i>
							</div>
							<div class="weui-cell__bd">
								<p>支付宝支付</p>
							</div>
						</label>
	
					</div>
				</div>
                <div class="weui-cell" >
                    <div class="weui-cell__hd" style="width: 100%;">
                        <div class="text-center pay_logo">                     
                            <img class="active" data-id=1 src="{{kg['tpl_url']}}images/wxpay.png" alt="微信支付"> 
                            <img class="" data-id=2 src="{{kg['tpl_url']}}images/alipay.png" alt="支付宝支付">
                        </div>         
                    </div>
                </div>
                <div class="weui-cell" >
					<div class="weui-cell__hd"><label class="weui-label">充值金额</label></div>
					<div class="weui-cell__bd">
						<input id="" name="amount" class="weui-input" pattern="[0-9]*"  type="number"  placeholder="输入充值金额" maxlength="11" >
					</div>
                </div>
                
				<div class="button-sp-area" style="margin: 15px auto;width: 150px;">
					<button type="button"  class="weui-btn weui-btn_primary pay_btn">进入银行支付页面</button>
				</div>
			</form>
		</div>
	</div>
	{% include 'component_footer_mobile.tpl' %}
 </body>