|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123 |
- <!DOCTYPE html>
- <html>
-
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
- <!-- 引用.css样式 -->
- <link rel="stylesheet" href="../css/reset.css" />
- <link rel="stylesheet" href="../css/details.css" />
- <link rel="stylesheet" href="../css/detailCell.css" />
- <!-- 引用JS -->
- <script type="text/javascript" src="../js/details.js"></script>
-
- <title>详情页</title>
- <!-- 百度统计star -->
- <script>
- var _hmt = _hmt || [];
- (function() {
- var hm = document.createElement("script");
- hm.src = "//hm.baidu.com/hm.js?3d4ede42cef05a99fcd8bda849831ada";
- var s = document.getElementsByTagName("script")[0];
- s.parentNode.insertBefore(hm, s);
- })();
- </script>
-
-
- <!-- 百度统计end -->
- </head>
-
- <body onload="init_page()">
- <div id="container" class="container">
- <div id="header" class="header">
- <!--单元格开始-->
- <div style="margin-top:10px; border-top:1px solid #dadada; position:relative; width:100%;background:#fff;overflow:hidden;">
- <img style="position:absolute;top:24px;left:4%;width:9px;height: 39px;" src="../img/smalllogo.png" alt="">
- <div style="float:left;width:100%;">
- <div style="float:left;width:75%;margin-top:11px;margin-left:10.5%;">
- <div style="height:32px; line-height: 32px; width:100%; border-bottom:1px solid #ECEBEE;">
- <span id="start_area" style="font-size:16px;color:#343434;">上海</span>
- <span id="go_info" style="float:right;color:#808080;font-size:14px;">04.15 07:30 出发</span>
- </div>
- <!--<div style="height:1px;width:75%;background:#000;position: absolute;top:42px;left:34px;"></div>-->
- <div style="height:32px;width:100%; line-height: 32px;">
- <span id="end_area" style="font-size:16px;color:#343434;">舟山</span>
- <span id="back_info" style="float:right;color:#808080;font-size:14px;">04.15 07:30 返回</span>
- </div>
- </div>
- <div style="float:left;overflow:hidden;margin-top: 10px; padding-bottom:12px; border-bottom:1px solid #ECEBEE;width:98.7%;margin-left:2.89%;">
- <div id="prod_name" style="float:left;color:#808080;font-size:13px;">豪华大巴陆地航空式顶级商务座</div>
- <div style="float:left;margin-left:1.5%;">
- <img id="if_bus" style="width:14px; height:15px;" src="../img/car2.png" alt="">
- <img id="if_hotel" style="width:15px; height:15px;" src="../img/hotel.png" alt="">
- <img id="if_sightspot" style="width:15px; height:15px;" src="../img/ticket.png" alt="">
- </div>
- </div>
- </div>
- <img class="exchangelogo" style="position:absolute;top:36px;right:6.8%;width:13px; height: 13px;" src="../img/exchange.png" alt="">
- </div>
- <!--单元格结束-->
- <!--单元格 下面的补充-->
- <div class="boxpricediv">
- <div class="ticketprice">
- <span>¥</span>
- <span>360</span>
- <img class="y" src="../img/right_arrow_orange.png" />
- <a href="spend.html"><span class="y sm">费用说明</span></a>
- </div>
- </div>
- <!--单元格 下面的补充 结束-->
- </div>
- <div id="center" class="center cl">
- <!-- 车辆信息 -->
- <!-- bus-info-div end -->
-
- <!-- 三个type -->
- <!-- three-type-div 结束 -->
- <!--推荐-->
- <!-- <div class="zh" style="width: 95%; height: 45px;line-height: 45px;font-size: 17px;">精选推荐</div>
- <div id="m_mudidi_product" class="m_mudidi_product">
- <div class="m_type_title">
- <span id="ship_ticket" class="z txtzh" onclick="click_ticket_type('1')">船票</span>
- <span id="hotel_ticket" class="z txtzh" onclick="click_ticket_type('2')">酒店</span>
- <span id="door_ticket" class="z txtzh" onclick="click_ticket_type('3')">门票</span>
- </div>
- </div>--><!--m_mudidi_product end-->
- <!--下面两个单元格-->
- <!-- <div class="celldiv zh" style="background: white;overflow: hidden;width: 100%;">
- <div class="cellall zh" style="background:white;width: 95%; overflow: hidden; margin-top: 10px;border-bottom: 1px solid #f0f0f0;">
- <div class="cell-left z" onclick="">
- <img class="cell-image" src="../img/guanyinhao.png" style=""/>
- <div class="ticket-name">普陀山-朱家尖 不肯去观音号</div>
- <div class="ticketprice txty">
- <span>¥</span>
- <span>360</span>
- </div>
- </div>
- <div class="cell-left z" onclick="">
- <img class="cell-image" src="../img/guanyinhao.png" style=""/>
- <div class="ticket-name">普陀山-朱家尖 不肯去观音号</div>
- <div class="ticketprice txty">
- <span>¥</span>
- <span>360</span>
- </div>
- </div>
- </div>--><!-- cellall end -->
- <!--</div>--><!-- celldiv end -->
- <!--查看更多-->
- <!--<div class="select-more txtzh" style="background:white;margin-top: 1px; width: 100%;height: 46px;line-height: 46px;">
- <span>查看更多</span>
- <span class="icon">></span>
- </div>-->
- </div>
- <!-- center end -->
- <div class="footer txtzh" onclick="click_booking()">
- 立即预订
- </div>
-
- </div>
- <!-- container end -->
-
- </body>
-
- </html>
|