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/bus_ticket.css"/>
		<style type="text/css">
			.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: #38528a;
			}
			.font_info{
				color: #2b3857
			}
			.do_info{
				background-color: #ffffff;
				box-shadow: inset 0 -0.5px 0 0 rgba(0, 0, 0, 0.1);
			}
			.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;
			}
			.disney_div{
				background-color: #ffffff;
				box-shadow: inset 0 -0.5px 0 0 rgba(0, 0, 0, 0.1);
				padding: 0.12rem;
			}
			.count {
				height: 0.22rem;
				width: 0.6rem;
				text-align: center;
				line-height: 0.22rem;
				display: block;
				color: #535187;
			}
			.book_btn{
				border-radius: 100px;
				background-color: #2d2e3a;
				box-shadow: 0 11px 20px 0 rgba(56, 81, 138, 0.36);
			}
			
		</style>
	</head>
	<body class="bg_color" style="display: none;">
		<div class="ub-img6 ub ub-ae" style="height: 1.5rem;background-image: url(images/dingdan.png);background-color: red;">
			<div class="ui_p_t05 ui_p_b05 top_title ub-f1">中星君廷大酒店 - 迪士尼乐园</div>
		</div>
		<!--去程日期-->
		<div 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 class="ulev1 ui_p_r05 font_date">10月25日</div>
					<img  src="images/jiantou.png" style="width: 0.14rem;height: 0.14rem;vertical-align:middle;"/>
				</div>
			</div>
		</div>
		<!--去程班次-->
		<div 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 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 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 class="ulev1 ui_p_r05 font_date">10月25日</div>
						<img  src="images/jiantou.png" style="width: 0.14rem;height: 0.14rem;vertical-align:middle;"/>
					</div>
				</div>
			</div>
			<!--返程班次-->
			<div 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 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 class="sel_back_btn ub ub-ac ub-pc ulev1 font_info" onclick="selectBackInfo()">取消返程</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_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 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 style="line-height: 1;height: 0.16rem;">订票须知：</div>
			</div>
			<div class="font_info">1.为避免客满情况，请及时预订</div>
			<div class="font_info">2.请按照规定时间到达上车点乘车</div>
			<div class="font_info">3.身高1.2米以上儿童必须购票，不购票将不能乘车</div>
		</div>
		<!--预订-->
		<div class="ui_m_t15 ui_m_l25 ui_m_r25 ub ub-ac ub-pc book_btn ui_p_t12 ui_p_b12 " style="color: #ffffff;">预 订</div>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		<!--班次弹层-->
		<div class="model" style="display: none;">
			<div 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 ulev1 text_c_80">选择乘坐班次 — 07:30</div>
							<div class="text_c_2b ulev2">确定</div>
						</div>
					</div>
					<div 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=201703311607" type="text/javascript" charset="utf-8"></script>
		<script src="js/bus_ticket.js?v=201703311607" type="text/javascript" charset="utf-8"></script>
		<!--<script type="text/javascript">
			function selectBackInfo(){
				console.log('111');
				$('.model').animate({height:'show',top: ($(window).height() - $('.model').height()) + $(window).scrollTop() + "px",},300);
			}
		</script>-->
	</body>
</html>