<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>苏宁商城网</title>
<link rel="shortcut icon" href="//ssl.suning.com/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/font.css" />
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<script src="./js/jquery-3.2.1.min.js"></script>
<script src="./js/show.js"></script>
<script src="./js/webp.js"></script>
</head>
<body>
<header>
<!--顶部导航start-->
<link rel="stylesheet" href="css/header-nav.css" />
<nav class="top-nav">
<div class="inner clearfix">
<ul class="left">
<li><a id="collect" href="#"><i class="icon-collect"></i> 收藏苏宁</a></li>
<li><a id="login" href="#">登陆</a></li>
<li><a id="registe" href="#">注册</a></li>
</ul>
<ul class="right">
<li><a href="#">我的订单</a></li>
<li><a href="#">我的苏宁<i class="down-arrow"></i></a></li>
<li><a href="#">最近浏览<i class="down-arrow"></i></a></li>
<li><a href="#">联系客服<i class="down-arrow"></i></a></li>
<li><a href="#">我是商家<i class="down-arrow"></i></a></li>
<li><a href="#">代理商招募<i class="down-arrow"></i></a></li>
<li><a href="#">更多<i class="down-arrow"></i></a></li>
</ul>
</div>
</nav>
<!--顶部导航end-->
<!--图标和搜索start-->
<link rel="stylesheet" type="text/css" href="css/header-branding.css"/>
<div id="header-branding">
<div>
<h1>
<a href="#" class="site-logo">
<img src="./img/sn1.png" alt="北京苏宁网">
</a>
</h1>
<div class="city">
<h2><a href="#">北京</a></h2>
<a class="switch-city" href="#">切换城市</a>
</div>
</div>
<div class="search-box">
<form class="clearfix" action="http://www.meituan.com/s/" method="get">
<div class="group-buying">
<div>苏宁</div>
<i class="down-arrow"></i>
</div>
<input type="text" name="w" placeholder="请输入商品名称、地址等" autocomplete="off" />
<input type="submit" value="搜索" />
</form>
<div class="hot-search">
<a class="hot-link" href="#" >取暖器</a>
<a class="hot-link" href="#" >苏泊尔9.9元抢</a>
<a class="hot-link" href="#" >荣耀手机</a>
<a class="hot-link" href="#" >空调</a>
<a class="hot-link" href="#" >羽绒服</a>
<a class="hot-link" href="#" >牛奶</a>
<a class="hot-link" href="#" >笔记本</a>
<a class="hot-link" href="#" >生鲜</a>
<a class="hot-link" href="#" >生活家电</a>
</div>
</div>
<div class="commitment">
<a href="">
<span class="commitment-item">
<i class="icon-commitment-1"></i>
随时退
</span>
<span class="commitment-item">
<i class="icon-commitment-2"></i>
不满意免单
</span>
<span class="commitment-item">
<i class="icon-commitment-3"></i>
过期退
</span>
</a>
</div>
</div>
<!--图标和搜索end-->
<!--导航2start-->
<link rel="stylesheet" type="text/css" href="css/header-bottom-nav.css"/>
<div class="bottom-nav clearfix">
<div class="all-category">
<span>全部分类</span>
<!--分类导航-->
<ul class="category-nav-level-1">
<li class="category-nav-item-1">
<dl class="category-nav-level-2 clearfix">
<dt><a href="#">手机</a></dt>
<dd><a href="#">运营商</a></dd>
<dd><a href="#">智能数码</a></dd>
</dl>
<i class="icon-right-arrow-bold"></i>
<div class="detailed active1">
<div class="food">
<h2>手机</h2>
<p>
更多>
</p>
</div>
<div class="classify">
<span>苹果手机</span>
<span>金立手机</span>
<span>oppo手机</span>
<span>华为手机</span>
<span>小米手机</span>
<span>努比亚手机</span>
<span>以旧换新</span>
<span>手机维修</span>
<span>正品行货</span>
</div>
</div>
</li>
<li class="category-nav-item-1">
<dl class="category-nav-level-2 clearfix">
<dt><a href="#">家用电器</a></dt>
<dd><a href="#">电视</a>/<a href="#">空调</a></dd>
</dl>
<i class="icon-right-arrow-bold"></i>
<div class="detailed active2">
<div class="food">
<h2>家用电器</h2>
<p>
更多>
</p>
</div>
<div class="classify">
<span>液晶电视</span>
<span>平板电视</span>
<span>4K超清</span>
<span>海信</span>
<span>PPTV</span>
<span>三星</span>
<span>长虹</span>
</div>
</div>
</li>
<li class="category-nav-item-1">
<dl class="category-nav-level-2 clearfix">
<dt ><a href="#">电脑办公</a>/<a href="#" >个性化定制</a></dt>
</dl>
<i class="icon-right-arrow-bold"></i>
<div class="detailed active3">
<div class="food">
<h2>电脑办公</h2>
<p>
更多>
</p>
</div>
<div class="classify">
<span>笔记本</span>
<span>一体机</span>
<span>游戏本</span>
<span>路由器</span>
<span>无线网卡</span>
<span>鼠标</span>
<span>主机</span>
<span>移动硬盘</span>
</div>
<div class="food">
<h2>个性化定制</h2>
<p>
更多>
</p>
</div>
<div class="classify">
<span>程序员标配</span>
<span>时尚白领专属</span>
<span>居家旅行必备</span>
<span>送人首选</span>
<span>DIY</span>
<span>高逼格</span>
<span>有新意</span>
<span>投影机</span>
<span>打印机</span>
<span>马克笔</span>
</div>
</div>
</li>
<li class="category-nav-item-1">
<dl class="category-nav-level-2 clearfix">
<dt><a href="#">家居/家具/家装</a></dt>
</dl>
<div class="detailed active4">
<div class="food">
<h2>家纺</h2>
<p>
更多>
</p>
</div>
<div class="classify">
<span>床品套件</span>
<span>枕芯</span>
<span>鸭绒被</span>
<span>被单</span>
<span>被罩</span>
<span>毛毯</span>
<span>毛巾被</span>
<span>窗纱</span>
</div>
<div class="food">
<h2>家具</h2>
<p>
更多>
</p>
</div>
<div class="classify">
<span>圆形舒适床</span>
<span>实木衣柜</span>
<span>真皮沙发</span>
<span>时尚挂壁</span>
<span>餐桌</span>
<span>电视柜</span>
<span>电脑椅</span>
<span>茶几</span>
<span>地板</span>
<span>书房家具</span>
<span>置物架</span>
<span>床垫</span>
<span>电脑桌</span>
<span>酒柜</span>
<span>地毯</span>
<span>厨房橱柜</span>
</div>
</div>
</li>
<li class="category-nav-item-1">
<dl class="category-nav-level-2 clearfix">
<dt><a href="#">男装/女装</a></dt>
<dd><a href="#">足球骑行</a></dd>
<dd><a href="#">运动户外</a></dd>
</dl>
<i class="icon-right-arrow-bold"></i>
<div class="detailed active5">