master

分支 (1)

管理

管理

master

jilin__hzs
/
details.html

<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="UTF-8">
		<title>铁路车次详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/all_css.css" />
		<link rel="stylesheet" type="text/css" href="css/weui/base.css" />
		<link rel="stylesheet" type="text/css" href="lib/weui.css" />
		<link rel="stylesheet" type="text/css" href="css/weui/jquery-weui.css" />
		<style type="text/css">
			#trianResult_main {
				max-width: 640px;
				min-width: 320px;
				width: 100%;
				margin: 0px auto;
			}

			.index_head {
				height: 70px;
				background-color: #0070B4;
				padding: 25px 20px;
			}

			.app_head_left {
				float: left;
				width: 30%;
				padding-left: 6px;
				padding-top: 6px;
			}

			.app_head_left a {
				color: #FFFFFF;
				font-size: 1.5em;
				font-weight: bold;
			}

			.app_head_mid {
				float: left;
				width: 40%;
				padding-top: 5px;
			}
			.app_head_right{
				float: right;

				margin-top: 8px;
				margin-right: 4px;
				font-weight: bold;
			}
			.app_head_right a{
				color: #FFFFFF;
				font-size: 1.2em;
			}
			#app_head_title {
				text-align: center;
				color: #FFFFFF;
				font-size: 1.6em;
				font-family: "宋体";
				font-weight: bold;
			}

			.banner {
				background-image: url(img/img/images/trainimg.jpg);
				background-size: 100% 100%;
				filter: alpha(opacity=80);
				-moz-opacity: 0.8;
				opacity: 0.8;
				height: 220px;
				font-weight: 600;
			}

			.banner .result-L {
				width: 60%;
				margin: 0 auto;
			}

			.banner .result-L div {
				width: 100%;
				height: 100px;
				line-height: 100px;
				float: left;
				color: white;
			}

			.banner .result-L span {
				float: left;
				display: inline-block;
				text-align: center;
				font-size: 1.5em;
			}

			.banner .result-L-T span:nth-of-type(1),
			.banner .result-L-B span:nth-of-type(1) {
				width: 20%;
			}

			.banner .result-L-T span:nth-of-type(2) {
				width: 60%;
				border-bottom: 1px solid white;
				font-size: 3em;
			}

			.banner .result-L-B span:nth-of-type(2) {
				width: 60%;
			}

			.banner .result-L-T span:nth-of-type(3),
			.banner .result-L-B span:nth-of-type(3) {
				width: 20%;
			}

			.timeTable {
				width: 100%;
				height: 50px;
				line-height: 50px;
				background-color: #F5F5F5;
				padding-left: 20px;
			}

			.time-con tr {
				border-bottom: 1px solid #DEDEDE;
				height: 45px;
			}

			#TimgTable a {
				margin-left: 50px;
				font-size: 1.5em;
				color: #666666;
			}

			#TimgTable img {
				position: absolute;
				margin-top: 3px;
			}

			table {
				width: 100%;
				cellspacing: 0;
				cellpadding: 0;
				color: #646464;
			}

			table th,
			table td {
				text-align: center;
				font-size: 1.3em;
			}
		</style>
	</head>

	<body ontouchstart>
		<div id="trianResult_main">
			<div class="index_head" id="firTitle">
				<div class="app_head_left">
					<a href="result.html" class="iconfont">&#xe6d4;</a>
				</div>
				<div class="app_head_mid">
					<p id="app_head_title">车次详情</p>
				</div>
				<div class="app_head_right"><a href="javascript:;">购票</a></div>
			</div>
			<div class="banner">
				<div class="result-L">
					<div class="result-L-T">
						<span>长春</span>
						<span>D20</span>
						<span>北京</span>
					</div>
					<div class="result-L-B">
						<span>11:23</span>
						<span>6小时30分</span>
						<span>17:53</span>
					</div>
				</div>
			</div>
			<h2 class="timeTable" id="TimgTable"><img src="img/img/images/Icon_03.png"/><a>时刻表</a> </h2>
			<div class="time-con">
				<table>
					<tr>
						<th>站序</th>
						<th>站名</th>
						<th>到达时间</th>
						<th>出发时间</th>
						<th>停留时间</th>
					</tr>
					<tr>
						<td>01</td>
						<td>长春</td>
						<td>----</td>
						<td>11:23</td>
						<td>----</td>
					</tr>
					<tr>
						<td>02</td>
						<td>四平东</td>
						<td>12:02</td>
						<td>12:11</td>
						<td>9分钟</td>
					</tr>
					<tr>
						<td>03</td>
						<td>铁岭西</td>
						<td>12:46</td>
						<td>12:47</td>
						<td>1分钟</td>
					</tr>
					<tr>
						<td>04</td>
						<td>沈阳北</td>
						<td>13:07</td>
						<td>13:09</td>
						<td>2分钟</td>
					</tr>
					<tr>
						<td>05</td>
						<td>绥中北</td>
						<td>14:56</td>
						<td>14:57</td>
						<td>1分钟</td>
					</tr>
					<tr>
						<td>06</td>
						<td>北京</td>
						<td>17:53</td>
						<td>----</td>
						<td>----</td>
					</tr>
				</table>
			</div>
		</div>
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>