<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>仿京东静态页面</title>
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/index.css"/>
<link rel="shortcut icon" href="favicon.ico" /></head>
<body>
<div class="shortcut">
<div class="w">
<div class="fl">
<div class="dt">
送至:北京
<i>
<s>◇</s>
</i>
</div>
</div>
<div class="fr">
<ul>
<li>
<a href="#">你好,请登录</a>
<a href="#" class="col-red">免费注册</a>
</li>
<li class="line"></li>
<li>我的订单</li>
<li class="line"></li>
<li class="fore">我的京东
<i> <s>◇</s></i>
</li>
<li class="line"></li>
<li class="fore">京东会员
<i> <s>◇</s></i>
</li>
<li class="line"></li>
<li>企业采购</li>
<li class="line"></li>
<li class="fore tel-jd">
<em class="tel"></em>
手机京东
<i> <s>◇</s></i>
</li>
<li class="line"></li>
<li class="fore">关注京东
<i> <s>◇</s></i>
</li>
<li class="line"></li>
<li class="fore">客户服务
<i> <s>◇</s></i>
</li>
<li class="line"></li>
<li class="fore">网站导航
<i> <s>◇</s></i>
</li>
</ul>
</div>
</div>
</div>
<div class="topbanner">
<div class="w">
<img src="images/topbanner.jpg" alt="">
<a class="close-banner" href="#"></a>
</div>
</div>
<div class="w clearfix">
<div class="logo">
<a class="jd-a" href="#" taget="_blank">京东</a>
<div class="db11">
<a href="#"><img src="images/dong.gif"></a>
</div>
</div>
<div class="search">
<input type="text" value="图书开抢">
<button>搜索</button>
</div>
<div class="car">
<a href="#">我的购物车</a>
<span class="icon1"></span>
<span class="icon2">></span>
<span class="icon3">8</span>
</div>
<div class="hotwords">
<a href="#" class="col-red">11月11天</a>
<a href="#">11.11秒杀</a>
<a href="#">买2免1</a>
<a href="#">Note5 黑</a>
<a href="#">12期免息</a>
<a href="#">智能科技</a>
<a href="#">清仓</a>
<a href="#">国际服饰</a>
<a href="#">优惠券</a>
</div>
</div>
<!--导航-->
<div class="jd-nav"><!--这里注意要清除浮动 因为子元素浮动了前提是footer没写清除 而不是position的影响清除浮动就是清除浮动的影响不关定位的事-->
<div class="w">
<div class="dropdown">
<div class="dt"><a href="#">全部商品分类</a></div>
<div class="dd">
<div class="items">
<h3>家用电器</h3>
<span>></span>
</div>
<div class="items">
<h3>手机、数码、京东通信</h3>
<span>></span>
</div>
<div class="items">
<h3>家用电器</h3>
<span>></span>
</div>
<div class="items">
<h3>手机、数码、京东通信</h3>
<span>></span>
</div>
<div class="items">
<h3>家用电器</h3>
<span>></span>
</div>
<div class="items">
<h3>手机、数码、京东通信</h3>
<span>></span>
</div>
<div class="items">
<h3>家用电器</h3>
<span>></span>
</div>
<div class="items">
<h3>手机、数码、京东通信</h3>
<span>></span>
</div>
<div class="items">
<h3>家用电器</h3>
<span>></span>
</div>
<div class="items">
<h3>手机、数码、京东通信</h3>
<span>></span>
</div>
<div class="items">
<h3>家用电器</h3>
<span>></span>
</div>
<div class="items">
<h3>手机、数码、京东通信</h3>
<span>></span>
</div>
<div class="items">
<h3>家用电器</h3>
<span>></span>
</div>
<div class="items">
<h3>手机、数码、京东通信</h3>
<span>></span>
</div>
</div>
</div>
<div class="navitems">
<ul>
<li><a href="#">服装城</a></li>
<li><a href="#">美妆馆</a></li>
<li><a href="#">超市</a></li>
<li><a href="#">全球购</a></li>
<li><a href="#">闪购</a></li>
<li class="new"><a href="#">团购</a></li>
<li><a href="#">拍卖</a></li>
<li><a href="#">金融</a></li>
<li><a href="#">智能</a></li>
</ul>
</div>
<div class="bike">
<a href="#"></a>
</div>
</div>
</div>
<!--导航结束-->
<!--大的banner-->
<div class="bigbanner clearfix">
<a href="#"></a>
</div>
<div class="w main clearfix">
<div class="slide">
<i class="left"><</i>
<i class="right">></i>
</div>
<div class="news clearfix">
<div class="jd-news">
<div class="dt">
<h3>京东快报</h3>
<span><a href="#">更多></a></span>
</div>
<div class="dd">
<ul>
<li>
<a><span>[特惠]</span>
1元秒杀
</a>
</li>
<li>
<a><span>[公告]</span>
母婴类APP【京东宝宝】上线
</a>
</li>
<li>
<a><span>[特惠]</span>
美的品牌日APP嗨购大放“价”
</a>
</li>
<li>
<a><span>[特惠]</span>
美的品牌日APP嗨购大放“价”
</a>
</li>
<li>
<a><span>[特惠]</span>
美的品牌日APP嗨购大放“价”
</a>
</li>
</ul>
</div>
</div>
<div class="lifeservice">
<div class="dt">生活服务</div>
<div class="dd">
<ul>
<li class="lifeservi-icon1">
<a href="#">
<i></i>
<span>话费</span>
</a>
</li>
<li class="lifeservi-icon1">
<