Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 
 
 

123 linhas
5.1 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. <!-- 引用.css样式 -->
  7. <link rel="stylesheet" href="../css/reset.css" />
  8. <link rel="stylesheet" href="../css/details.css" />
  9. <link rel="stylesheet" href="../css/detailCell.css" />
  10. <!-- 引用JS -->
  11. <script type="text/javascript" src="../js/details.js"></script>
  12. <title>详情页</title>
  13. <!-- 百度统计star -->
  14. <script>
  15. var _hmt = _hmt || [];
  16. (function() {
  17. var hm = document.createElement("script");
  18. hm.src = "//hm.baidu.com/hm.js?3d4ede42cef05a99fcd8bda849831ada";
  19. var s = document.getElementsByTagName("script")[0];
  20. s.parentNode.insertBefore(hm, s);
  21. })();
  22. </script>
  23. <!-- 百度统计end -->
  24. </head>
  25. <body onload="init_page()">
  26. <div id="container" class="container">
  27. <div id="header" class="header">
  28. <!--单元格开始-->
  29. <div style="margin-top:10px; border-top:1px solid #dadada; position:relative; width:100%;background:#fff;overflow:hidden;">
  30. <img style="position:absolute;top:24px;left:4%;width:9px;height: 39px;" src="../img/smalllogo.png" alt="">
  31. <div style="float:left;width:100%;">
  32. <div style="float:left;width:75%;margin-top:11px;margin-left:10.5%;">
  33. <div style="height:32px; line-height: 32px; width:100%; border-bottom:1px solid #ECEBEE;">
  34. <span id="start_area" style="font-size:16px;color:#343434;">上海</span>
  35. <span id="go_info" style="float:right;color:#808080;font-size:14px;">04.15 07:30 出发</span>
  36. </div>
  37. <!--<div style="height:1px;width:75%;background:#000;position: absolute;top:42px;left:34px;"></div>-->
  38. <div style="height:32px;width:100%; line-height: 32px;">
  39. <span id="end_area" style="font-size:16px;color:#343434;">舟山</span>
  40. <span id="back_info" style="float:right;color:#808080;font-size:14px;">04.15 07:30 返回</span>
  41. </div>
  42. </div>
  43. <div style="float:left;overflow:hidden;margin-top: 10px; padding-bottom:12px; border-bottom:1px solid #ECEBEE;width:98.7%;margin-left:2.89%;">
  44. <div id="prod_name" style="float:left;color:#808080;font-size:13px;">豪华大巴陆地航空式顶级商务座</div>
  45. <div style="float:left;margin-left:1.5%;">
  46. <img id="if_bus" style="width:14px; height:15px;" src="../img/car2.png" alt="">
  47. <img id="if_hotel" style="width:15px; height:15px;" src="../img/hotel.png" alt="">
  48. <img id="if_sightspot" style="width:15px; height:15px;" src="../img/ticket.png" alt="">
  49. </div>
  50. </div>
  51. </div>
  52. <img class="exchangelogo" style="position:absolute;top:36px;right:6.8%;width:13px; height: 13px;" src="../img/exchange.png" alt="">
  53. </div>
  54. <!--单元格结束-->
  55. <!--单元格 下面的补充-->
  56. <div class="boxpricediv">
  57. <div class="ticketprice">
  58. <span>¥</span>
  59. <span>360</span>
  60. <img class="y" src="../img/right_arrow_orange.png" />
  61. <a href="spend.html"><span class="y sm">费用说明</span></a>
  62. </div>
  63. </div>
  64. <!--单元格 下面的补充 结束-->
  65. </div>
  66. <div id="center" class="center cl">
  67. <!-- 车辆信息 -->
  68. <!-- bus-info-div end -->
  69. <!-- 三个type -->
  70. <!-- three-type-div 结束 -->
  71. <!--推荐-->
  72. <!-- <div class="zh" style="width: 95%; height: 45px;line-height: 45px;font-size: 17px;">精选推荐</div>
  73. <div id="m_mudidi_product" class="m_mudidi_product">
  74. <div class="m_type_title">
  75. <span id="ship_ticket" class="z txtzh" onclick="click_ticket_type('1')">船票</span>
  76. <span id="hotel_ticket" class="z txtzh" onclick="click_ticket_type('2')">酒店</span>
  77. <span id="door_ticket" class="z txtzh" onclick="click_ticket_type('3')">门票</span>
  78. </div>
  79. </div>--><!--m_mudidi_product end-->
  80. <!--下面两个单元格-->
  81. <!-- <div class="celldiv zh" style="background: white;overflow: hidden;width: 100%;">
  82. <div class="cellall zh" style="background:white;width: 95%; overflow: hidden; margin-top: 10px;border-bottom: 1px solid #f0f0f0;">
  83. <div class="cell-left z" onclick="">
  84. <img class="cell-image" src="../img/guanyinhao.png" style=""/>
  85. <div class="ticket-name">普陀山-朱家尖 不肯去观音号</div>
  86. <div class="ticketprice txty">
  87. <span>¥</span>
  88. <span>360</span>
  89. </div>
  90. </div>
  91. <div class="cell-left z" onclick="">
  92. <img class="cell-image" src="../img/guanyinhao.png" style=""/>
  93. <div class="ticket-name">普陀山-朱家尖 不肯去观音号</div>
  94. <div class="ticketprice txty">
  95. <span>¥</span>
  96. <span>360</span>
  97. </div>
  98. </div>
  99. </div>--><!-- cellall end -->
  100. <!--</div>--><!-- celldiv end -->
  101. <!--查看更多-->
  102. <!--<div class="select-more txtzh" style="background:white;margin-top: 1px; width: 100%;height: 46px;line-height: 46px;">
  103. <span>查看更多</span>
  104. <span class="icon">></span>
  105. </div>-->
  106. </div>
  107. <!-- center end -->
  108. <div class="footer txtzh" onclick="click_booking()">
  109. 立即预订
  110. </div>
  111. </div>
  112. <!-- container end -->
  113. </body>
  114. </html>