Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 
 
 
 

265 Zeilen
9.3 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Document</title>
  6. <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  7. <link rel="stylesheet" href="css/reset.css">
  8. <link rel="stylesheet" href="css/master.css">
  9. <script src="js/flexible.js"></script>
  10. <script src="js/makegrid.js"></script>
  11. <script src="js/jquery-2.2.4.min.js"></script>
  12. <script src="js/master.js"></script>
  13. </head>
  14. <body>
  15. <div class="content">
  16. <section>
  17. <div class="month clearfix fire aonelist">
  18. </div>
  19. <div class="asell_list" >
  20. <div class="fire"></div>
  21. <div class="warp ticket_title fire">
  22. <img src="images/bus.png" alt="">
  23. 上海迪士尼单日往返车票
  24. <img src="images/go_come.png" alt="">
  25. </div>
  26. <div class="sel_ticket fire">
  27. <div class="sel_tickettitle warp">选择票种
  28. <!-- <a class="sell_info" href="note.html"><img src="images/sell_info.png" alt="">预订须知</a> -->
  29. </div>
  30. <!-- 一个票种 -->
  31. <div class="ticket_list clearfix marwarp">
  32. <div class="ticket_man">成人</div>
  33. <div class="ticket_price">¥120</div>
  34. <div class="ticket_num">
  35. <img src="images/icon-cut.png" alt="" class="cut">
  36. <input type="number" value="0" class="aticket">
  37. <img src="images/icon-add.png" alt="" class="add">
  38. </div>
  39. </div>
  40. <!-- 一个票种 -->
  41. <div class="ticket_list clearfix marwarp">
  42. <div class="ticket_man">成人</div>
  43. <div class="ticket_price">¥120</div>
  44. <div class="ticket_num">
  45. <img src="images/icon-cut.png" alt="" class="cut">
  46. <input type="number" value="0" class="aticket">
  47. <img src="images/icon-add.png" alt="" class="add">
  48. </div>
  49. </div>
  50. </div>
  51. <div class="warp fire sel_goback clearfix">
  52. <div class="hide">选择往返时间</div>
  53. <div class="atime clearfix">
  54. <div class="goback_date">mydata</div>
  55. <div class="goback_time1 clearfix">
  56. <img src="images/icon-date.png" alt="">
  57. <div class="goback_timeinfo">
  58. <p class="go"><span class="agodata">mytime1</span><span>出发</span></p>
  59. <p class="back"><span class="backtime">mytime2</span><span>返回</span></p>
  60. <p class="onego"></p>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="atime2 clearfix borderbotda">
  65. <div class="goback_date">mydata</div>
  66. <div class="goback_time2 clearfix">
  67. <div class="goback_timeinfo">
  68. <p class="onego"><span class="agodata">gotime</span><span>出发</span></p>
  69. </div>
  70. </div>
  71. </div>
  72. <div class="atime3 clearfix">
  73. <div class="goback_date">mydata</div>
  74. <div class="goback_time3 clearfix">
  75. <div class="goback_timeinfo">
  76. <p class="onego"><span class="agodata">gotime</span><span>返回</span></p>
  77. </div>
  78. </div>
  79. </div>
  80. <!-- <div class="atime clearfix">
  81. <div class="goback_date">2016.6.18</div>
  82. <div class="goback_time clearfix">
  83. <img src="images/icon-date.png" alt="">
  84. <div class="goback_timeinfo">
  85. <p class="go"><span class="gotime">10:30</span><span>出发</span></p>
  86. <p class="back"><span class="backtime">10:30</span><span>返回</span></p>
  87. <p class="oneback"></p>
  88. </div>
  89. </div>
  90. </div> -->
  91. </div>
  92. <div class="alist fire">
  93. <div class="title borderbot warp">
  94. 联系人
  95. </div>
  96. <div class="content borderbotda marwarp">
  97. <input type="text" class="name" name="name" value="" placeholder="姓名">
  98. </div>
  99. <div class="content marwarp">
  100. <input type="number" class="phone" name="phone" value="" placeholder="手机号码">
  101. </div>
  102. </div>
  103. <div class="buy">
  104. <div class="buyprice">¥0</div>
  105. <a class="pay" href="pay.html">提交订单</a>
  106. </div>
  107. </div>
  108. <div class="timeinfo fire lion" style="display:none;">
  109. <!-- lion 狮子王 oneday 一日往返 towday 两日往返 -->
  110. <!-- 周日 -->
  111. <div class="aweekday">
  112. <div class="timeinfo_go">
  113. <p class="warp fire aonelist">请选择去程车次</p>
  114. <ul class="cartime clearfix fire go warp">
  115. <li class=""><span class="time">7:30</span><span>出发</span></li>
  116. <li class=""><span class="time">7:30</span><span>出发</span></li>
  117. <li class=""><span class="time">7:30</span><span>出发</span></li>
  118. </ul>
  119. </div>
  120. <div class="timeinfo_back">
  121. <p class="warp fire aonelist">请选择反程车次</p>
  122. <ul class="cartime clearfix back warp">
  123. <li><span class="time">7:30</span><span>出发</span></li>
  124. <li><span class="time">7:30</span><span>出发</span></li>
  125. <li><span class="time">7:30</span><span>出发</span></li>
  126. </ul>
  127. </div>
  128. </div>
  129. <!-- 周一 -->
  130. <div class="aweekday">
  131. <div class="timeinfo_go">
  132. <p class="warp fire aonelist">请选择去程车次</p>
  133. <ul class="cartime clearfix fire go">
  134. <li class=""><span class="time">1:30</span><span>出发</span></li>
  135. <li class=""><span class="time">1:30</span><span>出发</span></li>
  136. <li class=""><span class="time">1:30</span><span>出发</span></li>
  137. </ul>
  138. </div>
  139. </div>
  140. <!-- 周二 -->
  141. <div class="aweekday">
  142. <div class="timeinfo_go">
  143. <p class="warp fire aonelist">请选择去程车次</p>
  144. <ul class="cartime clearfix fire go">
  145. <li class=""><span class="time">2:30</span><span>出发</span></li>
  146. <li class=""><span class="time">2:30</span><span>出发</span></li>
  147. <li class=""><span class="time">2:30</span><span>出发</span></li>
  148. </ul>
  149. </div>
  150. <div class="timeinfo_back">
  151. <p class="warp fire aonelist">请选择反程车次</p>
  152. <ul class="cartime clearfix back">
  153. <li><span class="time">2:30</span><span>出发</span></li>
  154. <li><span class="time">2:30</span><span>出发</span></li>
  155. <li><span class="time">2:30</span><span>出发</span></li>
  156. </ul>
  157. </div>
  158. </div>
  159. <!-- 周三 -->
  160. <div class="aweekday">
  161. <div class="timeinfo_go">
  162. <p class="warp fire aonelist">请选择去程车次</p>
  163. <ul class="cartime clearfix fire go">
  164. <li class=""><span class="time">3:30</span><span>出发</span></li>
  165. <li class=""><span class="time">3:30</span><span>出发</span></li>
  166. <li class=""><span class="time">3:30</span><span>出发</span></li>
  167. </ul>
  168. </div>
  169. <div class="timeinfo_back">
  170. <p class="warp fire aonelist">请选择反程车次</p>
  171. <ul class="cartime clearfix back">
  172. <li><span class="time">3:30</span><span>出发</span></li>
  173. <li><span class="time">3:30</span><span>出发</span></li>
  174. <li><span class="time">3:30</span><span>出发</span></li>
  175. </ul>
  176. </div>
  177. </div>
  178. <!-- 周四 -->
  179. <div class="aweekday">
  180. <div class="timeinfo_go">
  181. <p class="warp fire aonelist">请选择去程车次</p>
  182. <ul class="cartime clearfix fire go">
  183. <li class=""><span class="time">4:30</span><span>出发</span></li>
  184. <li class=""><span class="time">4:30</span><span>出发</span></li>
  185. <li class=""><span class="time">4:30</span><span>出发</span></li>
  186. </ul>
  187. </div>
  188. <div class="timeinfo_back">
  189. <p class="warp fire aonelist">请选择反程车次</p>
  190. <ul class="cartime clearfix back">
  191. <li><span class="time">4:30</span><span>出发</span></li>
  192. <li><span class="time">4:30</span><span>出发</span></li>
  193. <li><span class="time">4:30</span><span>出发</span></li>
  194. </ul>
  195. </div>
  196. </div>
  197. <!-- 周五 -->
  198. <div class="aweekday">
  199. <div class="timeinfo_go">
  200. <p class="warp fire aonelist">请选择去程车次</p>
  201. <ul class="cartime clearfix fire go">
  202. <li class=""><span class="time">5:30</span><span>出发</span></li>
  203. <li class=""><span class="time">5:30</span><span>出发</span></li>
  204. <li class=""><span class="time">5:30</span><span>出发</span></li>
  205. </ul>
  206. </div>
  207. <div class="timeinfo_back">
  208. <p class="warp fire aonelist">请选择反程车次</p>
  209. <ul class="cartime clearfix back">
  210. <li><span class="time">5:30</span><span>出发</span></li>
  211. <li><span class="time">5:30</span><span>出发</span></li>
  212. <li><span class="time">:30</span><span>出发</span></li>
  213. </ul>
  214. </div>
  215. </div>
  216. <!-- 周六 -->
  217. <div class="aweekday">
  218. <div class="timeinfo_go">
  219. <p class="warp fire aonelist">请选择去程车次</p>
  220. <ul class="cartime clearfix fire go">
  221. <li class=""><span class="time">6:30</span><span>出发</span></li>
  222. <li class=""><span class="time">6:30</span><span>出发</span></li>
  223. <li class=""><span class="time">6:30</span><span>出发</span></li>
  224. </ul>
  225. </div>
  226. <div class="timeinfo_back">
  227. <p class="warp fire aonelist">请选择反程车次</p>
  228. <ul class="cartime clearfix back">
  229. <li><span class="time">6:30</span><span>出发</span></li>
  230. <li><span class="time">6:30</span><span>出发</span></li>
  231. <li><span class="time">6:30</span><span>出发</span></li>
  232. </ul>
  233. </div>
  234. </div>
  235. </div>
  236. </section>
  237. </div>
  238. <div id="detailsone">
  239. <div class="dscontent">
  240. <div id="x">×</div>
  241. <div id="detailcontent">产品详情</div>
  242. </div>
  243. </div>
  244. <!-- <script src="js/rtk.js"></script> -->
  245. </body>
  246. </html>