京东首页案例

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
</head>
<style>
	ul,li{margin:0;padding:0}
	li{
	  list-style:none;
	}
	a{
		text-decoration:none;
	}
	.header-nav{
		width:100%;
        border-bottom: 1px solid #ddd;
        background-color: #e3e4e5;
	}
	.header-nav-con{
		width:1190px;
		height:30px;
		line-height:30px;
		margin: auto 79.5px;
	}
	.header-nav-area1:after{
		content:"";
		display:block;
		clear:both;

	}
	.header-nav-area1{
	  background:white;
	  width:460px;
	  border:1px solid #ccc;
	}
	.header-nav-area1 li{
		padding:0 20px;
		float:left;
		color:#999;
	}
	.header-nav-area{
		display:none;
	}
	.header-nav-left:hover .header-nav-area{
		display:block;
		z-index:999;
	}
	.header-nav-left{
		float:left;
	}
	.header-nav-right{
		float:right;
		width:718px;
		margin-left:472;
	}
	.header-nav-right li{
		float:left;
		margin-right:8px;
		font-size:12px;
		color:#999;
	}
	.header-nav-left li{
		font-size:12px;
		color:#999;
	}
	.spacer{
		overflow: hidden;
		margin: 11px 5px 0;
		width: 1px;
		height: 10px;
		background-color: #ccc;
	}
	.color-red{
		color:red;
	}
	.header-con{
		background: #fff;
        border-bottom: 1px solid #ddd;
	}
	.header-con-width{
		width:1190px;
		height:140px;
		margin: auto 79.5px;
	}
	.header-con-img a{
		width:100%;
		height:100%;
	}
	.header-con-img{
	   float:left;
	}
	.search{
	   float:left;
	}
	.search-box{
		margin:30px 0px 0px 50px;
	}
	.hostwords{
		overflow: hidden;
		position: absolute;
		left: 320px;
		top: 115px;
		width: 550px;
		height: 20px;
		line-height: 20px
	}
	.float-left{
	  float:left;
	}
	.hostwords li{
		font-size:12px;
		color:#ccc;
		margin-right:10px;
	}
	.navitems{
		overflow: hidden;
		position: absolute;
		left: 263px;
		top:130px;
		height: 40px;
		padding-top: 20px;
	}
	.navitems li{
		margin:0 11px;
	}
	.font{
		font-weight:700;
	}
	.my-car img{
		margin-top: 28px;
		margin-left: 15px;
	}
	.two-code{
		position: absolute;
		top: 39px;
		right: 180px;
	}
	.fs{
		background-color: #f4f4f4;
	}
	.section1{
		 position:relative;
		 width:1190;
		 margin: auto 79.5px;
		 height: 480px;
	}
	.fs1{
		position:absolute;
		height: 460px;
		margin-right: 10px;
		width: 190px;
	}
	.fs2{
		position:absolute;
		left:190px;
		top:0;
		width:790px;
		height: 480px;
		margin-right: 10px;
	}
	.span-item{
		padding: 0 2px;
        font-size: 12px;
	}
	.fs1 a{
		font-size: 14px;
		color: #333;
		transition: color .2s ease;
	}
	.fs1 ul{
		overflow: hidden;
		padding: 10px 0;
		background-color: #fefefe;
		color: #636363;
		margin-top: 10px;
	}
	.fs1 li{
		height: 25px;
        line-height: 25px;
		padding-left: 18px;
	}
	.fs2-left{
		width:590px;
		height: 480px;
		margin-right:10px;
		margin-top:5px;
	}
	.fs2-right{
		width:190px;
		height:100%;
		float:right;
		margin-top:10px;
	}
	.fs2-right li{
		margin-bottom:5px;
	}
	.section1{
		position:relative;
	}
	.fs3{
	    position:absolute;
		right:0;
		top:0;
	    width:190px;
		height:100%;
		background-color:white;
	}
	.user-img{
		position:absolute;
		left:20px;
		top:20px;
		border-radius:50%;
		width:40px;
		height:40px;
	}
	.hello{
		position:absolute;
		left:70px;
		top:30px;
		font-size:12px;
		color:#000;
	}
	.login{
		position:absolute;
		left:70px;
		top:45px;
		font-size:12px;
		color:#000;
	}
	.register{
		position:absolute;
		left:100px;
		top:45px;
		font-size:12px;
		color:#000;
	}
	.profit{
	    position:absolute;
		left:20px;
		top:70px;
		display: inline-block;
		margin: 0 5px;
		width: 70px;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
		text-align: center;
		color: #fff;
		border-radius: 13px;
		background: #e1251b;
	}
	.profit-plus{
		position:absolute;
		left:100px;
		top:70px;
		display: inline-block;
		margin: 0 5px;
		width: 70px;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
		text-align: center;
		border-radius: 13px;
		background: #363634;
        color: #e5d790;
	}
	.user-info{
		height: 102px;
		background: #fff;
		margin-top: 10px;
		overflow: hidden;
	}
	.user-profit{
		width:160px;
		height:100px;
		margin:0 auto;
		border-bottom:1px solid #ccc;
	}
	.news{
	  position:absolute;
	  top:100px;
	  width:100%;
	  height:132px;
	}
	.news-header{
		margin:20px 20px;
		display:inline-block;
	}
	.news-more{
		position:absolute;
		right:0;
		top:20px;
		margin-right:12px;
		font-size:12px;
	}
	.news-list{
		width:160px;
		margin:0px auto;
		padding-bottom:10px;
		border-bottom:1px solid #ccc;
	}
	.news-list li{
		max-width: 160px;
		height: 16px;
		line-height: 16px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		color: #999;
		font-size:12px;
		margin-bottom: 6px;
	}
	.new-tag{
		display: inline-block;
		position: relative;
		font-size: 12px;
		height: 16px;
		width: 35px;
		line-height: 16px;
		text-align: center;
		vertical-align: 0;
		color: #e1251b;
		background-color: rgba(225,37,27,.08);
		margin-right:6px;
		margin-left:6px;
	}
	.service{
		position:absolute;
		top:260px;
	}
	.service-item{
		float: left;
		width: 63px;
		height: 55px;
		background: #fff;
		text-align: center;
		overflow: hidden;
	}
	.service-item i{
		position: relative;
		width: 28px;
		height: 28px;
		margin: 0 auto;
	}
	.service-item img{
		border: 0;
		width:28px;
		height:28px;
		vertical-align: middle;
	}
	.service-list {
		padding-top: 5px;
		height: 225px;
	}
	.service-item p{
		margin:0;
		padding:0;
		font-size:12px;
		height: 25px;
        line-height: 25px;
	}
	.section2{
		 width:1190px;
		 margin: auto 79.5px;
		 height:260px;
		 margin-top:10px;
	}
	.seckill-list li{
		float:left;
		width:193px;
		height:260px;
		border-right:1px solid #ccc;
		vertical-align:center;
		text-align:center;
	}
	.sekill-img{
	    width:157px;
		height:156px;
		padding-top: 10px;
		vertical-align:center;
		text-align:center;
	}
	.seckill-list p{
		margin-left:10px;
		font-size: 12px;
		font-weight: 400;
		color: #333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.seckill-price{
		width: 92px;
		height: 100%;
		text-align: center;
		color: red;
		font-size: 16px;
		font-weight: 700;
		line-height: 22px;
		float: left;
	}
	.section3{
		width:1190px;
		height:340px;
		margin:20px 79.5px;
	}
	.special-offer{
		width:590px;
		height:100%;
		margin-right:10px;
		background-color:white;
	}
	.special-offer-header{
		position:relative;
		height:60px;
	}
	.everyday-offer-left{
		float:left;
		height: 60px;
		padding: 0 20px;
	}
	.everyday-offer-right li{
		float:left;
		display: inline-block;
		cursor: pointer;
		font-size: 14px;
		font-family: Microsoft Yahei,PingFangSC-Medium,sans-serif,serif;
		line-height: 60px;
		padding-bottom: 2px;
		margin-right:15px;
		color:#999;
	}
	.everyday-offer-right-list:after{
		content:"";
		display:block;
		clear:both;
	}
	.everyday-offer-right{
		position:absolute;
		right:0px;
	}
	.special-offer-body{
		width:560px;
		height:270px;
	}
	.special-item0{
		position:relative;
		display: inline-block;
        vertical-align: top;
		background-color: rgba(109,126,146,.05);
		float: left;
		width: 170px;
		height: 265px;
		margin-right: 6px;
	}
	.year-low{
		display: inline-block;
		width: 90px;
		height: 24px;
		position: absolute;
		left: 0;
		font-weight: 700;
		font-size: 12px;
		line-height: 24px;
		color: #fff;
		letter-spacing: 0;
		text-align: center;
		background-color:orange;
	}
	.specail-item0-img{
		position:absolute;
		top:48px;
		left:20px;
		vertical-align:middle;
		text-align: center;
	}
	.specail-item0-ill{
		position:absolute;
		top:168px;
		left:10px;
		font-size:12px;
	}
	.special-item0-price{
		position:absolute;
		left:40px;
		top:208px;
	}
	.dollar-txt{
		font-size:12px;
	}
	.real-price{color:red;font-size:18px;margin-right: 5px;}
	.clear-price{
		font-size:12px;
		text-decoration:line-through;
	}
	.special-item0-hot{
		position:absolute;
		left:60px;
		top:240px;
		font-size: 12px;
		line-height: 16px;
		color: #999;
	}
	.special-item{
		display: inline-block;
		vertical-align: top;
		width: 170px;
		height: 109px;
		margin-left: 19px;
        margin-bottom: 48px;
	}
	.special-item-img{
		float: left;
		width: 84px;
		height: 84px;
	}
	.special-item-message{
		float: left;
		width: 75px;
		margin-left: 6px;
	}
	.special_item_name{
		display: inline-block;
		width: 100%;
		color: #333;
		height: 32px;
		font-size: 12px;
		line-height: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all;
		font-family: Microsoft Yahei,PingFangSC-Medium,sans-serif,serif;
	}
	.special—item-price-clear{
		font-size:12px;
		text-decoration:line-through;
	}
	.special-item-hot{
		display: inline-block;
		margin-top: 8px;
		font-size: 12px;
		line-height: 16px;
		color: #999;
	}
	.lightning_buy{
		position:relative;
		width:590px;
		height:100%;
		background-color:white;
	}
	.lightning_buy_contain{
		position:absolute;
		top:60px;
		width:555px;
		height:272px;
		padding: 0 20px 0 15px;
	}
	.other-good-item{
		display: inline-block;
		width: 135px;
		height: 100px;
		padding: 14px 0;
		box-sizing: border-box;
	}
	.lightning_buy_left{
		display:inline-block;
		float:left;
		vertical-align: top;
		margin-right: 6px;
		width: 270px;
        height: 265px;
	}
	.lightning_buy_right{
		width: 270px;
		height:312px;
		display: inline-block;
		vertical-align: top;
		margin-top: -40px;
	}
	.other-good-item{
		display: inline-block;
		width: 135px;
		height: 100px;
		padding: 14px 0;
		box-sizing: border-box;
		text-align: center;
		float:left;
	}
	.other-item-name{
		margin:0;
		padding:0;
		color: #666;
		margin-top: 6px;
		font-size: 12px;
		text-align: center;
		font-weight: 400;
	}
	.section4{
		width:1190px;
		height:340px;
		margin:20px 79.5px;
	}
	.section4-item{
		float:left;
		margin-right:10px;
		height:340px;
		width:285px;
		background:white;
	}
	.new-arrival-header{
		width:100%;
		height:60px;
	}
	.new-arrival-name{
		width:200px;
		font-size:14px;
		line-height:19px;
		height:19px;
		color:#333;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		margin:0;
		margin-left:30px;
	}
	.new-arrival-desc{
		height:16px;
		line-height:16px;
		font-size:12px;
		color:#999;
		margin:8px 0 0 60px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.new-arrival_price{
		margin-left:80px;
	}
	.new-top-nav{
		width:280px;
		height:20px;
	}
	.new-top-header{
		height:60px;
	}
	.new-top-item{
		float:left;
		color: #999;
		font-size: 12px;
		background-color: #f6f6f6;
		height: 20px;
		line-height: 20px;
		margin: 0 4px;
		width: 62px;
		text-align: center;
		border-radius: 12px;
	}
	.new-top-item:hover{
		background-color: #e1251b;
        color: #fff;
	}
	.new-top-body-item{
		padding:10px;
		height:70px;
	}
	.new-top-body-desc{
		width: 140px;
		height:40px;
		max-height: 40px;
		line-height: 20px;
		font-size: 14px;
		word-break: break-all;
		overflow:hidden;
		color:#333;
		margin-top:15px;
	}
	.new-top-img{
		display:inline-block;
		float:left;
	}
	.nice-shop-head{
		height:60px;
	}
	.nice-shop-body{
		width:260px;
		height:266px;
		padding:0 15px;
	}
	.nice-shop-item{
		width: 260px;
        height: 128px;
		padding:15px;
	}
	.nice-shop-info{
		float:left;
		position:relative;
	}
	.nice-shop-title{
		width:120px;
		max-height: 38px;
		line-height: 18px;
		font-size: 14px;
		color: #333;
	}
	.text-tag-origin{
		font-size: 12px;
		text-align: center;
		border-radius: 2px;
		padding: 0 2px;
		height: 18px;
		line-height: 18px;
		box-sizing: border-box;
		margin-right: 5px;
		color: #e2231a;
        border:1px solid #e2231a;
	}
	.text-tag-theme{
		font-size:12px;
		text-align:center;
		border-radius:2px;
		padding:0 2px;
		height:18px;
		line-height:18px;
		color: #596fab;
		border:1px solid #596fab;
	}
	.nice-shop-social{
		color: #999;
		font-size: 12px;
		position: absolute;
		bottom: -35px;
	}
	.coupon-header{
		height:60px;
	}
	.coupon-body{
		width:290px;
		height:280px;
		background:url("image/coupon-01.png") no-repeat;
	}
	.coupon-list{
		280px;
	}
	.coupon-item{
		position:relative;
		height:82px;
		margin-bottom: 10px;
	}
	.coupon-wrap{
		position:relative;
		width:220px;
		display:inline-block;
		height: 100%;
        margin-right: 40px;
	}
	.coupon-img{
		float: left;
		width: 50px;
		height: 50px;
		padding-left: 12px;
	}
	.coupon-info{
		position:absolute;
		left:100px;
		width:140px;
		height:75px;
	}
	.coupon-price{
		font-size: 28px;
	}
	.coupon-limit{
		font-size: 12px;
		line-height: 18px;
		height: 18px;
		color: #999;
	}
	.coupon-desc{
		font-size: 12px;
		line-height: 18px;
		height: 18px;
		color:#333;
	}
	.conpon-more{
		position: absolute;
		right: 30px;
		top: 10px;
		width:1px;
		display:inline-block;
		line-height:15px;
		font-size:12px;
		color:#666;
	}
	.section5{
		width:1190px;
		margin:auto 79.5px;
		height:1055px;
	}
	.new-top-img img{
		height:70px;
	}
	.channel-top{
		height:65px;
		line-height:65px;
		text-align:center;
		font-size:28px;
	}
	.channel-item0{
		width:290px;
		height:370px;
		display: inline-block;
		margin-right:10px;
	}
	.channel-item2{
		display: inline-block;
		width: 275px;
		height: 170px;
		margin-right: 10px;
		margin-bottom: 10px;
		vertical-align: top;
		background-color:white;
	}
	.channel-item2-header{
		height: 30px;
		margin-left: 30px;
		margin-right: 10px;
		padding-top: 17px;
		padding-bottom: 13px;
		line-height: 30px;
	}
	.title-main{
		font-size: 22px;
		font-weight: 700;
		color: #333;
	}
	.title-aside{
		font-size: 14px;
		color: #999;
		margin-left: 5px;
	}
	.item2-imgs{
		padding-left:30px;
	}
	.item2-img-left{
		display:inline-block;
	}
	.channel-list1{
		position:relative;
	}
	.channel-item3{
		position:absolute;
		left:610px;
		top:200px;
		margin-bottom:0;
	}
	.channel-item4{
		position:absolute;
		left:900px;
		top:200px;
		margin-bottom:0;
	}
	.channel-item6{
		display: inline-block;
		width: 290px;
		height: 180px;
		margin-top: 10px;
		margin-bottom: 10px;
		vertical-align: top;
		background-color:white;
	}
	.floor-top{
		margin: 0 auto;
		width:1190;
	}
	.floor-top h3{
		position: relative;
		width: 150px;
		height: 45px;
		font-size: 28px;
		font-weight: 700;
		text-align: center;
		line-height: 45px;
		margin: 0 auto 20px;
		overflow: hidden;
		color: #333;
	}
	.section6{
		width:1190px;
		margin:auto 79.5px;
	}
	.floor-header{
		background-color:#fff;
		width:1190px;
		margin:0 auto;
	}
	.floor-list{
		margin: 0 auto;
		height: 60px;
		width: 1080px;
	}
	.floor-item{
		position: relative;
		float: left;
		width: 180px;
		height: 60px;
		text-align: center;
		cursor: pointer;
	}
	.floor-item-title{
		margin-top: 7px;
		background: #e1251b;
		color: #fff;
		width: 70px;
		height: 27px;
		display: inline-block;
		border-radius: 50px;
		padding: 0 5px;
	}
	.floor-item-like{
		font-size:14px;
		color:red;
	}
	.floor-item-title1{
		color: #333;
		margin-top: 7px;
		font-size: 16px;
		font-weight: 700;
		line-height: 27px;
	}
	.floor-item-like1{
		color: #999;
		font-size: 14px;
	}
	.floor-item0{
		margin-top:8px;
		border-right:1px solid #ccc;
	}
	.floor-body-item{
		position: relative;
		float: left;
		width: 228px;
		height: 322px;
		background-color:white;
		margin-top:10px;
		margin-right:10px;
	}
	.floor-body-list:after{
		content:"";
		display:block;
		clear:both;
	}
	.floor-body-img{
		text-align: center;
		padding:20px;
	}
	.floor-body-info{
		height:48px;
		line-height:24px;
		font-size:14px;
		color:#666;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		margin:10px 20px;
	}
	.floor-body-price{
		font-weight:700px;
		margin-left:20px;
	}
	.dollar-size{
		font-size:20px;
	}
	.foot{
		background-color: #f4f4f4;
	}
	.mod-service{
		width:990px;
		height:42px;
		padding: 30px 0;
		margin: 0 auto;
		border-bottom: 1px solid #dedede;
	}
	.mod-service-item{
		position:relative;
		width:247px;
		float:left;
	}
	.mod-service-title{
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		width: 36px;
		height: 42px;
		text-indent: -999px;
		background-repeat:no-repeat;
		background-image:url("image/foot-01.png");
	}
	.duo{
		background-position: 0 -192px;
	}
	.kuai{
		background-position: -41px -192px;
	}
	.hao{
		background-position: -82px -192px;
	}
	.sheng{
		background-position: -123px -192px;
	}
	.mod-service-txt{
		overflow: hidden;
		width: 100%;
		height: 42px;
		line-height: 42px;
		font-size: 18px;
		font-weight: 700;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: #444;
		margin-left:40px;
	}
	.mod-service-list:after{
		content:"";
		display:block;
		clear:both;
	}
	.mod-help{
		padding:20px 0;
		margin:auto 79.5px;
        width: 1190px;
		height:160px;
		border-bottom: 1px solid #ccc;
	}
	.mod-help-nav{
		float: left;
		width: 198px;
		line-height: 22px;
	}
	.mod-help-nav-item{
		font-size:12px;
		color:#666;
	}
	.mod-help-nav-tit{
		font-size:14px;
		margin:5px 0;
		color:#666;
	}
	.center{
		text-align:center;
	}
	.mod-help-nav-more{
		font-size:12px;
		color:#666;
		margin:0;
		padding-left: 140px;
	}
	.mod-help-nav-item{
		margin-bottom:0;
	}
	.mod-copyright{
		width:1190px;
		height:265px;
		margin:auto 79.5px;
		padding: 15px 0;
	}
	.mod-copyright-item{
		margin:0 8px;
		color:#666;
		font-size:12px;
	}
	.mod-copyright-split{
		color:#ccc;
		font-size:12px;
	}
	.cert-info{
		color:#999;
		font-size:12px;
	}
	.mod-copyright-cert{
		text-align:center;
	}
	.cert-wrap{
		margin:0;
	}
	.cert-img{
		display: inline-block;
		width: 15px;
		height: 10px;
		vertical-align: -1px;
		margin-right: 10px;
		background-repeat:no-repeat;
		background-image:url("image/foot-01.png");
	}
	.cert-img-item0{
		  background-position: -108px -155px;
	}
	.cert-img-item1{
		      background-position: -168px -155px;
	}
	.cert-img-item2{
		          background-position: -148px -155px;
	}
	.cert-img-item3{
		         background-position: -128px -155px;
	}
	.cert-img-item4{
		      background-position: -108px -172px;
	}
	.mod_copyright_auth{
		overflow: hidden;
		display: inline-block;
		margin: 0 3px;
		width: 103px;
		height: 32px;
		line-height: 1000px;
		background-repeat:no-repeat;
		background-image:url("image/foot-01.png");
	}
	.auth0{
		background-position: -205px -111px;
	}
	.auth1{
		background-position: -205px -74px;
	}
	.auth2{
		background-position: -205px -37px;
	}
	.auth3{
		background-position: -205px 0;
	}
	.auth4{
		background-position: 0 -155px;
	}

</style>
<body>
   <div class="header-nav">
		<div class="header-nav-con">
			<ul class="header-nav-left">
				<li><a>海南</a><li>
				<div class="header-nav-area">
				<ul class="header-nav-area1">
					<li>北京</li>
					<li>上海</li>
					<li>天津</li>
					<li>广东</li>
					<li>江苏</li>
					<li>北京</li>
					<li>上海</li>
					<li>天津</li>
					<li>广东</li>
					<li>江苏</li>
					<li>北京</li>
					<li>上海</li>
					<li>天津</li>
					<li>广东</li>
					<li>江苏</li>
					<li>北京</li>
					<li>上海</li>
					<li>天津</li>
					<li>广东</li>
					<li>江苏</li>
					<li>北京</li>
					<li>上海</li>
					<li>天津</li>
					<li>广东</li>
					<li>江苏</li>
				</ul>
			</div>
			</ul>
			<ul class="header-nav-right">
				<li><a>你好,请登录</a><a class="color-red">免费注册</a></li>
				<li class="spacer"></li>
				<li><a>我的订单</a></li>
				<li class="spacer"></li>
				<li><a>我的京东</a></li>
				<li class="spacer"></li>
				<li><a>京东会员</a></li>
				<li class="spacer"></li>
				<li><a class="color-red">企业采购</a></li>
				<li class="spacer"></li>
				<li><a>客户服务</a></li>
				<li class="spacer"></li>
				<li><a>网站导航</a></li>
				<li class="spacer"></li>
				<li><a>手机京东</a></li>
			</ul>
		</div>
   </div>
   <div class="header-con">
        <div class="header-con-width">
			<div class="header-con-img"><a href=""><img src="image/logo.png"/></a></div>
			<div class="search">
				<div class="search-box"><img src="image/search.png"/></div>
			</div>
			<div class="hostwords">
				<ul>
					<li class="float-left"><a href="" class="color-red">三星5G手机</a></li>
					<li class="float-left"><a href="">巅峰手机</a></li>
					<li class="float-left"><a href="">防疫消毒</a></li>
					<li class="float-left"><a href="">海鲜水产</a></li>
					<li class="float-left"><a href="">提升免疫</a></li>
					<li class="float-left"><a href="">特惠好电</a></li>
					<li class="float-left"><a href="">爱车女神</a></li>
					<li class="float-left"><a href="">美妆上新</a></li>
				</ul>
			</div>
			<div class="navitems">
				<ul>
					<li class="float-left"><a class="color-red font">秒杀</a></li>
					<li class="float-left"><a class="color-red font">优惠券</a></li>
					<li class="float-left"><a>PLUS会员</a></li>
					<li class="float-left"><a>品牌闪购</a></li>
					<li class="float-left"><a>拍卖</a></li>
					<li class="float-left"><a>京东超市</a></li>
					<li class="float-left"><a>京东生鲜</a></li>
					<li class="float-left"><a>京东国际</a></li>
					<li class="float-left"><a>京东金融</a></li>
				</ul>
			</div>
			<div class="my-car"><img src="image/car.png"/></div>
			<div class="two-code"><img src="image/code.png"/></div>
        </div>	
   </div>
   <div class="fs">
		<div class="section1">
			<div class="fs1">
				<ul>
					<li><a>家用电器</a></li>
					<li><a>手机</a><span class="span-item">/</span><a>运营商</a><span class="span-item">/</span><a>数码</a></li>
					<li><a>电脑</a><span class="span-item">/</span><a>办公</a></li>
					<li><a>家用电器</a></li>
					<li><a>手机</a><span class="span-item">/</span><a>运营商</a><span class="span-item">/</span><a>数码</a></li>
					<li><a>电脑</a><span class="span-item">/</span><a>办公</a></li>
					<li><a>家用电器</a></li>
					<li><a>手机</a><span class="span-item">/</span><a>运营商</a><span class="span-item">/</span><a>数码</a></li>
					<li><a>电脑</a><span class="span-item">/</span><a>办公</a></li>
					<li><a>家用电器</a></li>
					<li><a>手机</a><span class="span-item">/</span><a>运营商</a><span class="span-item">/</span><a>数码</a></li>
					<li><a>电脑</a><span class="span-item">/</span><a>办公</a></li>
					<li><a>家用电器</a></li>
					<li><a>手机</a><span class="span-item">/</span><a>运营商</a><span class="span-item">/</span><a>数码</a></li>
					<li><a>电脑</a><span class="span-item">/</span><a>办公</a></li>
					<li><a>家用电器</a></li>
					<li><a>手机</a><span class="span-item">/</span><a>运营商</a><span class="span-item">/</span><a>数码</a></li>
					<li><a>电脑</a><span class="span-item">/</span><a>办公</a></li>
				</ul>
			</div>
			<div class="fs2">
				<div class="fs2-left float-left"><a><img src="image/fs2-01.png"></a></div>
				<div class="fs2-right">
					<ul>
						<li><a><img src="image/fs2-02.png"></a></li>
						<li><a><img src="image/fs2-02.png"></a></li>
						<li><a><img src="image/fs2-02.png"></a></li>
					</ul>
				</div>
			</div>
			<div class="fs3">
				<div class="user-info">
					<div class="user-logo"><a><img class="user-img" src="image/fs3-01.png" ></a></div>
					<div class="user-login">
						<a class="hello" href="">Hi~欢迎逛京东!</a>
						<a class="login" href="">登录&nbsp;|&nbsp;</a><a class="register" href="">注册</a>
						<div class="user-profit">
							<a class="profit" href="">新人福利</a>
							<a class="profit-plus" href="">PLUS会员</a>
						</div>
					</div>
				</div>
				<div class="news">
					<h5 class="news-header">京东快报</h5>
					<a class="news-more" href="">更多</a>
					<ul class="news-list">
						<li><a><span class="new-tag">热议</span>20款防护口罩大横评!预防病毒流感外出神兵利器推荐</a></li>
						<li><a><span class="new-tag">最新</span>医用外科口罩不等于一次性医用口罩</a></li>
						<li><a><span class="new-tag">推荐</span>iPhone 12正式确认!支持5G,七千档起步!</a></li>
						<li><a><span class="new-tag">热评</span>正确戴口罩的方式,你还在浪费口罩吗</a></li>
					</ul>
				</div>
				<div class="service">
					<ul class="service-list">
						<li class="service-item"><img src="image/service-01.png" ><p>话费</p></li>
						<li class="service-item"><img src="image/service-02.png" ><p>机票</p></li>
						<li class="service-item"><img src="image/service-03.png" ><p>酒店</p></li>
						<li class="service-item"><img src="image/service-04.png" ><p>游戏</p></li>
						<li class="service-item"><img src="image/service-05.png" ><p>加油卡</p></li>
						<li class="service-item"><img src="image/service-06.png" ><p>火车票</p></li>
						<li class="service-item"><img src="image/service-07.png" ><p>众筹</p></li>
						<li class="service-item"><img src="image/service-08.png" ><p>理财</p></li>
						<li class="service-item"><img src="image/service-09.png" ><p>白条</p></li>
						<li class="service-item"><img src="image/service-10.png" ><p>电影票</p></li>
						<li class="service-item"><img src="image/service-11.png" ><p>企业购</p></li>
						<li class="service-item"><img src="image/service-12.png" ><p>礼品卡</p></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="section2">
			<ul class="seckill-list">
				<li><img src="image/seckill-01.png"></li>
				<li><img class="sekill-img" src="image/seckill-02.png">
					<p>顺和手拉车买菜小拉车折叠便携爬楼买菜车静音家用手推车搬运车拖车超市购物车轻便老人小推车 藏青布袋车 载重50KG</p>
					<div class="seckill-price"><i>¥</i>899</div>
				</li>
				<li><img class="sekill-img" src="image/seckill-03.png">
					<p>顺和手拉车买菜小拉车折叠便携爬楼买菜车静音家用手推车搬运车拖车超市购物车轻便老人小推车 藏青布袋车 载重50KG</p>
					<div class="seckill-price"><i>¥</i>899</div>
				</li>
				<li><img class="sekill-img" src="image/seckill-04.png">
					<p>顺和手拉车买菜小拉车折叠便携爬楼买菜车静音家用手推车搬运车拖车超市购物车轻便老人小推车 藏青布袋车 载重50KG</p>
					<div class="seckill-price"><i>¥</i>899</div>
				</li>
				<li><img class="sekill-img" src="image/seckill-05.png">
					<p>顺和手拉车买菜小拉车折叠便携爬楼买菜车静音家用手推车搬运车拖车超市购物车轻便老人小推车 藏青布袋车 载重50KG</p>
					<div class="seckill-price"><i>¥</i>899</div>
				</li>
				<li><img class="sekill-img" src="image/seckill-02.png">
					<p>顺和手拉车买菜小拉车折叠便携爬楼买菜车静音家用手推车搬运车拖车超市购物车轻便老人小推车 藏青布袋车 载重50KG</p>
					<div class="seckill-price"><i>¥</i>899</div>
				</li>
			</ul>
		</div>
		<div class="section3">
			<div class="special-offer float-left">
				<div class="special-offer-header">
					<div class="everyday-offer-left float-left"><h3>每日特价</h3></div>
					<div class="everyday-offer-right">
						<ul class="everyday-offer-right-list">
							<li>精选<li>
							<li>数码<li>
							<li>百货<li>
							<li>美食<li>
							<li>预告<li>
						</ul>
					</div>
				</div>
				<div class="special-offer-body">
					<div class="special-item0">
						<div class="year-low">一年最低价</div>
						<div class="specail-item0-img"><img src="image/special-01.png"></div>
						<p class="specail-item0-ill">铂典 5.0蓝牙耳机超长待机</p>
						<div class="special-item0-price"><span class="dollar-txt color-red">¥</span><span class="real-price">59</span><span class="clear-price">¥139</span></div>
						<div class="special-item0-hot">热卖中</div>
					</div>
					<div class="special-item1 special-item">
						<div class="special-item-img"><img src="image/special-02.png"></div>
						<div class="special-item-message">
							<span class="special_item_name">北极绒棉口罩男女防风防异味</span>
							<span class="special—item-price-real color-red"><span class="dollar-txt">¥</span>29</span>
							<span class="special—item-price-clear">¥19</span>
							<span class="special-item-hot">热卖中</span>
						</div>
					</div>
					<div class="special-item2 special-item">
						<div class="special-item-img"><img src="image/special-02.png"></div>
						<div class="special-item-message">
							<span class="special_item_name">北极绒棉口罩男女防风防异味</span>
							<span class="special—item-price-real color-red"><span class="dollar-txt">¥</span>29</span>
							<span class="special—item-price-clear">¥19</span>
							<span class="special-item-hot">热卖中</span>
						</div>
					</div>
					<div class="special-item3 special-item">
						<div class="special-item-img"><img src="image/special-02.png"></div>
						<div class="special-item-message">
							<span class="special_item_name">北极绒棉口罩男女防风防异味</span>
							<span class="special—item-price-real color-red"><span class="dollar-txt">¥</span>29</span>
							<span class="special—item-price-clear">¥19</span>
							<span class="special-item-hot">热卖中</span>
						</div>
					</div>
					<div class="special-item4 special-item">
						<div class="special-item-img"><img src="image/special-02.png"></div>
						<div class="special-item-message">
							<span class="special_item_name">北极绒棉口罩男女防风防异味</span>
							<span class="special—item-price-real color-red"><span class="dollar-txt">¥</span>29</span>
							<span class="special—item-price-clear">¥19</span>
							<span class="special-item-hot">热卖中</span>
						</div>
					</div>
				</div>
			</div>
			<div class="lightning_buy float-left">
				<div class="special-offer-header">
					<div class="everyday-offer-left float-left"><h3>品牌闪购</h3></div>
					<div class="lightning_buy_contain">
						<div class="lightning_buy_left"><img src="image/lightning-01.png"></div>
						<div class="lightning_buy_right">
							<div class="other-good-item">
								<div class="other-good-item-img"><img src="image/lightning-02.png"></div>
								<h6 class="other-item-name">完美日记彩妆专场</h6>
							</div>
							<div class="other-good-item">
								<div class="other-good-item-img"><img src="image/lightning-03.png"></div>
								<h6 class="other-item-name">云米家用电器专场</h6>
							</div>
							<div class="other-good-item">
								<div class="other-good-item-img"><img src="image/lightning-03.png"></div>
								<h6 class="other-item-name">云米家用电器专场</h6>
							</div>
							<div class="other-good-item">
								<div class="other-good-item-img"><img src="image/lightning-02.png"></div>
								<h6 class="other-item-name">完美日记彩妆专场</h6>
							</div>
							<div class="other-good-item">
								<div class="other-good-item-img"><img src="image/lightning-03.png"></div>
								<h6 class="other-item-name">云米家用电器专场</h6>
							</div>
							<div class="other-good-item">
								<div class="other-good-item-img"><img src="image/lightning-02.png"></div>
								<h6 class="other-item-name">完美日记彩妆专场</h6>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="section4">
			<div class="new-arrival section4-item">
				<div class="new-arrival-header">
					<div class="everyday-offer-left float-left"><h3>新品首发</h3></div>
				</div>
				<div class="new-arrival-body">
					<div class="new-arrival-img"><img src="image/new-arrival.png"></div>
					<p class="new-arrival-name">vivo Z6 5G手机 6GB+128GB 星际银 44W超快闪充 高通骁龙765G 5000mAh超大电池 全网通手机</p>
					<p class="new-arrival-desc">来这里发现更多新品</p>
					<p class="new-arrival_price color-red"><span class="dollar-txt">¥</span>166669起</p>
				</div>
			</div>
			<div class="new-top section4-item">
				<div class="new-top-header"><div class="everyday-offer-left float-left"><h3>排行榜</h3></div></div>
				<div class="new-top-nav">
					<ul class="new-top-list">
						<li class="new-top-item">面部护肤</li>
						<li class="new-top-item">手机</li>
						<li class="new-top-item">休闲食品</li>
						<li class="new-top-item">粮油调味</li>
					</ul>
				</div>
				<div class="new-top-body">
					<ul>
						<li class="new-top-body-item">
						 <div class="new-top-img"><img src="image/new-top-01.png"></div>
						<div class="new-top-body-desc">三只松鼠每日坚果大礼包 孕妇零食节日礼物送女友混合干果礼盒榛子腰果巴旦木葡萄干核桃仁开心果 750g/30袋</div></li>
						<li class="new-top-body-item">
						 <div class="new-top-img"><img src="image/new-top-01.png"></div>
						<div class="new-top-body-desc">三只松鼠每日坚果大礼包 孕妇零食节日礼物送女友混合干果礼盒榛子腰果巴旦木葡萄干核桃仁开心果 750g/30袋</div></li>
						<li class="new-top-body-item">
						 <div class="new-top-img"><img src="image/new-top-01.png"></div>
						<div class="new-top-body-desc">三只松鼠每日坚果大礼包 孕妇零食节日礼物送女友混合干果礼盒榛子腰果巴旦木葡萄干核桃仁开心果 750g/30袋</div></li>
					</ul>
				</div>
			</div>
			<div class="nice-shop section4-item">
				<div class="nice-shop-head"><div class="everyday-offer-left float-left"><h3>逛好店</h3></div></div>
				<div class="nice-shop-body">
					<ul class="nice-shop-list">
						<li class="nice-shop-item">
							<div class="nice-shop-info">
								<div class="nice-shop-title">立久佳京东自营旗舰店</div>
								<div class="nice-shop-tag">
									<span class="text-tag-origin">自营</span>
									<span class="text-tag-theme">随心所动</span>
								</div>
								<div class="nice-shop-social">1.31万人关注</div>
							</div>
							<div class="nice-shop-img">
								<img src="image/nice-shop-01.png">
							</div>
						</li>
						<li class="nice-shop-item">
							<div class="nice-shop-info">
								<div class="nice-shop-title">立久佳京东自营旗舰店</div>
								<div class="nice-shop-tag">
									<span class="text-tag-origin">自营</span>
									<span class="text-tag-theme">随心所动</span>
								</div>
								<div class="nice-shop-social">1.31万人关注</div>
							</div>
							<div class="nice-shop-img">
								<img src="image/nice-shop-01.png">
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="coupon section4-item">
				<div class="coupon-header"><div class="everyday-offer-left float-left"><h3>领券中心</h3></div></div>
				<div class="coupon-body">
					<ul class="coupon-list">
						<li class="coupon-item">
							<div class="coupon-wrap">
								<div class="coupon-img"><img src="image/coupon-02.png"></div>
								<div class="coupon-info">
									<div class="color-red"><span class="dollar-txt">¥</span><span class="coupon-price">20</span></div>
									<div class="coupon-limit">满79元可用</div>
									<div class="coupon-desc">仅可购买牛奶部分商品</div>
								</div>
							</div>
							<div class="conpon-more">
								更多好券
							</div>
						</li>
						<li class="coupon-item">
							<div class="coupon-wrap">
								<div class="coupon-img"><img src="image/coupon-02.png"></div>
								<div class="coupon-info">
									<div class="color-red"><span class="dollar-txt">¥</span><span class="coupon-price">20</span></div>
									<div class="coupon-limit">满79元可用</div>
									<div class="coupon-desc">仅可购买牛奶部分商品</div>
								</div>
							</div>
							<div class="conpon-more">
								更多好券
							</div>
						</li>
						<li class="coupon-item">
							<div class="coupon-wrap">
								<div class="coupon-img"><img src="image/coupon-02.png"></div>
								<div class="coupon-info">
									<div class="color-red"><span class="dollar-txt">¥</span><span class="coupon-price">20</span></div>
									<div class="coupon-limit">满79元可用</div>
									<div class="coupon-desc">仅可购买牛奶部分商品</div>
								</div>
							</div>
							<div class="conpon-more">
								更多好券
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="section5">
			<div class="channel-top"><h3>频道广场</h3></div>
			<div class="channel-body">
				<div class="channel-list1">
					<div class="channel-item0">
						<div class="item0-img"><img src="image/channel-01.png"></div>
					</div>
					<div class="channel-item0">
						<div class="item0-img"><img src="image/channel-02.png"></div>
					</div>
					<div class="channel-item2">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
					<div class="channel-item2">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
					<div class="channel-item2 channel-item3 color-white">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
					<div class="channel-item2 channel-item4 color-white">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>

					</div>
				</div>
                 <div lass="channel-list2">
					<div class="channel-item6">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
					<div class="channel-item6">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
					<div class="channel-item6">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
					<div class="channel-item6">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
										<div class="channel-item6">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
					<div class="channel-item6">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
					<div class="channel-item6">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
					<div class="channel-item6">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
										<div class="channel-item6">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
					<div class="channel-item6">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
					<div class="channel-item6">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
					<div class="channel-item6">
						<div class="channel-item2-header">
							<span class="title-main">家庭装</span>
							<span class="title-aside">用心装好家一站式购齐</span>
						</div>
						<div class="item2-imgs">
							<div class="item2-img-left"><img src="image/channel-03.png"></div>
							<div class="item2-img-left"><img src="image/channel-04.png"></div>
						</div>
					</div>
                 </div>
			</div>
		</div>
		<div class="section6">
			<div class="floor-top"><h3>为你推荐</h3></div>
			<div class="floor-header">
				<ul class="floor-list">
					<li class="floor-item">
						<div class="floor-item0"><span class="floor-item-title">精选</span></div>
						<div class="floor-item-like">猜你喜欢</div>
					</li>
					<li class="floor-item">
						<div class="floor-item0"><span class="floor-item-title1">智能先锋</span></div>
						<div class="floor-item-like1">大店器械</div>
					</li>
					<li class="floor-item">
						<div class="floor-item0"><span class="floor-item-title1">居家优品</span></div>
						<div class="floor-item-like1">品质生活</div>
					</li>
					<li class="floor-item">
						<div class="floor-item0"><span class="floor-item-title1">超市百货</span></div>
						<div class="floor-item-like1">百货生鲜</div>
					</li>
					<li class="floor-item">
						<div class="floor-item0"><span class="floor-item-title1">时尚达人</span></div>
						<div class="floor-item-like1">美妆穿搭</div>
					</li>
					<li class="floor-item">
						<div class="floor-item0"><span class="floor-item-title1">进物好物</span></div>
						<div class="floor-item-like1">京东国际</div>
					</li>
				</ul>
			</div>
			<div class="floor-body">
				<ul class="floor-body-list">
					<li class="floor-body-item">
						<div class="floor-body-img"><img src="image/floor-01.png"></div>
						<p class="floor-body-info">【京选好货】棉拖鞋女室内情侣冬季居家用保暖厚底防滑家居毛绒月子鞋男士冬天 皮红_ 36-37(建议35-36码的脚穿)</p>
						<div class="floor-body-price color-red"><span class="dollar-txt">¥</span><span  class="dollar-size">26.00</span></div>
					</li>
										<li class="floor-body-item">
						<div class="floor-body-img"><img src="image/floor-01.png"></div>
						<p class="floor-body-info">【京选好货】棉拖鞋女室内情侣冬季居家用保暖厚底防滑家居毛绒月子鞋男士冬天 皮红_ 36-37(建议35-36码的脚穿)</p>
						<div class="floor-body-price color-red"><span class="dollar-txt">¥</span><span  class="dollar-size">26.00</span></div>
					</li>
										<li class="floor-body-item">
						<div class="floor-body-img"><img src="image/floor-01.png"></div>
						<p class="floor-body-info">【京选好货】棉拖鞋女室内情侣冬季居家用保暖厚底防滑家居毛绒月子鞋男士冬天 皮红_ 36-37(建议35-36码的脚穿)</p>
						<div class="floor-body-price color-red"><span class="dollar-txt">¥</span><span  class="dollar-size">26.00</span></div>
					</li>
										<li class="floor-body-item">
						<div class="floor-body-img"><img src="image/floor-01.png"></div>
						<p class="floor-body-info">【京选好货】棉拖鞋女室内情侣冬季居家用保暖厚底防滑家居毛绒月子鞋男士冬天 皮红_ 36-37(建议35-36码的脚穿)</p>
						<div class="floor-body-price color-red"><span class="dollar-txt">¥</span><span  class="dollar-size">26.00</span></div>
					</li>
										<li class="floor-body-item">
						<div class="floor-body-img"><img src="image/floor-01.png"></div>
						<p class="floor-body-info">【京选好货】棉拖鞋女室内情侣冬季居家用保暖厚底防滑家居毛绒月子鞋男士冬天 皮红_ 36-37(建议35-36码的脚穿)</p>
						<div class="floor-body-price color-red"><span class="dollar-txt">¥</span><span  class="dollar-size">26.00</span></div>
					</li>
					<li class="floor-body-item">
						<div class="floor-body-img"><img src="image/floor-01.png"></div>
						<p class="floor-body-info">【京选好货】棉拖鞋女室内情侣冬季居家用保暖厚底防滑家居毛绒月子鞋男士冬天 皮红_ 36-37(建议35-36码的脚穿)</p>
						<div class="floor-body-price color-red"><span class="dollar-txt">¥</span><span  class="dollar-size">26.00</span></div>
					</li>
										<li class="floor-body-item">
						<div class="floor-body-img"><img src="image/floor-01.png"></div>
						<p class="floor-body-info">【京选好货】棉拖鞋女室内情侣冬季居家用保暖厚底防滑家居毛绒月子鞋男士冬天 皮红_ 36-37(建议35-36码的脚穿)</p>
						<div class="floor-body-price color-red"><span class="dollar-txt">¥</span><span  class="dollar-size">26.00</span></div>
					</li>
										<li class="floor-body-item">
						<div class="floor-body-img"><img src="image/floor-01.png"></div>
						<p class="floor-body-info">【京选好货】棉拖鞋女室内情侣冬季居家用保暖厚底防滑家居毛绒月子鞋男士冬天 皮红_ 36-37(建议35-36码的脚穿)</p>
						<div class="floor-body-price color-red"><span class="dollar-txt">¥</span><span  class="dollar-size">26.00</span></div>
					</li>
										<li class="floor-body-item">
						<div class="floor-body-img"><img src="image/floor-01.png"></div>
						<p class="floor-body-info">【京选好货】棉拖鞋女室内情侣冬季居家用保暖厚底防滑家居毛绒月子鞋男士冬天 皮红_ 36-37(建议35-36码的脚穿)</p>
						<div class="floor-body-price color-red"><span class="dollar-txt">¥</span><span  class="dollar-size">26.00</span></div>
					</li>
										<li class="floor-body-item">
						<div class="floor-body-img"><img src="image/floor-01.png"></div>
						<p class="floor-body-info">【京选好货】棉拖鞋女室内情侣冬季居家用保暖厚底防滑家居毛绒月子鞋男士冬天 皮红_ 36-37(建议35-36码的脚穿)</p>
						<div class="floor-body-price color-red"><span class="dollar-txt">¥</span><span  class="dollar-size">26.00</span></div>
					</li>
				</ul>
			</div>
		</div>
   </div>
   <div class="foot">
		<div class="mod-service">
			<ul class="mod-service-list">
				<li class="mod-service-item">
					<h5 class="mod-service-title duo">多</h5>
					<p class="mod-service-txt">品类齐全,轻松购物</p>
				</li>
				<li class="mod-service-item">
					<h5 class="mod-service-title kuai">快</h5>
					<p class="mod-service-txt">多仓直发,极速配送</p>
				</li>
				<li class="mod-service-item">
					<h5 class="mod-service-title hao">好</h5>
					<p class="mod-service-txt">正品行货,精致服务</p>
				</li>
				<li class="mod-service-item">
					<h5 class="mod-service-title sheng">省</h5>
					<p class="mod-service-txt">天天低价,畅选无忧</p>
				</li>
			</ul>
		</div>
		<div class="mod-help">
			<div class="mod-help-nav">
				<h5 class="mod-help-nav-tit">购物指南</h5>
				<ul class="mod-help-nav-list">
					<li class="mod-help-nav-item">购物流程</li>
					<li class="mod-help-nav-item">会员介绍</li>
					<li class="mod-help-nav-item">生活旅行</li>
					<li class="mod-help-nav-item">常见问题</li>
					<li class="mod-help-nav-item">大家电</li>
					<li class="mod-help-nav-item">联系客服</li>
				</ul>
			</div>
			<div class="mod-help-nav">
				<h5 class="mod-help-nav-tit">配送方式</h5>
				<ul class="mod-help-nav-list">
					<li class="mod-help-nav-item">上门自提</li>
					<li class="mod-help-nav-item">211限时达</li>
					<li class="mod-help-nav-item">配送服务查询</li>
					<li class="mod-help-nav-item">配送费收取标准</li>
					<li class="mod-help-nav-item">海外配送</li>
				</ul>
			</div>
			<div class="mod-help-nav">
				<h5 class="mod-help-nav-tit">支付方式</h5>
				<ul class="mod-help-nav-list">
					<li class="mod-help-nav-item">货到付款</li>
					<li class="mod-help-nav-item">在线支付</li>
					<li class="mod-help-nav-item">分期付款</li>
					<li class="mod-help-nav-item">公司转账</li>
				</ul>
			</div>
			<div class="mod-help-nav">
				<h5 class="mod-help-nav-tit">售后服务</h5>
				<ul class="mod-help-nav-list">
					<li class="mod-help-nav-item">售后政策</li>
					<li class="mod-help-nav-item">价格保护</li>
					<li class="mod-help-nav-item">退款说明</li>
					<li class="mod-help-nav-item">返修/退换货</li>
					<li class="mod-help-nav-item">取消订单</li>
				</ul>
			</div>
			<div class="mod-help-nav">
				<h5 class="mod-help-nav-tit">特色服务</h5>
				<ul class="mod-help-nav-list">
					<li class="mod-help-nav-item">夺宝岛</li>
					<li class="mod-help-nav-item">DIY装机</li>
					<li class="mod-help-nav-item">延保服务</li>
					<li class="mod-help-nav-item">京东e卡</li>
					<li class="mod-help-nav-item">京东通信</li>
					<li class="mod-help-nav-item">京东座智能</li>
				</ul>
			</div>
			<div class="mod-help-nav">
				<h5 class="mod-help-nav-tit center">京东自营覆盖区县</h5>
				<p class="mod-help-nav-item">京东已向全国2661个区县提供自营配送服务,支持货到付款、POS机刷卡和售后上门服务。</p>
				<p class="mod-help-nav-more">查看详情</p>
			</div>
		</div>
		<div class="mod-copyright">
			<div class="mod-copyright-links">
				<span class="mod-copyright-item">关于我们</span>
				<span class="mod-copyright-split">|</span>
				<span class="mod-copyright-item">联系我们</span>
				<span class="mod-copyright-split">|</span>
				<span class="mod-copyright-item">招商合作</span>
				<span class="mod-copyright-split">|</span>
				<span class="mod-copyright-item">商家帮助</span>
				<span class="mod-copyright-split">|</span>
				<span class="mod-copyright-item">关于我们</span>
				<span class="mod-copyright-split">|</span>
				<span class="mod-copyright-item">联系我们</span>
				<span class="mod-copyright-split">|</span>
				<span class="mod-copyright-item">招商合作</span>
				<span class="mod-copyright-split">|</span>
				<span class="mod-copyright-item">商帮助家</span>
				<span class="mod-copyright-split">|</span>
				<span class="mod-copyright-item">关于我们</span>
				<span class="mod-copyright-split">|</span>
				<span class="mod-copyright-item">联系我们</span>
				<span class="mod-copyright-split">|</span>
				<span class="mod-copyright-item">招商合作</span>
				<span class="mod-copyright-split">|</span>
				<span class="mod-copyright-item">商帮助家</span>
				<span class="mod-copyright-split">|</span>
				<span class="mod-copyright-item">联系我们</span>
				<span class="mod-copyright-split">|</span>
				<span class="mod-copyright-item">English Site</span>
				<span class="mod-copyright-split">|</span>
				<span class="mod-copyright-item">Media &amp; IR</span>
			</div>
			<div class="mod-copyright-info">
				<div class="mod-copyright-cert">
					<p class="cert-wrap">
						<span class="cert-info">京公网安备 11000002000088号</span>
						<span class="mod-copyright-split">|</span>
						<span class="cert-info">京ICP证070359号</span>
						<span class="mod-copyright-split">|</span>
						<span class="cert-info">互联网药品信息服务资格证编号()-经营性-2014-0008</span>
						<span class="mod-copyright-split">|</span>
						<span class="cert-info">新出发京零 字第大120007号</span>
					</p>
					<p class="cert-wrap">
						<span class="cert-info">互联网出版许可证编号新出网证()字150号</span>
						<span class="mod-copyright-split">|</span>
						<span class="cert-info">出版物经营许可证</span>
						<span class="mod-copyright-split">|</span>
						<span class="cert-info">网络文化经营许可证京网文[2014]2148-348号</span>
						<span class="mod-copyright-split">|</span>
						<span class="cert-info">违法和不良信息举报电话:4006561155</span>
					</p>
					<p class="cert-wrap">
						<span class="cert-info">Copyright © 2004 - 2020  京东JD.com 版权所有</span>
						<span class="mod-copyright-split">|</span>
						<span class="cert-info">消费者维权热线:4006067733经营证照</span>
						<span class="mod-copyright-split">|</span>
						<span class="cert-info">()网械平台备字(2018)第00003号</span>
						<span class="mod-copyright-split">|</span>
						<span class="cert-info">营业执照</span>
					</p>
					<p class="cert-wrap">
						<span class="cert-img cert-img-item0"></span>
						<span class="cert-info ">Global Site</span>
						<span class="mod-copyright-split">|</span>
						<span class="cert-img cert-img-item1"></span>
						<span class="cert-info">Сайт России</span>
						<span class="mod-copyright-split">|</span>
						<span class="cert-img cert-img-item2"></span>
						<span class="cert-info">Situs Indonesia</span>
						<span class="mod-copyright-split">|</span>
						<span class="cert-img cert-img-item3"></span>
						<span class="cert-info">Sitio de España</span>
						<span class="mod-copyright-split">|</span>
						<span class="cert-img cert-img-item4"></span>
						<span class="cert-info">เว็บไซต์ประเทศไทย</span>
					</p>
					<p class="cert-wrap">
						<span class="cert-info">京东旗下网站:京东钱包</span>
						<span class="mod-copyright-split">|</span>
						<span class="cert-info">京东云</span>
					</p>
					<p>
						<span class="mod_copyright_auth auth0">可信网站信用评估</span>
						<span class="mod_copyright_auth auth1">网络警察提醒你</span>
						<span class="mod_copyright_auth auth2">诚信网站</span>
						<span class="mod_copyright_auth auth3">中国互联网举报中心</span>
						<span class="mod_copyright_auth auth4">网络举报APP下载</span>
					</p>
				</div>
			</div>
		</div>
   </div>
</body>
</html>
发布了64 篇原创文章 · 获赞 0 · 访问量 1621

猜你喜欢

转载自blog.csdn.net/lucky_girl_girl/article/details/104629187