<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>京东(JD.COM)</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="icon" href="favicon.ico">
</head>
<body>
<!-- topad area -->
<div class="topad">
<div class="inner_c" style="position: relative;">
<a class="topad_lk" href="#"></a>
<i class="topad_close iconfont"> </i>
</div>
</div>
<!-- shortcut area -->
<div class="shortcut">
<div class="inner_c">
<ul class="fl">
<li class="mycity dorpdown">
<div class="dt cw_icon">
<i class="iconfont"> </i>
<span>北京</span>
</div>
<div class="dd dorpdown_layer">
<div class="mycity_list" style="left: auto;">
<div class="item"><a class="selected" href="#">北京</a></div>
<div class="item"><a href="#">上海</a></div>
<div class="item"><a href="#">天津</a></div>
<div class="item"><a href="#">重庆</a></div>
<div class="item"><a href="#">河北</a></div>
<div class="item"><a href="#">山西</a></div>
<div class="item"><a href="#">河南</a></div>
<div class="item"><a href="#">辽宁</a></div>
<div class="item"><a href="#">吉林</a></div>
<div class="item"><a href="#">黑龙江</a></div>
<div class="item"><a href="#">内蒙古</a></div>
<div class="item"><a href="#">江苏</a></div>
<div class="item"><a href="#">山东</a></div>
<div class="item"><a href="#">安徽</a></div>
<div class="item"><a href="#">浙江</a></div>
<div class="item"><a href="#">福建</a></div>
<div class="item"><a href="#">湖北</a></div>
<div class="item"><a href="#">湖南</a></div>
<div class="item"><a href="#">广东</a></div>
<div class="item"><a href="#">广西</a></div>
<div class="item"><a href="#">江西</a></div>
<div class="item"><a href="#">四川</a></div>
<div class="item"><a href="#">海南</a></div>
<div class="item"><a href="#">贵州</a></div>
<div class="item"><a href="#">云南</a></div>
<div class="item"><a href="#">西藏</a></div>
<div class="item"><a href="#">陕西</a></div>
<div class="item"><a href="#">甘肃</a></div>
<div class="item"><a href="#">青海</a></div>
<div class="item"><a href="#">宁夏</a></div>
<div class="item"><a href="#">新疆</a></div>
<div class="item"><a href="#">港澳</a></div>
<div class="item"><a href="#">台湾</a></div>
<div class="item"><a href="#">钓鱼岛</a></div>
<div class="item"><a href="#">海外</a></div>
</div>
</div>
</li>
</ul>
<ul class="fr">
<li class="loginregist">
<a class="login_lk" href="#">你好,请登录</a>
<a class="regist_lk" href="#">免费注册</a>
</li>
<li class="spacer"></li>
<li>
<div class="dt">
<a href="#">我的订单</a>
</div>
</li>
<li class="spacer"></li>
<li class="dorpdown">
<div class="dt cw_icon">
<a href="#">我的京东</a>
<i class="iconfont"> </i>
</div>
</li>
<li class="spacer"></li>
<li>
<div class="dt">
<a href="#">京东会员</a>
</div>
</li>
<li class="spacer"></li>
<li>
<div class="dt">
<a href="#">企业采购</a>
</div>
</li>
<li class="spacer"></li>
<li class="dorpdown">
<div class="dt cw_icon">
<a href="#">客户服务</a>
<i class="iconfont"> </i>
</div>
</li>
<li class="spacer"></li>
<li class="dorpdown">
<div class="dt cw_icon">
<a href="#">网站导航</a>
<i class="iconfont"> </i>
</div>
</li>
<li class="spacer"></li>
<li class="mobile">
<div class="dt mobile_txt">手机京东</div>
</li>
</ul>
</div>
</div>
<!-- header start -->
<div class="header">
<div class="inner_c">
<!-- logo area -->
<div class="logo">
<h1 class="logo_tit">
<a class="logo_lk" href="https://www.jd.com">京东</a>
</h1>
</div>
<!-- searchbox area -->
<div class="search">
<div class="form">
<input type="text" class="text" value="程序员必备技能">
<span class="photo"></span>
<button class="button"><i class="iconfont"> </i></button>
</div>
</div>
<!-- cart area -->
<div class="settleup dorpdown">
<div class="cw_icon">
<i class="iconfont"> </i>
<a href="#">我的购物车</a>
<i class="count">0</i>
</div>
<div class="dorpdown_layer">
<div class="cart">
<div class="cart_empty">
<i class="cart_empty_img"></i>
购物车中还没有商品,赶紧选购吧!
</div>
</div>
</div>
</div>
<!-- hotwords area -->
<div class="hotwords">
<a href="#" class="style_red">智能冰箱</a>
<a href="#">领券减400</a>
<a href="#">农药7折</a>
<a href="#">女鞋499减80</a>
<a href="#">5折试用</a>
<a href="#">花洒套装</a>
<a href="#">按摩椅</a>
<a href="#">全民吃货日</a>
<a href="#">酒柜</a>
</div>
<!-- topnav area -->
<div class="navitems">
<ul class="fl">
<li><a href="#">秒杀</a></li>
<li><a href="#">优惠券</a></li>
<li><a href="#">闪购</a></li>
<li><a href="#">拍卖</a></li>
</ul>
<div class="spacer"></div>
<ul class="fl">
<li><a href="#">服装城</a></li>
<li><a href="#">京东超市</a></li>
<li><a href="#">生鲜</a></li>
<li><a href="#">全球购</a></li>
</ul>
<div class="spacer"></div>
<ul class="fl">
<li><a href="#">京东金融</a></li>
</ul>
</div>
<!-- treasure area -->
<div class="treasure"><a href="#"></a></div>
</div>
</div>
<!-- header end -->
<!-- club_link area -->
<div class="club">
<div class="inner_c">
<div class="club_col1">
<ul class="cate_menu">
<li class="cate_menu_item"><a href="#" class="cate_menu_lk">家用电器</a></li>
<li class="cate_menu_item">
<a href="#" class