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.
 
 
 
 
 

128 lines
9.8 KiB

  1. <html>
  2. <head>
  3. <title>在线预订</title>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1" />
  6. <link rel="stylesheet" type="text/css" href="../css/home.css" />
  7. <link rel="stylesheet" type="text/css" href="../css/reserve_one.css" />
  8. <script type="text/javascript" src="../js/reserve_one.js"></script>
  9. <style>
  10. #div_date_run {position:relative;float:left;width:100%;background:#ffffff;z-index:999;}
  11. #div_date_run_title {position:relative;float:left;width:100%;height:30px;text-align:center;line-height:30px;}
  12. #div_date_run_date {position:relative;float:left;width:100%;height:30px;text-align:center;line-height:30px;}
  13. #div_date_run_date span {display:block;}
  14. .span_move_month {position:relative;float:left;width:20%;cursor:pointer;}
  15. #span_now_month {position:relative;float:left;width:60%;cursor:default;}
  16. #div_date_calendar {position:relative;float:left;margin:0px 0px 0px 0px;text-align:center;overflow:hidden;width:100%;}
  17. #div_date_calendar1 {position:relative;float:center;width:393px;margin-left:auto;margin-right:auto;margin-bottom:5px;background:#000000;overflow:hidden;padding:0px 0px 1px 0px;}
  18. #div_date_calendar1 span {display:block;}
  19. .span_calendar_title {position:relative;float:left;width:55px;height:25px;line-height:25px;margin:1px 0px 0px 1px;background:#ffffff;}
  20. .span_calendar_blank {position:relative;float:left;width:55px;height:25px;line-height:25px;margin:1px 0px 0px 1px;background:#ffffff;}
  21. .span_calendar_disable {position:relative;float:left;width:55px;height:25px;line-height:25px;margin:1px 0px 0px 1px;background:#cccccc;color:#aaaaaa;line-height:25px;text-align:center;}
  22. .span_calendar_enable {position:relative;float:left;width:55px;height:25px;line-height:25px;margin:1px 0px 0px 1px;background:#cccccc;color:#000000;font-weight:600;line-height:25px;text-align:center;}
  23. #div_date_calendar ul {position:relative;float:left;width:100%;overflow:hidden;margin:10px 0px 10px 0px;padding:0px 0px 0px 0px;background:#ffffff;}
  24. #div_date_calendar ul li {list-style:none;position:relative;float:left;width:100%;height:30px;line-height:30px;}
  25. #div_date_calendar ul li:hover {background:#cccccc;}
  26. #div_date_runlist {position:relative;float:left;margin:10px 0px 0px 0px;text-align:center;overflow:hidden;width:100%;}
  27. #div_date_runlist ul {position:relative;float:left;width:100%;overflow:hidden;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;background:#ffffff;}
  28. #div_date_runlist ul li {list-style:none;position:relative;float:left;width:100%;height:30px;line-height:30px;margin:2px 0px 0px 0px;}
  29. #div_date_runlist ul li:hover {background:#cccccc;}
  30. .mask {opacity: 0.5;background-color: #000;width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none;overflow: hidden;}
  31. </style>
  32. <!-- 百度统计star -->
  33. <script>
  34. var _hmt = _hmt || [];
  35. (function() {
  36. var hm = document.createElement("script");
  37. hm.src = "//hm.baidu.com/hm.js?3d4ede42cef05a99fcd8bda849831ada";
  38. var s = document.getElementsByTagName("script")[0];
  39. s.parentNode.insertBefore(hm, s);
  40. })();
  41. </script>
  42. <!-- 百度统计end -->
  43. </head>
  44. <body style="background:#f0f0f0;" >
  45. <div style="display: block; width: 100%; height: auto; margin: auto;">
  46. <div style="margin-bottom: 51px; margin-left: 0; margin-right: 0; margin-top: 0;" scroll="no">
  47. <div style="margin-top:10px; border-top:1px solid #E2E2E2; position:relative; width:100%;background:#fff;overflow:hidden;">
  48. <img style="position:absolute;top:24px;left:4%;width:9px;height: 39px;" src="img/smalllogo.png" alt="">
  49. <div style="float:left;width:100%;">
  50. <div style="float:left;width:75%;margin-top:11px;margin-left:10.5%;">
  51. <div style="height:32px; line-height: 32px; width:100%; border-bottom:1px solid #ECEBEE;">
  52. <span id="start_area" style="font-size:16px;color:#303030;"></span>
  53. <span id="go_info" style="float:right;color:#808080;font-size:14px;"></span>
  54. </div>
  55. <div style="height:32px;width:100%; line-height: 32px;">
  56. <span id="end_area" style="font-size:16px;color:#303030;"></span>
  57. <span id="back_info" style="float:right;color:#808080;font-size:14px;"></span>
  58. </div>
  59. </div>
  60. <div style="float:left;overflow:hidden;margin-top: 10px; padding-bottom:12px; border-bottom:1px solid #ECEBEE;width:98.7%;margin-left:2.89%;">
  61. <div id="prod_name" style="float:left;color:#808080;font-size:13px;"></div>
  62. <div style="float:left;margin-left:1.5%;">
  63. <img id="if_bus" style="width:14px; height:15px;" src="img/car2.png" alt="">
  64. <img id="if_hotel" style="width:15px; height:15px;" src="img/hotel2.png" alt="">
  65. <img id="if_sightspot" style="width:15px; height:15px;" src="img/ticket.png" alt="">
  66. </div>
  67. </div>
  68. </div>
  69. <img id="exchangelogo" class="exchangelogo" style="position:absolute;top:36px;right:6.8%;width:13px; height: 13px;" src="img/exchange.png" alt="">
  70. </div>
  71. <div style="width: 100%;margin: 0;background:#FFFFFF;height: 42px;line-height: 42px; border-bottom: 1px solid #E2E2E2;">
  72. <img style="float: left; margin-left: 4%; margin-top: 13px; width: 15px; height: 15px;" src="../img/book2.png" />
  73. <span onclick="location.href='notes.html';" style="float: left; margin-left: 5px; color: #999999; font-size: 13px;">预订须知</span>
  74. </div>
  75. <div onclick="go_date()" style="position: relative; width: 100%; height: 50px; text-align: center; line-height: 51px; margin-top: 10px; border-bottom: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2;background:#FFFFFF;">
  76. <span style="float: left; margin-left: 4%; font-size: 15px; color: #303030;">出行时间:</span>
  77. <img style="float: right; margin-right: 4%; width: 7px; height: 10px; margin-top: 20px;" src="../img/right_arrow_gray.png"></img>
  78. <span style="float: right; font-size: 13px; color: #808080; " id="show_go_run_info">选择时间&nbsp&nbsp</span>
  79. </div>
  80. <div id="back_time" style="position: relative; width: 100%; height: 50px; text-align: center; line-height: 51px; border-bottom: 1px solid #E2E2E2;background:#FFFFFF;">
  81. <span style="float: left; margin-left: 4%; font-size: 15px; color: #303030;" >返程时间:</span>
  82. <img style="float: right; margin-right: 4%; width: 7px; height: 10px; margin-top: 19px;" src="../img/right_arrow_gray.png"></img>
  83. <span style="float: right; font-size: 13px; color: #808080; " id="show_back_run_info" >选择时间&nbsp&nbsp</span>
  84. </div>
  85. <!--showticket-->
  86. <div id="back_ticket" style="position:relative;border-top:1px solid #E2E2E2;border-bottom:1px solid #E2E2E2;background:#fff;width:100%;font-family:‘黑体’;overflow:hidden;color:#585858; display: none; margin-top: 10px;">
  87. <span style="position:absolute;top:9px;left:4%;color:#4d4d4d;font-size:15px;">数&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp量:</span>
  88. <div id="ticket"></div>
  89. </div>
  90. <div onclick="customer_list()" id="linkman1" style="position: relative; width: 100%; height: 50px; text-align: center; line-height: 50px; border-bottom: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; margin-top:8px;background: #FFFFFF;" >
  91. <span style="float: left; margin-left: 4%; font-size: 15px; color: #525252;">联&nbsp&nbsp系&nbsp&nbsp人:</span>
  92. <span style="float: right; font-size: 13px; color: #808080; margin-right: 4%;">添加联系人 <span style="color: #ff8800; font-size:16px; float:right; margin-left: 6px;">+</span></span>
  93. <div style="width: 100%; height: 50px; line-height: 50px;"></div>
  94. </div>
  95. <div id="linkman2" style="position: relative; width: 100%; height: 96px; margin-top: 10;display: none; border-bottom: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; background: #FFFFFF;">
  96. <input id="id_one" type="hidden" value=""/>
  97. <div style="position: relative; width: 100%; height: 40px; line-height: 40px;">
  98. <span style="float: left; margin-left: 4%; width: 22%; font-size: 15px;color: #303030; ">联&nbsp&nbsp系&nbsp&nbsp人:</span>
  99. <span id="name_one" style="float: left; width: 60%; font-size: 15px;color: #303030; "></span>
  100. <div onclick="customer_list()" style="float: right; margin-top: 10px; margin-right: 4%;">
  101. <img src="../img/edit_user.png"></img>
  102. </div>
  103. </div>
  104. <div style="width: 100%; height: 16px; line-height: 16px;">
  105. <span id="phone_one" style="float: left; margin-left: 26%; font-size: 15px; color: #303030; "></span>
  106. </div>
  107. <div style="width: 100%; height: 40px; line-height: 40px; margin-bottom: 100px;">
  108. <span id="idno_one" style="float: left; margin-left: 26%; font-size: 15px; color: #303030;"></span>
  109. </div>
  110. <div style="width: 100%; height: 50px; line-height: 50px;"></div>
  111. </div>
  112. <div id="mask" class="mask" onclick="hide_mask_type()"></div>
  113. </div>
  114. <div id="show_list" style="z-index: 100; position: fixed; width: 100%; background: #FFFFFF; height: auto; margin: 0 auto; bottom: 50px; display: none;">
  115. <div id="ticket_list"></div>
  116. </div>
  117. <div style="position: fixed; width: 100%; background: #FFFFFF; height: 50px; line-height: 50px; margin: 0 auto; bottom: 0;">
  118. <span style="float: left; margin-left: 15px; font-size: 19px; color: #303030; margin-right: 0; margin-top: 0; margin-bottom: 0;">金额:</span>
  119. <span id="symbol" style="display:none; float: left; margin-left: 5px; font-size: 13px; color: #FF8800; margin-right: 0; margin-top: 0; margin-bottom: 0;">¥</span>
  120. <span style="display:none; float: left; font-size: 17px; color: #FF8800; margin-right: 0; margin-top: 0; margin-bottom: 0;" id="amount_price"></span>
  121. <span style="float: right; height: 50px; line-height: 50px; width: 40%; text-align: center; font-size: 20; color: #FFFFFF; background: #E2E2E2;" id="submit_order" onclick="submit_order()">提交订单</span>
  122. <img id="arrow" style="display:none; float: right; margin-right: 26px; margin-top: 20px; width: 19px; height: 9px;" src="../img/up_arrow.png" onclick="arrow_show()"></img>
  123. </div>
  124. </div>
  125. </body>
  126. </html>