nizongfeng
/
XMWX


			
				
					
						
						
							
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<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/wx_css/travel_book.css" />
		<link rel="stylesheet" href="css/swiper.min.css">
		<style type="text/css">
			.good{
     				padding-bottom: 0.03rem;
     			}
     		.swiper-container {
			        width: 100%;
			        /*height: 0.5rem;*/
			    }
			    .swiper-slide {
			        text-align: center;
			        font-size: 18px;
			        background: #fff;
			
			        /* Center slide text vertically */
			        display: -webkit-box;
			        display: -ms-flexbox;
			        display: -webkit-flex;
			        display: flex;
			        -webkit-box-pack: center;
			        -ms-flex-pack: center;
			        -webkit-justify-content: center;
			        justify-content: center;
			        -webkit-box-align: center;
			        -ms-flex-align: center;
			        -webkit-align-items: center;
			        align-items: center;
			    }
			/*@media only screen and (min-device-width: 320px)and (-webkit-min-device-pixel-ratio: 2) {  
         			.good{
         				padding-bottom: 0.05rem!important;
         			}
			}  
			@media only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 2) {  
					.good{
         				padding-bottom: 0.05rem!important;
         			} 
			}  
			   
			
			@media only screen and (min-device-width: 376px) and (-webkit-min-device-pixel-ratio: 2) {  
					.good{
         				padding-bottom: 0rem!important;
         			}
			   
			}  */
			
		</style>
	</head>
	<body style="background-color: #f0f2f6;">
		<!--
        	作者：zhangsq
        	时间：2016-08-25
        	描述：出行预订
        	修改:fuhc date:2016-08-28
        	迭代:zj date:2016-09-12
        -->
        <!--头部图片-->
        <!-- Swiper -->
		<div class="swiper-container">
	        <div class="swiper-wrapper">
	            <div onclick="go_ticket()" class="swiper-slide"><img style="width: 100%;" src="images/banner.png"/></div>
	            <div onclick="go_picture()" class="swiper-slide"><img style="width: 100%;" src="images/banner2.png"/></div>
	        </div>
	        <!-- Add Pagination -->
	        <div class="swiper-pagination"></div>
	    </div>

        
		<!--出发地 目的地-->
		
			<div class="ub ub-ver layer_background ui_radiu_all ui_m_t10">
				<div class="ub">
					<div style="background-color: #3d434f;width: 0.05rem;border-bottom: 1px solid #FFF;" class=""></div>
					<div style="padding-left: 0.15rem;" id="start_area" class="ub-f1 ulev2 lightgray_color ui_p_t20 ui_p_b20 ui_line_b line_color_b">请选择出发地</div>
				</div>
				<div class="ub">
					<div style="background-color: #3d434f;width: 0.05rem;border-bottom: 1px solid #FFF;" class=""></div>
					<div style="padding-left: 0.15rem;" id="end_area" class="ub-f1 ulev2 lightgray_color line_color_b ui_p_t20 ui_p_b20 ui_line_b">请选择目的地</div>
				</div>
				<img style="margin-right: 0.1rem;position: absolute;top: 0.445rem;right: 0.1rem;" class="exchange ub-f1" src="images/ic_return.png"/>	
			</div>
		
		<div id="sel_data" class="ub layer_background">
			
			<div id="" class="ub ub-f1">
				<div style="background-color: #3d434f;width: 0.05rem;" class=""></div>
				<div style="padding-left: 0.15rem;" class="ub-f1 ui_p_t20 ui_p_b20">
					<span id="run_date" class="darkblack_color ulev2">9月28日</span><span id="run_day" class="ui_p_l25 commongray_color ulev1">今天</span>
				</div>
			</div>
			<img style="position: relative;top: 0.02rem;" class="change ui_m_r15 ui_p_t20 ui_p_b20" src="images/ic_enter.png"/>
			
		</div>
		<div id="btn_search" class="ub ub-ver ui_m_l10 ui_m_r10 ui_radiu_all darkgreen_color ui_m_t20 ui_p_t15 ui_p_b15 text_middle ulev3 white_color">查<span class="ulev3 ui_p_l20 white_color">询</span></div>
		<div class="line_color_t ui_m_t20"></div>
		<div style="color: #8e8e8e;" class="ui_p_t05 ui_p_b05 ui_p_l10 ui_p_r10 history">热门线路:</div>
		<div id="" class="ub ub-ver ui_m_t05 ui_m_b30">
			<ul>
				<li type="area" start_area_id="791" start_area_name="上海" end_area_id="3226" end_area_name="千岛湖" style="padding: 0.18rem 0.25rem;" class="ub lightgreen_color btn_Recommend">
					<div class="ub-f1 ulev1 fontmiddle_color">上海 <span style="color: #B2B2B2;">&nbsp;—&nbsp;</span> 千岛湖</div>
					<div style="color: #5cc4bb;" class="ulev1">￥100</div>
				</li>
				<!--<li type="area" start_area_id="791" start_area_name="上海" end_area_id="923" end_area_name="杭州" style="padding: 0.18rem 0.25rem;background-color: #f7f8fa;" class="ub btn_Recommend">
					<div class="ub-f1 ulev1 fontmiddle_color">上海 <span style="color: #B2B2B2;">&nbsp;—&nbsp;</span> 杭州</div>
					<div style="color: #5cc4bb;" class="ulev1">￥65</div>
				</li>-->
				<li type="area" start_area_id="791" start_area_name="上海" end_area_id="3224" end_area_name="西塘" style="padding: 0.18rem 0.25rem;background-color: #f7f8fa;" class="ub btn_Recommend">
					<div class="ub-f1 ulev1 fontmiddle_color">上海 <span style="color: #B2B2B2;">&nbsp;—&nbsp;</span> 西塘</div>
					<div style="color: #5cc4bb;" class="ulev1">￥35</div>
				</li>
				<li type="area" start_area_id="791" start_area_name="上海" end_area_id="3256" end_area_name="周庄" style="padding: 0.18rem 0.25rem;" class="ub lightgreen_color btn_Recommend">
					<div class="ub-f1 ulev1 fontmiddle_color">上海 <span style="color: #B2B2B2;">&nbsp;—&nbsp;</span> 周庄</div>
					<div style="color: #5cc4bb;" class="ulev1">￥30</div>
				</li>
			</ul>
			<!--<div class="ub ui_m_b05">
				<div type="area" start_area_id="791" start_area_name="上海" end_area_id="3226" end_area_name="千岛湖" class="ub-f1 btn_Recommend"><img style="width: 1.7rem;" class="ub-f1" src="images/Group4_Copy_1.png"/></div>
				<div type="area" start_area_id="791" start_area_name="上海" end_area_id="3225" end_area_name="乌镇" class="ub-f1 ui_m_l05 btn_Recommend"><img style="width: 1.7rem;" class="ub-f1" src="images/Group4_Copy_2.png"/></div>
			</div>
			<div class="ub">
				<div type="area" start_area_id="791" start_area_name="上海" end_area_id="3256" end_area_name="周庄" class="ub-f1 btn_Recommend"><img style="width: 1.7rem;" class="ub-f1" src="images/Group4_Copy_3.png"/></div>
				<div type="area" start_area_id="791" start_area_name="上海" end_area_id="3224" end_area_name="西塘" class="ub-f1 ui_m_l05 btn_Recommend"><img style="width: 1.7rem;" class="ub-f1" src="images/Group4_Copy_4.png"/></div>
			</div>-->
			<!--<div class=" historylist ub-ver" style="cursor: pointer;">
				<span class="commongray_color txt_length">上海迪士尼</span>
				<span class="commongray_color ui_p_l10 ui_p_r10">至</span>
				<span class="commongray_color txt_length">上海茂悦大酒店</span>
			</div>-->
			<!--<div class=" historylist ub-ver">
				<span>上海迪士尼</span>
				<span>至</span>
				<span>上海茂悦大酒店</span>
			</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 src="js/travel_book.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper.min.js"></script>
	<script type="text/javascript">
		var swiper = new Swiper('.swiper-container', {
			loop : true,
	        pagination: '.swiper-pagination',
	        paginationClickable: true,
	        centeredSlides: true,
        		autoplay: 2500
	    });
	    function go_ticket(){
	    		window.location.href="disney_bus.html";
	    }
	    function go_picture(){
	    		window.location.href="search_bus.html";
	    }
	</script>
</html>