您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 
 
 

264 行
9.2 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. <!-- 周日 -->
  110. <div class="aweekday">
  111. <div class="timeinfo_go">
  112. <p class="warp fire aonelist">请选择去程车次</p>
  113. <ul class="cartime clearfix fire go warp">
  114. <li class=""><span class="time">7:30</span><span>出发</span></li>
  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. </ul>
  118. </div>
  119. <div class="timeinfo_back">
  120. <p class="warp fire aonelist">请选择反程车次</p>
  121. <ul class="cartime clearfix back warp">
  122. <li><span class="time">7:30</span><span>出发</span></li>
  123. <li><span class="time">7:30</span><span>出发</span></li>
  124. <li><span class="time">7:30</span><span>出发</span></li>
  125. </ul>
  126. </div>
  127. </div>
  128. <!-- 周一 -->
  129. <div class="aweekday">
  130. <div class="timeinfo_go">
  131. <p class="warp fire aonelist">请选择去程车次</p>
  132. <ul class="cartime clearfix fire go">
  133. <li class=""><span class="time">1:30</span><span>出发</span></li>
  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. </ul>
  137. </div>
  138. </div>
  139. <!-- 周二 -->
  140. <div class="aweekday">
  141. <div class="timeinfo_go">
  142. <p class="warp fire aonelist">请选择去程车次</p>
  143. <ul class="cartime clearfix fire go">
  144. <li class=""><span class="time">2:30</span><span>出发</span></li>
  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. </ul>
  148. </div>
  149. <div class="timeinfo_back">
  150. <p class="warp fire aonelist">请选择反程车次</p>
  151. <ul class="cartime clearfix back">
  152. <li><span class="time">2:30</span><span>出发</span></li>
  153. <li><span class="time">2:30</span><span>出发</span></li>
  154. <li><span class="time">2:30</span><span>出发</span></li>
  155. </ul>
  156. </div>
  157. </div>
  158. <!-- 周三 -->
  159. <div class="aweekday">
  160. <div class="timeinfo_go">
  161. <p class="warp fire aonelist">请选择去程车次</p>
  162. <ul class="cartime clearfix fire go">
  163. <li class=""><span class="time">3:30</span><span>出发</span></li>
  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. </ul>
  167. </div>
  168. <div class="timeinfo_back">
  169. <p class="warp fire aonelist">请选择反程车次</p>
  170. <ul class="cartime clearfix back">
  171. <li><span class="time">3:30</span><span>出发</span></li>
  172. <li><span class="time">3:30</span><span>出发</span></li>
  173. <li><span class="time">3:30</span><span>出发</span></li>
  174. </ul>
  175. </div>
  176. </div>
  177. <!-- 周四 -->
  178. <div class="aweekday">
  179. <div class="timeinfo_go">
  180. <p class="warp fire aonelist">请选择去程车次</p>
  181. <ul class="cartime clearfix fire go">
  182. <li class=""><span class="time">4:30</span><span>出发</span></li>
  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. </ul>
  186. </div>
  187. <div class="timeinfo_back">
  188. <p class="warp fire aonelist">请选择反程车次</p>
  189. <ul class="cartime clearfix back">
  190. <li><span class="time">4:30</span><span>出发</span></li>
  191. <li><span class="time">4:30</span><span>出发</span></li>
  192. <li><span class="time">4:30</span><span>出发</span></li>
  193. </ul>
  194. </div>
  195. </div>
  196. <!-- 周五 -->
  197. <div class="aweekday">
  198. <div class="timeinfo_go">
  199. <p class="warp fire aonelist">请选择去程车次</p>
  200. <ul class="cartime clearfix fire go">
  201. <li class=""><span class="time">5:30</span><span>出发</span></li>
  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. </ul>
  205. </div>
  206. <div class="timeinfo_back">
  207. <p class="warp fire aonelist">请选择反程车次</p>
  208. <ul class="cartime clearfix back">
  209. <li><span class="time">5:30</span><span>出发</span></li>
  210. <li><span class="time">5:30</span><span>出发</span></li>
  211. <li><span class="time">:30</span><span>出发</span></li>
  212. </ul>
  213. </div>
  214. </div>
  215. <!-- 周六 -->
  216. <div class="aweekday">
  217. <div class="timeinfo_go">
  218. <p class="warp fire aonelist">请选择去程车次</p>
  219. <ul class="cartime clearfix fire go">
  220. <li class=""><span class="time">6:30</span><span>出发</span></li>
  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. </ul>
  224. </div>
  225. <div class="timeinfo_back">
  226. <p class="warp fire aonelist">请选择反程车次</p>
  227. <ul class="cartime clearfix back">
  228. <li><span class="time">6:30</span><span>出发</span></li>
  229. <li><span class="time">6:30</span><span>出发</span></li>
  230. <li><span class="time">6:30</span><span>出发</span></li>
  231. </ul>
  232. </div>
  233. </div>
  234. </div>
  235. </section>
  236. </div>
  237. <div id="detailsone">
  238. <div class="dscontent">
  239. <div id="x">×</div>
  240. <div id="detailcontent">产品详情</div>
  241. </div>
  242. </div>
  243. <!-- <script src="js/rtk.js"></script> -->
  244. </body>
  245. </html>