|
- <!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">
- ::-webkit-input-placeholder {
- color: #666;
- }
- .hot{
- width: 1%;
- border: 1px solid #f0f2f6;
- border-radius: 0.25rem;
- padding: 0.06rem 0;
- }
- .searchimg_hot {
- width: 0.15rem;
- height: 0.15rem;
- padding-top: 0.045rem;
- padding-left: 0.2rem;
- padding-right: 0.05rem;
- }
- .select_color{
- color: #1b1a20!important;
- }
- .unselect_color{
- color: #999999!important;
- }
- .select_border{
- border-bottom: 3px solid #3d434f;
- }
- .unselect_border{
- border-bottom: 3px solid #ffffff;
- }
-
- </style>
- </head>
- <body id="loading_html" style="display: none;" class="bg_color">
- <!--
- 作者：yimazsq@163.com
- 时间：2016-08-23
- 描述：热门城市
- 修改：zj
- -->
- <div style="position: fixed;top: 0;width: 100%;height: 1.1rem;z-index: 10;" class="bg_color remove_height">
- <div style="border: 1px solid #e8e8e8;border-radius: 0.04rem;" class="ub ui_m_l10 ui_m_r10 ui_m_t10 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 style="top: -0.01rem;" class="ub-f1"><input style="width: 90%;" id="key_word" type="text" class="ulev2" placeholder="请输入关键词或直接选择"/></div>
- <div style="padding-top: 0.11rem;padding-bottom: 0.12rem;color: #fff;top: 0.01rem;" id="btn_cancel" class=" font_blue_color text_right ulev1 ui_p_r15">取消</div>
-
- </div>
- <!--筛选条件-->
- <div id="shaixuan" class="ub ui_m_t10 ui_m_b10 text_middle lightgreen_color ub-ae outer_line_down_color">
- <div select_type="all" style="width: 1%;" class="selected ub-f1 select_color ub-pc">
- <div class="select_color ulev1 ui_p_b10 ui_p_t10">全部</div>
- <span class="ub" style="width: 0.35rem;border-bottom: 3px solid #3d434f;margin: 0 auto;"></span>
- </div>
- <div select_type="city" style="width: 1%;" class="selected ub-f1 ulev1">
- <div class=" ulev1 commongray_color ui_p_b10 ui_p_t10">城市</div>
- <span class="ub" style="width: 0.35rem;border-bottom: 3px solid #ffffff;margin: 0 auto;"></span>
- </div>
- <div select_type="scenic" style="width: 1%;" class="selected ub-f1 ulev1">
- <div class=" ulev1 commongray_color ui_p_b10 ui_p_t10">景区</div>
- <span class="ub" style="width: 0.35rem;border-bottom: 3px solid #ffffff;margin: 0 auto;"></span>
- </div>
- <div select_type="traffic" style="width: 1%;" class="selected ub-f1 ulev1">
- <div class=" ulev1 commongray_color ui_p_b10 ui_p_t10">交通枢纽</div>
- <span class="ub" style="width: 0.35rem;border-bottom: 3px solid #ffffff;margin: 0 auto;"></span>
- </div>
- <div select_type="hotel" style="width: 1%;" class="selected ub-f1 ulev1">
- <div class=" ulev1 commongray_color ui_p_b10 ui_p_t10">酒店</div>
- <span class="ub" style="width: 0.35rem;border-bottom: 3px solid #ffffff;margin: 0 auto;"></span>
- </div>
- </div>
- </div>
- <div style="height: 1.1rem;" class="remove_height">
-
- </div>
- <!--热门/联动不做先隐藏-->
- <div id="hot1" style="padding-bottom: 0.04rem;" class="ub lightgreen_color commongray_color ui_m_t05 ui_p_l20 ui_p_t10">热门</div>
- <div id="hot2" class="ub ub-ver lightgreen_color 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(923)" id="923" type="area" area_id="923" area_name="杭州市" class="ub-f1 hot ui_m_r10 ulev1 fontmiddle_color">杭州市</div>
- <div onclick="click_select_area(3249)" id="3249" type="res" area_id="3249" area_name="虹桥火车站" class="ub-f1 hot ulev1 fontmiddle_color">虹桥火车站</div>
-
- </div>
- <div class="ub text_middle">
- <div onclick="click_select_area(3256)" id="3256" type="res" area_id="3256" 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 ui_m_r10 fontmiddle_color">迪士尼</div>
- <div onclick="click_select_area(3226)" id="3226" type="area" area_id="3226" 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 id="right_letter" class="ub ub-ver ub-ac ub-pc">
- <li style="width: 100%;height: 0.2rem;">A</li>
- <li style="width: 100%;height: 0.2rem;">B</li>
- <li style="width: 100%;height: 0.2rem;">C</li>
- <li style="width: 100%;height: 0.2rem;">D</li>
- </ul>
- </div>
- <!--下拉-->
- <div class="select_xiala xiala ui_m_t10 bg_color outer_line_down_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>
-
- </html>
|
