nizongfeng
/
ZZWX


			
							<!--//Created by HBuilder.
//User: Miracle~
//Date: 2016/11/15
//Time: 17：00
//页面加载-->
<!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/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="css/nav.css" />
		<link rel="stylesheet" type="text/css" href="css/wx_css/travel_around_detail.css" />

		<style type="text/css">
		/*.section-content {
				/*标签页的样式*/

			margin-top: 0.1rem;
		}
		*/ .nav-height {
			/*第一个div样式,包住整个选择*/

			position: relative;
			height: 50px;
		}
		.ub_ul {
			display: -webkit-box!important;
		}
		.swiper-pagination span {
			color: #fff;
			font-size: 0.1rem;
		}
		</style>
	</head>

	<body id="loading_html" style="display: none;" class="bg_color">
		<!-- Swiper -->
		<div class="topbox outer_line_down_color">
			<!--顶部，吸顶位置-->
			<div style="background-color: #fff;" class="swiper-container">
				<div id="swiper" class="swiper-wrapper">
					<div class="swiper-slide"><img style="width: 100%; height: 1.4rem;" src="images/banner.png" /></div>
					<div class="swiper-slide"><img style="width: 100%;height: 1.4rem;" src="images/banner2.png" /></div>
				</div>
				<!-- Add Pagination -->
				<div style="bottom: 0.15rem;font-size: 0.1rem; right: 0.2rem;width: 0.31rem;color: #fff;background: rgba(0,0,0,0.5);border-radius: 0.1rem;padding-top: 0.01rem;" class="swiper-pagination"></div>
			</div>
			<!-- Swiper结束 -->
			<div style="background-color: rgb(255,255,255);" class="ui_p_b10">
				<div id="zname" style="padding-top: 0.13rem;" class="ui_p_l20 ui_p_r20 ui_p_t10 title_text_1  ">千岛湖两日游</div>
				<div id="tickdes" class="ui_p_l20 ui_p_r20  title_text_2 ">含往返豪华大巴接送 湖景房 门票含往返豪华大巴接送 湖景房门票含往返豪华大巴接送</div>
				<div class="ub ub-ac">
					<div class="ui_p_t20  text_dol ui_p_l20">¥</div>
					<div id="price" class="text_price ">449</div>
					<div class="ub-f1 text_unit">起/人</div>
				</div>
			</div>
		</div>
		<!--99999999999999999999999999999999999-->

		<div id="navHeight" class=" ui_m_t05 inner_up_line_color nav-height outer_line_down_color" style="background-color: rgb(255,255,255);">
			<nav class="nav-wrap ub outer_line_down_color" id="nav-wrap">
				<ul class="haed_padding clearfix ub-f1 ub_ul">
					<li class="ub-f1 ub-pc " style="text-align: right;">
						<!--<a class="active" href="#section1">nav1</a>-->
						<a style="padding-bottom: 0.12rem;color: #3d434f!important;" class="head_text_normal active">产品</a>
					</li>
					<li class="ub-f1 ub-pc" style="text-align: left;">
						<a style="padding-bottom: 0.12rem;color: #3d434f!important;" class="head_text_normal">详情</a>
					</li>
				</ul>
			</nav>
		</div>

		<!--66666666666666666666666666666-->
		<div id="section1" class="section-content">
			<img id="img_01" style="width: 3.75rem;display: block;" src="images/1.png" />
			<img id="img_02" style="width: 3.75rem;display: block;" src="images/2.png" />
			<img id="img_03" style="width: 3.75rem;display: block;" src="images/3.png" />
			<img id="img_04" style="width: 3.75rem;display: block;" src="images/4.png" />
			<img id="img_05" style="width: 3.75rem;display: block;" src="images/5.png" />
		</div>
		<div id="section2" style="margin-bottom: 0.5rem; background-color: rgb(240,242,246);" class="section-content">
			<img id="img_06" style="width: 3.75rem;display: block;" src="images/6.png" />
			<img id="img_07" style="width: 3.75rem;display: block;" src="images/7.png" />
		</div>

		<!--9999999999999999999999999999999-->
		<div class="ub bottom_screen ub-ac">
			<div class="ub-f2 text_middle ulev1 " id="reserveBtn" style="background-color: rgb(61,67,79); font-size: 0.19rem;padding-top: 0.13rem;padding-bottom: 0.13rem; color: white;" onclick="reserve_pro()">立&nbsp;即&nbsp;预&nbsp;订</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>
	<script type="text/javascript" src="js/jquery-1.js"></script>
		<script src="js/travel_around_detail.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper.min.js"></script>
	<script src='js/nav.js'></script>
	<!--<script type="text/javascript">
		//内容信息导航吸顶
		$(document).ready(function() {
			var navHeight = $("#navHeight").offset().top;
			var navFix = $("#nav-wrap");
			$(window).scroll(function() {
				if($(this).scrollTop() > navHeight) {
					navFix.addClass("navFix");
				} else {
					navFix.removeClass("navFix");
				}
			})
		})

		$('.nav-wrap').navScroll({
			mobileDropdown: true,
			mobileBreakpoint: 768,
			scrollSpy: true
		});

		$('.click-me').navScroll({
			navHeight: 0
		});

		$('.nav-wrap').on('click', '.nav-mobile', function(e) {
			e.preventDefault();
			$('.nav-wrap ul').slideToggle('fast');
		});
	</script>-->


</html>