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" />
		<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;
			}
			
			.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;
			}
			
			.bottom_book {
			    position: fixed;
			    left: 0.25rem;
			    right: 0.25rem;
			    bottom: 0.25rem;
				padding-bottom: 0.12rem;
				padding-top: 0.12rem;
				border-radius: 100px;
				background-color: #2d2e3a;
				box-shadow: 0 11px 20px 0 rgba(56, 81, 138, 0.36);
			}
			
			.model {
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				/*background-color: rgba(0, 0, 0, 0.25);*/
				background-image: url(images/group_9.png);
				z-index: 100;
			}
			
			.model_box {
				position: fixed;
				height: 4.3rem;
				bottom: 0;
				left: 0;
				right: 0;
				background-color: #fff;
				-webkit-border-top-left-radius: 8px;
				-webkit-border-top-right-radius: 8px;
			}
			
			.model_la {
				width: 0.37rem;
				height: 0.05rem;
				border-radius: 4px;
				background-color: rgba(0, 0, 0, 0.2);
				margin-top: 0.06rem;
			}
			
			.ui_p_t08 {
				padding-top: 0.08rem;
			}
			
			.ui_p_b08 {
				padding-bottom: 0.08rem;
			}
			
			.text_c_80 {
				color: #80889a;
			}
			
			.text_c_2b {
				color: #2b3857;
			}
			
			.bor_b_e5 {
				border-bottom: 0.5px solid #e5e5e5;
			}
			
			.ui_p_t12 {
				padding-top: 0.12rem;
			}
			
			.ui_p_b12 {
				padding-bottom: 0.12rem;
			}
			
			.select_hei {
				overflow: scroll;
				height: 3.8rem;
				-webkit-overflow-scrolling: touch;
			}
			
			.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="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="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="tick_type" class="ub ub-ver">
				<!--<div class="ub ub-ver disney_div">
					<div style="padding-bottom: 0.12rem;">迪士尼乐园成人票</div>
					<div class="ub">
						<div class="ub-f1 ub">
							<img class="cut" style="width: 0.22rem;height: 0.22rem;vertical-align: middle;" src="images/jianhao.png"/>
							<span class="ulev3 count aticket"  type="text" readonly="true" one_price="100" >0</span>
							<img class="add" 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;">100</div>
						</div>
					</div>
				</div>
				<div class="ub ub-ver disney_div">
					<div style="padding-bottom: 0.12rem;">迪士尼乐园儿童票</div>
					<div class="ub">
						<div class="ub-f1 ub">
							<img class="cut" style="width: 0.22rem;height: 0.22rem;vertical-align: middle;" src="images/jianhao.png"/>
							<span class="ulev3 count aticket"  type="text" readonly="true" one_price="200" >0</span>
							<img class="add" 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;">200</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="bottom_book ub ub-ac ub-pc ulev3" 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="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>

		<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/calendar.js?v=2.2&t=201705081438" type="text/javascript" charset="utf-8"></script>
		<script src="js/scene_ticket.js?v=2.2&t=201705081438" type="text/javascript" charset="utf-8"></script>
	</body>

</html>