|
- <!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="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" type="text/css" href="css/style.css"/>
- <style type="text/css">
- .hot{
- width: 1%;
- border: 1px solid #f0f2f6;
- border-radius: 0.25rem;
- padding: 0.08rem 0;
- }
- .searchimg_hot {
- width: 0.15rem;
- height: 0.15rem;
- padding-top: 0.035rem;
- padding-left: 0.2rem;
- padding-right: 0.05rem;
- }
- .select_color{
- background-color: #3d434f;
- color: #ffffff!important;
- }
- </style>
- </head>
- <body class="bg_color">
- <!--
- 作者：yimazsq@163.com
- 时间：2016-08-23
- 描述：热门城市
- 修改：zj
- -->
- <div style="position: fixed;top: 0;width: 100%;height: 1.2rem;z-index: 10;" class="bg_color">
- <div style="border: 1px solid #e5e5e5;" class="ub ui_m_l10 ui_m_r10 ui_m_t10 ui_radiu_all ulev1 lightgreen_color ub-ac">
- <img style="position: relative;" class="searchimg_hot" src="images/a1/img_search.png"/>
- <!--<div class="commongray_color ub-f4 ui_p_t15 ui_p_b15 ulev1">请输入关键字</div>-->
- <div class="ub-f1"><input style="width: 90%;" id="key_word" type="text" class="ulev2" placeholder="请输入关键词或直接选择"/></div>
- <div style="padding-top: 0.13rem;padding-bottom: 0.13rem;color: #fff;" id="btn_cancel" class=" font_blue_color text_right ulev1 ui_p_r15">取消</div>
-
- </div>
- <!--筛选条件-->
- <div id="shaixuan" style="border-bottom: 1px solid #e5e5e5;" class="ub ui_m_t10 ui_m_b10 text_middle lightgreen_color">
- <div select_type="all" style="width: 1%;border-right: 1px solid #e5e5e5;" class="selected ub-f1 ui_p_b15 ui_p_t15 ulev1 commongray_color select_color">全部</div>
- <div select_type="city" style="width: 1%;border-right: 1px solid #e5e5e5;" class="selected ub-f1 ui_p_b15 ui_p_t15 ulev1 commongray_color">城市</div>
- <div select_type="scenic" style="width: 1%;border-right: 1px solid #e5e5e5;" class="selected ub-f1 ui_p_b15 ui_p_t15 ulev1 commongray_color">景区</div>
- <div select_type="traffic" style="width: 1%;border-right: 1px solid #e5e5e5;" class="selected ub-f1 ui_p_b15 ui_p_t15 ulev1 commongray_color">交通枢纽</div>
- <div select_type="hotel" style="width: 1%;" class="selected ub-f1 ui_p_b15 ui_p_t15 ulev1 commongray_color">酒店</div>
- </div>
- </div>
- <div style="height: 1.2rem;" class="">
-
- </div>
- <!--热门-->
- <div id="hot1" style="margin-bottom:1px;border-left: 4px solid #3d434f;" class="ub lightgreen_color ui_m_t05 ui_p_l20 ui_p_t10 ui_p_b10">热门</div>
- <div id="hot2" class="ub ub-ver lightgreen_color ui_p_t15 ui_p_l15 ui_p_b15 ui_p_r25">
- <div class="ub text_middle ui_m_b10">
- <div onclick="click_select_area(791)" id="791" type="area" area_id="791" area_name="上海" class="ub-f1 hot ui_m_r10 ulev1 fontmiddle_color">上海</div>
- <div onclick="click_select_area(3226)" id="3226" type="area" area_id="3226" area_name="千岛湖" class="ub-f1 hot ui_m_r10 ulev1 fontmiddle_color">千岛湖</div>
- <div onclick="click_select_area(3240)" id="3240" type="area" area_id="3240" area_name="上海迪士尼" class="ub-f1 hot ulev1 fontmiddle_color">迪士尼</div>
- </div>
- <div class="ub text_middle">
- <div onclick="click_select_area(9092)" id="9092" type="res" area_id="9092" area_name="虹桥火车站" class="ub-f1 hot ui_m_r10 ulev1 fontmiddle_color">虹桥火车站</div>
- <div onclick="click_select_area(9091)" id="9091" type="res" area_id="9091" area_name="外滩十六铺" class="ub-f1 hot ui_m_r10 ulev1 fontmiddle_color">外滩十六铺</div>
- <div onclick="click_select_area(3224)" id="3224" type="area" area_id="3224" area_name="西塘" class="ub-f1 hot ulev1 fontmiddle_color">西塘</div>
- </div>
- </div>
-
- <div id="letter" ></div>
- <div class="sort_box select_content">
-
- </div>
- <div class="initials">
- <ul>
-
- </ul>
- </div>
- <!--下拉-->
- <div class="select_xiala xiala ui_m_t10 ui_p_l15 ui_p_r15 bg_color " style="height:5.8rem;overflow:overlay;position: absolute;right: 0;left: 0;bottom: 0;top: 0.5rem;z-index: -1;">
- <!--<div class="content_xiala ui_p_t10 ui_p_b10 ui_m_l15 ui_m_r15 ui_line_b_d" id="'+id+''+data[i].area_id+'" area_id="'+data[i].area_id+'"></div>-->
- </div>
- <!--热门城市-->
- <!--<div class="ub ub-ver ui_m_t05">
- <div style="color: #bebebe;padding-bottom: 0.08rem;" class=" ui_m_l20 ui_m_r20 ui_line_b ui_p_t15 line_color_b ulev1">热门城市</div>
- <div class=" ub ui_m_l20 ui_m_r20 ui_m_t10">
- <div class="ub-f1 text_middle" style="width: 1%;" onclick="click_select_area(791)" id="791" type="area" area_id="791" area_name="上海"><img src="images/temp/img_sh.png" class="hot_city"/></div>
- <div class="ub-f1 text_middle" style="width: 1%;" onclick="click_select_area(850)" id="850" type="area" area_id="850" area_name="苏州"><img src="images/temp/img_sz.png" class="hot_city"/></div>
- <div class="ub-f1 text_middle" style="width: 1%;" ></div>
- <div class="ub-f1 text_middle" style="width: 1%;" ></div>
- </div>
- </div>-->
- <!--热门景区-->
- <!--<div class="ub ub-ver ">
- <div style="color: #bebebe;padding-bottom: 0.08rem;" class=" ui_m_l20 ui_m_r20 ui_p_t05 ulev1">热门景区</div>
-
- <div class=" ub ui_m_l20 ui_m_r20">
- <div class="city_info ub-f1" onclick="click_select_area(3225)" id="3225" type="area" area_id="3225" area_name="乌镇">乌镇</div>
- <div class="city_info ub-f1 ui_m_l05 ui_m_r05 " onclick="click_select_area(3226)" id="3226" type="area" area_id="3226" area_name="千岛湖">千岛湖</div>
- <div class="city_info ub-f1 " onclick="click_select_area(3240)" id="3240" type="area" area_id="3240" area_name="上海迪士尼">上海迪士尼</div>
- </div>-->
- <!--<div class=" ub ui_m_l20 ui_m_r20 ui_m_t10 ">
- <div class="city_info ub-f1" onclick="click_select_area(809)" id="809" type="area" area_id="809" area_name="江苏省">乌镇</div>
- <div class="city_info ub-f1 ui_m_l05 ui_m_r05 " onclick="click_select_area(809)" id="809" type="area" area_id="809" area_name="江苏省">千岛湖</div>
- <div class="city_info ub-f1" onclick="click_select_area(809)" id="809" type="area" area_id="809" area_name="江苏省">上海迪士尼</div>
- </div>-->
- <!--</div>-->
- <!--交通枢纽-->
- <!--<div class="ub ub-ver ui_m_t15">
- <div style="color: #bebebe;padding-bottom: 0.08rem;" class=" ui_m_l20 ui_m_r20 ui_p_t05 ulev1">交通枢纽</div>
- <div class=" ub ui_m_l20 ui_m_r20">
- <div class="city_info ub-f1" onclick="click_select_area(6)" id="6" type="res" area_id="6" area_name="黄浦旅游集散站">黄浦旅游集散站</div>
- <div class="city_info ub-f1 ui_m_l05 ui_m_r05 " onclick="click_select_area(9091)" id="9091" type="res" area_id="9091" area_name="外滩十六铺">外滩十六铺</div>
- <div class="city_info ub-f1" onclick="click_select_area(9221)" id="9221" type="res" area_id="9221" area_name="虹桥火车站">虹桥火车站</div>
- </div>
- </div>-->
- <!--热门酒店-->
- <!--<div class="ub ub-ver ui_m_t15">
- <div style="color: #bebebe;padding-bottom: 0.08rem;" class=" ui_m_l20 ui_m_r20 ui_p_t05 ulev1">热门酒店</div>
- <div class=" ub ui_m_l20 ui_m_r20">
- <div class="city_info ub-f1" onclick="click_select_area(9109)" id="9109" type="res" area_id="9109" area_name="上海外高桥喜来登酒店">外高桥喜来登</div>
- <div class="city_info ub-f1 ui_m_l05 ui_m_r05 " onclick="click_select_area(9107)" id="9107" type="res" area_id="9107" area_name="上海万和昊美艺术酒店">上海万和昊美</div>
- <div class="city_info ub-f1" onclick="click_select_area(9093)" id="9093" type="res" area_id="9093" area_name="上海斯格威铂尔曼大酒店">上海斯格威铂尔曼</div>
- </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/hot_city.js" type="text/javascript" charset="utf-8"></script>
- <!--<script src="js/sort.js" type="text/javascript" charset="utf-8"></script>-->
- <script src="js/jquery.charfirst.pinyin.js" type="text/javascript" charset="utf-8"></script>
- </html>
|
