<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="0.css" />
<style>
a{
color: gray;
text-decoration:none;
}
#div6{
margin: 0 auto;
background:url(img/img/bg.png) no-repeat 100% 100%;
}
</style>
</head>
<body>
<div id="div1">
<div id="div2">
<a href="https://www.jd.com/"><img src="img/img/logo.png"></a>
<b style="margin: 10px;"><img src="img/img/l-icon.png"</b>
</div>
<div id="div3" style="outline: rgb(109.109.109);font: 15px arial,verdana;color: #666;"><img src="img/img/q-icon.png"><a href="https://surveys.jd.com/index.php?r=survey/index/sid/568245/lang/zh-Hans" target="_blank">登陆页面，调查问卷</a></div>
</div>
<div id="div4">
<div id="div5">
<div style="display: inline-block; background-color: #fff8f0;width: 100%;">
<p style="font: 12px arial,verdana;color: #666;">
<img src="img/img/warning.png">"依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版"<a href="https://about.jd.com/privacy/" target="_blank" style="outline: rgb(109,109,109) none 0px;">《京东隐私政策》</a>"已上线，将更有利于保护您的个人隐私"
</p>
</div>
</div>
</div>
<div id="div6" style="background-color:#dd2e13;">
<div id="div7" style="background-color: white">
<div id="div8" >
<div style="width: 90%; display: inline-block;">
<p style="font: 12px arial,verdana;color: #666;">
<img src="img/img/warning.png">
"京东不会以任何理由要求您转账汇款，谨防诈骗"
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
#div1{
width: 990px;
margin: auto;
}
#div2{
position: relative;
width: 300px;
margin: 10px;
height: 60px;
float: left;
}
#div3{
position: relative;
color: #999;
float: right;
top: 52px;
}
#div4{
clear: both;
margin: 0;
padding: 0;
}
#div5{
background-color: #ff8f0;
width: 100%;
padding-top: 10px;
text-align: center;
}
#div6{
position: relative;
height: 475px;
z-index: 5;
}
#div7{
float: right;
margin-top: 15px;
margin-right: 150px;
width: 346px;
height: 398px;
}
#div8{
background-color: #fff8f0;
padding: 10px;
padding-bottom: 10px;
text-align: center;
}
京东登录页面
