carShop
/
daikuan.html

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

		<link href="css/index.css" rel="stylesheet"/>
		<link rel="stylesheet" href="css/shop.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>

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

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


	</head>
	<body>

	<center>
	<div id="main">

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

		<div style="background-image: url(img/daikuan/daikuantop.png);height: 282px; background-repeat: no-repeat;background-size: cover;">

			<div style="width: 286px;height: 200px;margin-top: 46px;margin-left: 205px;" class="fleft">

				<form action="" method="post">
					<table border="0" cellpadding="0" cellspacing="3" width="230px" height="120px" style="margin-top: 45px;">
						<tr>
							<td colspan="1" ><input type="text" placeholder="借款额度		万" style="width: 115px;height: 30px;" class="bradius3 borderblue1"/> </td>
							<td colspan="1" ><select style="width: 115px;height: 32px;" class="bradius3 borderblue1"><option>借款期限</option><option>1年</option><option>5年</option> </select> </td>
						</tr>
						<tr><td colspan="2"><input type="text" placeholder="请输入手机号" style="width: 233px;height: 30px;" class="bradius3 borderblue1"/></td></tr>
						<tr><td colspan="2"><input type="submit" style="width: 233px;height: 30px;" class="bradius3 borderblue1"/></td></tr>
					</table>

				</form>

				<div style="width: 284px;height: 20px;margin-top: 10px;">
					<font style="color: red;margin-right: 50px;" class="fright">400-000-000</font>
				</div>
			</div>


		</div>
		<!--
			关于DIV定位（定位中善于使用float和边框）

		I
			有边框（border）时使用margin正常
			无边框时使用margin要使用float帮助定位,float使元素在父元素中浮动，注意以下问题
        	float:left 相对于父元素的左上角坐标
        	float:right 相对于父元素的右上角坐标

        II
        	使用position:relative时
        	通过top，right，left，bottom相对于前一个元素或父元素定位

        III
        	使用position:absolute时
        	通过top，right，left，bottom相对于整个页面文档(body)定位或者
        	父级的相对定位：是要把子DIV的绝对定位的起点以父DIV左上角为起点，如果没有就默认屏幕左上角了。
			子DIV的绝对定位：是无视父DIV下别的元素。然后就是top，right，left，bottom 这个是用来定位的

        IV
        	使用position:fiex时
        	通过top，right，left，bottom相对于整个窗口定位
        -->
		<div class="mt10" style="height: 542px;background-image: url(img/daikuan/daikuan2.png);background-repeat: no-repeat;background-size: cover;">

			<div style=" float: right; height: 35px;width: 200px;margin-right: 320px;margin-top: 480px;">
				<a href="#" class="button bradius3" style="height: 35px;line-height: 40px;font-size: large;">我要申请</a>
			</div>

		</div>

		<div style="margin-top: 50px;width: 100px;">
			<center>
			<a href="#" class="me" style="width: 100px;">
			<font style="font-size: x-large;font-weight: bold;display: block;">查看更多</font>
			<font style="font-size: xx-large;">︾</font>
			</a>
			</center>
		</div>

		<div style="height: 221px;background-image: url(img/daikuan/daikuan3.png);" class="mt10">

			<div style="position: relative;width: 662px;height: 40px;top: 160px;float: left;left: 215px;">
				<span style="display:block;width: 165px;" class="fleft"><a href="#" class="me" >贷款材料</a></span>
				<span style="display:block;width: 165px;" class="fleft"><a href="#" class="me">贷款材料</a></span>
				<span style="display:block;width: 165px;" class="fleft"><a href="#" class="me">贷款材料</a></span>
				<span style="display:block;width: 165px;" class="fleft"><a href="#" class="me">贷款材料</a></span>
			</div>
		</div>

		<div style="height: 380px;margin-top: 50px;background-color: gainsboro;">
			<div style="height: 78px;line-height: 78px;"><a href="#" class="me" style="font-size: x-large;">贷款问答</a></div>
			<div style="width: 539px;height: 300px;text-align: left;" class=" fleft">
				<ul>
					<li style="font-size: large;font-weight: bold;">问题1</li>
					<li>答1</li>
					<li>答2</li>
				</ul>
				<ul>
					<li style="font-size: large;font-weight: bold;">问题1</li>
					<li>答1</li>
					<li>答2</li>
				</ul>
				<ul>
					<li style="font-size: large;font-weight: bold;">问题1</li>
					<li>答1</li>
					<li>答2</li>
				</ul>

			</div>
			<div style="width: 530px;height: 300px;text-align: left;" class="fright">
				<ul>
					<li style="font-size: large;font-weight: bold;">问题1</li>
					<li>答1</li>
					<li>答2</li>
				</ul>
				<ul>
					<li style="font-size: large;font-weight: bold;">问题1</li>
					<li>答1</li>
					<li>答2</li>
				</ul>
				<ul>
					<li style="font-size: large;font-weight: bold;">问题1</li>
					<li>答1</li>
					<li>答2</li>
				</ul>

			</div>
		</div>

		<div style="height: 240px;margin-top: 30px;" >
			<div style="height: 80px; line-height: 80px;" >
				<font style="font-size: large;font-weight: bold;">招募合作伙伴</font>
			</div>

			<div style="height: 80px;">
				<div style="height: 80px;width: 358px;" class="fleft">
					<img src="img/daikuan/d1.png" /><a href="#" class="me">车货合作</a>
				</div>
				<div style="height: 80px;width: 359px;" class="fleft">
					<img src="img/daikuan/d2.png" /><a href="#" class="me">车龄合作</a>
				</div>
				<div style="height: 80px;width: 359px;" class="fleft">
					<img src="img/daikuan/d3.png" /><a href="#" class="me">延保合作</a>
				</div>
			</div>

			<div style="height: 80px;">
				<a href="#" class="button" style="width: 150px;">申请成为合作伙伴</a>
			</div>


		</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>