master

分支 (1)

管理

管理

master

css
/
尚品汇.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/shangpinhui_index.css">
    <title>尚品汇.html</title>
    <style></style>
</head>

<body>
    <div class="topbar">
        <div class="container">
            <div class="welcome">
                <span class="hello">尚品汇欢迎你</span>
                <span>请</span>
                <a href="#" class="login">登录</a>
                <a href="#" class="register">免费注册</a>
            </div>
            <div class="topbar-nav">
                <ul class="nav-list">
                    <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><a href="#">关注尚品汇</a></li>
                    <li><a href="#">合作招商</a></li>
                    <li><a href="#">商家后台</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="header">
        <div class="container">
            <div class="logo">
                <img src="./img/logo copy.png" alt="">
            </div>
            <div class="search">
                <input type="text" placeholder="请输入关键词">
                <button></button>
            </div>
        </div>
    </div>

    <div class="main-nav">
        <div class="container">
            <div class="alltypes">全部商品分类</div>
            <ul class="main-nav-list">
                <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><a href="#">plus会员</a></li>
                <li><a href="#">进口好物</a></li>
                <li><a href="#">品牌闪购</a></li>
                <li><a href="#">拍卖</a></li>
                <li><a href="#">五金店</a></li>
            </ul>
        </div>
    </div>

    <div class="main-content">
        <div class="container">
            <ul class="slide-menu">
                <li>
                    <!-- 一级菜单 -->
                    <a href="#">手机/运营商/数码</a>
                    <!-- 二级菜单 --></a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">电子书刊</a></dt>
                            <dd><a href="#">电子书</a></dd>
                            <dd><a href="#">网络原创</a></dd>
                            <dd><a href="#">数字杂志</a></dd>
                            <dd><a href="#">多媒体图书</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">音像</a></dt>
                            <dd><a href="#">音乐</a></dd>
                            <dd><a href="#">影视</a></dd>
                            <dd><a href="#">教育音像</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">英文原版</a></dt>
                            <dd><a href="#">少儿</a></dd>
                            <dd><a href="#">商务投资</a></dd>
                            <dd><a href="#">英语学习考试</a></dd>
                            <dd><a href="#">文学</a></dd>
                            <dd><a href="#">传记</a></dd>
                            <dd><a href="#">励志</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">文艺</a></dt>
                            <dd><a href="#">小说</a></dd>
                            <dd><a href="#">文学</a></dd>
                            <dd><a href="#">青春文学</a></dd>
                            <dd><a href="#">传记</a></dd>
                            <dd><a href="#">艺术</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">少儿</a></dt>
                            <dd><a href="#">胎教</a></dd>
                            <dd><a href="#">0-2岁</a></dd>
                            <dd><a href="#">3-6岁</a></dd>
                            <dd><a href="#">7-10岁</a></dd>
                            <dd><a href="#">11-14岁</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">人文社科</a></dt>
                            <dd><a href="#">历史</a></dd>
                            <dd><a href="#">哲学</a></dd>
                            <dd><a href="#">国学</a></dd>
                            <dd><a href="#">政治/军事</a></dd>
                            <dd><a href="#">法律</a></dd>
                            <dd><a href="#">人文社科</a></dd>
                            <dd><a href="#">心理学</a></dd>
                            <dd><a href="#">文化</a></dd>
                            <dd><a href="#">社会科学</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">经管励志</a></dt>
                            <dd><a href="#">经济</a></dd>
                            <dd><a href="#">金融与投资</a></dd>
                            <dd><a href="#">管理</a></dd>
                            <dd><a href="#">励志与成功</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">生活</a></dt>
                            <dd><a href="#">健康与保健</a></dd>
                            <dd><a href="#">家庭与育儿</a></dd>
                            <dd><a href="#">旅游</a></dd>
                            <dd><a href="#">烹饪美食</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">科技</a></dt>
                            <dd><a href="#">工业技术</a></dd>
                            <dd><a href="#">科普读物</a></dd>
                            <dd><a href="#">建筑</a></dd>
                            <dd><a href="#">医学</a></dd>
                            <dd><a href="#">科学与自然</a></dd>
                            <dd><a href="#">计算机与互联网</a></dd>
                            <dd><a href="#">电子通信</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">教育</a></dt>
                            <dd><a href="#">中小学教辅</a></dd>
                            <dd><a href="#">教育与考试</a></dd>
                            <dd><a href="#">外语学习</a></dd>
                            <dd><a href="#">大中专教材</a></dd>
                            <dd><a href="#">科学与自然</a></dd>
                            <dd><a href="#">字典词典</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">艺术与收藏</a></dt>
                            <dd><a href="#">经济管理</a></dd>
                            <dd><a href="#">文化与艺术</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">其他</a></dt>
                            <dd><a href="#">工具书</a></dd>
                            <dd><a href="#">杂志期刊</a></dd>
                            <dd><a href="#">套装书</a></dd>
                            <dd><a href="#">打折图书</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">电脑/办公</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">手机通讯</a></dt>
                            <dd><a href="#">手机</a></dd>
                            <dd><a href="#">对讲机</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">运营商</a></dt>
                            <dd><a href="#">合约机</a></dd>
                            <dd><a href="#">选号中心</a></dd>
                            <dd><a href="#">装宽带</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">手机配件</a></dt>
                            <dd><a href="#">移动电源</a></dd>
                            <dd><a href="#">蓝牙耳机</a></dd>
                            <dd><a href="#">充电器</a></dd>
                            <dd><a href="#">数据线</a></dd>
                            <dd><a href="#">苹果周边</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">家具/家居/家装/厨具</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">大家电</a></dt>
                            <dd><a href="#">平板电视</a></dd>
                            <dd><a href="#">空调</a></dd>
                            <dd><a href="#">冰箱</a></dd>
                            <dd><a href="#">洗衣机</a></dd>
                            <dd><a href="#">迷你音响</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">厨卫家电</a></dt>
                            <dd><a href="#">燃气灶</a></dd>
                            <dd><a href="#">油烟机</a></dd>
                            <dd><a href="#">热水器</a></dd>
                            <dd><a href="#">消毒柜</a></dd>
                            <dd><a href="#">洗碗机</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">厨卫小电</a></dt>
                            <dd><a href="#">料理机</a></dd>
                            <dd><a href="#">榨汁机</a></dd>
                            <dd><a href="#">电饭煲</a></dd>
                            <dd><a href="#">压力锅</a></dd>
                            <dd><a href="#">豆浆机</a></dd>
                            <dd><a href="#">咖啡机</a></dd>
                            <dd><a href="#">微波炉</a></dd>
                            <dd><a href="#">电磁炉</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">生活电器</a></dt>
                            <dd><a href="#">取暖电器</a></dd>
                            <dd><a href="#">净化器</a></dd>
                            <dd><a href="#">加湿器</a></dd>
                            <dd><a href="#">扫地机器人</a></dd>
                            <dd><a href="#">吸尘器</a></dd>
                            <dd><a href="#">挂烫机</a></dd>
                            <dd><a href="#">电话机</a></dd>
                            <dd><a href="#">电风扇</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">个护健康</a></dt>
                            <dd><a href="#">剃须刀</a></dd>
                            <dd><a href="#">脱毛器</a></dd>
                            <dd><a href="#">口腔护理</a></dd>
                            <dd><a href="#">电吹风</a></dd>
                            <dd><a href="#">美容仪</a></dd>
                            <dd><a href="#">理发器</a></dd>
                            <dd><a href="#">按摩椅</a></dd>
                            <dd><a href="#">血压计</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">男装/女装/童装/内衣</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">摄影摄像</a></dt>
                            <dd><a href="#">数码现货即</a></dd>
                            <dd><a href="#">拍立得</a></dd>
                            <dd><a href="#">镜头</a></dd>
                            <dd><a href="#">户外器材</a></dd>
                            <dd><a href="#">数码相框</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">数码配件</a></dt>
                            <dd><a href="#">存储卡</a></dd>
                            <dd><a href="#">读卡器</a></dd>
                            <dd><a href="#">滤镜</a></dd>
                            <dd><a href="#">相机包</a></dd>
                            <dd><a href="#">数码支架</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">智能设备</a></dt>
                            <dd><a href="#">智能手环</a></dd>
                            <dd><a href="#">智能眼镜</a></dd>
                            <dd><a href="#">健康监测</a></dd>
                            <dd><a href="#">体感车</a></dd>
                            <dd><a href="#">无人机</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">美妆/个护清洁/宠物</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">宠物生活</a></dt>
                            <dd><a href="#">宠物粮食</a></dd>
                            <dd><a href="#">宠物零食</a></dd>
                            <dd><a href="#">医疗保健</a></dd>
                            <dd><a href="#">宠物玩具</a></dd>
                            <dd><a href="#">出行装备</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">生活日用</a></dt>
                            <dd><a href="#">保暖防护</a></dd>
                            <dd><a href="#">收纳用品</a></dd>
                            <dd><a href="#">雨伞雨具</a></dd>
                            <dd><a href="#">浴室用品</a></dd>
                            <dd><a href="#">洗漱用品</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">女鞋/箱包/钟表/珠宝</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">电脑整机</a></dt>
                            <dd><a href="#">笔记本电脑</a></dd>
                            <dd><a href="#">台式机</a></dd>
                            <dd><a href="#">超极本</a></dd>
                            <dd><a href="#">游戏本</a></dd>
                            <dd><a href="#">平板电脑</a></dd>
                            <dd><a href="#">平板配件</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">电脑配件</a></dt>
                            <dd><a href="#">CPU</a></dd>
                            <dd><a href="#">主板</a></dd>
                            <dd><a href="#">显卡</a></dd>
                            <dd><a href="#">硬盘</a></dd>
                            <dd><a href="#">SSD固态硬盘</a></dd>
                            <dd><a href="#">内存</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">男鞋/运动/户外</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">刀剪菜板</a></dt>
                            <dd><a href="#">菜刀</a></dd>
                            <dd><a href="#">剪刀</a></dd>
                            <dd><a href="#">多功能刀</a></dd>
                            <dd><a href="#">道具套装</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">水具酒具</a></dt>
                            <dd><a href="#">塑料杯</a></dd>
                            <dd><a href="#">运动水壶</a></dd>
                            <dd><a href="#">保温杯</a></dd>
                            <dd><a href="#">保温壶</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">房产/汽车/汽车用品</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">清洁用品</a></dt>
                            <dd><a href="#">纸巾湿巾</a></dd>
                            <dd><a href="#">清洁工具</a></dd>
                            <dd><a href="#">驱虫用品</a></dd>
                            <dd><a href="#">家庭清洁</a></dd>
                            <dd><a href="#">皮具护理</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">面部护肤</a></dt>
                            <dd><a href="#">洁面乳</a></dd>
                            <dd><a href="#">面膜</a></dd>
                            <dd><a href="#">防晒</a></dd>
                            <dd><a href="#">隔离</a></dd>
                            <dd><a href="#">爽肤水</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">母婴/玩具乐器</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">男装</a></dt>
                            <dd><a href="#">衬衫</a></dd>
                            <dd><a href="#">针织衫</a></dd>
                            <dd><a href="#">夹克</a></dd>
                            <dd><a href="#">风衣</a></dd>
                            <dd><a href="#">牛仔裤</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">女装</a></dt>
                            <dd><a href="#">雪纺衫</a></dd>
                            <dd><a href="#">休闲裤</a></dd>
                            <dd><a href="#">小西装</a></dd>
                            <dd><a href="#">皮衣</a></dd>
                            <dd><a href="#">羽绒服</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">食品/酒类/生鲜/特产</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">钟表</a></dt>
                            <dd><a href="#">男表</a></dd>
                            <dd><a href="#">瑞士表</a></dd>
                            <dd><a href="#">女表</a></dd>
                            <dd><a href="#">风衣</a></dd>
                            <dd><a href="#">智能手表</a></dd>
                            <dd><a href="#">闹钟</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">艺术/礼品鲜花/农资绿植</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">流行男鞋</a></dt>
                            <dd><a href="#">休闲鞋</a></dd>
                            <dd><a href="#">商务鞋</a></dd>
                            <dd><a href="#">功能鞋</a></dd>
                            <dd><a href="#">布鞋</a></dd>
                            <dd><a href="#">人字拖</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">时尚女鞋</a></dt>
                            <dd><a href="#">高跟鞋</a></dd>
                            <dd><a href="#">凉鞋</a></dd>
                            <dd><a href="#">雪地靴</a></dd>
                            <dd><a href="#">筒靴</a></dd>
                            <dd><a href="#">内增高</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">医药保健/计生情趣</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">营养辅食</a></dt>
                            <dd><a href="#">维生素</a></dd>
                            <dd><a href="#">面条</a></dd>
                            <dd><a href="#">益生菌</a></dd>
                            <dd><a href="#">钙铁锌硒</a></dd>
                            <dd><a href="#">DHA</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">妈妈专区</a></dt>
                            <dd><a href="#">孕妇装</a></dd>
                            <dd><a href="#">孕妇护肤</a></dd>
                            <dd><a href="#">防辐射服</a></dd>
                            <dd><a href="#">产后塑身</a></dd>
                            <dd><a href="#">月子装</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">图书/文娱/教育/电子书</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">流行皮包</a></dt>
                            <dd><a href="#">钱包</a></dd>
                            <dd><a href="#">手包</a></dd>
                            <dd><a href="#">钥匙包</a></dd>
                            <dd><a href="#">手提包</a></dd>
                            <dd><a href="#">公文包</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">婚庆</a></dt>
                            <dd><a href="#">婚庆首饰</a></dd>
                            <dd><a href="#">婚纱摄影</a></dd>
                            <dd><a href="#">婚宴</a></dd>
                            <dd><a href="#">婚庆服务</a></dd>
                            <dd><a href="#">婚纱礼服</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">机票/酒店/旅游/生活</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">地方特产</a></dt>
                            <dd><a href="#">北京</a></dd>
                            <dd><a href="#">新疆</a></dd>
                            <dd><a href="#">四川</a></dd>
                            <dd><a href="#">福建</a></dd>
                            <dd><a href="#">重庆</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">进口食品</a></dt>
                            <dd><a href="#">饼干果干</a></dd>
                            <dd><a href="#">巧克力</a></dd>
                            <dd><a href="#">牛奶</a></dd>
                            <dd><a href="#">调味食品</a></dd>
                            <dd><a href="#">休闲零食</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">众筹/白条/保险/企业金融</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">木手串</a></dt>
                            <dd><a href="#">小叶紫檀</a></dd>
                            <dd><a href="#">黄花梨</a></dd>
                            <dd><a href="#">禅香木</a></dd>
                            <dd><a href="#">金丝楠</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">钻石</a></dt>
                            <dd><a href="#">裸钻</a></dd>
                            <dd><a href="#">钻戒</a></dd>
                            <dd><a href="#">耳饰</a></dd>
                            <dd><a href="#">手镯</a></dd>
                            <dd><a href="#">手链</a></dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="#">安装/维修/清洗/二手</a>
                    <div class="second-menu">
                        <dl class="second-menu-list">
                            <dt><a href="#">二手家电</a></dt>
                            <dd><a href="#">洗衣机</a></dd>
                            <dd><a href="#">烘干机</a></dd>
                            <dd><a href="#">烤箱</a></dd>
                            <dd><a href="#">微波炉</a></dd>
                        </dl>
                        <dl class="second-menu-list">
                            <dt><a href="#">上门清洗</a></dt>
                            <dd><a href="#">油烟机</a></dd>
                            <dd><a href="#">橱柜</a></dd>
                            <dd><a href="#">灶台</a></dd>
                            <dd><a href="#">锅</a></dd>
                            <dd><a href="#">燃气灶</a></dd>
                        </dl>
                    </div>
                </li>
            </ul>
            <div class="banner">
                <img src="./img/banner主图.png" alt="">
            </div>
            <div class="slide-other">
                <div class="top">
                    <div class="msg">
                        <div class="title">
                            <span class="title-left">尚品快报</span>
                            <span class="more"><a>更多>></a></span>
                        </div>
                        <ul class="msg-list">
                            <li class="msg-item"><a>[特惠] 毛衣+直筒裤，才是YYDS。</a></li>
                            <li class="msg-item"><a>[特惠] 超大容量的满足感来啥子于</a></li>
                            <li class="msg-item"><a>[特惠] 每日一件，衣柜满到塞不下。</a></li>
                            <li class="msg-item"><a>[特惠] 媳妇儿再买，我就疯给他看。</a></li>
                        </ul>
                    </div>
                </div>
                <div class="bottom">
                    <div class="img-item">
                        <div class="picture picture1"></div>
                        <span>话费</span>
                    </div>
                    <div class="img-item">
                        <div class="picture picture2"></div>
                        <span>火车票</span>
                    </div>
                    <div class="img-item">
                        <div class=" picture picture3"></div>
                        <span>加油卡</span>
                    </div>
                    <div class="img-item">
                        <div class=" picture picture4"></div>
                        <span>白条</span>
                    </div>
                    <div class="img-item">
                        <div class=" picture picture5"></div>
                        <span>电影票</span>
                    </div>
                    <div class="img-item">
                        <div class=" picture picture6"></div>
                        <span>酒店</span>
                    </div>
                    <div class="img-item">
                        <div class=" picture picture7"></div>
                        <span>理财</span>
                    </div>
                    <div class="img-item">
                        <div class=" picture picture8"></div>
                        <span>机票</span>
                    </div>
                    <div class="img-item">
                        <div class=" picture picture9"></div>
                        <span>礼品卡</span>
                    </div>
                    <div class="img-item">
                        <div class=" picture picture10"></div>
                        <span>彩票</span>
                    </div>
                    <div class="img-item">
                        <div class=" picture picture11"></div>
                        <span>游戏</span>
                    </div>
                    <div class="img-item">
                        <div class=" picture picture12"></div>
                        <span>众筹</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="pic-nav container">
        <div class="seckill">
            <img src="./img/seckill.png" alt="">
        </div>
        <div class="other">
            <img src="./img/banner1.png" alt="">
            <img src="./img/banner2.png" alt="">
            <img src="./img/banner3.png" alt="">
            <img src="./img/banner4.png" alt="">
        </div>
    </div>

    <div class="goods container">
        <div class="nav">
            <span class="title"><a href="#">家用电器</a></span>
            <ul class="list">
                <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><a href="#">空气/净水</a></li>
                <li><a href="#">高端电器</a></li>
            </ul>
        </div>
        <div class="content">
            <div class="item1">
                <div class="top">
                    <ul class="top-list">
                        <li><a href="#">节能补贴</a></li>
                        <li><a href="#">4K电视</a></li>
                        <li><a href="#">空气净化器</a></li>
                        <li><a href="#">IH电饭煲</a></li>
                        <li><a href="#">滚筒洗衣机</a></li>
                        <li><a href="#">电热水器</a></li>
                    </ul>
                </div>
                <div class="bottom">
                    <img src="./img/编组.png" alt="">
                </div>
            </div>
            <div class="item2">
                <img src="./img/appliance_banner07.png">
            </div>
            <div class="item3">
                <img src="./img/微波炉.png">
                <img src="./img/空气炸锅.png">
            </div>
            <div class="item4">
                <img src="./img/冰箱.png">
            </div>
            <div class="item5">
                <img src="./img/电饭煲.png">
                <img src="./img/电饭煲2.png">
            </div>
        </div>
    </div>

    <div class="goods container">
        <div class="nav">
            <span class="title"><a href="#">家用电器</a></span>
            <ul class="list">
                <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><a href="#">空气/净水</a></li>
                <li><a href="#">高端电器</a></li>
            </ul>
        </div>
        <div class="content">
            <div class="item1">
                <div class="top">
                    <ul class="top-list">
                        <li><a href="#">节能补贴</a></li>
                        <li><a href="#">4K电视</a></li>
                        <li><a href="#">空气净化器</a></li>
                        <li><a href="#">IH电饭煲</a></li>
                        <li><a href="#">滚筒洗衣机</a></li>
                        <li><a href="#">电热水器</a></li>
                    </ul>
                </div>
                <div class="bottom">
                    <img src="./img/编组.png" alt="">
                </div>
            </div>
            <div class="item2">
                <img src="./img/appliance_banner07.png">
            </div>
            <div class="item3">
                <img src="./img/微波炉.png">
                <img src="./img/空气炸锅.png">
            </div>
            <div class="item4">
                <img src="./img/冰箱.png">
            </div>
            <div class="item5">
                <img src="./img/电饭煲.png">
                <img src="./img/电饭煲2.png">
            </div>
        </div>
    </div>


    <div class="footer">
        <div class="container">
            <div class="top">
                <div class="item">
                    <ul>
                        <li><a src="#">购物指南</a></li>
                        <li><a src="#">购物流程 </a></li>
                        <li><a src="#">会员介绍 </a></li>
                        <li><a src="#">生活旅行 </a></li>
                        <li><a src="#">常见问题 </a></li>
                        <li><a src="#">大家电</a></li>
                        <li><a src="#">联系客服</a></li>
                    </ul>
                </div>
                <div class="item">
                    <ul>
                        <li><a src="#">配送方式</a></li>
                        <li><a src="#">上门自提</a></li>
                        <li><a src="#">211限时达</a></li>
                        <li><a src="#">配送服务查询</a></li>
                        <li><a src="#">配送费收取标准</a></li>
                    </ul>
                </div>
                <div class="item">
                    <ul>
                        <li><a src="#">支付方式</a></li>
                        <li><a src="#">货到付款</a></li>
                        <li><a src="#">在线支付</a></li>
                        <li><a src="#">分期付款</a></li>
                        <li><a src="#">公司转账</a></li>
                    </ul>
                </div>
                <div class="item">
                    <ul>
                        <li><a src="#">售后服务</a></li>
                        <li><a src="#">售后政策</a></li>
                        <li><a src="#">价格保护</a></li>
                        <li><a src="#">退款说明</a></li>
                        <li><a src="#">返修/退换货</a></li>
                        <li><a src="#">取消订单</a></li>
                    </ul>
                </div>
                <div class="item">
                    <ul>
                        <li><a src="#">特色服务</a></li>
                        <li><a src="#">夺宝岛</a></li>
                        <li><a src="#">DIY装机</a></li>
                        <li><a src="#">延保服务</a></li>
                        <li><a src="#">京东E卡</a></li>
                        <li><a src="#">京东通信</a></li>
                        <li><a src="#">京鱼座智能</a></li>
                    </ul>
                </div>
                <div class="item">
                    <ul>
                        <li><a src="#">自营覆盖区县京尚品汇已向全国2661个区县提供自 营配送服务，支持货到付款、POS 机刷卡和售后上门服务。查看详情</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="bottom">
                <ul>
                    <li><a src="#">关于我们</a></li>
                    <li><a src="#">联系我们</a></li>
                    <li><a src="#">联系客服</a></li>
                    <li><a src="#">合作招商</a></li>
                    <li><a src="#">商家帮助</a></li>
                    <li><a src="#">营销中心</a></li>
                    <li><a src="#">手机京东</a></li>
                    <li><a src="#">友情链接</a></li>
                    <li><a src="#">销售联盟</a></li>
                    <li><a src="#">隐私政策</a></li>
                </ul>
                <span><a>京ICP备12345678901</a></span>
            </div>
        </div>
    </div>
</body>

</html>