nizongfeng
/
ZZFX


			
				
					
						
						
							
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<title>支付</title>
		<link rel="stylesheet" href="css/main.css" />
		<link rel="stylesheet" href="css/ui-base.css" />
		<link rel="stylesheet" href="css/ui-box.css" />
		<link rel="stylesheet" href="css/ui-color.css" />
	</head>
	<body class="bc-bg">
		<!--填写订单内容模块-->
		<div id="info" class="">
			<div class="ub ub-ac ub-ver uinn ">请在提交订单后10分钟内完成支付</div>
			<div class="ub sg-bg ub-ver ui_m_l15 ui_m_r15">
				<!--去程-->
				<div class="ub  ui_line_b bc-border ui_m_l10 ui_m_r10 ui_hide" id="go">
					<img class="ub-f1 ui_p_t10" style="width: 0.3rem;height: 0.3rem;" src="images/go.png"/>
					<!--行程内容-->
					<div class="ub-f1 ui_m_l05">
						<div class=" ui_p_t15 ui_p_b15">上海（黄浦旅游集散站） -  乌镇（西栅1号停车场）</div>
						<div class="ub ub-ver">
							<div class=" ui_p_t05 ui_p_b05">出发时间：2016-07-26   07:40</div>
							<div class="ui_p_t05 ui_p_b05"><span style="letter-spacing: 0.25rem">数</span>量：[普通座] × [n]</div>
							<div class="ui_p_t05 ui_p_b05"><span style="letter-spacing: 0.25rem">姓</span>名：小橙子</div>
							<div class="ui_p_t05 ui_p_b10"><span style="letter-spacing: 0.065rem">手机</span>号：18602525520</div>
						</div>
					</div>
				</div>
				
				<!--往返-->
				<div class="ub  ui_line_b bc-border ui_m_l10 ui_m_r10 ub-ver " id="back">
					<div class="ub-f1 ub ui_line_b bc-border">
					<img class="ub-f1 ui_p_t10" style="width: 0.3rem;height: 0.3rem;" src="images/go.png"/>
					<!--行程内容-->
					<div class="ub-f1 ui_m_l05">
						<div class=" ui_p_t15 ui_p_b15">[去程出发地]（去程出发站点） -  [去程目的地]（去程目的站点）</div>
						<div class="ub ub-ver">
							<div class=" ui_p_t05 ui_p_b05">出发时间：[去程日期]   [去程时间]</div>
							<div class="ui_p_t05 ui_p_b10"><span style="letter-spacing: 0.25rem">数</span>量：[去程座]  × [去程数量]</div>
						</div>
					</div>
					</div>
					<div class="ub-f1 ub">
					<img class="ub-f1 ui_p_t10" style="width: 0.3rem;height: 0.3rem;" src="images/back.png"/>
					<!--返程内容-->
					<div class="ub-f1 ui_m_l05">
						<div class=" ui_p_t15 ui_p_b15">[返程出发地]（返程出发站点） -  [返程目的地]（返程目的站点）</div>
						<div class="ub ub-ver">
							<div class=" ui_p_t05 ui_p_b05">出发时间：[返程日期]   [返程时间]</div>
							<div class="ui_p_t05 ui_p_b05"><span style="letter-spacing: 0.25rem">数</span>量：[返程座]  × [返程数量]</div>
							<div class="ui_p_t05 ui_p_b05"><span style="letter-spacing: 0.25rem">姓</span>名：小橙子</div>
							<div class="ui_p_t05 ui_p_b10"><span style="letter-spacing: 0.065rem">手机</span>号：18602525520</div>
						</div>
					</div>
					</div>
				</div>
					
				<!--金额-->
				<div class="ub-f1 ui_m_l10 ui_m_r10 ui_p_t15 ui_p_b15">
					<div id="total"><span style="letter-spacing: 0.25rem">金</span>额：110 元</div>
				</div>
			</div>
			
			<div class="ub sg-bg ub-ver ui_m_l15 ui_m_r15 ui_m_t15 ui_m_b15">
				<div id="pay_code" class="ub ub-f1 ui_p_t15 ui_p_b15 ui_m_l15 ui_m_r15 ui_line_b bc-border">
					<div class="ub-f1">
						<img style="width: 0.2rem" src="images/erweima.png"/>
						<span class="ui_p_l15" style="vertical-align: top; line-height: 0.2rem;">支付二维码</span>
					</div>
				</div>
				<div class="ub ub-f1 ui_p_t15 ui_p_b15 ui_m_l15 ui_m_r15" id="change_wechat">
					<div class="ub-f1">
						<img style="width: 0.2rem" src="images/wechat.png"/>
						<span class="ui_p_l15" style="vertical-align: top; line-height: 0.2rem;">微信支付</span>
					</div>
					<img style="width: 0.2rem" id="duigou" src="images/duigou_no.png"/>
				</div>
			</div>
			<div style="height: 0.8rem;"></div>
			<div class="ub sg-bg bottom_screen">
				<div class="ub-f3 ui_p_l20 ui_p_t15 ui_p_b15" style="width: 1%;">剩余时间：<span id="minute_show"></span><span id="second_show"></span></div>
				<div class="ub-f2 text_middle ui_p_t15 ui_p_b15 " style="background-color: darkgrey;width: 1%;" id="wechat_pay">立即支付</div>
			</div>
		</div>
		<!--预订成功内容模块-->
		<div class="ub ub-ver ui_hide">
			<div class="ub-f1 ui_m_t40 text_middle">
				<img style="width: 0.4rem;height: 0.4rem;" src="images/duigou.png"/>
			</div>
			<div class="ub-f1 ui_p_t20 ui_p_b20 ui_m_l25 ui_m_r25 ui_line_b bc-border text_middle">预订成功</div>
			<div class="ub-f1 ui_p_t20 ui_p_b20 ub ui_m_l25 ui_m_r25">
				<div class="ub-f1 text_middle ui_radiu_all  ui_m_l40 ui_m_r10 ui_btn">查看订单</div>
				<div class="ub-f1 text_middle ui_radiu_all ui_m_l10 ui_m_r40 ui_btn">返回首页</div>
			</div>
		</div>
		<!--超时支付弹层-->
		<div class="out_time_div ui_hide" style="margin-top: 0.7rem;" id="outtime">
			<div class="ub ub-ver sg-bg ui_m_l30 ui_m_r30 ui_p_b10 ui_p_t10">
				<div class="ub-f1 text_middle ui_p_t20 ui_p_b20">您的支付已经超时！</div>
				<div class="ub-f1 text_middle  ui_m_t05 ui_m_b05 ui_btn_border ui_radiu_all" style="padding: 0.1rem 0; margin: 0 0.9rem;" onclick="payAgain()">重新下单</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/pay_order.js" type="text/javascript" charset="utf-8"></script>
</html>