25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
 
 
 
 
 
 

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