<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/login.css"/>
<style type="text/css">
*{
margin: 0;
padding: 0;
border: 0;
font-family: 微軟雅黑;
font-size: 16px;
color: #707070;
}
#middle{
background-image: url(img/bg.png);
height: 476px;
}
#img1{
margin:30px auto 0 auto;
}
#img2{
margin-left: 15px;
}
#top1{
text-align:left;
padding-bottom:0;
}
.img3{
margin: 0 auto 0 900px;
}
.p1{
margin-right: 10px;
}
.font1{
font-size: 15px;
display: inline-block;
margin:0;
}
.font2{
margin-left: 290px;
}
.font3{
}
.img4{
margin: 15px auto 0 200px;
/*padding-top: 20px;*/
}
.img5{
margin: 8px auto auto 25px;
}
#div1{
width: 380px;
height: 400px;
background-color: white;
margin: 10px 30px auto auto;
float: right;
}
#div11{
width: 380px;
height: 40px;
background-color: papayawhip;
}
#div14{
background-color: #EEEEEE;
height: 60px;
}
.table1{
/*border-bottom: 2px;*/
width: 380px;
height: 50px;
/*border-bottom-color: red;*/
border:1px solid #eee
/*border="1" cellspacing="0" cellpadding="0" width="380" height="50"*/
}
.td1{
font-size: 25px;
font-family: "微軟雅黑";
}
.input1{
margin-left: 40px;
background-color: firebrick;
}
.login-btn{
height: 32px;
background-color: red;
/*margin-top: 30px;*/
width: 100%;
}
.login-btn a{
color: #FFFFFF;
text-align: center;
display: block;
padding-top: 2px;
/*vertical-align: middle;*/
height: 32px;
font-size: 20px;
}
ul{
list-style: none;
margin: 0;
padding: 0;
/*padding-top: 15px;*/
}
</style>
</head>
<body>
<div id="top" style="background-color: white; height: 150px;">
<div id="top1" style="height: 100px; padding-left: 20px;">
<span id="">
<img id="img1" src="img/logo.png"/>
</span>
<span id="">
<img id="img2" src="img/l-icon.png"/>
</span>
<img class="img3" src="img/q-icon.png" />
<font style="font-size: 15px; margin:auto 10px 10px auto">登錄頁面，調(diào)查問卷</font>
</div>
<div id="top2" style="background-color: bisque; height: 50px;background-color:papayawhip;">
<img class="img4" src="img/warning.png" />
<font class="font1">依據(jù)《網(wǎng)絡(luò)安全法》去扣，為保障您的賬戶安全和正常使用，請(qǐng)盡快完成手機(jī)號(hào)驗(yàn)證反镇！ 新版<a target="_blank">《京東隱私政策》</a>已上線卖哎，將更有利于保護(hù)您的個(gè)人隱私。</font>
</div>
</div>
<div id="middle" style="background-color: chartreuse; ">
<div id="div1">
<div id="div11">
<img class="img5" src="img/warning.png"/>
<font class="font1" style="">京東不會(huì)以任何理由要求您轉(zhuǎn)賬匯款，謹(jǐn)防詐騙</font>
</div>
<div id="div12">
<table class="table1">
<tr align="center">
<td class="td1">掃碼登錄</td>
<td class="td1" style="color: red;">賬戶登錄</td>
</tr>
</table>
</div>
<!-- form -->
<form>
<div class="h252 pl20 pr20">
<div class="w100p">
<div class="h40 center">
<div class="warning fs10 color-r"></div>
</div>
</div>
<div class="w100p">
<div class="h50 center">
<label for="username" id="username" class="itxt-icon"><img src="img/pygame.png"></label>
<input placeholder="郵箱/用戶名/已驗(yàn)證手機(jī)" id="username" class="itxt" type="text" name="username" autocomplete="off">
</div>
</div>
<div class="w100p">
<div class="h50 center pt10">
<label for="password" id="password" class="itxt-icon"><img src="img/password_icon.png"></label>
<input placeholder="密碼" id="password" class="itxt" type="password" name="password" autocomplete="off">
</div>
</div>
<div class="w100p">
<div class="h32 right-link">
<div class="fr fs10 pt10"><a href="">忘記密碼</a></div>
</div>
</div>
<div class="w100p">
<div class="h50 center">
<div class="login-btn"><a href="">登 錄</a></div>
</div>
</div>
</div>
</form>
<div class="w90p">
<div class="login-plus h50 pt15">
<ul>
<li class="fl fs20 mr10"><img src="img/qq.png"/>QQ</li>
<li class="fl fs20 mr10">|</li>
<li class="fl fs20 mr10"><img src="img/weixin.png"/>微信</li>
<li class="fr fs20 color-r"><img src="img/right.png"/>立即注冊(cè)</li>
</ul>
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="w">
<div class="footer">
<div class="pt15 fs10 center">
<a href="">關(guān)于我們</a> <span>|</span>
<a href="">聯(lián)系我們</a> <span>|</span>
<a href="">人才招聘</a> <span>|</span>
<a href="">商家入駐</a> <span>|</span>
<a href="">廣告服務(wù)</a> <span>|</span>
<a href="">手機(jī)京東</a> <span>|</span>
<a href="">友情鏈接</a> <span>|</span>
<a href="">銷售聯(lián)盟</a> <span>|</span>
<a href="">京東社區(qū)</a> <span>|</span>
<a href="">京東公益</a> <span>|</span>
<a href="">English Site</a>
</div>
</div>
</div>
</body>
</html>
jd.png
