You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

276 lines
18 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <title>首页</title>
  7. <script src="js/common/rem.js" type="text/javascript" charset="utf-8"></script>
  8. <link rel="stylesheet" type="text/css" href="css/ui-box.css" />
  9. <link rel="stylesheet" type="text/css" href="css/ui-base.css" />
  10. <link rel="stylesheet" type="text/css" href="css/ui-color.css" />
  11. <link rel="stylesheet" type="text/css" href="css/main.css" />
  12. <link rel="stylesheet" href="css/swiper.min.css" />
  13. <link rel="stylesheet" href="css/wx_css/travel_book.css" />
  14. <link rel="stylesheet" href="css/tabbar.css" />
  15. </head>
  16. <body class="bg_color ui_hide" id="div_body" style="visibility: visible;">
  17. <div class="swiper-container" style="height: 1.48rem;">
  18. <div class="swiper-wrapper">
  19. <div class="swiper-slide"><img style="width: 100%;" src="images/home/bannerloading.png" /></div>
  20. </div>
  21. <div class="swiper-pagination"></div>
  22. </div>
  23. <div class="search_bar ub ub-f1 ub-ac" onclick="goToSearch()">
  24. <div class="search_img"></div>
  25. <div class="ub-f1 ulev1 ub " style="color: #000000;padding: 0.08rem 0.08rem 0.08rem 0;">目的地/景点</div>
  26. </div>
  27. <!--热门目的地-->
  28. <div class="ub hot_area_div">
  29. <div class="ub ub-ac">
  30. <div class="hot_area_title">热门目的地:</div>
  31. </div>
  32. <div class="ub-f1 ub hot_area_info">
  33. <div class="ub-f1 tx-c hot_area">乌镇</div>
  34. <div class="ub-f1 tx-c hot_area">西湖</div>
  35. <div class="ub-f1 tx-c hot_area">千岛湖</div>
  36. <div class="ub-f1 tx-c hot_area">周庄</div>
  37. </div>
  38. </div>
  39. <!--4个主题内容-->
  40. <div class="ub main_cms" style="margin-top: 0.18rem;margin-bottom: 0.15rem;">
  41. <div class="ub ub-f1 ub-ver tx-c ub-pc ub-ac sigle_cms" cms_id="102">
  42. <div class="info_image" style="background-image: url(images/home/zhitongche.png);"></div>
  43. <div class="normal_title">景区直通车</div>
  44. </div>
  45. <div class="ub ub-f1 ub-ver tx-c ub-pc ub-ac sigle_cms" cms_id="103">
  46. <div class="info_image" style="background-image: url(images/home/jiebo.png);"></div>
  47. <div class="normal_title">迪士尼接驳</div>
  48. </div>
  49. <div class="ub ub-f1 ub-ver tx-c ub-pc ub-ac sigle_cms" cms_id="104">
  50. <div class="info_image" style="background-image: url(images/home/menpiao.png);"></div>
  51. <div class="normal_title">景点门票</div>
  52. </div>
  53. <div class="ub ub-f1 ub-ver tx-c ub-pc ub-ac sigle_cms" cms_id="105">
  54. <div class="info_image" style="background-image: url(images/home/ziyouxing.png);"></div>
  55. <div class="normal_title">巴士自由行</div>
  56. </div>
  57. </div>
  58. <!--3个热门内容-->
  59. <div class="ub" style="margin:0.23rem 0.08rem;background-image:url(images/home/group.png) ;background-repeat: no-repeat;background-size: 100% 100%; border-radius: 5px;height: 1.9rem;">
  60. <div class="ub-f1">
  61. </div>
  62. <div class="ub-f1 ub ub-ver">
  63. <div style="margin: 0.08rem 0.08rem 0.04rem 0.04rem;height: 0.83rem;"></div>
  64. <div style="margin: 0.04rem 0.08rem 0.08rem 0.04rem;height: 0.83rem;"></div>
  65. </div>
  66. </div>
  67. <!--<div class="ub" style="margin:0.23rem 0.08rem;background-image:url(images/home/group.png) ;background-repeat: no-repeat;background-size: 100% 100%; border-radius: 5px;height: 1.9rem;">
  68. <div class="ub-f1">
  69. </div>
  70. <div class="ub-f1 ub ub-ver">
  71. <div style="margin: 0.08rem 0.08rem 0.04rem 0.04rem;height: 0.83rem;"></div>
  72. <div style="margin: 0.04rem 0.08rem 0.08rem 0.04rem;height: 0.83rem;"></div>
  73. </div>
  74. </div>-->
  75. <!--猜你喜欢-->
  76. <div class="cms_title">猜你喜欢</div>
  77. <!--列表-->
  78. <div class="ub ub-ver like_list" >
  79. <!--<div style="background-color: #ffffff;margin-bottom: 0.05rem;">
  80. <div style="padding: 0.08rem;" class="ub">
  81. <div style="width: 1rem;height: 1rem;background-color: red;background-repeat: no-repeat;"></div>
  82. <div class="ub-f1 ub ub-ver" style="padding-left: 0.08rem;">
  83. <div class="ulev1" style="color: #2d2e3a;">皇甫旅游集散站 - 迪士尼度假区</div>
  84. <div style="padding: 0.08rem 0;">
  85. <span style="padding: 0.04rem 0.15rem;background-color: #e9ebee;border-radius: 0.5rem;color: #2d2e3a;">迪士尼</span><span></span>
  86. <span style="padding: 0.04rem 0.15rem;background-color: #e9ebee;border-radius: 0.5rem;color: #2d2e3a;">迪士尼</span><span></span>
  87. </div>
  88. <div class="ub ub-ae ub-f1">
  89. <div class="ub ub-ver">
  90. <div class="ub">
  91. <div class="ulev0" style="line-height: 1.0;color: #686872;">评分4.8</div>
  92. <div class="ub-f1 ub ub-ac" style="padding-left: 0.03rem;">
  93. <div class="ub-f1" style="width: 0.1rem;height: 0.1rem;background-color: red;margin: 0.01rem;"></div>
  94. <div class="ub-f1" style="width: 0.1rem;height: 0.1rem;background-color: red;margin: 0.01rem;"></div>
  95. <div class="ub-f1" style="width: 0.1rem;height: 0.1rem;background-color: red;margin: 0.01rem;"></div>
  96. <div class="ub-f1" style="width: 0.1rem;height: 0.1rem;background-color: red;margin: 0.01rem;"></div>
  97. <div class="ub-f1" style="width: 0.1rem;height: 0.1rem;background-color: red;margin: 0.01rem;"></div>
  98. </div>
  99. </div>
  100. <div style="color: #686872;">月销234单</div>
  101. </div>
  102. <div class="ub-f1 tx-r ub ub-ver ub-ae">
  103. <div class="ub ub-ae" style="line-height: 1;text-decoration: line-through;text-decoration-color:#96969c;color: #96969c;">原价60元</div>
  104. <div style="color: #686872;"><span class="ulev3" style=" color: #cc3333;">¥50</span>起</div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <div style="background-color: #ffffff;margin-bottom: 0.05rem;">
  111. <div style="padding: 0.08rem;" class="ub">
  112. <img class="lazy-load" src="images/home/productloading.png" style="width: 1rem;height: 1rem;"/>
  113. <div class="ub-f1 ub ub-ver" style="padding-left: 0.08rem;">
  114. <div class="ulev1" style="color: #2d2e3a;">皇甫旅游集散站 - 迪士尼度假区</div>
  115. <div style="padding: 0.08rem 0;">
  116. <span style="padding: 0.04rem 0.15rem;background-color: #e9ebee;border-radius: 0.5rem;color: #2d2e3a;">迪士尼</span><span></span>
  117. <span style="padding: 0.04rem 0.15rem;background-color: #e9ebee;border-radius: 0.5rem;color: #2d2e3a;">迪士尼</span><span></span>
  118. </div>
  119. <div class="ub ub-ae ub-f1">
  120. <div class="ub ub-ver">
  121. <div class="ub">
  122. <div class="ulev0" style="line-height: 1.0;color: #686872;">评分4.8</div>
  123. <div class="ub-f1 ub ub-ac" style="padding-left: 0.03rem;">
  124. <div class="ub-f1" style="width: 0.1rem;height: 0.1rem;background-color: red;margin: 0.01rem;"></div>
  125. <div class="ub-f1" style="width: 0.1rem;height: 0.1rem;background-color: red;margin: 0.01rem;"></div>
  126. <div class="ub-f1" style="width: 0.1rem;height: 0.1rem;background-color: red;margin: 0.01rem;"></div>
  127. <div class="ub-f1" style="width: 0.1rem;height: 0.1rem;background-color: red;margin: 0.01rem;"></div>
  128. <div class="ub-f1" style="width: 0.1rem;height: 0.1rem;background-color: red;margin: 0.01rem;"></div>
  129. </div>
  130. </div>
  131. <div style="color: #686872;">月销234单</div>
  132. </div>
  133. <div class="ub-f1 tx-r ub ub-ver ub-ae">
  134. <div class="ub ub-ae" style="line-height: 1;text-decoration: line-through;text-decoration-color:#96969c;color: #96969c;">原价60元</div>
  135. <div style="color: #686872;"><span class="ulev3" style=" color: #cc3333;">¥50</span>起</div>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>-->
  141. </div>
  142. <!--广告-->
  143. <div class="ub-ac ub-pc ub " style="visibility: visible;">
  144. <img class="lazy-load ad " style="height: 0.6rem;" src="images/home/banner02loading.png"/>
  145. </div>
  146. <!--精品推荐-->
  147. <div class="cms_title">精品推荐</div>
  148. <!--列表-->
  149. <div class="ub ub-ver recommon_info">
  150. <!--<div class="ub" style="margin-bottom: 0.05rem;">
  151. <div class="ub-f1 ub" style="background-color: #FFFFFF;width: 1%;">
  152. <div class="ub ub-ver ub-f1" style="padding: 0.08rem;">
  153. <img src="images/home/product02loading.png" style="width: 1.69rem;height: 0.9rem;" />
  154. <div class="ulev1" style="padding-top: 0.08rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #2d2e3a;">乌镇一日游</div>
  155. <div class="ub ub-ae ub-f1 ui_p_t10">
  156. <div style="color: #96969c;text-decoration: line-through;text-decoration-color:#96969c;">原价50元</div>
  157. <div class="ub-f1 tx-r" style="color: #686872;">
  158. <span class="ulev3" style="color: #cc3333;">¥50</span>起
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. <div style="width: 0.05rem;"></div>
  164. <div class="ub-f1 ub" style="background-color: #FFFFFF;width: 1%;">
  165. <div class="ub ub-ver ub-f1" style="padding: 0.08rem;">
  166. <img src="images/home/product02loading.png" style="width: 1.69rem;height: 0.9rem;" />
  167. <div class="ulev1" style="padding-top: 0.08rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #2d2e3a;">乌镇一日游</div>
  168. <div class="ub ub-ae ub-f1 ui_p_t10">
  169. <div style="color: #96969c;text-decoration: line-through;text-decoration-color:#96969c;">原价50元</div>
  170. <div class="ub-f1 tx-r" style="color: #686872;">
  171. <span class="ulev3" style="color: #cc3333;">¥50</span>起
  172. </div>
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. <div class="ub" style="margin-bottom: 0.05rem;">
  178. <div class="ub-f1 ub" style="background-color: #FFFFFF;width: 1%;">
  179. <div class="ub ub-ver ub-f1" style="padding: 0.08rem;">
  180. <img src="images/home/product02loading.png" style="width: 1.69rem;height: 0.9rem;" />
  181. <div class="ulev1" style="padding-top: 0.08rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #2d2e3a;">乌镇一日游</div>
  182. <div class="ub ub-ae ub-f1 ui_p_t10">
  183. <div style="color: #96969c;text-decoration: line-through;text-decoration-color:#96969c;">原价50元</div>
  184. <div class="ub-f1 tx-r" style="color: #686872;">
  185. <span class="ulev3" style="color: #cc3333;">¥50</span>起
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. <div style="width: 0.05rem;"></div>
  191. <div class="ub-f1 ub" style="background-color: #FFFFFF;width: 1%;">
  192. <div class="ub ub-ver ub-f1" style="padding: 0.08rem;">
  193. <img src="images/home/product02loading.png" style="width: 1.69rem;height: 0.9rem;" />
  194. <div class="ulev1" style="padding-top: 0.08rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #2d2e3a;">乌镇一日游</div>
  195. <div class="ub ub-ae ub-f1 ui_p_t10">
  196. <div style="color: #96969c;text-decoration: line-through;text-decoration-color:#96969c;">原价50元</div>
  197. <div class="ub-f1 tx-r" style="color: #686872;">
  198. <span class="ulev3" style="color: #cc3333;">¥50</span>起
  199. </div>
  200. </div>
  201. </div>
  202. </div>
  203. </div>-->
  204. </div>
  205. <div class="see_more">查看更多 〉</div>
  206. <div class="ub-ac ub-pc ub ui_p_b15" style="margin-top: 0.55rem;margin-bottom: 0.5rem;color: #686872;">- 已经到达最底部 -</div>
  207. <footer class="tabbar ub">
  208. <!--<a class="ub-f1 ub ub-ver text_middle" href="travel_book.html">
  209. <div>dafas</div>
  210. <div class="select_title">首页</div>
  211. </a>
  212. <a class="ub-f1 ub ub-ver text_middle" href="end_area.html">
  213. <div>dafas</div>
  214. <div class="normal_title">目的地</div>
  215. </a>
  216. <a class="ub-f1 ub ub-ver text_middle" href="trip_list.html">
  217. <div>dafas</div>
  218. <div class="normal_title">行程</div>
  219. </a>
  220. <a class="ub-f1 ub ub-ver text_middle" href="travel_book.html">
  221. <div>dafas</div>
  222. <div class="normal_title">我的</div>
  223. </a>-->
  224. </footer>
  225. <!--<section class="module-section" id="container">
  226. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 2rem;" alt="测试懒加载图片"/>
  227. <img class="lazy-load" src="images/banner.png"inal="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher1.jpg" style="width: 100%;height: 2rem" alt="测试懒加载图片"/>
  228. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher3.jpg" style="width: 100%;height: 2rem;" alt="测试懒加载图片"/>
  229. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher4.jpg" style="width: 100%;height: 2rem;" alt="测试懒加载图片"/>
  230. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher5.jpg" style="width: 100%;height: 2rem;" alt="测试懒加载图片"/>
  231. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher6.jpg" style="width: 100%;height: 2rem;" alt="测试懒加载图片"/>
  232. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 2rem;" alt="测试懒加载图片"/>
  233. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 2rem;" alt="测试懒加载图片"/>
  234. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  235. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  236. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  237. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  238. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  239. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  240. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  241. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  242. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  243. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  244. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  245. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  246. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  247. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  248. <img class="lazy-load" src="images/banner.png" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg" style="width: 100%;height: 1.0rem;" alt="测试懒加载图片"/>
  249. <div class="bgimg lazy-load" style="width: 100%;height: 1.5rem;background-repeat: no-repeat;" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg"></div>
  250. <div class="bgimg lazy-load" style="width: 100%;height: 1.5rem;background-repeat: no-repeat;" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher3.jpg"></div>
  251. <div class="bgimg lazy-load" style="width: 100%;height: 1.5rem;background-repeat: no-repeat;" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher4.jpg"></div>
  252. <div class="bgimg lazy-load" style="width: 100%;height: 1.5rem;background-repeat: no-repeat;" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher5.jpg"></div>
  253. <div class="bgimg lazy-load" style="width: 100%;height: 1.5rem;background-repeat: no-repeat;" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg"></div>
  254. <div class="bgimg lazy-load" style="width: 100%;height: 1.5rem;background-repeat: no-repeat;" data-original="http://h5.sztoda.cn/static/img/loveLetter/teacher/teacher2.jpg"></div>
  255. </section>-->
  256. <script src="js/common/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
  257. <script src="js/common/tool.js" type="text/javascript" charset="utf-8"></script>
  258. <script src="js/travel/travel_book.js" type="text/javascript" charset="utf-8"></script>
  259. <script src="js/common/swiper.min.js" type="text/javascript" charset="utf-8"></script>
  260. <script src="js/common/jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
  261. <script src="js/common/tabbar.js" type="text/javascript" charset="utf-8"></script>
  262. </body>
  263. </html>