nizongfeng
/
ZZWX


			
				
					
						
						
							
							<!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" 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" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/wechat.min.css" />
		<link rel="stylesheet" href="css/wx_css/airport_fill_order.css" />
		<style type="text/css">
			.div_1 {
				width: 1%;
				padding-top: 0.25em;
				padding-bottom: 0.02rem;
			}

			.div_2 {
				width: 1%;
				padding-top: 0.05rem;
				padding-bottom: 0.03rem;
			}

			.div_3 {
				width: 0.15rem;
				height: 0.15rem;
			}

			.div_4 {
				padding-left: 0.1rem;
				width: 1%;
				padding-top: 0.045rem;
				padding-bottom: 0.035rem;
			}

			.div_5 {
				height: 0.29rem;
				width: 0.4rem;
				text-align: center;
				line-height: 0.275rem;
			}

			.div_6 {
				height: 0.29rem;
				width: 0.4rem;
				text-align: center;
				line-height: 0.29rem;
				display: block;
			}

			.div_7 {
				height: 0.29rem;
				width: 0.4rem;
				text-align: center;
				line-height: 0.26rem;
			}
		</style>
	</head>

	<body id="loading_html" style="display: none;" class=" bg_color">
		<div class="ub ui_p_l25 ui_p_r25  pay_bg_color  outer_line_down_color ub-ac">
			<div class="ub ub-f1 head_text_1  div_1">支付方式：</div>
			<div class="ub ub-f3 ub-pe div_2">
				<img class="div_3" src="images/wechat2x.png" />
			</div>
			<div class="ub ub-f1 head_text_2 div_4">微信支付</div>
		</div>
		        <div class=" ub ui_p_b05 inner_down_line_color ub-ae sec_bg_color">
		        		<div class="ub-f1 text_left ui_p_l25 ub-ac">
		        			<span class="ulev3" id="gotime">[去程时间]</span>
		        			<span class="fontgreen_color ulev0 " style="font-size: 0.11rem; padding-left: 0.08rem;">[日期]</span>
		        		</div>
		        		<div class="ub-f1 text_right ui_p_r25">
		        			<span class=" ulev1">¥</span><span style="font-size: 0.27rem;vertical-align: bottom;position: relative;top: 0.06rem;" id="go_price">[价格]</span>
		        		   <span style="font-size: 0.11rem; color: rgb(102,102,102);">／人</span>
		        		</div>
		        </div>
		<div class=" from_to_style  ui_p_l55  sec_bg_color inner_down_line_color">
			<div class="start_airport">出发机场</div>
			<div class="airport_name">上海浦东国际机场</div>
			<div class="end_airport">到达位置</div>
			<div class="airport_name">上海市闵行区锡虹路111弄</div>
			<img class="photo_set" src="images/airport2x.png" />
		</div>
		<div style="padding-top: 0.12rem; padding-bottom: 0.12rem;" class="ub ui_p_l25   ui_p_r25  sec_bg_color inner_down_line_color">
			<div class="ub-f1">
				<span class="body_text_2  ">全程315公里</span>
			</div>
			<span class="body_text_2  ">3小时30分钟到达</span>
		</div>
		<div class="ub ui_p_l25 ui_p_r25  sec_bg_color outer_line_down_color">
			<div class="ub ub-f1 ui_p_t15 ui_p_b15">
				<span class="body_text_peo_num">出行人数：</span>
			</div>
			<div class="ub add_sub">
				<div class="bor_left_c ulev6 cut  div_5">-</div>
				<span class="ulev2 aticket ui_line2 div_6" type="text" readonly="true" value="1">1</span>
				<div class="bor_right ulev6 add  div_7">+</div>
			</div>
		</div>
		<div class="sec_bg_color ui_m_t05">
			<div class="ub  ui_p_l25  sec_bg_color contact_pad">
				<span class="body_contact_css">联系人：</span>
				<span>
				<input class="body_people_css" type="text" name="" id="" placeholder="请输入" />
			</span>
			</div>
			<div class="ui_m_l25 inner_up_line_color"></div>
			<div class="ub  ui_p_l25  sec_bg_color contact_pad">
				<span class="body_contact_css">手机号：</span>
				<span>
				<input class="body_people_css" type="text" name="" id="" placeholder="请输入" />
			</span>
			</div>
		</div>
		<div class="ub bottom_screen ub-ac">
			<div class="ub ub-ac ub-f3 ui_p_l20  layer_background ui_line_t line_color_t " id="total_price">
				<span class=" ulev1 ">¥</span><span class="" style="font-size: 0.27rem;">499</span>
				<span class="ub ui_m_l10 " style="font-size: 0.12rem; color: rgb(255,109,109); padding-top: 0.065rem;">共1人</span>
			</div>
			<div class="ub-f2 text_middle ulev1 " id="payBtn" style="background-color: rgb(61,67,79); font-size: 0.19rem;padding-top: 0.05rem;padding-bottom: 0.06rem; color: white;" onclick="payBtnDidClicked()">支&nbsp;&nbsp;付</div>
		</div>
		<!--底部弹层-->
		<div id="actionSheet_wrap">
			<div class="weui_mask_transition weui_fade_toggle" id="mask" style="display: none;"></div>
			<div class="weui_actionsheet  weui_actionsheet_toggle" id="weui_actionsheet">
				<!--选择联系人开始-->
				<div style="display: none; " class="sec_bg_color" id="select_contact_div">
					<div class="ub ui_p_l25 ui_p_r25  tancen_head_color ub-ac">
						<img style="width: 0.16rem; height: 0.16rem; padding-top: 0.155rem; padding-bottom: 0.155rem;" src="images/ic_add_W@2x.png" />
						<div class="tancen_text_1">新增出行人</div>
						<div class="ub-f1 tancen_text_2 text_right">确定</div>
					</div>
					<ul style="max-height: 2.5rem; padding-bottom: 0.63rem;overflow: scroll;background-color: rgb(247,248,250);">
						<li class="ub ui_p_l25 ui_p_r25 ub-ac white_bccolor">
							<img class="tancen_edit" src="images/imgEditDis@2x.png" />
							<div class="tancen_name">毛东东</div>
							<div class="ub-f1 tancen_id_num">230703000000000000</div>
							<img class="tancen_select" src="images/ic_sel@2x.png" />
						</li>
						<li class="ub ui_p_l25 ui_p_r25 ub-ac white_bccolor">
							<img class="tancen_edit" src="images/imgEditDis@2x.png" />
							<div class="tancen_name">毛东东</div>
							<div class="ub-f1 tancen_id_num">230703000000000000</div>
							<img class="tancen_select" src="images/ic_sel@2x.png" />
						</li>
					</ul>
				</div>
				<!--选择联系人结束-->
				<!--没有联系人弹层开始-->
				<div style="display: none; " class="sec_bg_color" id="no_contact_div">
					<div class="ub ui_p_l25 ui_p_r25  tancen_head_color ub-ac">
						<div class="ub-f1 tancen_text_2 text_right" style="padding-top: 0.12rem; padding-bottom: 0.12rem;">取消</div>
					</div>
					<div style="background-color: rgb(229,229,229); padding-bottom: 1.215rem;">
						<div class="tancen_no_per_1  ">您还没有添加任何出行人信息</div>
						<div class="tancen_no_per_2">证件信息为必填项</div>
						<div class="tancen_add_contact">去添加</div>
					</div>
				</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>

</html>