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">
		<meta name="format-detection" content="telephone=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/calendar.css" />
		<link rel="stylesheet" type="text/css" href="css/fx_css/landmark_ticket.css" />
		<style type="text/css">
			body{
				moz-user-select: -moz-none;
				-moz-user-select: none;
				-o-user-select:none;
				-khtml-user-select:none;
				-webkit-user-select:none;
				-ms-user-select:none;
				user-select:none;
			}
			.top_title {
				background-color: rgba(44, 45, 58, 0.6);
				color: #FFFFFF;
				padding-left: 0.12rem;
			}
			
			.font_date {
				color: #38528a;
			}
			
			.font_gray {
				color: #80889a;
			}
			
			.font_price {
				color: #535187;
			}
			
			.font_info {
				color: #2b3857
			}
			
			.do_info {
				background-color: #ffffff;
				border-bottom: 0.5px solid #e5e5e5;
			}
			
			.sel_back_btn {
				margin: 0.08rem 0.12rem;
				padding: 0.09rem 0;
				border-radius: 4px;
				background-color: #f1f4f9;
				box-shadow: 0 4px 8px 0 rgba(56, 81, 138, 0.16);
				border: solid 0.5px #666699;
			}
			
			.cancel_back_btn {
				margin: 0.08rem 0.12rem;
				padding: 0.09rem 0;
				border-radius: 4px;
				background-color: #ffffff;
				border: solid 0.5px rgba(102, 102, 153, 0.2);
				;
			}
			
			.disney_div {
				background-color: #ffffff;
				border-bottom: 0.5px solid #e5e5e5;
				padding: 0.12rem;
			}
			
			.count {
				height: 0.22rem;
				width: 0.6rem;
				text-align: center;
				line-height: 0.22rem;
				display: block;
				color: #535187;
			}
			
			.book_btn {
				position: fixed;
			    left: 0.25rem;
			    right: 0.25rem;
			    bottom: 0.25rem;
				border-radius: 100px;
				background-color: #2d2e3a;
				box-shadow: 0 11px 20px 0 rgba(56, 81, 138, 0.36);
			}
			
			.mod_fil {
				-webkit-filter: blur(6px);
				filter: blur(6px);
			}
			
			.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" style="display: none;">
		<div id="body_mod" class="ub ub-ver" style="margin-bottom: 0.9rem;">
			<div id="bg_img" class="ub-img6 ub ub-ae" style="height: 1.5rem;background-size: 100%;">
				<div class="ui_p_t05 ui_p_b05 top_title ub-f1">中星君廷大酒店 - 迪士尼乐园</div>
			</div>
			<!--去程日期-->
			<div id="go_date_select" class="ub ui_p_t15 ui_p_b15 do_info">
				<div class="ub-f1 ub ui_p_l12">
					<div class="ub-f1 font_dark ulev1 font_info">去程日期</div>
					<div class="ui_p_r12 ub">
						<div id="go_run_date" class="ulev1 ui_p_r05 font_date"></div>
						<img src="images/jiantou.png" style="width: 0.14rem;height: 0.14rem;vertical-align:middle;" />
					</div>
				</div>
			</div>
			<!--去程班次-->
			<div id="go_classes" class="ub ui_p_t15 ui_p_b15 do_info">
				<div class="ub-f1 ub ui_p_l12">
					<div class="ub-f1 font_dark ulev1 font_info">去程班次</div>
					<div class="ui_p_r12 ub">
						<div id="go_show_class" class="ulev1 ui_p_r05 font_gray">请选择</div>
						<img src="images/jiantou.png" style="width: 0.14rem;height: 0.14rem;vertical-align:middle;" />
					</div>
				</div>
			</div>
			<!--返程-->
			<div id="back_date" style="display: none;">
				<!--返程日期-->
				<div id="back_date_select" class="ub ui_p_t15 ui_p_b15 do_info">
					<div class="ub-f1 ub ui_p_l12">
						<div class="ub-f1 font_dark ulev1 font_info">返程日期</div>
						<div class="ui_p_r12 ub">
							<div id="back_run_date" class="ulev1 ui_p_r05 font_date"></div>
							<img src="images/jiantou.png" style="width: 0.14rem;height: 0.14rem;vertical-align:middle;" />
						</div>
					</div>
				</div>
				<!--返程班次-->
				<div id="back_classes" class="ub ui_p_t15 ui_p_b15 do_info">
					<div class="ub-f1 ub ui_p_l12">
						<div class="ub-f1 font_dark ulev1 font_info">返程班次</div>
						<div class="ui_p_r12 ub">
							<div id="back_show_class" class="ulev1 ui_p_r05 font_gray">请选择</div>
							<img src="images/jiantou.png" style="width: 0.14rem;height: 0.14rem;vertical-align:middle;" />
						</div>
					</div>
				</div>
			</div>
			<!--选择返程按钮-->
			<div go_back="0" id="if_back" class="sel_back_btn ub ub-ac ub-pc ulev1 font_info">添加返程</div>
			<!--迪士尼票-->
			<div id="tick_type" class="ub ub-ver">
				<!--<div class="ub ub-ver disney_div">
					<div class="ui_p_b12">迪士尼乐园成人票</div>
					<div class="ub">
						<div class="ub-f1 ub">
							<img style="width: 0.22rem;height: 0.22rem;vertical-align: middle;" src="images/jianhao_sel.png"/>
							<span class="ulev3 count"  type="text" readonly="true" value="1">1</span>
							<img style="width: 0.22rem;height: 0.22rem;vertical-align: middle;" src="images/jiahao_sel.png"/>
						</div>
						<div class="ub-f1 ub tx-r">
							<div class="ub-f1 ub ub-pe ub-ae font_price" >¥</div>
							<div class="ulev3 ub ub-ae font_price" style="line-height: 1;">288</div>
						</div>
					</div>
				</div>
				<div class="ub ub-ver disney_div">
					<div class="ui_p_b12">迪士尼乐园儿童票</div>
					<div class="ub">
						<div class="ub-f1 ub">
							<img style="width: 0.22rem;height: 0.22rem;vertical-align: middle;" src="images/jianhao.png"/>
							<span class="ulev3 count"  type="text" readonly="true" value="0">0</span>
							<img style="width: 0.22rem;height: 0.22rem;vertical-align: middle;" src="images/jiahao_sel.png"/>
						</div>
						<div class="ub-f1 ub tx-r">
							<div class="ub-f1 ub ub-pe ub-ae font_price" >¥</div>
							<div class="ulev3 ub ub-ae font_price" style="line-height: 1;">288</div>
						</div>
					</div>
				</div>-->
			</div>

			<!--订票须知-->
			<div class="ub ub-ver ui_p_l12 ui_p_t08">
				<div class="ub">
					<img src="images/tanhao.png" style="width: 0.12rem;height: 0.12rem;vertical-align: top;" />
					<div class="font_gray" style="line-height: 1;height: 0.16rem;margin-left: 0.02rem;">订票须知：</div>
				</div>
				<div class="booking_notice">
					<!--<div class="font_gray">1.为避免客满情况，请及时预订</div>
					<div class="font_gray">2.请按照规定时间到达上车点乘车</div>
					<div class="font_gray">3.身高1.2米以上儿童必须购票，不购票将不能乘车</div>-->
				</div>
			</div>
			<!--预订-->
			<div onclick="reserve()" class="ulev3 ub ub-ac ub-pc book_btn ui_p_t12 ui_p_b12" style="color: #ffffff;">预 订</div>
		</div>

		<!--日历-->
		<div style="display: none;" class="model">
			<div style="display: none;" class="model_box">
				<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">选择乘车日期 — </span>
								<span id="go_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>
				</div>
			</div>
		</div>

		<!--班次弹层-->
		<div class="model_car" style="display: none;">
			<div style="display: none;" class="model_box_car">
				<div class="ub ub-ver">
					<div class="ub ub-ver ">
						<div class="ub ub-pc">
							<div class="model_la_car"></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 ulev1 text_c_80">选择乘坐班次</div>
							<div class="text_c_2b ulev2"></div>
						</div>
					</div>
					<div id="sel_car" class="ub ub-ver select_hei">
						<div class="ub ub-ac bor_b_e5">
							<div class="ui_p_t12 ui_p_b12 ui_p_l15 ui_p_r20 ulev1 text_c_2b">07:30</div>
							<div class="ub-f1 text_c_80">余票充足</div>
							<div class="ui_p_r15 ui_p_t10 ui_p_b10 ui_p_l15">
								<div class="select_gou"></div>
							</div>
						</div>

						<div class="ub ub-ac bor_b_e5">
							<div class="ui_p_t12 ui_p_b12 ui_p_l15 ui_p_r20 ulev1 text_c_2b">07:30</div>
							<div class="ub-f1 text_c_80">已发车</div>
							<div class="ui_p_r15 ui_p_t10 ui_p_b10 ui_p_l15">
								<div class="select_kong"></div>
							</div>
						</div>

						<div class="ub ub-ac bor_b_e5">
							<div class="ui_p_t12 ui_p_b12 ui_p_l15 ui_p_r20 ulev1 text_c_2b">07:30</div>
							<div class="ub-f1 text_c_80">已售罄</div>
							<div class="ui_p_r15 ui_p_t10 ui_p_b10 ui_p_l15">
								<div class="select_kong"></div>
							</div>

						</div>

						<div class="ub ub-ac bor_b_e5">
							<div class="ui_p_t12 ui_p_b12 ui_p_l15 ui_p_r20 ulev1 text_c_2b">07:30</div>
							<div class="ub-f1 text_c_80">余票充足</div>
							<div class="ui_p_r15 ui_p_t10 ui_p_b10 ui_p_l15">
								<div class="select_quan"></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.0.1&t=201705311351" type="text/javascript" charset="utf-8"></script>
		<script src="js/calendar.js?v=2.0.1&t=201705311351" type="text/javascript" charset="utf-8"></script>
		<script src="js/landmark_ticket.js?v=2.0.3&t=201706131351" type="text/javascript" charset="utf-8"></script>
	</body>

</html>