Skip to content

Instantly share code, notes, and snippets.

@fedwatch

fedwatch/index.html

Created December 27, 2016 09:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fedwatch/ef7990d04171f6114df2be52bce2b01e to your computer and use it in GitHub Desktop.
Save fedwatch/ef7990d04171f6114df2be52bce2b01e to your computer and use it in GitHub Desktop.
Download ZIP
12306页面代码1
Raw
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="/otn/resources/css/validation.css" rel="stylesheet" />
<link href="/otn/resources/merged/common_css.css?cssVersion=1.8967" rel="stylesheet" />
<link rel="icon" href="/otn/resources/images/ots/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/otn/resources/images/ots/favicon.ico" type="image/x-icon" />
<script>
/*<![CDATA[*/
var ctx='/otn/';
var globalRepeatSubmitToken = null;
var global_lang = 'zh_CN';
var sessionInit = '\u848B\u4E07\u8D35';
var isShowNotice = null;
var CLeftTicketUrl = 'leftTicket/queryZ';
var isTestFlow = null;
var isMobileCheck = 'N';
/*]]>*/
</script>
<script src="/otn/resources/merged/common_js.js?scriptVersion=1.8992" type="text/javascript"></script>
<!-- js i18n -->
<!-- jquery validation i18n -->
<!-- head and footer -->
<title>车票预订 | 客运服务 | 铁路客户服务中心</title>
<!-- 双日历 -->
<link href="/otn/resources/js/rich/calender_double/datepicker/skin/WdatePicker.css" rel="stylesheet" />
<script type="text/javascript" src="/otn/resources/js/rich/calender_double/datepicker/WdatePicker.js" xml:space="preserve"></script>
<script src="/otn/resources/js/framework/data.jcokies.js" type="text/javascript" xml:space="preserve"></script>
<script src="/otn/resources/merged/queryLeftTicket_js.js?scriptVersion=1.8992" type="text/javascript" xml:space="preserve"></script>
<link href="/otn/resources/merged/queryLeftTicket_css.css?cssVersion=1.8967" rel="stylesheet" />
<script src="/otn/resources/js/framework/jquery.bgiframe.mi.js" type="text/javascript" xml:space="preserve"></script>
<script src="/otn/dynamicJs/qnjoibw" type="text/javascript" xml:space="preserve"></script>
</head>
<body><!--header start-->
<div class="header"><div style="z-index: 2000" class="header-bd"><a href="http://www.12306.cn/"><h1 class="logo">中国铁路客户服务中心-客运中心</h1>
</a>
<div class="login-info"><div class="phone-link"><a href="/otn/appDownload/init" target="true">手机版</a>
</div>
<div class="menu"><a href="/otn/index/initMy12306" class="menu-bd" id="js-my">我的12306<b></b>
</a>
<div class="menu-list"><b></b>
<ul><li><a href="/otn/queryOrder/initNoComplete">未完成订单</a>
</li>
<li><a href="/otn/queryOrder/init">已完成订单(改/退)</a>
</li>
<li class="line"></li>
<li><a href="/otn/insurance/init">我的保险</a>
</li>
<li class="line"></li>
<li><a href="/otn/modifyUser/initQueryUserInfo">查看个人信息</a>
</li>
<li><a href="/otn/userSecurity/init">账户安全</a>
</li>
<li class="line"></li>
<li><a href="/otn/passengers/init">常用联系人</a>
</li>
<li><a href="/otn/address/init">车票快递地址</a>
</li>
<li class="line"></li>
<li><a href="/otn/icentre/qxyyInfo">重点旅客预约</a>
</li>
<li><a href="/otn/icentre/lostInfo">遗失物品查找</a>
</li>
<li class="line"></li>
<li><a href="/otn/icentre/serviceQuery">服务查询</a>
</li>
<li class="line"></li>
<li><a href="/otn/advice/complaintInfo">投诉</a>
</li>
<li><a href="/otn/advice/adviceInfo">建议</a>
</li>
</ul>
</div>
</div>
<span class="login-txt" style="color: #666666;"><span>意见反馈:<a class="cursor colorA" href="mailto:12306yjfk@rails.com.cn">12306yjfk@rails.com.cn</a>
您好，</span>
<a id="login_user" href="/otn/index/initMy12306" class="colorA" style="margin-left:-0.5px;"><span style="width:50px;">蒋万贵</span>
</a>
| <a id="regist_out" href="/otn/login/loginOut">退出</a>
</span>
</div>
<div class="nav"><ul><li><a href="/otn/index/init">客运首页</a>
</li>
<li id="selectYuding"><a href="/otn/leftTicket/init">车票预订</a>
</li>
<li><a href="/otn/lcxxcx/init">余票查询</a>
</li>
<li style="width: 71px;" id="js-xd" class="nav-guide"><a href="javascript:">出行向导</a>
<div class="nav-list"><ul style="font-weight:normal"><li><a href="/otn/queryTrainInfo/init">车次查询</a>
</li>
<li><a href="/otn/leftTicketPrice/init">票价查询</a>
</li>
<li><a href="/otn/leftTicketPrice/initPublicPrice">公布票价查询</a>
</li>
<li><a href="/otn/czxx/init">车站车次查询</a>
</li>
<li><a href="/otn/zzzcx/init">中转查询</a>
</li>
<li><a href="/otn/zwdch/init">正晚点查询</a>
</li>
<li><a href="/otn/queryAgencySellTicket/init">代售点查询</a>
</li>
</ul>
</div>
</li>
<li id="selectHelp"><a href="/otn/gonggao/help.html">信息服务</a>
</li>
</ul>
</div>
</div>
</div>
<div id="dialog_smoker" style="display: none;"><div class="mark"></div>
<div class="up-box w600"><div class="up-box-hd">温馨提示<a href="javascript:" id="dialog_smoker_close" shape="rect">关闭</a>
</div>
<div class="up-box-bd"><div class="up-con clearfix"><span class="icon i-opt"></span>
<div class="r-txt"><div class="tit" id="dialog_smoker_msg"></div>
</div>
</div>
<div class="lay-btn"><a href="javascript:" id="dialog_smoker_cancel" class="btn92" shape="rect">取消</a>
<a href="javascript:" id="dialog_smoker_ok" class="btn92s" shape="rect">确定</a>
</div>
</div>
</div>
</div>
<!--header end-->
<div id="608_complain" style="display: none;"><div class="mark"></div>
<div class="up-box" style="width:640px;"><div class="up-box-hd">举报告知确认书<a href="javascript:" id="608_complain_close" shape="rect">关闭</a>
</div>
<div class="up-box-bd" style="padding:15px 10px;border:1px solid #298CCE;"><table class="per-ticket" style="margin-left:0px;"><tr><td rowspan="1" colspan="1">举报人姓名：<strong id="608_name" style="font-size:20px"></strong>
</td>
<td rowspan="1" colspan="1">联系电话：<strong id="608_tel" style="font-size:20px"></strong>
</td>
</tr>
<tr><td colspan="2" rowspan="1">身份证件号码：<strong id="608_card" style="font-size:20px"></strong>
</td>
</tr>
<tr></tr>
<tr><td colspan="2" rowspan="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本人确认举报身份信息被他人冒用购买<strong id="ticketInfo" style="font-size:20px"></strong>
次车票。本人承诺本次举报及购票所提交的身份信息属实，并对虚假举报后果负责。</td>
</tr>
<tr><td colspan="2" rowspan="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;铁路部门郑重提醒，将在车站和列车对该车票进行重点查验。根据国务院颁布的《铁路安全管理条例》，对该车票所记载身份信息与所持身份证件或者真实身份不符的持票人，铁路部门将拒绝其进站乘车。同时，公安机关将依法调查。</td>
</tr>
<tr><td colspan="2" rowspan="1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;铁路部门将对您的举报信息保密，谢谢您的合作！</td>
</tr>
</table>
<div class="lay-btn"><a href="javascript:" id="608_complain_cancel" class="btn92" shape="rect">取消</a>
<a href="javascript:" id="608_complain_ok" class="btn92s" shape="rect">确认举报</a>
</div>
</div>
</div>
</div>
<div id="608_check" style="display: none;"><div class="mark"></div>
<div class="up-box"><div class="up-box-hd">温馨提示<a href="javascript:" id="608_check_close" shape="rect">关闭</a>
</div>
<div class="up-box-bd"><div class="up-con clearfix"><span class="icon i-opt"></span>
<div class="r-txt"><div class="tit" id="608_check_msg"></div>
<div class="tit" style="color:#FB7403">是否举报？</div>
</div>
</div>
<div class="lay-btn"><a href="javascript:" id="608_check_cancel" class="btn92" shape="rect">取消</a>
<a href="javascript:" id="608_check_ok" class="btn92s" shape="rect">网上举报</a>
</div>
</div>
</div>
</div>
<!--页面主体 开始-->
<div class="content"><div style="display: none"><audio preload="auto" loop="true" src="/otn/resources/js/framework/audio/message.wav"></audio>
</div>
<div id="jplayerId" style="display: none"></div>
<!--步骤 开始-->
<!--公告 开始-->
<div class="notice" id="scroll" style="display: none;"><strong style="width: 60px;">温馨提示：</strong>
<div class="notice_in"><ul style="cursor:pointer"><li style="color:#FB7403">列车运行图调整，12月30日之后车票预售期调整为30天，12月29日及之前的车票正常发售。</li>
</ul>
</div>
<a href="#nogo" class="i-close" shape="rect"></a>
</div>
<!--公告 结束-->
<!--车票搜索框 开始-->
<div class="sear-box quick-sear-box"><form id="queryLeftForm" method="get" enctype="application/x-www-form-urlencoded"><div class="dfc" id="dfc"><ul><li><input name="singleRoundType" type="radio" id="dc" class="radio" checked="checked" value="dc" />
<label for="dc" id="dc_label" class="cursor">单程</label>
</li>
<li><input name="singleRoundType" type="radio" id="wf" class="radio" value="wc" />
<label for="wf" id="wf_label" class="cursor">往返</label>
</li>
</ul>
</div>
<div class="s-info" id="place_area"><ul><li><span class="label"><label id="fromStationText_label">出发地</label>
</span>
<div class="inp-w"><input id="fromStation" type="hidden" value="" name="leftTicketDTO.from_station" />
<input type="text" id="fromStationText" class="inp-txt" value="" name="leftTicketDTO.from_station_name" />
<span class="i-city" id="fromStation_icon_image"></span>
</div>
</li>
<li class="i-change i-change2" id="change_station" style="background-position:-67px -96px"></li>
<li><span class="label"><label id="toStationText_label"> 目的地</label>
</span>
<div class="inp-w"><input id="toStation" type="hidden" value="" name="leftTicketDTO.to_station" />
<input type="text" id="toStationText" class="inp-txt" value="" name="leftTicketDTO.to_station_name" />
<span class="i-city" id="toStation_icon_image"></span>
</div>
</li>
<li><span class="label"> 出发日</span>
<div class="inp-w" style="z-index:1200"><input type="text" class="inp-txt" name="leftTicketDTO.train_date" id="train_date" value="2013-06-07 周五" readonly="readonly" />
<!-- <div id="train_date_" style="position: absolute; height: 250px;z-index:1200;left:0; top:30px;"></div>-->
<span id="date_icon_1" class="i-date"></span>
</div>
<!--<div class="inp-w">
<input th:value="${train_date}" type="text" class="inp-txt" name="leftTicketDTO.train_date" id="train_date"
value="2013-06-07 周五" readonly="readonly"></input> <span id="date_icon_1" class="i-date"></span>
</div>-->
</li>
<li><span class="label"> 返程日</span>
<div class="inp-w" id="back_div" style="z-index:1100"><input type="text" class="inp-txt" name="back_train_date" id="back_train_date" value="" readonly="readonly" />
<!-- <div id="back_train_date_" style="position: absolute; height: 250px;z-index:1100;left:0; top:30px;"></div>-->
<span id="date_icon_2" class="i-date"></span>
</div>
<!--<div class="inp-w" id="back_div">
<input th:value="${back_train_date}" type="text" class="inp-txt" name="back_train_date" id="back_train_date"
value="2013-06-16 周日" readonly="readonly"></input> <span id="date_icon_2" class="i-date"></span>
</div>-->
</li>
</ul>
</div>
<div class="quick-s"><ul><li><input type="radio" id="sf1" class="radio" name="sf" checked="checked" />
<label id="sf1_label" for="sf1" class="cursor">普通</label>
</li>
<li><input type="radio" id="sf2" class="radio" name="sf" />
<label id="sf2_label" for="sf2" class="cursor">学生</label>
</li>
</ul>
<div class="btn-area"><a href="javascript:" id="query_ticket" class="btn92s btn-disabled" shape="rect">查询</a>
<div><input id="auto_query" type="checkbox" class="check" style="margin-right:0px;" />
<label id="autoQueryTxt">开启自动查询</label>
</div>
</div>
</div>
</form>
</div>
<!--车票搜索框 开始-->
<div class="sear-sel" id="sear-sel"><div id="date_range" class="sear-sel-hd clearfix"><ul><li><span>12-27</span>
<span class="hide">12-27</span>
</li>
<li><span>12-28</span>
<span class="hide">12-28</span>
</li>
<li><span>12-29</span>
<span class="hide">12-29</span>
</li>
<li><span>12-30</span>
<span class="hide">12-30</span>
</li>
<li><span>12-31</span>
<span class="hide">12-31</span>
</li>
<li><span>01-01</span>
<span class="hide">01-01</span>
</li>
<li><span>01-02</span>
<span class="hide">01-02</span>
</li>
<li><span>01-03</span>
<span class="hide">01-03</span>
</li>
<li><span>01-04</span>
<span class="hide">01-04</span>
</li>
<li><span>01-05</span>
<span class="hide">01-05</span>
</li>
<li><span>01-06</span>
<span class="hide">01-06</span>
</li>
<li><span>01-07</span>
<span class="hide">01-07</span>
</li>
<li><span>01-08</span>
<span class="hide">01-08</span>
</li>
<li><span>01-09</span>
<span class="hide">01-09</span>
</li>
<li><span>01-10</span>
<span class="hide">01-10</span>
</li>
<li><span>01-11</span>
<span class="hide">01-11</span>
</li>
<li><span>01-12</span>
<span class="hide">01-12</span>
</li>
<li><span>01-13</span>
<span class="hide">01-13</span>
</li>
<li><span>01-14</span>
<span class="hide">01-14</span>
</li>
<li><span>01-15</span>
<span class="hide">01-15</span>
</li>
<li style="display: none;"><span>01-16</span>
<span class="hide">01-16</span>
</li>
<li style="display: none;"><span>01-17</span>
<span class="hide">01-17</span>
</li>
<li style="display: none;"><span>01-18</span>
<span class="hide">01-18</span>
</li>
<li style="display: none;"><span>01-19</span>
<span class="hide">01-19</span>
</li>
<li style="display: none;"><span>01-20</span>
<span class="hide">01-20</span>
</li>
<li style="display: none;"><span>01-21</span>
<span class="hide">01-21</span>
</li>
<li style="display: none;"><span>01-22</span>
<span class="hide">01-22</span>
</li>
<li style="display: none;"><span>01-23</span>
<span class="hide">01-23</span>
</li>
<li style="display: none;"><span>01-24</span>
<span class="hide">01-24</span>
</li>
<li style="display: none;"><span>01-25</span>
<span class="hide">01-25</span>
</li>
<li style="display: none;"><span>01-26</span>
<span class="hide">01-26</span>
</li>
<li style="display: none;"><span>01-27</span>
<span class="hide">01-27</span>
</li>
<li style="display: none;"><span>01-28</span>
<span class="hide">01-28</span>
</li>
<li style="display: none;"><span>01-29</span>
<span class="hide">01-29</span>
</li>
<li style="display: none;"><span>01-30</span>
<span class="hide">01-30</span>
</li>
<li style="display: none;"><span>01-31</span>
<span class="hide">01-31</span>
</li>
<li style="display: none;"><span>02-01</span>
<span class="hide">02-01</span>
</li>
<li style="display: none;"><span>02-02</span>
<span class="hide">02-02</span>
</li>
<li style="display: none;"><span>02-03</span>
<span class="hide">02-03</span>
</li>
<li style="display: none;"><span>02-04</span>
<span class="hide">02-04</span>
</li>
<li style="display: none;"><span>02-05</span>
<span class="hide">02-05</span>
</li>
<li style="display: none;"><span>02-06</span>
<span class="hide">02-06</span>
</li>
<li style="display: none;"><span>02-07</span>
<span class="hide">02-07</span>
</li>
<li style="display: none;"><span>02-08</span>
<span class="hide">02-08</span>
</li>
<li style="display: none;"><span>02-09</span>
<span class="hide">02-09</span>
</li>
<li style="display: none;"><span>02-10</span>
<span class="hide">02-10</span>
</li>
<li style="display: none;"><span>02-11</span>
<span class="hide">02-11</span>
</li>
<li style="display: none;"><span>02-12</span>
<span class="hide">02-12</span>
</li>
<li style="display: none;"><span>02-13</span>
<span class="hide">02-13</span>
</li>
<li style="display: none;"><span>02-14</span>
<span class="hide">02-14</span>
</li>
<li style="display: none;"><span>02-15</span>
<span class="hide">02-15</span>
</li>
<li style="display: none;"><span>02-16</span>
<span class="hide">02-16</span>
</li>
<li style="display: none;"><span>02-17</span>
<span class="hide">02-17</span>
</li>
<li style="display: none;"><span>02-18</span>
<span class="hide">02-18</span>
</li>
<li style="display: none;"><span>02-19</span>
<span class="hide">02-19</span>
</li>
<li style="display: none;"><span>02-20</span>
<span class="hide">02-20</span>
</li>
<li style="display: none;"><span>02-21</span>
<span class="hide">02-21</span>
</li>
<li style="display: none;"><span>02-22</span>
<span class="hide">02-22</span>
</li>
<li style="display: none;"><span>02-23</span>
<span class="hide">02-23</span>
</li>
<li style="display: none;"><span>02-24</span>
<span class="hide">02-24</span>
</li>
<li style="display: none;"><span>02-25</span>
<span class="hide">02-25</span>
</li>
<li style="display: none;"><span>02-26</span>
<span class="hide">02-26</span>
</li>
</ul>
<div class="clear"></div>
</div>
<div class="sear-sel-bd quick-buy-sel quick-buy-open" id="sear-sel-bd" style="height: 17px"><!--展开式高度设置为204px，合拢时为72px-->
<div class="pos-top" style="margin-right:20px;">发车时间：
<select class="select-small" id="cc_start_time"><option value="00002400">00:00--24:00</option>
<option value="00000600">00:00--06:00</option>
<option value="06001200">06:00--12:00</option>
<option value="12001800">12:00--18:00</option>
<option value="18002400">18:00--24:00</option>
</select>
</div>
<div class="section clearfix"><div class="section-hd">车次类型：</div>
<div class="section-bd" id="cc_train_type_btn_all"><span class="btn-all" id="train_type_btn_all">全部</span>
<ul id="_ul_station_train_code"></ul>
</div>
</div>
<div class="section clearfix"><div class="section-hd">出发车站：</div>
<div class="section-bd" id="cc_from_station_name_all"><span class="btn-all" id="from_station_name_all">全部</span>
<ul id="from_station_ul"><!-- 默认初始化页面时，该过滤条件下无复选框 -->
</ul>
</div>
</div>
<!--
<div class="section clearfix">
<div class="section-hd">出发时段：</div>
<div class="section-bd" id="cc_start_time_btn_all">
<span class="btn-all" id="start_time_btn_all">全部</span>
<ul>
<li><input type="checkbox" class="check" value="00000600" name="cc_start_time"></input><label for="">凌晨（0-6点）</label></li>
<li><input type="checkbox" class="check" value="06001200" name="cc_start_time"></input><label for="">上午（6-12点）</label></li>
<li><input type="checkbox" class="check" value="12001800" name="cc_start_time"></input><label for="">下午（12-18点）</label></li>
<li><input type="checkbox" class="check" value="18002400" name="cc_start_time"></input><label for="">晚上（18-24点）</label></li>
</ul>
</div>
</div>
-->
<div class="section clearfix"><div class="section-hd">到达车站：</div>
<div class="section-bd" id="cc_to_station_name_all"><span class="btn-all" id="to_station_name_all">全部</span>
<ul id="to_station_ul"><!-- 默认初始化页面时，该过滤条件下无复选框 -->
</ul>
</div>
</div>
<!--
<div class="section clearfix">
<div class="section-hd">到达时段：</div>
<div class="section-bd" id="cc_arrive_time_btn_all">
<span class="btn-all" id="arrive_time_btn_all">全部</span>
<ul>
<li><input type="checkbox" class="check" value="00000600" name="cc_arrive_time"></input><label for="">凌晨（0-6点）</label></li>
<li><input type="checkbox" class="check" value="06001200" name="cc_arrive_time"></input><label for="">上午（6-12点）</label></li>
<li><input type="checkbox" class="check" value="12001800" name="cc_arrive_time"></input><label for="">下午（12-18点）</label></li>
<li><input type="checkbox" class="check" value="18002400" name="cc_arrive_time"></input><label for="">晚上（18-24点）</label></li>
</ul>
</div>
</div>
-->
<div class="section pt2 clearfix"><div class="section-hd" id="memb">乘车人：</div>
<div class="section-bd pt2" id="setion_postion" style="width:688px;"><span class="wrap-left"><a href="javascript:" class="btn-small" onclick="$.showSelectBuyer()" shape="rect">请选择</a>
</span>
</div>
<span style="color:red;width:auto;">您可点击“成人乘车人”添加儿童票。</span>
</div>
<div class="section clearfix"><div class="section-hd" id="train_first">优先车次：</div>
<div class="section-bd pt2" id="prior_train"><span id="showYxTrainSpan" class="wrap-left"><a href="javascript:" class="btn-small" onclick="$.showYxTrain()" shape="rect">请选择</a>
</span>
<span style="display: none;" name="prior_train-span" class="wrap-left add-cc"><input type="text" maxlength="5" class="inp-small" id="inp-train" style="text-transform:uppercase" value=" 请输入" onkeypress="$.checkTrain(event,this)" />
<a href="javascript:" class="btn-add" id="add-train" shape="rect"></a>
</span>
</div>
</div>
<div class="section clearfix"><div class="section-hd" id="seat_first">优先席别：</div>
<div class="section-bd pt2" id="prior_seat"><span class="wrap-left"><a href="javascript:" class="btn-small" onclick="$.showSelectSeat()" shape="rect">请选择</a>
</span>
</div>
</div>
<div class="section pt2 clearfix"><div class="section-hd" id="select_date">备选日期：</div>
<div class="section-bd pt2" id="prior_date"><span class="wrap-left"><a href="javascript:" class="btn-small" id="train_date" onclick="$.showSelectDate()" shape="rect">请选择</a>
</span>
</div>
</div>
<div class="section pt2 clearfix"><div class="section-hd" id="ad_setting">高级设置：</div>
<div class="section-bd pt2"><span class="mr17"><select id="_prior" class="select-small" style="width:75px;margin-right:10px"><option value="1">席别优先</option>
<option value="2">车次优先</option>
</select>
</span>
<span class="mr17"><input type="checkbox" class="check" id="autoSubmit" />
<label for="autoSubmit" id="autoSubmitTxt">自动提交</label>
</span>
<span class="mr17"><input type="checkbox" class="check" id="partSubmit" />
<label for="partSubmit" id="partSubmitTxt">余票不足时部分提交</label>
</span>
<a href="javascript:" class="btn-small mr5" id="tryPlayer" shape="rect">试听提示音乐</a>
<a href="javascript:" id="clearAll" class="btn-small" shape="rect">清空所有选项</a>
</div>
</div>
<div class="section cc-pos" style="display:none"><div class="section-hd">车次：</div>
<div class="section-bd" id="train_combo_box_div"><span class="inptxt w90" id="train_combo_box" style="float: left;"></span>
</div>
</div>
</div>
<div class="quick-gif" style="top:58px"><a href="javascript:" id="show_more" class="down" shape="rect">订票帮手</a>
</div>
<!--箭头方向修改<a href="#nogo" class="up"></a>-->
</div>
<!--车票搜索框 结束-->
<div class="sear-result" id="sear-result"><span class="fr"><input type="checkbox" class="check" id="avail_ticket" />
<label for="">显示全部可预订车次
</label>
</span>
<p><!-- 显示查询统计结果 -->
</p>
</div>
<div class="t-list" id="t-list"><table><thead><tr class="th" id="float"><th width="90" colspan="1" rowspan="1">车次</th>
<th width="100" colspan="1" rowspan="1">出发站<br clear="none" />
到达站</th>
<th width="82" colspan="1" rowspan="1" id="startendtime"></th>
<th width="82" colspan="1" rowspan="1"><span class="b3" id="l_s">历时</span>
</th>
<th width="49" colspan="1" rowspan="1">商务座</th>
<th width="49" colspan="1" rowspan="1">特等座</th>
<th width="49" colspan="1" rowspan="1">一等座</th>
<th width="49" colspan="1" rowspan="1">二等座</th>
<th width="49" colspan="1" rowspan="1">高级<br clear="none" />
软卧</th>
<th width="49" colspan="1" rowspan="1">软卧</th>
<th width="49" colspan="1" rowspan="1">硬卧</th>
<th width="49" colspan="1" rowspan="1">软座</th>
<th width="49" colspan="1" rowspan="1">硬座</th>
<th width="49" colspan="1" rowspan="1">无座</th>
<th width="49" colspan="1" rowspan="1">其他</th>
<th class="last" colspan="1" rowspan="1">备注</th>
</tr>
</thead>
<tbody id="queryLeftTable"></tbody>
</table>
<div class="t-list-bd" id="t-list-bd"><div class="no-ticket" id="no_filter_ticket" style="display: none"><span class="i-no"></span>
<p><!-- 没有符合筛选条件的车次，请修改筛选条件！<br />您可以<a href="#" id="show_all_query_result">显示全部</a>或<a href="/otsweb/zzzcx/init">使用中转查询功能</a>查询换乘车次。-->
没有符合筛选条件的车次，请修改筛选条件<br clear="none" />
或<a href="#" id="show_all_query_result" shape="rect">显示全部车次</a>
！
</p>
</div>
<div class="no-ticket" id="no_filter_ticket_3" style="display: none"><span class="i-no"></span>
<p>
没有查询到符合条件的车次，5秒后继续查询，请稍后！
</p>
</div>
<div class="no-ticket" id="no_filter_ticket_4" style="display: none"><span class="i-no"></span>
<p>
没有符合筛选条件的车次，5秒后开始查询备选日期，请稍后！
</p>
</div>
</div>
</div>
<div class="no-ticket" id="no_filter_ticket_2" style="display: none"><span class="i-no"></span>
<p>
很抱歉，按您的查询条件，当前未找到从<span id="no_filter_ticket_fromstation"></span>
到<span id="no_filter_ticket_tostation"></span>
的列车。您可以使用出行向导中的<a href="/otn/zzzcx/init" shape="rect">中转查询功能</a>
查询换乘车次。
</p>
</div>
</div>
<!--页面主体 结束-->
<!--页面底部 开始-->
<div class="footer"><p><a href="http://www.12306.cn/mormhweb/gljd/gywm" target="true">关于我们</a>
|<a href="http://www.12306.cn/mormhweb/gljd/wzls/" target="true">网站声明</a>
</p>
<p>版权所有©2008-2015铁道部信息技术中心&nbsp;&nbsp;中国铁道科学研究院</p>
<p>京ICP备10009636号</p>
</div>
<!-- 检索车站下拉框 -->
<div id="search_div" style="z-index: 1000; position: absolute;"><div id="form_cities"><div id="top_cities">操作提示</div>
<div id="panel_cities"></div>
<div id="flip_cities">翻页控制区</div>
</div>
</div>
<!-- 选择车站下拉框 -->
<div id="choice_div" style="z-index: 2000; position: absolute;"><div id="form_cities2"><div id="panel_cities2"></div>
</div>
</div>
<!--页面底部 结束-->
<!-- 选择乘车人 -->
<div id="sel-buyer" class="quick-box sel-rank" style="display:none;width: 515px;"><div class="quick-box-hd"><a onclick="$.closeSelectBuyer()" href="javascript:void(0);" shape="rect">关闭</a>
<a onclick="$.reloadPassenger()" href="javascript:void(0);" shape="rect">刷新</a>
<div class="inp-wrap"><input id="searchPassenger" type="text" class="inp-txt" placeholder="输入乘客姓名" />
<a href="javascript:void(0);" id="passenger_a_close" class="del" shape="rect"></a>
</div>
常用联系人
</div>
<div class="first-train-list"><ul id="buyer-list"></ul>
<div id="passenger_page" class="train-page" style="display: none;"></div>
</div>
</div>
<!-- 选择乘车人结束 -->
<!-- 选择优先席别 -->
<div id="sel-seat" class="quick-box sel-rank" style="display:none;width: 350px;"><div class="quick-box-hd"><a onclick="$.closeSelectSeat()" href="javascript:void(0);" shape="rect">关闭</a>
选择席别（最多选择五个优先席别）
</div>
<div class="first-train-list"><ul id="seat-list"><li name="商务座" scode="SWZ">商务座</li>
<li name="特等座" scode="TZ">特等座</li>
<li name="一等座" scode="ZY">一等座</li>
<li name="二等座" scode="ZE">二等座</li>
<li name="高级软卧" scode="GR">高级软卧</li>
<li name="软卧" scode="RW">软卧</li>
<li name="硬卧" scode="YW">硬卧</li>
<li name="动卧" scode="SRRB">动卧</li>
<li name="高级动卧" scode="YYRW">高级动卧</li>
<li name="软座" scode="RZ">软座</li>
<li name="硬座" scode="YZ">硬座</li>
<li name="无座" scode="WZ">无座</li>
</ul>
</div>
</div>
<!-- 选择优先席别结束 -->
<!-- 选择优先日期-->
<div id="sel-date" class="quick-box sel-rank" style="display:none;width: 710px;"><div class="quick-box-hd"><a onclick="$.closeSelectDate()" href="javascript:void(0);" shape="rect">关闭</a>
选择日期（最多选择5个备选日期）
</div>
<div class="first-train-list"><ul id="date-list"><li name="2016-12-27">2016-12-27</li>
<li name="2016-12-28">2016-12-28</li>
<li name="2016-12-29">2016-12-29</li>
<li name="2016-12-30">2016-12-30</li>
<li name="2016-12-31">2016-12-31</li>
<li name="2017-01-01">2017-01-01</li>
<li name="2017-01-02">2017-01-02</li>
<li name="2017-01-03">2017-01-03</li>
<li name="2017-01-04">2017-01-04</li>
<li name="2017-01-05">2017-01-05</li>
<li name="2017-01-06">2017-01-06</li>
<li name="2017-01-07">2017-01-07</li>
<li name="2017-01-08">2017-01-08</li>
<li name="2017-01-09">2017-01-09</li>
<li name="2017-01-10">2017-01-10</li>
<li name="2017-01-11">2017-01-11</li>
<li name="2017-01-12">2017-01-12</li>
<li name="2017-01-13">2017-01-13</li>
<li name="2017-01-14">2017-01-14</li>
<li name="2017-01-15">2017-01-15</li>
<li name="2017-01-16">2017-01-16</li>
<li name="2017-01-17">2017-01-17</li>
<li name="2017-01-18">2017-01-18</li>
<li name="2017-01-19">2017-01-19</li>
<li name="2017-01-20">2017-01-20</li>
<li name="2017-01-21">2017-01-21</li>
<li name="2017-01-22">2017-01-22</li>
<li name="2017-01-23">2017-01-23</li>
<li name="2017-01-24">2017-01-24</li>
<li name="2017-01-25">2017-01-25</li>
<li name="2017-01-26">2017-01-26</li>
<li name="2017-01-27">2017-01-27</li>
<li name="2017-01-28">2017-01-28</li>
<li name="2017-01-29">2017-01-29</li>
<li name="2017-01-30">2017-01-30</li>
<li name="2017-01-31">2017-01-31</li>
<li name="2017-02-01">2017-02-01</li>
<li name="2017-02-02">2017-02-02</li>
<li name="2017-02-03">2017-02-03</li>
<li name="2017-02-04">2017-02-04</li>
<li name="2017-02-05">2017-02-05</li>
<li name="2017-02-06">2017-02-06</li>
<li name="2017-02-07">2017-02-07</li>
<li name="2017-02-08">2017-02-08</li>
<li name="2017-02-09">2017-02-09</li>
<li name="2017-02-10">2017-02-10</li>
<li name="2017-02-11">2017-02-11</li>
<li name="2017-02-12">2017-02-12</li>
<li name="2017-02-13">2017-02-13</li>
<li name="2017-02-14">2017-02-14</li>
<li name="2017-02-15">2017-02-15</li>
<li name="2017-02-16">2017-02-16</li>
<li name="2017-02-17">2017-02-17</li>
<li name="2017-02-18">2017-02-18</li>
<li name="2017-02-19">2017-02-19</li>
<li name="2017-02-20">2017-02-20</li>
<li name="2017-02-21">2017-02-21</li>
<li name="2017-02-22">2017-02-22</li>
<li name="2017-02-23">2017-02-23</li>
<li name="2017-02-24">2017-02-24</li>
<li name="2017-02-25">2017-02-25</li>
<li name="2017-02-26">2017-02-26</li>
</ul>
</div>
</div>
<!-- 选择优先席别结束 -->
<!-- 快捷购票提示信息 -->
<div class="quick-tips" id="showquick1" style="display: none;width:200px;z-index:4000;"><span style="line-height:22px; color:#666;">选中后，在点击“查询”按钮时，系统将按您设置的查询条件自动、持续查询车票。当查询到满足条件的车票时，查询将自动停止。</span>
</div>
<div class="quick-tips" id="showquick2" style="display: none"><!--<span style="line-height:22px; color:#666;">闪购高级选项。选中后，“自动提交”默认选中，当系统查询到满足闪购选项的车票但票额少于选定的乘车人时，允许系统按票额数量忽略排在后面的乘车人，自动提交订单。</span> -->
<span style="line-height:22px; color:#666;">如果网站查询同一车次只有部分符合您设定条件的车票时，将按您设定的乘车人和席别优先顺序进行提交。</span>
</div>
<div class="quick-tips" id="showquick3" style="display: none;"><!-- <span style="line-height:22px; color:#666;">闪购高级选项。选中后，在点击“查询”按钮时系统将自动、持续查询车票，并在查询到满足闪购选项的车票时自动提交订单。</span>-->
<span style="line-height:22px; color:#666;">勾选本选项并点击查询后，网站将自动查询符合设定条件的车票信息，如有符合条件的车次，将自动提交订单信息。</span>
</div>
<div class="quick-tips" id="showquick4" style="display: none"><span style="line-height:22px; color:#666;">您可以从常用联系人中选择最多5个乘车人，网站将按您设定的先后顺序自动选择。</span>
</div>
<div class="quick-tips" id="showquick6" style="display: none"><span style="line-height:22px; color:#666;">您可以设定最多5个席别，网站将根据您设定的席别先后顺序和同一车次的余票情况自动选择。</span>
</div>
<div class="quick-tips" id="showquick5" style="display: none"><span style="line-height:22px; color:#666;">您可以设定最多5个车次，网站将根据您设定的车次先后顺序和同一车次的余票情况自动选择。</span>
</div>
<div class="quick-tips" id="showquick8" style="display: none"><span style="line-height:22px; color:#666;">您可以在当前日期外另行设定最多5个出发日，网站将根据您设定的先后顺序和余票情况自动选择。</span>
</div>
<div id="getTicket" style="display: none;margin-right: 1px;margin-bottom: 1px;height: 140px"><div class="mark" style="height: 20px"></div>
<div class="up-box" style="height: 140px"><div class="up-box-hd">恭喜您，查到有票车次了<a href="javascript:$jpopup.startOrHiden()" shape="rect">关闭</a>
</div>
<div class="up-box-bd" style="height: 140px"><div class="tit" id="filterRes"></div>
<div class="lay-btn" style="margin-left: -245px"><a href="javascript:" class="btn92s" id="showOnlyTicA" shape="rect">仅显示选定车次</a>
<a href="javascript:$jpopup.startOrHiden()" class="btn92" shape="rect">关闭</a>
</div>
</div>
</div>
</div>
<!-- 快捷购票提示信息结束 -->
<!-- 提交订单核对车票信息弹出层 start -->
<div id="autosubmitcheckticketinfo" style="display: none; top:600px;left:200px;"><div class="mark"></div>
<div class="up-box w664" id="content_autosubmitcheckticketinfo"><div class="up-box-hd">
已查到车票，请核对以下信息
</div>
<div class="up-box-bd ticket-check"><div class="info2" id="autosubmit_check_ticket_tit" style="width:550px;"></div>
<table class="table-a"><tr><th width="28" rowspan="1" colspan="1">序号</th>
<th rowspan="1" colspan="1">席别</th>
<th id="bed_show" style="display: none;" rowspan="1" colspan="1">铺别</th>
<th rowspan="1" colspan="1">票种</th>
<th rowspan="1" colspan="1">姓名</th>
<th rowspan="1" colspan="1">证件类型</th>
<th rowspan="1" colspan="1">证件号码</th>
<th rowspan="1" colspan="1">手机号码</th>
</tr>
<tbody id="autosubmit_check_ticketInfo"></tbody>
</table>
<!-- <p style="color: #3177BF;" id="notice_1_id">
注：1.系统将随机为您申请席位，暂不支持自选席位。
</p>
<div class="seat-sel seat-sel-round" id="id-seat-sel" style="display: none;">
<div class="seat-sel-hd"><div class="tips-xz">选座喽</div>已选座<span id='selectNo'>1/4</span></div>
<div class="seat-sel-bd">
第一排
<div class="sel-item" id="yideng1" style="display: none;">
一等座
<div class="txt">窗</div>
<ul class="seat-list">
<li><a href="javascript:" id="1A">A</a></li>
<li><a href="javascript:" id="1C">C</a></li>
</ul>
<div class="txt">过道</div>
<ul class="seat-list">
<li><a href="javascript:" id="1D">D</a></li>
<li><a href="javascript:" id="1F">F</a></li>
</ul>
<div class="txt txt-last">窗</div>
</div>
<div class="sel-item" id="erdeng1" style="display: none;">
二等座
<div class="txt">窗</div>
<ul class="seat-list">
<li><a href="javascript:" id="1A">A</a></li>
<li><a href="javascript:" id="1B">B</a></li>
<li><a href="javascript:" id="1C">C</a></li>
</ul>
<div class="txt">过道</div>
<ul class="seat-list">
<li><a href="javascript:" id="1D">D</a></li>
<li><a href="javascript:" id="1F">F</a></li>
</ul>
<div class="txt txt-last">窗</div>
</div>
<div class="sel-item" id="tedeng1" style="display: none;">
特等座
<div class="txt">窗</div>
<ul class="seat-list">
<li><a href="javascript:" id="1A">A</a></li>
<li><a href="javascript:" id="1C">C</a></li>
</ul>
<div class="txt">过道</div>
<ul class="seat-list">
<li><a href="javascript:" id="1F">F</a></li>
</ul>
<div class="txt txt-last">窗</div>
</div>
第二排
<div class="sel-item" id="yideng2" style="display: none;">
一等座
<div class="txt">窗</div>
<ul class="seat-list">
<li><a href="javascript:" id="2A">A</a></li>
<li><a href="javascript:" id="2C">C</a></li>
</ul>
<div class="txt">过道</div>
<ul class="seat-list">
<li><a href="javascript:" id="2D">D</a></li>
<li><a href="javascript:" id="2F">F</a></li>
</ul>
<div class="txt txt-last">窗</div>
</div>
<div class="sel-item" id="erdeng2" style="display: none;">
二等座
<div class="txt">窗</div>
<ul class="seat-list">
<li><a href="javascript:" id="2A">A</a></li>
<li><a href="javascript:" id="2B">B</a></li>
<li><a href="javascript:" id="2C">C</a></li>
</ul>
<div class="txt">过道</div>
<ul class="seat-list">
<li><a href="javascript:" id="2D">D</a></li>
<li><a href="javascript:" id="2F">F</a></li>
</ul>
<div class="txt txt-last">窗</div>
</div>
<div class="sel-item" id="tedeng2" style="display: none;">
特等座
<div class="txt">窗</div>
<ul class="seat-list">
<li><a href="javascript:" id="2A">A</a></li>
<li><a href="javascript:" id="2C">C</a></li>
</ul>
<div class="txt">过道</div>
<ul class="seat-list">
<li><a href="javascript:" id="2F">F</a></li>
</ul>
<div class="txt txt-last">窗</div>
</div>
</div>
</div>
<div class="seat-sel seat-sel-round" id="id-bed-sel" style="display: none;">
<div class="seat-sel-hd">
<div class="tips-xz">选铺喽</div>
已选铺<span id='selectBedNo'>1/4</span>
</div>
<div class="seat-sel-bd">
<div class="sel-item">
<div class="bed-yw">硬卧</div>
<div class="bed-item">
<div class="txt">下铺</div>
<div class="number-control-mini">
<a href="javascript:" class="num-reduce" onclick="javascript:numSet('reduce','x_no');">-</a>
<span class="num" id="x_no">1</span>
<a href="javascript:" class="num-increase" onclick="javascript:numSet('add','x_no');">+</a>
</div>
</div>
<div class="bed-item" style="display: none;" id="mid_bed">
<div class="txt">中铺</div>
<div class="number-control-mini">
<a href="javascript:" class="num-reduce" onclick="javascript:numSet('reduce','z_no');">-</a>
<span class="num" id="z_no">0</span>
<a href="javascript:" class="num-increase" onclick="javascript:numSet('add','z_no');">+</a>
</div>
</div>
<div class="bed-item">
<div class="txt">上铺</div>
<div class="number-control-mini">
<a href="javascript:" class="num-reduce" onclick="javascript:numSet('reduce','s_no');">-</a>
<span class="num" id="s_no">0</span>
<a href="javascript:" class="num-increase" onclick="javascript:numSet('add','s_no');">+</a>
</div>
</div>
</div>
</div>
</div> -->
<p id="sy_ticket_num_id"><!-- 尊敬的旅客，本次列车您选择的席别尚有余票<strong>1135</strong>张，无座<strong>840</strong>张。特此提醒。<br /> 请确认信息是否正确。如正确请点击“确定”，系统将为您分配席位。-->
</p>
<p id="orange_msg" style="color: orange;">
请确认以上信息是否正确，稍后系统将自动提交...
</p>
<div class="yzm" style="display: none;"><form id="randCodeForm_id" onsubmit="javascript:return false;" method="get" enctype="application/x-www-form-urlencoded"><ul><div id="mypasscode2" data-code_type="passenger" data-touclick-type="inside"></div>
</ul>
</form>
</div>
<div class="lay-btn captchaButton passengerInfo-inside" data-touclick-name="other"></div>
<div class="lay-btn"><a id="back_edit" href="javascript:" class="btn92" shape="rect">返回修改</a>
<a style="display: none;" href="javascript:" class="btn92s" id="qr_submit1" shape="rect">确认</a>
</div>
</div>
</div>
</div>
<!-- 提交订单核对车票信息弹出层 end -->
<!-- 交易提示框 start -->
<div id="transforNotice_id" style="display: none; margin-left: 30%; margin-top: 30%;"><div class="mark"></div>
<div class="up-box" id="content_transforNotice_id"><div class="up-box-hd" id="up-box-hd_id"><!-- <a id="closeTranforDialog_id" style="display: none;" href="javascript:">关闭</a>-->
提示
</div>
<div class="up-box-bd"><div class="up-con clearfix"><span class="icon i-work" id="iamge_status_id"></span>
<div class="r-txt" id="orderResultInfo_id"><!-- 信息提示 -->
</div>
</div>
<div class="lay-btn" id="lay-btn_id"><!-- <a href="javascript:" id="qr_closeTranforDialog_id" style="display: none;" class="btn92s">确认</a> -->
</div>
</div>
</div>
</div>
<!-- 无验证码用户未登录弹出登录层 -->
<!-- 无验证码用户未登录弹出登录层 -->
<!-- 用户未登录弹出登录层 -->
<div id="relogin" style="display: none; z-index: 100px;margin: 0px auto 110px;"><div class="mark"></div>
<div class="up-box up-box-login" id="content"><div class="up-box-hd">请登录<a id="relogin_close" href="javascript:" shape="rect">关闭</a>
</div>
<form id="loginForm" method="get" enctype="application/x-www-form-urlencoded"><div class="up-box-bd"><div class="login"><ul><li><span class="formCont" style="float: left;"><span class="label">登录名：</span>
<input id="username" name="loginUserDTO.user_name" type="text" class="inptxt w200" tabindex="1" />
</span>
</li>
<li><span class="formCont" style="float: left;"><span class="label">密码：</span>
<input id="password" name="userDTO.password" type="password" class="inptxt w200" tabindex="2" />
<a href="javascript:" id="forget_my_password_id" shape="rect">忘记用户名/密码？</a>
</span>
</li>
<li id="mypasscode1" data-code_type="login" data-touclick-type="inside" data-page-identity="leftTicket-login" style="display: none"><!--要引入的验证码标签 -->
<script>var targettype=['Z','Z'];var targetdiv=['mypasscode1','mypasscode2'];var targetelement=['','other'];</script>
<script src="/otn/resources/js/newpasscode/new.js" xml:space="preserve"></script>
</li>
<!--
//inside: class="dl captchaButton leftTicket-login-button-inside"
//float: class="dl captchaButton captchaFloatButton leftTicket-login-button-float"
-->
<li class="dl captchaButton leftTicket-login-button-float" data-touclick-name="" style="margin-top:6px"><a href="javascript:" class="btn200s" id="loginSubAsyn" tabindex="4" shape="rect">登录</a>
</li>
<li class="zc"><a href="/otn/regist/init" class="btn200" shape="rect">快速注册</a>
</li>
<li class="txt" style="height:4px"></li>
<li style="margin-top: -4px;"><span><h2 style="height: 25px;line-height: 25px;font-size: 14px;">温馨提示：</h2>
</span>
</li>
<li style="margin-top: -12px;line-height: 20px;color: #666666"><span>1、12306.cn网站每日06:00~23:00提供服务</span>
</li>
<li style="margin-top: -12px;line-height: 20px;color: #666666"><span>2、在12306.cn网站购票、改签和退票须不晚于开车前30分钟；办理“变更到站”业务时，请不晚于开车前48小时。</span>
</li>
</ul>
</div>
</div>
</form>
</div>
</div>
<!-- 用户未登录弹出层 end -->
<form id="_es_hiddenform" method="post" enctype="application/x-www-form-urlencoded"><input type="hidden" name="_json_att" value="" />
</form>
<div class="station" style="display:none;" id="train_stop"><b></b>
<div class="station-info" id="stationinfo"></div>
<div class="station-hd"><span class="zx">站序</span>
<span class="zm">站名</span>
<span class="dzsj">到站时间</span>
<span class="cfsj">出发时间</span>
<span class="tlsj">停留时间</span>
<a class="close" title="关闭" href="##" onclick="closeTrainStop()" shape="rect"></a>
</div>
<div class="station-bd"><table><tbody id="train_table"></tbody>
</table>
</div>
</div>
<div id="floatTable" class="t-list" style="display: none;width: 978px;"><table><tr class="th"><th width="90" rowspan="1" colspan="1">车次</th>
<th width="100" rowspan="1" colspan="1"><div class="two-line"><span>出发站</span>
<br clear="none" />
<span>到达站</span>
</div>
</th>
<th width="82" rowspan="1" colspan="1"><div class="two-line" id="floatstartendtime"></div>
</th>
<th width="82" rowspan="1" colspan="1"><span class="b3" id="other_span_lishi">历时</span>
</th>
<th width="49" rowspan="1" colspan="1">商务座</th>
<th width="49" rowspan="1" colspan="1">特等座</th>
<th width="49" rowspan="1" colspan="1">一等座</th>
<th width="49" rowspan="1" colspan="1">二等座</th>
<th width="49" rowspan="1" colspan="1">高级<br clear="none" />
软卧</th>
<th width="49" rowspan="1" colspan="1">软卧</th>
<th width="49" rowspan="1" colspan="1">硬卧</th>
<th width="49" rowspan="1" colspan="1">软座</th>
<th width="49" rowspan="1" colspan="1">硬座</th>
<th width="49" rowspan="1" colspan="1">无座</th>
<th width="49" rowspan="1" colspan="1">其它</th>
<th class="last" rowspan="1" colspan="1">备注</th>
</tr>
</table>
</div>
<div class="station" style="display:none;" id="train_div_"><b></b>
<div class="station-info" id="train_span_"><span class="item1">T69</span>
<span class="item2">北京南<em>--></em>
乌鲁木齐</span>
<span class="item3">特快</span>
<span class="item4">空调</span>
</div>
<div class="station-hd"><span class="zx">站序</span>
<span class="zm">站名</span>
<span class="dzsj">到站时间</span>
<span class="cfsj">出发时间</span>
<span class="tlsj">停留时间</span>
<a class="close" title="关闭" href="javascript:" onclick="myStopStation.close()"></a>
</div>
<div class="station-bd"><table><tbody id="train_table_"></tbody>
</table>
</div>
</div>
<div class="up-box w600" style="display: none;" id="confirmG1234"><div class="up-box-hd">继续预定<a id="close_conifrmdialog_G1234" href="javascript:" shape="rect">关闭</a>
</div>
<div class="up-box-bd"><div class="up-con clearfix"><span class="icon i-opt"></span>
<div class="r-txt"><div class="tit">您购买的G1234次列车需在到达“天津西”站后换乘，车厢号、席位号不变，是否继续购票？</div>
</div>
</div>
<div class="lay-btn"><a id="cancel_dialog_G1234" href="javascript:" class="btn92" shape="rect">取消</a>
<a href="javascript:" class="btn92s" id="goto_integration_G1234" shape="rect">继续</a>
</div>
</div>
</div>
<div class="up-box" id="notifysession" style="display: none;"><div class="up-box-hd">温馨提示<a href="#nogo" id="close_notifysession" shape="rect">关闭</a>
</div>
<div class="up-box-bd"><div class="up-con clearfix"><span class="icon i-win"></span>
<div class="r-txt"><div class="tit">本次登录成功！该用户已在其他地点登录，前次登录将被强制退出！</div>
</div>
</div>
<div class="lay-btn"><a href="#" class="btn92s" id="goto_notifysession" shape="rect">确定</a>
</div>
</div>
</div>
<div class="up-box w600" style="display: none;" id="confirmChangeStudentToAdult"><div class="up-box-hd">选择乘车人<a id="close_conifrmdialog_student_to_adult" href="javascript:" shape="rect">关闭</a>
</div>
<div class="up-box-bd"><div class="up-con clearfix"><span class="icon i-opt"></span>
<div class="r-txt"><div class="tit" id="conifrmdialog_student_to_adult_context">当前选择的优先席别有不支持学生票的，是否选择购买成人票？</div>
</div>
</div>
<div class="lay-btn"><a id="cancel_dialog_student_to_adult" href="javascript:" class="btn92" shape="rect">否</a>
<a href="javascript:" class="btn92s" id="goto_student_to_adult" shape="rect">是</a>
</div>
</div>
</div>
<!-- 优先车次开始 -->
<div id="yxtraindiv" class="quick-box sel-rank" style="display:none;width: 485px;"><div class="quick-box-hd"><a id="yxtrain_close" href="javascript:void(0);" shape="rect">关闭</a>
<div class="inp-wrap"><input id="yxtraininput" type="text" class="inp-txt" placeholder="请输入车次" />
<a href="javascript:void(0);" id="yxtrain_a_close" class="del" shape="rect"></a>
</div>
选择车次（最多选择5个车次）
</div>
<div class="first-train-list"><ul id="yxtrain_code"></ul>
<div id="yxtrain_loading" class="train-loading"><img src="/otn/resources/images/loading.gif" alt="" />
</div>
<div id="yxtrain_empty" class="train-empty">没有查询到车次</div>
<div id="yxTrain_page" class="train-page" style="display: none;"></div>
</div>
</div>
<!-- 优先车次结束 -->
</body>
</html>
<script type="text/javascript" src="/otn/resources/js/framework/station_name.js?station_version=1.8992" xml:space="preserve"></script>
<script type="text/javascript" src="/otn/resources/js/framework/favorite_name.js" xml:space="preserve"></script>
<script type="text/javascript" src="/otn/resources/merged/queryLeftTicket_end_js.js?scriptVersion=1.8992" xml:space="preserve"></script>
<!-- <link utils:merger="queryLeftTicket_css" th:href="${#httpServletRequest.contextPath}+'/resources/js/rich/calender_double/dhtmlxcalendar.css'"
href="../../../resources/js/rich/calender_double/dhtmlxcalendar.css" rel="stylesheet"></link>
<link utils:merger="queryLeftTicket_css" th:href="${#httpServletRequest.contextPath}+'/resources/js/rich/calender_double/skins/dhtmlxcalendar_dhx_skyblue.css'"
href="../../../resources/js/rich/calender_double/skins/dhtmlxcalendar_dhx_skyblue.css" rel="stylesheet"></link>
<script utils:merger="queryLeftTicket_js" th:src="${#httpServletRequest.contextPath}+'/resources/js/rich/calender_double/dhtmlxcalendar.js'"
type="text/javascript" src="../../../resources/js/rich/calendar/dhtmlxcalendar.js"></script>
<script utils:merger="queryLeftTicket_js" th:src="${#httpServletRequest.contextPath}+'/resources/js/rich/calender_double/dhtmlxcalendar_double.js'"
type="text/javascript" src="../../../resources/js/rich/calender_double/dhtmlxcalendar_double.js"></script>-->
<script xml:space="preserve">
/*<![CDATA[*/
//为了国际化，需要定义后台获取的字符串
$.views.helpers({
buttonText : function() {
return '\u9884\u8BA2';
}
});
$.views.helpers({
isNum : function(value) {
//alert(value);
return parseInt(value);
}
});
$.views.helpers({
changeLiShi : function(value) {
if (value.substring(0,1) == "0") {
if (value.substring(1,2) == "0") {
if (value.substring(3,4) == "0") {
value = value.substring(4,5) + "分";
} else {
value = value.substring(3,5) + "分";
}
} else {
value = value.substring(1,2) + "小时" + value.substring(3,5) + "分";
}
} else {
if (value.substring(3,5) == "00") {
value = value.substring(0,2) + "小时";
} else {
value = value.substring(0,2) + "小时" + value.substring(3,5) + "分";;
}
}
return value;
}
});
$.views.helpers({
changeArriveDate : function(value1, value2) {
value1 = value1.replace(":", "");
value2 = value2.replace(":", "");
hour_value = Number(value1.substring(0,2)) + Number(value2.substring(0,2));
min_value = Number(value1.substring(2,4)) + Number(value2.substring(2,4));
if (min_value >= 60) {
hour_value = hour_value + 1;
}
if (hour_value >= 24 && hour_value < 48) {
return "次日";
} else if(hour_value >= 48 && hour_value < 72) {
return "两日";
} else if(hour_value >= 72) {
return "三日";
} else {
return "当日";
}
}
});
var from_station = '';
var from_station_name = '';
var to_station = '';
var to_station_name = '';
var trainDate = '2016-12-27';
var backTrainDate = '2016-12-27';
var page_show_flag = null;
var purposeCodeFromIndex = null;
var roundReferTime = null;
var studentComPerArr=['2016-06-01','2016-09-30','2016-12-01','2016-12-31','2017-01-01','2017-03-31'];
var studentMindate='2016-12-27';
var studentMaxdate='2017-02-26';
var otherMindate = '2016-12-27';
var otherMaxdate = '2017-01-25';
// 日期范围传参
//var init_train_no = null;
var init_minPeriod = '2016-12-27';
var init_maxPeriod = '2017-02-26';
//var init_train_date = null;
//var init_back_train_date = null;
var back_train_date = null;
// 客运首页进入传参
//var index_from_station = null;
var index_to_station = null;
//var index_from_station_name = null;
//var index_to_station_name = null;
var index_train_date = null;
//var index_back_train_date = null;
//var index_tour_flag = null;
// 学生票传参，用于判断
var stu_start_train_date = '2016-06-01 00:00:00&2016-12-01 00:00:00&2017-01-01 00:00:00';
var stu_end_tain_date = '2016-09-30 00:00:00&2016-12-31 00:00:00&2017-03-31 00:00:00';
var stu_buy_date = '2016-12-27&2017-02-26';
var other_buy_date = '2016-12-27&2017-01-25';
// 从确认乘客信息页面返回至余票查询页面传参
//var step_tour_flag = null;
//var step_from_station = null;
//var step_from_station_name = null;
//var step_to_station = null;
//var step_to_station_name = null;
//var step_train_date = null
//var step_back_train_date = null
// 从订单确认页面预订返程返回至余票查询页面传参
//var fc_from_station = null;
//var fc_from_station_name = null;
//var fc_to_station = null;
//var fc_to_station_name = null;
//var fc_train_date = null
//var fc_back_train_date = null;
//var fc_tour_flag = null;
// 改签
//var gc_from_station = null;
//var gc_from_station_name = null;
//var gc_to_station = null;
//var gc_to_station_name = null;
//var gc_train_date = null
//var gc_back_train_date = null;
//var gc_tour_flag = null;
// 旅程类型传参，用于判断跳转
var train_tour_flag = 'other';
var tour_flag='';
var dateArr =['12-27','12-28','12-29','12-30','12-31','01-01','01-02','01-03','01-04','01-05','01-06','01-07','01-08','01-09','01-10','01-11','01-12','01-13','01-14','01-15','01-16','01-17','01-18','01-19','01-20','01-21','01-22','01-23','01-24','01-25','01-26','01-27','01-28','01-29','01-30','01-31','02-01','02-02','02-03','02-04','02-05','02-06','02-07','02-08','02-09','02-10','02-11','02-12','02-13','02-14','02-15','02-16','02-17','02-18','02-19','02-20','02-21','02-22','02-23','02-24','02-25','02-26'];
var fullDateArr =['2016-12-27','2016-12-28','2016-12-29','2016-12-30','2016-12-31','2017-01-01','2017-01-02','2017-01-03','2017-01-04','2017-01-05','2017-01-06','2017-01-07','2017-01-08','2017-01-09','2017-01-10','2017-01-11','2017-01-12','2017-01-13','2017-01-14','2017-01-15','2017-01-16','2017-01-17','2017-01-18','2017-01-19','2017-01-20','2017-01-21','2017-01-22','2017-01-23','2017-01-24','2017-01-25','2017-01-26','2017-01-27','2017-01-28','2017-01-29','2017-01-30','2017-01-31','2017-02-01','2017-02-02','2017-02-03','2017-02-04','2017-02-05','2017-02-06','2017-02-07','2017-02-08','2017-02-09','2017-02-10','2017-02-11','2017-02-12','2017-02-13','2017-02-14','2017-02-15','2017-02-16','2017-02-17','2017-02-18','2017-02-19','2017-02-20','2017-02-21','2017-02-22','2017-02-23','2017-02-24','2017-02-25','2017-02-26'];
var otherDateArr = ['2016-12-27','2016-12-28','2016-12-29','2016-12-30','2016-12-31','2017-01-01','2017-01-02','2017-01-03','2017-01-04','2017-01-05','2017-01-06','2017-01-07','2017-01-08','2017-01-09','2017-01-10','2017-01-11','2017-01-12','2017-01-13','2017-01-14','2017-01-15','2017-01-16','2017-01-17','2017-01-18','2017-01-19','2017-01-20','2017-01-21','2017-01-22','2017-01-23','2017-01-24','2017-01-25','2017-01-26','2017-01-27','2017-01-28','2017-01-29','2017-01-30','2017-01-31','2017-02-01','2017-02-02','2017-02-03','2017-02-04','2017-02-05','2017-02-06','2017-02-07','2017-02-08','2017-02-09','2017-02-10','2017-02-11','2017-02-12','2017-02-13','2017-02-14','2017-02-15','2017-02-16','2017-02-17','2017-02-18','2017-02-19','2017-02-20','2017-02-21','2017-02-22','2017-02-23','2017-02-24','2017-02-25','2017-02-26'];
var ClickWho =''
var isstudentDate=false
var isInMaintenanceHours = false;
var isSuperLogin = false;
//快捷购票添加
var passengerAll=null;
var passengerChecked=[];//已选常用联系人
var xbChecked=[];//已选席别
var rqChecked=[];//已选日期
var ccSelected=[];//已选车次
var autoSearchTime=5000;
var noticeContent = null;
var isSaveQueryLog='Y';
var other_control=30;
var stu_control=62;
var isDwTicketResign='N';
var DW_TRAINS=['D4805','D4807','D4831','D901','D902','D903','D904','D905','D906','D907','D908','D909','D910','D915','D921','D922','D923','D924','D927','D928','D931','D932','D934','D933','D935','D936','D937','D938','D965','D925','D926','D941','D942','D943','D944'];
var canChangeToStation=null;
var if_show_pass_code_login = 'Y';
var intervalTime=null;
var queryOrderWaitTimeInterval='3000';
var canChooseSeats=null;
var choose_Seats=null;
var canChooseBeds=null;
var isCanChooseMid=null;
var hainan_limit_from_telcode=',BFQ,UFQ,FZQ,HMQ,KLQ,PFQ,UQQ,KGQ,LIQ,MHQ,QZQ,QYQ,JUQ,SEQ,WEQ,YUQ,CTQ,FJQ,PYQ,WNQ,ACQ,TWQ,VUQ,BWQ,KEQ,SRQ,';
var hainan_limit_to_telcode=',BFQ,UFQ,FZQ,HMQ,KLQ,PFQ,UQQ,KGQ,LIQ,MHQ,QZQ,QYQ,JUQ,SEQ,WEQ,YUQ,CTQ,FJQ,PYQ,WNQ,ACQ,TWQ,VUQ,BWQ,KEQ,SRQ,';
var hainan_limit_start_traindate='2017-01-06';
var hainan_limit_msg='\u6E29\u99A8\u63D0\u793A\uFF1A\u6D77\u5357\u73AF\u5C9B\u9AD8\u94C1\u5217\u8F66\u9884\u552E\u671F\u4E3A10\u5929\u3002\u6D77\u5357\u73AF\u5C9B\u9AD8\u94C1\u8FD0\u529B\u5145\u8DB3\uFF0C\u60A8\u53EF\u968F\u5230\u968F\u8D70!';
/*]]>*/
</script>
<script id="queryPriceTemplate" type="text/x-jsrender" xml:space="preserve"><!--
<td colspan="4"></td>
{{if A9 != null}}
<td width="46" align="center" class="p-num">{{>A9}}</td>
{{else}}
<td width="46" align="center"></td>
{{/if}}
{{if P != null}}
<td width="46" align="center" class="p-num">{{>P}}</td>
{{else}}
<td width="46" align="center"></td>
{{/if}}
{{if M != null}}
<td width="46" align="center" class="p-num">{{>M}}</td>
{{else}}
<td width="46" align="center"></td>
{{/if}}
{{if O != null}}
<td width="46" align="center" class="p-num">{{>O}}</td>
{{else}}
<td width="46" align="center"></td>
{{/if}}
{{if A6 != null}}
<td width="46" align="center" class="p-num">{{>A6}}</td>
{{else}}
<td width="46" align="center"></td>
{{/if}}
{{if A4 != null}}
<td width="46" align="center" class="p-num">{{>A4}}</td>
{{else}}
<td width="46" align="center"></td>
{{/if}}
{{if A3 != null}}
<td width="46" align="center" class="p-num">{{>A3}}</td>
{{else}}
<td width="46" align="center"></td>
{{/if}}
{{if A2 != null}}
<td width="46" align="center" class="p-num">{{>A2}}</td>
{{else}}
<td width="46" align="center"></td>
{{/if}}
{{if A1 != null}}
<td width="46" align="center" class="p-num">{{>A1}}
</td>
{{else}}
<td width="46" align="center"></td>
{{/if}}
{{if WZ != null}}
<td width="46" align="center" class="p-num">{{>WZ}}
</td>
{{else}}
<td width="46" align="center"></td>
{{/if}}
{{if MIN!=null}}
<td width="51" align="center">
<div class="sleeper" id="sleeper-price_{{>train_no}}">
<p class="p-num">{{>MIN}}</p>
<div class="tp-list" id="tp-list-price_{{>train_no}}" style="display:none;">
<b></b>
<ul>
{{for OT}}
<li>{{>#data}}</li>
{{/for}}
</ul>
</div>
</div>
</td>
{{else}}
<td width="46" align="center"></td>
{{/if}}
<td align="center" width="78" class="no-br">{{>}}</td>
-->
</script>
<script id="autoSubCheckTicketInfoTemplate" type="text/x-jsrender" xml:space="preserve"><tr><td align="center" rowspan="1" colspan="1">{{:#index+1}}</td>
<td rowspan="1" colspan="1">{{>seat_type_name}}</td>
<td rowspan="1" colspan="1">{{>ticket_type_name}}</td>
<td rowspan="1" colspan="1">{{>name}}</td>
<td rowspan="1" colspan="1">{{>id_type_name}}</td>
<td rowspan="1" colspan="1">{{>id_no}}</td>
<td rowspan="1" colspan="1">{{>phone_no}}</td>
</tr>
</script>
<script id="autoSubCheckTicketInfoTemplate_chooseBeds" type="text/x-jsrender" xml:space="preserve"><!--
<tr>
<td align="center" >{{:#index+1}}</td>
<td>{{>seat_type_name}}</td>
{{if "3" == seat_type}}
<td>
<select style="height: 27px;FONT-SIZE: 12px;FONT-FAMILY: '宋体','Verdana';BACKGROUND-COLOR: #FFFFF0;color: #FB7403;MARGIN-LEFT: 3px;" id="ticketype_{{:#index}}">
<option value="{{>seat_type}}#{{>ticket_type}}#{{>name}}#{{>id_no}}_0" selected="selected">不限</option>
<option value="{{>seat_type}}#{{>ticket_type}}#{{>name}}#{{>id_no}}_3">上铺 </option>
<option value="{{>seat_type}}#{{>ticket_type}}#{{>name}}#{{>id_no}}_2">中铺 </option>
<option value="{{>seat_type}}#{{>ticket_type}}#{{>name}}#{{>id_no}}_1">下铺 </option>
</select>
</td>
{{else "4" == seat_type}}
<td>
<select style="height: 27px;FONT-SIZE: 12px;FONT-FAMILY: '宋体','Verdana';BACKGROUND-COLOR: #FFFFF0;color: #FB7403;MARGIN-LEFT: 3px;" id="ticketype_{{:#index}}">
<option value="{{>seat_type}}#{{>ticket_type}}#{{>name}}#{{>id_no}}_0" selected="selected">不限</option>
<option value="{{>seat_type}}#{{>ticket_type}}#{{>name}}#{{>id_no}}_3">上铺 </option>
<option value="{{>seat_type}}#{{>ticket_type}}#{{>name}}#{{>id_no}}_1">下铺 </option>
</select>
</td>
{{else}}
<td></td>
{{/if}}
<td>{{>ticket_type_name}}</td>
<td>{{>name}}</td>
<td>{{>id_type_name}}</td>
<td>{{>id_no}}</td>
<td>{{>phone_no}}</td>
</tr>
-->
</script>
<script id="autoSubTicketTitTemplate" type="text/x-jsrender" xml:space="preserve"><strong class="mr5">{{>date}}（{{>week}}）</strong>
<strong class="ml5">{{>station_train_code}}</strong>
次<strong class="ml5">{{>from_station}}</strong>
站
<strong>（{{>start_time}}开）—{{>to_station}}</strong>
站<strong>（{{>arrive_time}}到）</strong>
</script>
<script id="fromStationNameTemplate" type="text/x-jsrender" xml:space="preserve"><!--
<li><input type="checkbox" class="check" name="cc_from_station" value="{{>value}}" id="cc_from_station_{{>value}}_check"></input><label class="cursor" for="cc_from_station_{{>value}}_check" id="cc_from_station_{{>value}}">{{>value}}</label></li>
-->
</script>
<script id="toStationNameTemplate" type="text/x-jsrender" xml:space="preserve"><!--
<li><input type="checkbox" class="check" name="cc_to_station" value="{{>value}}" id="cc_to_station_{{>value}}_check"></input><label class="cursor" for="cc_to_station_{{>value}}_check" id="cc_to_station_{{>value}}">{{>value}}</label></li>
-->
</script>
<script id="seatTypeTemplate" type="text/x-jsrender" xml:space="preserve"><!--
<li><input type="checkbox" class="check" value="{{>key}}" name="cc_seat_type" id="cc_seat_type_{{>key}}_check"></input><label class="cursor" for="cc_seat_type_{{>key}}_check" id="cc_seat_type_{{>key}}">{{>value}}</label></li>
-->
</script>
<script id="stationinfoTemplate" type="text/x-jsrender" xml:space="preserve"><!--
<span class="item1">{{>key}}</span><span class="item2">{{>key}}<em>\-\-\></em>{{>key}}</span><span class="item3">{{>key}}</span><span class="item4">{{>key}}</span>
-->
</script>
<!-- 农历日历 -->
<link href="/otn/resources/css/calendarNew.css" rel="stylesheet" />
<script type="text/javascript" src="/otn/resources/js/framework/data.jcalendar.js" xml:space="preserve"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment