95me-carShop
/
buycar.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>二手车</title>


        <link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/common.css" />


		<script src="js/jquery-2.1.4/jquery-2.1.4.min.js"></script>
		<link rel="stylesheet" href="js/bootstrap-3.3.6-dist/css/bootstrap.min.css" />
		<script src="js/bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>

		<!--
			js拾色器
        	<script src="js/alloydesigner.js"></script>
        -->


	</head>
	<body>

	<center>
	<div id="main">

		<!--
        	<iframe id="headfram" scrolling="no" frameborder="0" width="1080px" height="118px" src="head.html" marginheight="0"></iframe>
        -->


		<div id="buycarinfo" class="mt10">

			<div style="height: 17.5px;">
				<ul>
					<li>品牌：</li>
					<li><a class="me bgBlue" style="color: white;" href="#">不限</a></li>
					<li><a class="me" href="#">大众</a></li>
					<li><a class="me" href="#">雪弗莱</a></li>
					<li><a class="me" href="#">丰田</a></li>
					<li><a class="me" href="#">福特</a></li>
					<li><a class="me" href="#">江淮</a></li>
					<li><a class="me" href="#">比亚迪</a></li>
					<li><a class="me" href="#">现代</a></li>
					<li><a class="me" href="#">奥迪</a></li>
					<li><a class="me" href="#">本田</a></li>
					<li><a class="me" href="#">斯柯达</a></li>
					<li><a class="me" href="#">奔腾</a></li>
					<li><a class="me" href="#">东风</a></li>
					<li><a class="me" href="#">哈弗</a></li>
					<li><a class="me" href="#">北汽制造</a></li>
					<li><a class="me" href="#">菲亚特</a></li>
					<li><a class="me" href="#">吉利</a></li>
					<li><a class="me" href="#">广汽传奇</a></li>
					<li><a class="me" href="#">奔驰猎豹</a></li>
					<li><a class="me" href="#">更多>></a></li>
				</ul>
			</div>
			<div style="height: 17.5px;">
				<ul>
					<li>车系：</li>
					<li><a class="me bgBlue" style="color: white;" href="#">不限</a></li>
					<li><a class="me" href="#">高尔夫</a></li>
					<li><a class="me" href="#">科鲁兹</a></li>
					<li><a class="me" href="#">途安</a></li>
					<li><a class="me" href="#">福克斯</a></li>
					<li><a class="me" href="#">威驰</a></li>
					<li><a class="me" href="#">歌诗图</a></li>
					<li><a class="me" href="#">哈弗H6</a></li>
					<li><a class="me" href="#">瑞风S3</a></li>
					<li><a class="me" href="#">和悦</a></li>
					<li><a class="me" href="#">战舰</a></li>
					<li><a class="me" href="#">朗逸</a></li>
					<li><a class="me" href="#">POLO</a></li>
					<li><a class="me" href="#">酷威</a></li>
					<li><a class="me" href="#">思铭</a></li>
					<li><a class="me" href="#">蹦腾B70</a></li>
					<li><a class="me" href="#">荣威W5</a></li>

					<li><a class="me" href="#">更多>></a></li>
				</ul>
			</div>
			<div style="height: 17.5px;">
				<ul>
					<li>价格：</li>
					<li><a class="me bgBlue" style="color: white;" href="#">不限</a></li>
					<li><a class="me" href="#">3万以下</a></li>
					<li><a class="me" href="#">3-5万</a></li>
					<li><a class="me" href="#">5-10万</a></li>
					<li><a class="me" href="#">10-15万</a></li>
					<li><a class="me" href="#">15-20万</a></li>
					<li><a class="me" href="#">20-30万</a></li>
					<li><a class="me" href="#">30-60万</a></li>
					<li><a class="me" href="#">60万以上</a></li>
					<li><a class="me" href="#"><input type="text" placeholder="	万" style="width: 50px;"/>-<input type="text" placeholder="	万" style="width: 50px;"/></a></li>

				</ul>
			</div>
			<div style="height: 17.5px;">
				<ul>
					<li>更多：</li>
					<li><a class="me bgBlue" style="color: white;" href="#">不限</a></li>
					<li><select class="ml5"><option><a class="me" href="#">车型</a></option></select></li>
					<li><select class="ml5"><option><a class="me" href="#">年龄</a></option></select></li>
					<li><select class="ml5"><option><a class="me" href="#">里程</a></option></select></li>
					<li><select class="ml5"><option><a class="me" href="#">变速箱</a></option></select></li>
					<li><select class="ml5"><option><a class="me" href="#">排量</a></option></select></li>
					<li><select class="ml5"><option><a class="me" href="#">排放标准</a></option></select></li>
					<li><select class="ml5"><option><a class="me" href="#">车辆颜色</a></option></select></li>

				</ul>
			</div>


		</div>

		<div id="carxiangxi" class=" mt10">
			<div style="height: 33px;">
				<table border="1px" cellspacing="0" cellpadding="0" width="500px" height="30px" style="float: left;">
					<tr>
						<td width="100" align="center"><a class="button" href="#" style="height: 30px;width: 100px;line-height: 30px;">默认排序</a></td>
						<td width="100" align="center"><a class="button" href="#" style="height: 30px;width: 100px;line-height: 30px;">按价格<span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span></a></td>
						<td width="100" align="center"><a class="button" href="#" style="height: 30px;width: 100px;line-height: 30px;">按年龄<span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span></a></td>
						<td width="100" align="center"><a class="button" href="#" style="height: 30px;width: 100px;line-height: 30px;">按里程<span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span></a></td>
						<td width="100" align="center"><a class="button" href="#" style="height: 30px;width: 100px;line-height: 30px;">按上架时间<span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span></a></td>
					</tr>
				</table>
			</div>

			<div>
				<iframe src="zhanshi.html" scrolling="no" frameborder="0" framespacing="0" height="552px" width="1070px" class="ml5 mr5"></iframe>
			</div>

			<div>
				<center>
				<form action="" method="post">
				<table cellpadding="0" cellspacing="0" border="1px" height="35">

					<tr>
						<td ><a class="button" href="#" style="height: 35px;width: auto;line-height: 35px;"><<上一页</a></td>
						<td width="25" align="center"><a class="me" style="display: block; height: 35px; width: 25px;line-height: 35px;">1</a></td>
						<td width="25" align="center"><a class="me" style="display: block; height: 35px; width: 25px;line-height: 35px;">2</a></td>
						<td width="25" align="center"><a class="me" style="display: block; height: 35px; width: 25px;line-height: 35px;">3</a></td>
						<td width="25" align="center"><a class="me" style="display: block; height: 35px; width: 25px;line-height: 35px; font-size:x-large;">...</a></td>
						<td ><a class="button" href="#" style="height: 35px;width: auto;line-height: 35px;">下一页>></a></td>
						<td width="120px" align="center" style="border: none;" bordercolor="white">
								到第<input type="text" style="width: 25px;height: 33px;line-height:33px;display: inline;"/>页
						</td>
						<!--
                        	<td><a class="button" href="#" style="height: 35px;width: 40px;line-height: 35px;text-align: center;">确定</a></td>
                        -->
						<td><input type="submit" value="确定" style="line-height: 35px;width: 60px;height: 35px;"/></td>
					</tr>
				</table>
				</form>
				</center>
			</div>
		</div>

		<div id="helpfindcar" class=" mt10 bgImg" style="background-image: url(img/buycardlg.png);">
			<form>
				<div class="fright" style="margin-right: 140px;margin-top: 23px;width: 428px;height: 230px;">
					<font type="text" style="margin-top: 19px;float: right;" >400-000-000</font>

					<table width="380" height="163" border="0" cellpadding="0" cellspacing="0" style="margin-top:48px ;">
						<tr>
							<td align="center" width="187px" height="33px"><input id="yugou" placeholder="请选择预购车辆"/></td>
							<td align="center" width="187px" height="33px"><input id="carage" placeholder="车龄要求"/></td>
						</tr>
						<tr>
							<td align="center" width="187px" height="33px"><input id="yugou" placeholder="您计划的提车时间是？"/></td>
							<td align="center" width="187px" height="33px"><input id="carage" placeholder="输入预算			万元内"/></td>
						</tr>
						<tr>
							<td align="center" height="33px" width="374px" colspan="2"><textarea rows="2" cols="37" style="width: 346px;" id="yugou" placeholder="老板描述下心中爱车？如：3万公里内，颜色红色，真皮内饰等..."></textarea></td>

						</tr>
						<tr>
							<td align="center" width="187px" height="33px"><input id="yugou" placeholder="11位手机号"/></td>
							<td align="center" width="187px" height="33px"><input type="submit" id="submit" value="有符合车辆通知我" style="width: 160px;height: 25px;"/></td>
						</tr>
					</table>
				</div>
			</form>
		</div>

		<!--
        	<iframe id="bottomfram" height="327px" width="1080px" src="foot.html" frameborder="0" scrolling="no"></iframe>
        	<iframe id="helpright" height="260px" width="52px" src="helpright.html" frameborder="0" scrolling="no" style="position: fixed;right: 19px;top: 500px;"></iframe>
        -->


	</div>
	</center>
	</body>
</html>