<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body{
width: 1500px;
}
.a{
float: left;
margin-left: 300px;
}
.a1{
float: right;
margin-top: 30px;
margin-right: 300px;
}
.a2{
float: left;
height: 27px;
text-align: center;
width: 100%;
margin-top: 10px;
background: rgba(255,0,0,0.2);
}
.a3{
float: left;
height: 500px;
width: 100%;
}
.b{
margin-right: 50px;
margin-top: 50px;
}
.b1{
float:right;
margin-right: 40px;
background-color: (222,222,222);
font-size: 30px;
}
.b2{
margin-top: 70px;
}
.c1:link{
color: rgb(150,150,150);
}
.c1:visited{
color: red;
}
.c1:hover{
color: red;
}
</style>
</head>
<body>
<div class="a">
<img src="https://misc.360buyimg.com/lib/img/e/logo-201305-b.png" />
<img src="img/l-icon.png" />
</div>
<div class="a1">
<img src="img/q-icon.png"/>
<a href="https://www.baidu.com" style="text-decoration: none;">登录界面,调查问卷</a>
</div>
<div class="a2">
<font size="2" color="darkgray">依据《网络安全法》,为保障您的账户安全和正常使用,请尽快完成手机号验证! 新版<a href="">《京东隐私政策》</a>已上线,将更有利于保护您的个人隐私。</font>
</div>
<div class="a3" style="background-image: url(img/bg.png);">
<div class="b" style="width: 335px; height: 400px; float: right; background-color: lightyellow;">
<div style="height: 50px; width: 100%; background-color: aqua; font-size: 14px; display: flex;
align-items: center;"><img src="img/xx.png"/>京东不会以任何理由要求您转账汇款,谨防诈骗。</div>
<div class="b1">
<a class="c1" style="text-decoration: none;" href="httpx://www.baidu.com">扫码登录</a>
<a style="color: lightgray;">|</a>
<a href="httpx://www.baidu.com">账号登录</a>
</div>
<hr style="float: left" width="333" color="aliceblue"/>
<div class="b2">
<img src="img/pygame.png" />
<input type="text"></br>
<img src="img/password_icon.png" />
<input type="text"/>
</div>
</div>
<div class="a4"></div>
<div class="a5"></div>
</body>
</html>