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">
					<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 id="resver_station" class=" ui_p_t15 ui_p_b15"></div>
						<div class="ub ub-ver">
							<div id="resver_time" class=" ui_p_t05 ui_p_b05"></div>
							<div class="ui_p_t05 ui_p_b05"><span style="letter-spacing: 0.25rem">数</span><span id="resver_no"></span></div>
							<div class="ui_p_t05 ui_p_b05"><span style="letter-spacing: 0.25rem">姓</span><span id="resver_name"></span></div>
							<div class="ui_p_t05 ui_p_b10"><span style="letter-spacing: 0.065rem">手机</span><span id="resver_phone"></span></div>
						</div>
					</div>
				</div>
				
				<!--金额-->
				<div class="ub-f1 ui_m_l10 ui_m_r10 ui_p_t15 ui_p_b15">
					<div><span style="letter-spacing: 0.25rem">金</span><span id="resver_money">额：110 元</span></div>
				</div>
			</div>
			
			<div class="ub sg-bg ub-ver ui_m_l15 ui_m_r15 ui_m_t15">
				<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>
					<span style="position: relative;top: 0.05rem;right: 0.05rem;">></span>
				</div>
				<div id="change_wechat" class="ub ub-f1 ui_p_t15 ui_p_b15 ui_m_l15 ui_m_r15">
					<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 id="duigou" style="width: 0.2rem" src="images/duigou_no.png"/>
				</div>
			</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_disney.js" type="text/javascript"  ></script>
</html>