<style>
.clear {clear: both;}
.train-summary{ font-size:12px; margin-bottom:10px;}
.train-summary span{ color:#9a0918;}
a:link.seat-a{background-image:url(/css/images/train/a-seat.jpg); background-repeat:no-repeat; width:131px; display:block; height:42px; float:left;}
a:hover.seat-a{background-image:url(/css/images/train/a-seath.jpg);}
.selected_seat-a{background-image:url(/css/images/train/a-seata.jpg)!important; background-repeat:no-repeat; width:55px; display:block; height:42px; float:left;}
a:link.seat-b{background-image:url(/css/images/train/b-seat.jpg); background-repeat:no-repeat; text-decoration:none; width:55px; display:block; height:42px; float:left;}
a:hover.seat-b{background-image:url(/css/images/train/b-seath.jpg);}
.selected_seat-b{background-image:url(/css/images/train/b-seata.jpg)!important; background-repeat:no-repeat; width:55px; display:block; height:42px; float:left;}
a:link.seat-c{background-image:url(/css/images/train/c-seat.jpg); background-repeat:no-repeat; width:131px; display:block; height:42px; float:left;}
a:hover.seat-c{background-image:url(/css/images/train/c-seath.jpg);}
.selected_seat-c{background-image:url(/css/images/train/c-seata.jpg)!important; background-repeat:no-repeat; width:55px; display:block; height:42px; float:left;}
a:link.seat-d{background-image:url(/css/images/train/d-seat.jpg); background-repeat:no-repeat; width:55px; display:block; height:42px; float:left;}
a:hover.seat-d{background-image:url(/css/images/train/d-seath.jpg);}
.selected_seat-d{background-image:url(/css/images/train/d-seata.jpg)!important; background-repeat:no-repeat; width:136px; display:block; height:42px; float:left;}
a:link.seat-f{background-image:url(/css/images/train/f-seat.jpg); background-repeat:no-repeat; width:136px; display:block; height:42px; float:left;}
a:hover.seat-f{background-image:url(/css/images/train/f-seath.jpg);}
.selected_seat-f{background-image:url(/css/images/train/f-seata.jpg)!important; background-repeat:no-repeat; width:136px; display:block; height:42px; float:left;}
a:link.sleep-a {background-image:url(/css/images/train/l-up.jpg); background-repeat:no-repeat; width:163px; display:block; height:38px; float:left; }
a:hover.sleep-a { background-image:url(/css/images/train/l-upa.jpg); } 
.selected_sleep-a { background-image:url(/css/images/train/l-upa.jpg)!important; width:163px; display:block; height:38px; float:left;  }
a:link.sleep-b {background-image:url(/css/images/train/r-up.jpg); background-repeat:no-repeat; width:104px; display:block; height:38px; float:left; }
a:hover.sleep-b { background-image:url(/css/images/train/r-upa.jpg); } 
.selected_sleep-b { background-image:url(/css/images/train/r-upa.jpg)!important; width:163px; display:block; height:38px; float:left;  }
a:link.sleep-c {background-image:url(/css/images/train/l-mid.jpg); background-repeat:no-repeat; width:163px; display:block; height:38px; float:left; }
a:hover.sleep-c { background-image:url(/css/images/train/l-mida.jpg); } 
.selected_sleep-c { background-image:url(/css/images/train/l-mida.jpg)!important; width:163px; display:block; height:38px; float:left;  }
a:link.sleep-d {background-image:url(/css/images/train/r-mid.jpg); background-repeat:no-repeat; width:104px; display:block; height:38px; float:left; }
a:hover.sleep-d { background-image:url(/css/images/train/r-mida.jpg); } 
.selected_sleep-d { background-image:url(/css/images/train/r-mida.jpg)!important; width:163px; display:block; height:38px; float:left;  }
a:link.sleep-e {background-image:url(/css/images/train/l-low.jpg); background-repeat:no-repeat; width:163px; display:block; height:38px; float:left; }
a:hover.sleep-e { background-image:url(/css/images/train/l-lowa.jpg); } 
.selected_sleep-e { background-image:url(/css/images/train/l-lowa.jpg)!important; width:163px; display:block; height:38px; float:left;  }
a:link.sleep-f {background-image:url(/css/images/train/r-low.jpg); background-repeat:no-repeat; width:104px; display:block; height:38px; float:left; }
a:hover.sleep-f { background-image:url(/css/images/train/r-lowa.jpg); } 
.selected_sleep-f { background-image:url(/css/images/train/r-lowa.jpg)!important; width:104px; display:block; height:38px; float:left;  }
</style>
<div style="width:90%;margin:30px auto;">
  <div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title">翰特订单号&nbsp;<a style="margin-left:50px;" target='_blank' href="<?php echo site_url('apps/flightsystem/pages/order_list');?>">订单列表>></a><span style="margin-left:200px;">版本：V1.0</span></h3>
      </div>
      <div class="panel-body">
       <form style="width: 300px;float: left;" action="/info.php/apps/trainsystem/pages/index/" method="post">
        <input type="text" name="ht_order" value="<?php echo isset($cols_id)?$cols_id:""; ?>">
        <button type="submit" id="sub" class="btn btn-warning btn-sm"><span class="glyphicon glyphicon-download-alt"></span> 获取信息</button>  
       </form>
       <p style="margin: 0 0 10px; width: 200px; float: left; line-height: 30px;">外联：<span><?php if(!empty($wl)){echo $wl[0]->OPI_Name;}?></span></p>
      </div>
    </div>
    <div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title">飞机订单信息</h3>
      </div>
    <div class="panel-body">
          <table class="table table-bordered table-hover"  style="text-align:center;">
        <thead>
          <tr>
            <th style="text-align:center;">序号</th>
            <th style="text-align:center;">航班号</th>
            <th style="text-align:center;">舱位</th>
            <th style="text-align:center;">出发城市</th>
            <th style="text-align:center;">抵达城市</th>
            <th style="text-align:center;">起飞日期</th>
            <th style="text-align:center;">起飞时间</th>
            <th style="text-align:center;">抵达时间</th>
            <th style="text-align:center;">票价</th>
            <th style="text-align:center;">是否提交过</th>
          </tr>
        </thead>
        <tbody>
        
          <tr>
            <td>1</td>
            <td>ZH1521</td>
            <td>经济舱(F)</td>
            <td>北京</td>
            <td>上海</td>
            <td>2019-10-30</td>
            <td>20:00</td>
            <td>23:30</td>
            <td>800</td>
            <td>是</td>
          </tr>
          <tr>
            <td colspan="11">
              <table class="table table-condensed table-bordered">
                <thead>
                  <tr>
                    <th style="text-align:center;"><input  class="check_people" type="checkbox" /></th>
                    <th style="text-align:center;">序号</th>
                    <th style="text-align:center;">姓名</th>
                    <th style="text-align:center;">护照</th>
                    <th style="text-align:center;">年龄类型</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
					<td><input name="" type="checkbox" checked="checked" value="" num=""/></td>	
                    <td>1</td>
                    <td class="people_name">陈宇超</td>
                    <td>4564651635213246546</td>
                    <td>成人</td>
                  </tr>
				 
                  <tr style="text-align:;">
                    <td>
                      <button type="button" class="btn btn-success">途牛订票</button>
                    </td>
                    <td colspan="4"  class="biaoqian"><span class="back_mes" style="color:red;line-height: 30px;"></span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    </div>
</div>
