<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>京东</title>
<style>
*{
/* margin: 0px auto; */
padding: 0px;
list-style: none;
text-decoration: none
}
.clear::after{
content: "";
display: block;
clear: both;
}
.top{
width: 1580px;
/* border: 2px solid red; */
background-color: #e5e3e5;
}
.top_left{
width: 40px;
/* border: 2px solid rgb(255, 81, 0); */
display:inline;
float: left;
padding-left:100px;
}
.top_left .one {
display: none;
/* border: 2px solid rgb(253, 17, 0); */
position: absolute;
}
.top_left:hover .one{
display: block;
background-color:#e3e4e5;
}
.top_right{
/* border: 2px solid blue; */
border: 0px,0px,0px,0px;
float: right;
padding-right:100px;
display:inline;
}
.ul1 .li1{
float: left;
width: 100px;
position: relative;
}
.ul1 .one{
display: none;
position: absolute;
}
.li1:hover .one{
display: block;
background-color:#e3e4e5;
}
.bottom{
width: 1580px;
height: 180px;
background-color: rgb(255, 255, 255);
}
.bottom .bottom_left{
float: left;
/* border: 2px solid blue; */
padding-top:50px;
padding-left:180px;
}
.bottom .bottom_middle{
/* border: 2px solid blue; */
float: left;
padding-top:40px;
/* padding-left:150px; */
padding-right:200px;
}
.bottom .bottom_right{
float: left;
/* border: 2px solid blue; */
padding-top:50px;
padding-right:100px;
}
/* 外边距 margin */
/* 内边距 padding */
.bottom_middle input{
width:454px;
height:32px;
border:2px solid #c62020;
padding-left: 4px;
color:rgb(104, 103, 103);
font:14px/32px "microsoft yahei";
float:left;
}
.bottom_middle button{
width:80px;
height:35px;
background-color:#e1251b;
float:left;
font:16px/36px "microsoft yahei";
color:#fff;
cursor:pointer;
}
.bottom_middle .button1{
width:150px;
height:35px;
background-color:#ffffff;
float:left;
font:16px/36px "microsoft yahei";
color:#e1251b;
cursor:pointer;
}
.bottom .bottom_middle .bottom_middle_1{
/* border: 2px solid rgb(255, 0, 0); */
margin-left: 80px;
}
.bottom .bottom_middle .bottom_middle_2{
border: 2px solid rgb(255, 255, 255);
margin-top: 20px;
margin-left: 80px;
}
.bottom_middle_2_1{
font:16px/36px "microsoft yahei";
color:#999999;
}
.bottom .bottom_middle .bottom_middle_3{
/* border: 2px solid rgba(0, 0, 0, 0.396); */
margin-left: 60px;
padding-top: 0px;
}
section{
background-color: #f4f4f4;
padding-top: 12px;
width: 1580px;
height: 580px;
/* border: 2px solid blue; */
}
section .div2{
background-color: rgb(255, 255, 255);
margin-left: 120px;
padding-left: 10px;
width: 200px;
height: 580px;
/* border: 2px solid blue; */
float: left;
}
section .div3{
width: 650px;
height: 580px;
/* border: 2px solid blue; */
margin-left: 5px;
margin-right: 5px;
float: left;
}
section .div4{
width: 200px;
height: 580px;
/* border: 2px solid blue; */
float: left;
}
section .div4 .div4-1{
margin-bottom: 3px;
}
section .div4 .div4-2{
margin-bottom: 3px;
}
section .div5{
width: 240px;
height: 580px;
background-color: rgb(255, 255, 255);
margin-left: 5px;
/* border: 2px solid blue; */
float: left;
}
section .div5 .div5-3{
/* border: 2px solid blue; */
display: inline-block;
}
section .div5 .div5-4{
/* border: 2px solid blue; */
display: inline-block;
}
section .div5 .div5-4 .table1{
border-spacing: 24px 0px;
}
.r_top_banner {
height:115px;
border-bottom:1px solid #ccc;
}
.r_top_banner .top_user {
padding-top:15px;
padding-left:10px;
}
.r_top_banner .top_user img {
width:45px;
height:45px;
border-radius:25px;
}
.r_top_banner .top_user a{
float:left;
}
.r_top_banner .top_user .userinfo {
float:left;
margin-left:15px;
line-height:20px;
}
.r_top_banner .userinfo a {
margin-right:5px;
}
.bot_btns {
padding-left:10px;
padding-top:15px;
}
.bot_btns a {
width:80px;
height:20px;
border:2px solid red;
display:block;
float:left;
text-align:center;
line-height:20px;
margin-right:10px;
}
/* 外边距 margin */
/* 内边距 padding */
footer{
background-color: #f4f4f4;
padding-top: 12px;
width: 1580px;
height: 700px;
/* border: 2px solid blue; */
}
.footer_1{
/* border: 2px solid blue; */
width: 1580px;
height: 350px;
}
.footer_1_1{
/* border: 2px solid blue; */
margin-left: 115px;
width: 215px;
float: left;
}
.footer_1_2{
/* border: 2px solid blue; */
margin-left: 0px;
width: 850px;
height: 298px;
float: left;
}
.footer_1_3{
/* border: 2px solid blue; */
margin-left: 0px;
width: 242px;
height: 298px;
float: left;
}
.footer_1_4{
/* border: 2px solid blue; */
background-color: #ffffff;
margin-left: 30px;
width: 80px;
height: 330px;
float: left;
}
.footer_1_4_1{
border-spacing: 18px 15px;
}
.footer_2{
/* border: 2px solid blue; */
width: 1580px;
height: 350px;
}
.footer_2_1{
/* border: 2px solid blue; */
margin-left: 115px;
width: 160px;
height: 210px;
float: left;
}
.footer_2_2{
/* border: 2px solid blue; */
margin-left: 65px;
width: 160px;
height: 210px;
仿京东页面.rar （29个子文件） 
仿京东页面 
京东.html 25KB img 
云主机.png 2KB 公众号二维码.png 112KB jingdong.png 5KB 企业购.png 826B d153482a529faa313fe7f74ecc3b020.png 795KB 话费.png 720B zhu.png 2.44MB 美妆.png 112KB 五金城.png 3KB 游戏.png 4KB
4-2.jpg 10KB logo.png 21KB 4-1.png 13KB zhu.jpg 81KB 加油卡.png 3KB 机票.png 3KB 5-1.png 60KB 酒店.png 979B 地址图标.jpg 3KB no_login.png 4KB 白条.png 2KB 电影票.png 3KB 火车票.png 2KB gwc.png 3KB 4-3.png 13KB 京东秒杀.png 167KB 礼品卡.png 815B 商品.png 87KB资源评论
