nizongfeng
/
FX


			
				
					
						
						
							
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>订单填写</title>
		<link rel="stylesheet" type="text/css" href="css/ui-box.css" />
		<link rel="stylesheet" type="text/css" href="css/ui-base.css" />
		<link rel="stylesheet" type="text/css" href="css/ui-color.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/fx_css/fill_order_hotel.css" />
		<link rel="stylesheet" type="text/css" href="css/wechat.min.css" />
		<style type="text/css">
			.mod_fil {
				-webkit-filter: blur(6px);
				filter: blur(6px);
			}
			
			.model_la {
				width: 0.37rem;
				height: 0.05rem;
				border-radius: 4px;
				background-color: rgba(0, 0, 0, 0.2);
				margin-top: 0.06rem;
			}
			
			.animated {
				-webkit-animation-duration: 0.4s;
				animation-duration: 0.4s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
			}
			
			@-webkit-keyframes fadeInUp {
				0% {
					/*opacity: 0;*/
					-webkit-transform: translate3d(0, 100%, 0);
					transform: translate3d(0, 100%, 0);
				}
				100% {
					/*opacity: 1;*/
					-webkit-transform: none;
					transform: none;
				}
			}
			
			@keyframes fadeInUp {
				0% {
					/*opacity: 0;*/
					-webkit-transform: translate3d(0, 100%, 0);
					transform: translate3d(0, 100%, 0);
				}
				100% {
					/*opacity: 1;*/
					-webkit-transform: none;
					transform: none;
				}
			}
			
			.fadeInUp {
				-webkit-animation-name: fadeInUp;
				animation-name: fadeInUp;
			}
			
			@-webkit-keyframes fadeInDown {
				0% {
					-webkit-transform: none;
					transform: none;
				}
				100% {
					-webkit-transform: none;
					transform: none;
				}
			}
			
			@keyframes fadeInDown {
				0% {
					-webkit-transform: none;
					transform: none;
				}
				100% {
					-webkit-transform: translate3d(0, 100%, 0);
					transform: translate3d(0, 100%, 0);
				}
			}
			
			.fadeInDown {
				-webkit-animation-name: fadeInDown;
				animation-name: fadeInDown;
			}
		</style>
	</head>

	<body class="bg_color">
		<div id="body_mod">
			<div class="ub ub-ver container-div">
				<!--票信息-->
				<div class="ub ub-ver lightgreen_color box_sha">
					<div class="ui_p_l20 ui_p_r20 ui_p_t15 ulev2">上海香格里拉大酒店</div>
					<div id="start_date" class="text_c_80 ui_p_l20 ui_p_r20 ui_p_t15">豪华大床房(无早)</div>
					<div id="pro_cate_name" class="ui_p_l20 ui_p_r20 text_c_2b ulev1 ui_m_b15"></div>
					<div class="ui_p_l20 ui_p_r20 text_c_80">入住：2016-10-21 离店：2016-10-22</div>
					<div id="person_count" class="ui_p_l20 ui_p_r20 ui_p_b15">
						<!--<span class="text_c_2b ulev1">2</span>
					<span class="text_c_2b ulev1 ui_m_r05">成人</span>
					<span class="text_c_2b ulev1">1</span>
					<span class="text_c_2b ulev1 ui_m_r05">儿童</span>-->
					</div>
				</div>

				<!--乘客信息-->
				<div class="ub ub-ver lightgreen_color ui_p_l20 ui_p_r20 ui_m_t08 box_sha">
					<div class="ub ub-ac ui_p_t10 bor_b_e5 ui_p_b10">
						<div class="text_c_80">房间数</div>
						<div class="text_c_80 ub-f1 tx-c" id="room_count">1间</div>
						<!--<div class="ub ub-ver ui_p_t05 ui_p_b10 bor_b_e5">
						<input id="contacts_name" style="width: 100%;" class="ulev1 text_c_2b" type="text" value="" placeholder="必填，姓名" />
						<div class="ulev1 text_c_2b">1</div>
					</div>-->
					</div>
					<div>
						<div class="ui_p_t15 text_c_80">预订人</div>
						<div class="ub ub-ver ui_p_t05 ui_p_b10 bor_b_e5">
							<input id="contacts_name" style="width: 100%;" class="ulev1 text_c_2b" type="text" value="" placeholder="必填，姓名" />
						</div>
					</div>

					<div>
						<div class="ui_p_t15 text_c_80">预订人手机号</div>
						<div class="ub ub-ver ui_p_t05 ui_p_b10 bor_b_e5">
							<input id="contacts_phone" maxlength="11" style="width: 100%;" class="ulev1 text_c_2b" type="tel" placeholder="必填，用于接收预订短信" onkeyup="this.value=this.value.replace(/[^0-9Xx]/g,'')" onafterpaste="this.value=this.value.replace(/[^0-9Xx]/g,'')" />
						</div>
					</div>
					<!--支付方式-->
					<div class="pay_types">
						<div class="ui_p_t15 text_c_80">请选择支付方式：</div>
						<div class="ub ub-ac ui_m_t10">
							<div style="width: 1%;" class="ub ub-f1 ub-ac ub-pc bor_pay ui_m_r10" id="wx_pay">
								<div class="pay_w_icon_sel p_wx"></div>
								<div class="ui_m_l10">
									<div class="ulev1 text_c_2b">微信支付</div>
									<div style="font-size: 0.09rem;opacity: 0.4;" class="text_c_2b">Wechat Payment</div>
								</div>
							</div>
							<div style="width: 1%;" class="ub ub-f1 ub-ac ub-pc bor_pay_un ui_m_l10" id="ali_pay">
								<div class="pay_z_icon_unsel p_ali"></div>
								<div class="ui_m_l10">
									<div class="ulev1 text_c_2b">支付宝</div>
									<div style="font-size: 0.09rem;opacity: 0.4;" class="text_c_2b">ALIPAY</div>
								</div>
							</div>
						</div>
						<div class="ub ub-ac ui_m_b10 ui_m_t10">
							<div style="width: 1%;" class="ub ub-f1 ub-ac ub-pc bor_pay_un ui_m_r10" id="advance_pay">
								<div class="pay_advance_icon_unsel p_advance"></div>
								<div class="ui_m_l10">
									<div class="ulev1 text_c_2b">预付款支付</div>
									<div style="font-size: 0.09rem;opacity: 0.4;" class="text_c_2b">Advance Payment</div>
								</div>
							</div>
							<div style="width: 1%;opacity: 0;" class="ub ub-f1 ub-ac ub-pc bor_pay_un ui_m_l10" id="">
								<div class="pay_z_icon_unsel p_ali"></div>
								<div class="ui_m_l10">
									<div class="ulev1 text_c_2b">蜘蛛钱包支付</div>
									<div style="font-size: 0.09rem;opacity: 0.4;" class="text_c_2b">ZZCXPAY</div>
								</div>
							</div>
						</div>
					</div>

				</div>
				<!--支付方式-->
				<div class="ub ub-ver lightgreen_color ui_p_l20 ui_p_r20 ui_m_t08 box_sha" style="display: none;">
					<div class="ui_p_t15 text_c_80">请选择支付方式：</div>
					<div class="ub ub-ver">
						<div class="wx ub ui_p_t10 ui_p_b10">
							<div class="pay_w_icon_unsel p_wx"></div>
							<div class="ulev1 text_c_2b ui_p_l20">微信支付</div>
						</div>
						<div class="ali ub ui_p_t10 ui_p_b10">
							<div class="pay_z_icon_unsel p_wx"></div>
							<div class="ulev1 text_c_2b ui_p_l20">支付宝支付</div>
						</div>
						<div class="shouxing ub"></div>
					</div>
					<!--<div class="ub ub-ac ui_m_b20 ui_m_t10">
					<div style="width: 1%;" class="ub ub-f1 ub-ac ub-pc bor_pay ui_m_r10" id="wx_pay">
						<div class="pay_w_icon_sel p_wx"></div>
						<div class="ui_m_l10">
							<div class="ulev1 text_c_2b">微信支付</div>
							<div style="font-size: 0.09rem;opacity: 0.4;" class="text_c_2b">Wechat Payment</div>
						</div>
					</div>
					<div style="width: 1%;" class="ub ub-f1 ub-ac ub-pc bor_pay_un ui_m_l10" id="ali_pay">
						<div class="pay_z_icon_unsel p_ali"></div>
						<div class="ui_m_l10">
							<div class="ulev1 text_c_2b">支付宝</div>
							<div style="font-size: 0.09rem;opacity: 0.4;" class="text_c_2b">ALIPAY</div>
						</div>
					</div>
				</div>-->
				</div>
				<!--金额、结算-->
				<div class="go_pay" style="box-shadow: 0 -1px 19px 0 rgba(100, 150, 255, 0.15);">
					<div class="ub">
						<div style="width: 1%;" class="ub ub-f1 ub-pc ub-ac ui_p_t10 ui_p_b10 lightgreen_color">
							<span class="ulev1 text_c_2b">金额：<span style="font-size: 14px;">￥</span></span>
							<span id="total_price" class="ulev1 text_c_2b" style="margin-left: -0.06rem;"></span>
						</div>
						<div style="width: 1%;" class="ub ub-f1 ub-pc ub-ac ui_p_t10 ui_p_b10 ulev4 bg_c_2d white_color" id="go_settlement">去结算</div>
					</div>
				</div>
			</div>

			<!--支付弹框-->
			<div style="display: none;" class="model">
				<div class="model_box">
					<div class="ub ub-ver">
						<div class="ub ub-ac bor_b_e5">
							<div class="ub-f1 ui_p_l15 ui_p_t12 ui_p_b12">
								<span class="ulev1 text_c_2b">支付金额：¥</span>
								<span class="ulev1 text_c_2b" id="pay_money">0</span>
							</div>
							<div id="close_cha" class="ui_p_r15 ui_p_l15 ui_p_b14 ui_p_t14" style="display: none;">
								<div class="search_r"></div>
							</div>
						</div>
						<div class="ub ub-ver ui_p_t20 ui_p_b20 ui_p_r15 ui_p_l15">
							<div class="ub ub-ac">
								<div class="pay_type weixin ui_m_r05"></div>
								<div class="qr_pay_type ub-f1 text_c_80">扫码支付:</div>
							</div>
							<div class="ub ub-pc ui_m_a05">
								<img id="qr_code_img" style="width: 1.32rem;height: 1.32rem;" src="images/base.png" />
							</div>
							<div style="margin-top: -0.05rem;" class="ub ub-pc ui_m_b15">
								<!--<span class="text_c_ef">30</span><span class="text_c_ef">秒后</span>-->
								<span class="text_c_80">请<span style="color: #ef5b4c;">扫一扫</span>二维码进行支付</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--底部弹框-->
			<div style="display: none;" class="model_room_count">
				<div style="display: none;" class="model_box_room_count">
					<div class="ub ub-ver">
						<div class="ub ub-ver">
							<div class="ub ub-pc">
								<div class="model_la"></div>
							</div>
							<div class="ub ui_p_l15 ui_p_r15 ui_p_t08 ui_p_b08 ub-ac bor_b_e5">
								<div class="ub-f1">
									<span class="ulev1 text_c_80 room_title">选择房间数 — </span>
									<span id="sel_date" class="ulev1 text_c_80"></span>
								</div>
								<div id="make_sure" class="text_c_2b ulev2"></div>
							</div>
						</div>
						<div class="ub ub-ver select_hei">
							<!--<div class="calendar">
							<div class="month clearfix fire aonelist"></div>
						</div>-->
							<div class="ub ub-ver tx-c">
								<div class="room_count_num ui_p_t10 ui_p_b10 bor_b_e5">1</div>
								<div class="room_count_num ui_p_t10 ui_p_b10 bor_b_e5">2</div>
								<div class="room_count_num ui_p_t10 ui_p_b10 bor_b_e5">3</div>
								<div class="room_count_num ui_p_t10 ui_p_b10 bor_b_e5">4</div>
								<div class="room_count_num ui_p_t10 ui_p_b10 bor_b_e5">5</div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/main.js?v=2.2&t=201705081438" type="text/javascript" charset="utf-8"></script>
		<script src="js/fill_order_hotel.js?v=2.2&t=201705081438" type="text/javascript" charset="utf-8"></script>
	</body>

</html>