<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta content="zh-cn" http-equiv="Content-Language" />
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="renderer" content="webkit"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,  user-scalable=no"/>
		<title>{%$lngpack.sitename%}</title>
		<meta name="keywords" content="{%$lngpack.keyword%}" />
		<meta name="description" content="{%$lngpack.description%}" />
		<link rel="icon" type="image/png" href="{%$icon_16%}" sizes="16x16"/>
		<link rel="icon" type="image/png" href="{%$icon_32%}" sizes="32x32"/>
		<link rel="icon" type="image/png" href="{%$icon_64%}" sizes="64x64"/>
		<link href="{%$rootpath%}css/bootstrap.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcmsp8_font.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/swiper.min.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcmsp8_all.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcms_p8_public.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/jquery.min.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/bootstrap.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/swiper.min.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_base.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_formvalidation.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_dialog.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/citydb.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/cityselect.js"></script>
		<script type="text/javascript">
			var seconds = 60;
			onload = function () {
				window.setInterval(redirection, 1000);
			};
			function redirection() {
				if (seconds <= 0) {
					window.clearInterval();
					return;
				}
				seconds--;
				$('#codetime').empty().append(seconds);
				if (seconds === 0) {
					$('#codestr').empty().append('二维码已过期，请刷新页面重新获取二维码');
				}
			}
		</script>
	</head>

	<body>
		{%link file="public/head.html"%}
		<section class="bann_container">
			<div class="container page_bann_title">
				<h2>订单支付</h2>
			</div>
		</section>

		<section class="container espcms_page_book">
			<div class="section-divider mb40"><span>微信扫码支付</span></div>
			<p class="bg-danger p10 tc" id="codestr">距离二维码过期还剩<span class="oninage" id="codetime">50</span>秒，过期后请刷新页面重新获取二维码。</p>
			<div class="tc">
				<h3>当前支付订单为：<span class="colorgreg b">{%$read.ordersn%}</span></h3>
				<h5 class="pt15">订单总额：<span class="colorgreg">{%$read.orderamount|espcms_format_money(3)%}</span>（产品总额{%$read.productmoney|espcms_format_money(3)%}{%if $read.shippingmoney>0%} + 快递费{%$read.shippingmoney|espcms_format_money(3)%}{%/if%}{%if $read.invoicefeemoney>0%} + 发票手续费：{%$read.invoicefeemoney|espcms_format_money(3)%}{%/if%}{%if $read.discount>0%} - 优惠{%$read.discount|espcms_format_money(3)%}{%/if%}）</h5>
			</div>
			<div class="tc mt30 mb30">
				<div class="pay_code_pic">
					<img src="{%$pay_pic%}"/>
					<div class="pw-box-ft">
						<p>请使用微信扫一扫</p>
						<p>扫描二维码支付</p>
					</div>
				</div>
				<div class="code_str"><img src="{%$rootpath%}images/weixinpay.png"/></div>
			</div>
		</section>

		{%link file="public/footer.html"%}
	</body>
</html>