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.
 
 
 
 
 
 

111 lines
9.1 KiB

  1. <html>
  2. <head>
  3. <title>在线预订</title>
  4. <meta charset="utf-8" />
  5. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  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_2.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. .xchuanp{height: 15px;border:1px solid #33d6b0;border-radius:2px;color: #FFF;background:#33d6b0;font-size:12px;width: 36px;}
  32. .style11 {display:block;position:relative;float:left;border-radius:5px;color:#fff;background:#33d6b0;font-size:12px;line-height:18px;width:36px;margin:28px 0px 0px 10px;text-align:center;}
  33. </style>
  34. <!-- 百度统计star -->
  35. <script>
  36. var _hmt = _hmt || [];
  37. (function() {
  38. var hm = document.createElement("script");
  39. hm.src = "//hm.baidu.com/hm.js?3d4ede42cef05a99fcd8bda849831ada";
  40. var s = document.getElementsByTagName("script")[0];
  41. s.parentNode.insertBefore(hm, s);
  42. })();
  43. </script>
  44. <!-- 百度统计end -->
  45. </head>
  46. <body style="background:#f0f0f0; width:100%;overflow-x:hidden;" >
  47. <div style="display: block; width: 100%; height: auto; margin: auto;overflow-x:hidden;">
  48. <div style="margin-bottom: 51px; margin-left: 0; margin-right: 0; margin-top: 0;" scroll="no">
  49. <div style="width: 93%;margin: 0;background:#FFFFFF;height: 76px;line-height: 30px;border-bottom: 1px solid #E2E2E2;padding-left:3.5%;padding-right: 3.5%;color:#343434;font-size:15px;">
  50. <!--<span id="dsn_prod_name" style="display:block;position:relative;float:left;margin-left:-2%;">【海天佛国】普陀山门票+船票+意外险</span>-->
  51. <span id="dsn_prod_name" style="display:block;position:relative;float:left;margin-left:-2%;"></span>
  52. <!--<input class="xchuanp" type="button" value="船票" />-->
  53. <!--<span class="style11">船票</span>-->
  54. </div>
  55. <div style="width: 100%;margin: 0;background:#FFFFFF;height: 42px;line-height: 42px; border-bottom: 1px solid #E2E2E2;">
  56. <img style="float: left; margin-left: 4%; margin-top: 13px; width: 15px; height: 15px;" src="../img/book2.png" />
  57. <span onclick="notes()" style="float: left; margin-left: 5px; color: #999999; font-size: 13px;">预订须知</span>
  58. </div>
  59. <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;">
  60. <span style="float: left; margin-left: 4%; font-size: 15px; color: #303030;">出行时间:</span>
  61. <img style="float: right; margin-right: 4%; width: 7px; height: 10px; margin-top: 20px;" src="../img/right_arrow_gray.png"></img>
  62. <span style="float: right; font-size: 13px; color: #808080; " id="show_go_run_info">选择时间&nbsp&nbsp</span>
  63. </div>
  64. <div id="back_time" style="position: relative; width: 100%; height: 50px; text-align: center; line-height: 51px; border-bottom: 1px solid #E2E2E2;background:#FFFFFF;">
  65. <span style="float: left; margin-left: 4%; font-size: 15px; color: #303030;" >返程时间:</span>
  66. <img style="float: right; margin-right: 4%; width: 7px; height: 10px; margin-top: 19px;" src="../img/right_arrow_gray.png"></img>
  67. <span style="float: right; font-size: 13px; color: #808080; " id="show_back_run_info" >选择时间&nbsp&nbsp</span>
  68. </div>
  69. <!--showticket-->
  70. <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;">
  71. <span style="position:absolute;top:9px;left:4%;color:#4d4d4d;font-size:15px;">数&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp量:</span>
  72. <div id="ticket"></div>
  73. </div>
  74. <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;" >
  75. <span style="float: left; margin-left: 4%; font-size: 15px; color: #525252;">联&nbsp&nbsp系&nbsp&nbsp人:</span>
  76. <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>
  77. <div style="width: 100%; height: 50px; line-height: 50px;"></div>
  78. </div>
  79. <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;">
  80. <input id="id_one" type="hidden" value=""/>
  81. <div style="position: relative; width: 100%; height: 40px; line-height: 40px;">
  82. <span style="float: left; margin-left: 4%; width: 22%; font-size: 15px;color: #303030; ">联&nbsp&nbsp系&nbsp&nbsp人:</span>
  83. <span id="name_one" style="float: left; width: 60%; font-size: 15px;color: #303030; "></span>
  84. <div onclick="customer_list()" style="float: right; margin-top: 10px; margin-right: 4%;">
  85. <img src="../img/edit_user.png"></img>
  86. </div>
  87. </div>
  88. <div style="width: 100%; height: 16px; line-height: 16px;">
  89. <span id="phone_one" style="float: left; margin-left: 26%; font-size: 15px; color: #303030; "></span>
  90. </div>
  91. <div style="width: 100%; height: 40px; line-height: 40px; margin-bottom: 100px;">
  92. <span id="idno_one" style="float: left; margin-left: 26%; font-size: 15px; color: #303030;"></span>
  93. </div>
  94. <div style="width: 100%; height: 50px; line-height: 50px;"></div>
  95. </div>
  96. <div id="mask" class="mask" onclick="hide_mask_type()"></div>
  97. </div>
  98. <div id="show_list" style="z-index: 100; position: fixed; width: 100%; background: #FFFFFF; height: auto; margin: 0 auto; bottom: 50px; display: none;">
  99. <div id="ticket_list"></div>
  100. </div>
  101. <div style="position: fixed; width: 100%; background: #FFFFFF; height: 50px; line-height: 50px; margin: 0 auto; bottom: 0;">
  102. <span style="float: left; margin-left: 15px; font-size: 19px; color: #303030; margin-right: 0; margin-top: 0; margin-bottom: 0;">金额:</span>
  103. <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>
  104. <span style="display:none; float: left; font-size: 17px; color: #FF8800; margin-right: 0; margin-top: 0; margin-bottom: 0;" id="amount_price"></span>
  105. <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>
  106. <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>
  107. </div>
  108. </div>
  109. </body>
  110. </html>