<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>订单确认</title>
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link rel="stylesheet" type="text/css" href="css/reverse_layout.css">
<script type="text/javascript">
function add_person() {
var fisrt=document.getElementById("person_box");
var second=fisrt.children;
var i=1;
var j=2;
if(1==i&&j==2)
{
second[i].className="unhide";
j=0;
}
if(2==j)
{
second[j].className="unhide";
}
}
</script>
</head>
<body>
<div id="container">
<div id="head">
<div id="space"></div>
<div class="header" id="root_login">
<h3><a href="login.html">登录</a></h3>
</div>
<div class="seperate"></div>
<div class="header" id="commute">
<h3><a href="">联系客服</a></h3>
</div>
<div class="seperate"></div>
<div class="header" id="check_reverse">
<h3><a href="check.html">订单查询</a></h3>
</div>
</div>
<div id="main_box">
<div id="main">
<div id="main_top">
<div id="board_info_tit">
<div><h1>航班信息</h1></div>
</div>
<div class="nav1"></div>
<div id="board_info">
</div>
</div>
<div class="nav"></div>
<div id="main_bottom">
<div><h3>乘机人</h3></div>
<div id="person_box">
<div id="person1" class="unhide">
<span>
<input type="text" value="姓名,与证件一致" class="input_info" onfocus="if(this.value=='姓名,与证件一致'){this.value=''}"></input>
</span>
<span>
<select class="select_info">
<option>成人</option>
<option>儿童</option>
</select>
</span>
<br>
<span>
<select class="select_info">
<option>身份证</option>
<option>护照</option>
</select>
</span>
<span><input type="text" value="证件号码" class="input_info" onfocus="if(this.value=='证件号码'){this.value=''}"></input>
</span>
</div>
<div id="person3" class="hide">
<span>
<input type="text" value="姓名,与证件一致" class="input_info" onfocus="if(this.value=='姓名,与证件一致'){this.value=''}"></input>
</span>
<span>
<select class="select_info">
<option>成人</option>
<option>儿童</option>
</select>
</span>
<br>
<span>
<select class="select_info">
<option>身份证</option>
<option>护照</option>
</select>
</span>
<span><input type="text" value="证件号码" class="input_info" onfocus="if(this.value=='证件号码'){this.value=''}"></input>
</span>
</div>
<div id="person2" class="hide">
<span>
<input type="text" value="姓名,与证件一致" class="input_info" onfocus="if(this.value=='姓名,与证件一致'){this.value=''}"></input>
</span>
<span>
<select class="select_info">
<option>成人</option>
<option>儿童</option>
</select>
</span>
<br>
<span>
<select class="select_info">
<option>身份证</option>
<option>护照</option>
</select>
</span>
<span><input type="text" value="证件号码" class="input_info" onfocus="if(this.value=='证件号码'){this.value=''}"></input>
</span>
</div>
</div>
<br>
<div id="add_button">
<div><input class="add" type="button" value="添加乘机人" onclick="add_person()"></input></div>
</div>
<br>
<div><h3>联系人</h3></div>
<div id="commute">
<span><input type="text" value="姓名" class="commute_info" onfocus="if(this.value=='姓名'){this.value=''}"></input></span>
<span><input type="text" value="联系方式" class="commute_info" onfocus="if(this.value=='联系方式'){this.value=''}"></input></span>
</div>
<br>
</div>
<div id="confirm_button">
<input id="confirm" type="button" value="提交订单"></input>
</div>
</div>
</div>
<div id="foot">
<div id="tip">
<div id="foot_top">
<div class="foot_tip"><h5>    温馨提示</h5></div>
<div class="foot_tip"><h6>上船自愿,不上后悔</h6></div>
<div class="foot_tip"><h6>无情船长,永不翻船</h6></div>
</div>
<div class="nav1"></div>
<div id="foot_bottom">
<div><h3>最终解释权由无情舰队所有</h3></div>
</div>
</div>
</div>
</div>
</body>
</html>