home

    1. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6.     <title>头部导航栏布局</title>
    7.     <link rel="stylesheet" href="./css/reset.css">
    8.     <link rel="stylesheet" href="./css/swiper.min.css">
    9.     <link rel="stylesheet" href="./css/home.css">
    10. </head>
    12. <body>
    13.     <!-- 项目的最外层 -->
    14.     <div class="outer">
    15.         <!-- 头部 -->
    16.         <header class="header">
    17.             <!-- 头部的第一行 -->
    18.             <div class="top">
    19.                 <div class="container">
    20.                     <div class="loginList">
    21.                         <p>尚品汇欢迎您！</p>
    22.                         <p>
    23.                             <span>请</span>
    24.                             <a href="###">登录</a>
    25.                             <a href="###" class="register">免费注册</a>
    26.                         </p>
    27.                     </div>
    28.                     <div class="typeList">
    29.                         <a href="###">我的订单</a>
    30.                         <a href="###">我的购物车</a>
    31.                         <a href="###">我的尚品汇</a>
    32.                         <a href="###">尚品汇会员</a>
    33.                         <a href="###">企业采购</a>
    34.                         <a href="###">关注尚品汇</a>
    35.                         <a href="###">合作招商</a>
    36.                         <a href="###">商家后台</a>
    37.                     </div>
    38.                 </div>
    39.             </div>
    40.             <!--头部第二行 搜索区域-->
    41.             <div class="bottom">
    42.                 <h1 class="logoArea">
    43.                     <a class="logo" title="尚品汇" href="###" target="_blank">
    44.                         <img src="./images/logo.png" alt="">
    45.                     </a>
    46.                 </h1>
    47.                 <div class="searchArea">
    48.                     <form action="###" class="searchForm">
    49.                         <input type="text" id="autocomplete" class="input-error input-xxlarge" />
    50.                         <button class="sui-btn btn-xlarge btn-danger" type="button">搜索</button>
    51.                     </form>
    52.                 </div>
    53.             </div>
    54.         </header>
    56.         <!-- 商品分类导航 -->
    57.         <div class="type-nav">
    58.             <div class="container">
    59.                 <h2 class="all">全部商品分类</h2>
    60.                 <nav class="nav">
    61.                     <a href="###">服装城</a>
    62.                     <a href="###">美妆馆</a>
    63.                     <a href="###">尚品汇超市</a>
    64.                     <a href="###">全球购</a>
    65.                     <a href="###">闪购</a>
    66.                     <a href="###">团购</a>
    67.                     <a href="###">有趣</a>
    68.                     <a href="###">秒杀</a>
    69.                 </nav>
    70.                 <div class="sort">
    71.                     <div class="all-sort-list2">
    72.                         <div class="item">
    73.                             <h3>
    74.                                 <a href="">图书、音像、数字商品</a>
    75.                             </h3>
    76.                             <div class="item-list clearfix">
    77.                                 <div class="subitem">
    78.                                     <dl class="fore">
    79.                                         <dt>
    80.                                             <a href="">电子书</a>
    81.                                         </dt>
    82.                                         <dd>
    83.                                             <em>
    84.                                                 <a href="">婚恋/两性</a>
    85.                                             </em>
    86.                                             <em>
    87.                                                 <a href="">文学</a>
    88.                                             </em>
    89.                                             <em>
    90.                                                 <a href="">经管</a>
    91.                                             </em>
    92.                                             <em>
    93.                                                 <a href="">畅读VIP</a>
    94.                                             </em>
    95.                                         </dd>
    96.                                     </dl>
    97.                                 </div>
    98.                             </div>
    99.                         </div>
    100.                         <div class="item">
    101.                             <h3>
    102.                                 <a href="">家用电器</a>
    103.                             </h3>
    104.                             <div class="item-list clearfix">
    105.                                 <div class="subitem">
    106.                                     <dl class="fore">
    107.                                         <dt>
    108.                                             <a href="">电子书1</a>
    109.                                         </dt>
    110.                                         <dd>
    111.                                             <em>
    112.                                                 <a href="">免费</a>
    113.                                             </em>
    114.                                             <em>
    115.                                                 <a href="">小说</a>
    116.                                             </em>
    117.                                             <em>
    118.                                                 <a href="">励志与成功</a>
    119.                                             </em>
    120.                                             <em>
    121.                                                 <a href="">婚恋/两性</a>
    122.                                             </em>
    123.                                             <em>
    124.                                                 <a href="">文学</a>
    125.                                             </em>
    126.                                             <em>
    127.                                                 <a href="">经管</a>
    128.                                             </em>
    129.                                             <em>
    130.                                                 <a href="">畅读VIP</a>
    131.                                             </em>
    132.                                         </dd>
    133.                                     </dl>
    134.                                     <dl class="fore">
    135.                                         <dt>
    136.                                             <a href="">数字音乐</a>
    137.                                         </dt>
    138.                                         <dd>
    139.                                             <em>
    140.                                                 <a href="">通俗流行</a>
    141.                                             </em>
    142.                                             <em>
    143.                                                 <a href="">古典音乐</a>
    144.                                             </em>
    145.                                             <em>
    146.                                                 <a href="">摇滚说唱</a>
    147.                                             </em>
    148.                                             <em>
    149.                                                 <a href="">爵士蓝调</a>
    150.                                             </em>
    151.                                             <em>
    152.                                                 <a href="">乡村民谣</a>
    153.                                             </em>
    154.                                             <em>
    155.                                                 <a href="">有声读物</a>
    156.                                             </em>
    157.                                         </dd>
    158.                                     </dl>
    159.                                     <dl class="fore">
    160.                                         <dt>
    161.                                             <a href="">音像</a>
    162.                                         </dt>
    163.                                         <dd>
    164.                                             <em>
    165.                                                 <a href="">音乐</a>
    166.                                             </em>
    167.                                             <em>
    168.                                                 <a href="">影视</a>
    169.                                             </em>
    170.                                             <em>
    171.                                                 <a href="">教育音像</a>
    172.                                             </em>
    173.                                             <em>
    174.                                                 <a href="">游戏</a>
    175.                                             </em>
    176.                                         </dd>
    177.                                     </dl>
    178.                                     <dl class="fore">
    179.                                         <dt>文艺</dt>
    180.                                         <dd>
    181.                                             <em>
    182.                                                 <a href="">小说</a>
    183.                                             </em>
    184.                                             <em>
    185.                                                 <a href="">文学</a>
    186.                                             </em>
    187.                                             <em>
    188.                                                 <a href="">青春文学</a>
    189.                                             </em>
    190.                                             <em>
    191.                                                 <a href="">传记</a>
    192.                                             </em>
    193.                                             <em>
    194.                                                 <a href="">艺术</a>
    195.                                             </em>
    196.                                         </dd>
    197.                                     </dl>
    198.                                     <dl class="fore">
    199.                                         <dt>人文社科</dt>
    200.                                         <dd>
    201.                                             <em>
    202.                                                 <a href="">历史</a>
    203.                                             </em>
    204.                                             <em>
    205.                                                 <a href="">心理学</a>
    206.                                             </em>
    207.                                             <em>
    208.                                                 <a href="">政治/军事</a>
    209.                                             </em>
    210.                                             <em>
    211.                                                 <a href="">国学/古籍</a>
    212.                                             </em>
    213.                                             <em>
    214.                                                 <a href="">哲学/宗教</a>
    215.                                             </em>
    216.                                             <em>
    217.                                                 <a href="">社会科学</a>
    218.                                             </em>
    219.                                         </dd>
    220.                                     </dl>
    221.                                     <dl class="fore">
    222.                                         <dt>经管励志</dt>
    223.                                         <dd>
    224.                                             <em>
    225.                                                 <a href="">经济</a>
    226.                                             </em>
    227.                                             <em>
    228.                                                 <a href="">金融与投资</a>
    229.                                             </em>
    230.                                             <em>
    231.                                                 <a href="">管理</a>
    232.                                             </em>
    233.                                             <em>
    234.                                                 <a href="">励志与成功</a>
    235.                                             </em>
    236.                                         </dd>
    237.                                     </dl>
    238.                                     <dl class="fore">
    239.                                         <dt>生活</dt>
    240.                                         <dd>
    241.                                             <em>
    242.                                                 <a href="">家庭与育儿</a>
    243.                                             </em>
    244.                                             <em>
    245.                                                 <a href="">旅游/地图</a>
    246.                                             </em>
    247.                                             <em>
    248.                                                 <a href="">烹饪/美食</a>
    249.                                             </em>
    250.                                             <em>
    251.                                                 <a href="">时尚/美妆</a>
    252.                                             </em>
    253.                                             <em>
    254.                                                 <a href="">家居</a>
    255.                                             </em>
    256.                                             <em>
    257.                                                 <a href="">婚恋与两性</a>
    258.                                             </em>
    259.                                             <em>
    260.                                                 <a href="">娱乐/休闲</a>
    261.                                             </em>
    262.                                             <em>
    263.                                                 <a href="">健身与保健</a>
    264.                                             </em>
    265.                                             <em>
    266.                                                 <a href="">动漫/幽默</a>
    267.                                             </em>
    268.                                             <em>
    269.                                                 <a href="">体育/运动</a>
    270.                                             </em>
    271.                                         </dd>
    272.                                     </dl>
    273.                                     <dl class="fore">
    274.                                         <dt>科技</dt>
    275.                                         <dd>
    276.                                             <em>
    277.                                                 <a href="">科普</a>
    278.                                             </em>
    279.                                             <em>
    280.                                                 <a href="">IT</a>
    281.                                             </em>
    282.                                             <em>
    283.                                                 <a href="">建筑</a>
    284.                                             </em>
    285.                                             <em>
    286.                                                 <a href="">医学</a>
    287.                                             </em>
    288.                                             <em>
    289.                                                 <a href="">工业技术</a>
    290.                                             </em>
    291.                                             <em>
    292.                                                 <a href="">电子/通信</a>
    293.                                             </em>
    294.                                             <em>
    295.                                                 <a href="">农林</a>
    296.                                             </em>
    297.                                             <em>
    298.                                                 <a href="">科学与自然</a>
    299.                                             </em>
    300.                                         </dd>
    301.                                     </dl>
    302.                                     <dl class="fore">
    303.                                         <dt>少儿</dt>
    304.                                         <dd>
    305.                                             <em>
    306.                                                 <a href="">少儿</a>
    307.                                             </em>
    308.                                             <em>
    309.                                                 <a href="">0-2岁</a>
    310.                                             </em>
    311.                                             <em>
    312.                                                 <a href="">3-6岁</a>
    313.                                             </em>
    314.                                             <em>
    315.                                                 <a href="">7-10岁</a>
    316.                                             </em>
    317.                                             <em>
    318.                                                 <a href="">11-14岁</a>
    319.                                             </em>
    320.                                         </dd>
    321.                                     </dl>
    322.                                 </div>
    323.                             </div>
    324.                         </div>
    325.                         <div class="item">
    326.                             <h3>
    327.                                 <a href="">手机、数码、充值</a>
    328.                             </h3>
    329.                             <div class="item-list clearfix">
    330.                                 <div class="subitem">
    331.                                     <dl class="fore">
    332.                                         <dt>
    333.                                             <a href="">充值</a>
    334.                                         </dt>
    335.                                         <dd>
    336.                                             <em>
    337.                                                 <a href="recharge.html">充值</a>
    338.                                             </em>
    339.                                         </dd>
    340.                                     </dl>
    341.                                     <dl class="fore">
    342.                                         <dt>
    343.                                             <a href="">电子书2</a>
    344.                                         </dt>
    345.                                         <dd>
    346.                                             <em>
    347.                                                 <a href="">免费</a>
    348.                                             </em>
    349.                                             <em>
    350.                                                 <a href="">小说</a>
    351.                                             </em>
    352.                                             <em>
    353.                                                 <a href="">励志与成功</a>
    354.                                             </em>
    355.                                             <em>
    356.                                                 <a href="">婚恋/两性</a>
    357.                                             </em>
    358.                                             <em>
    359.                                                 <a href="">文学</a>
    360.                                             </em>
    361.                                             <em>
    362.                                                 <a href="">经管</a>
    363.                                             </em>
    364.                                             <em>
    365.                                                 <a href="">畅读VIP</a>
    366.                                             </em>
    367.                                         </dd>
    368.                                     </dl>
    369.                                     <dl class="fore">
    370.                                         <dt>
    371.                                             <a href="">数字音乐</a>
    372.                                         </dt>
    373.                                         <dd>
    374.                                             <em>
    375.                                                 <a href="">通俗流行</a>
    376.                                             </em>
    377.                                             <em>
    378.                                                 <a href="">古典音乐</a>
    379.                                             </em>
    380.                                             <em>
    381.                                                 <a href="">摇滚说唱</a>
    382.                                             </em>
    383.                                             <em>
    384.                                                 <a href="">爵士蓝调</a>
    385.                                             </em>
    386.                                             <em>
    387.                                                 <a href="">乡村民谣</a>
    388.                                             </em>
    389.                                             <em>
    390.                                                 <a href="">有声读物</a>
    391.                                             </em>
    392.                                         </dd>
    393.                                     </dl>
    394.                                     <dl class="fore">
    395.                                         <dt>
    396.                                             <a href="">音像</a>
    397.                                         </dt>
    398.                                         <dd>
    399.                                             <em>
    400.                                                 <a href="">音乐</a>
    401.                                             </em>
    402.                                             <em>
    403.                                                 <a href="">影视</a>
    404.                                             </em>
    405.                                             <em>
    406.                                                 <a href="">教育音像</a>
    407.                                             </em>
    408.                                             <em>
    409.                                                 <a href="">游戏</a>
    410.                                             </em>
    411.                                         </dd>
    412.                                     </dl>
    413.                                     <dl class="fore">
    414.                                         <dt>文艺</dt>
    415.                                         <dd>
    416.                                             <em>
    417.                                                 <a href="">小说</a>
    418.                                             </em>
    419.                                             <em>
    420.                                                 <a href="">文学</a>
    421.                                             </em>
    422.                                             <em>
    423.                                                 <a href="">青春文学</a>
    424.                                             </em>
    425.                                             <em>
    426.                                                 <a href="">传记</a>
    427.                                             </em>
    428.                                             <em>
    429.                                                 <a href="">艺术</a>
    430.                                             </em>
    431.                                         </dd>
    432.                                     </dl>
    433.                                     <dl class="fore">
    434.                                         <dt>人文社科</dt>
    435.                                         <dd>
    436.                                             <em>
    437.                                                 <a href="">历史</a>
    438.                                             </em>
    439.                                             <em>
    440.                                                 <a href="">心理学</a>
    441.                                             </em>
    442.                                             <em>
    443.                                                 <a href="">政治/军事</a>
    444.                                             </em>
    445.                                             <em>
    446.                                                 <a href="">国学/古籍</a>
    447.                                             </em>
    448.                                             <em>
    449.                                                 <a href="">哲学/宗教</a>
    450.                                             </em>
    451.                                             <em>
    452.                                                 <a href="">社会科学</a>
    453.                                             </em>
    454.                                         </dd>
    455.                                     </dl>
    456.                                 </div>
    457.                             </div>
    458.                         </div>
    459.                         <div class="item">
    460.                             <h3>
    461.                                 <a href="">电脑、办公</a>
    462.                             </h3>
    463.                             <div class="item-list clearfix">
    464.                                 <div class="subitem">
    465.                                     <dl class="fore">
    466.                                         <dt>
    467.                                             <a href="">电子书3</a>
    468.                                         </dt>
    469.                                         <dd>
    470.                                             <em>
    471.                                                 <a href="">免费</a>
    472.                                             </em>
    473.                                             <em>
    474.                                                 <a href="">小说</a>
    475.                                             </em>
    476.                                             <em>
    477.                                                 <a href="">励志与成功</a>
    478.                                             </em>
    479.                                             <em>
    480.                                                 <a href="">婚恋/两性</a>
    481.                                             </em>
    482.                                             <em>
    483.                                                 <a href="">文学</a>
    484.                                             </em>
    485.                                             <em>
    486.                                                 <a href="">经管</a>
    487.                                             </em>
    488.                                             <em>
    489.                                                 <a href="">畅读VIP</a>
    490.                                             </em>
    491.                                         </dd>
    492.                                     </dl>
    493.                                     <dl class="fore">
    494.                                         <dt>
    495.                                             <a href="">数字音乐</a>
    496.                                         </dt>
    497.                                         <dd>
    498.                                             <em>
    499.                                                 <a href="">通俗流行</a>
    500.                                             </em>
    501.                                             <em>
    502.                                                 <a href="">古典音乐</a>
    503.                                             </em>
    504.                                             <em>
    505.                                                 <a href="">摇滚说唱</a>
    506.                                             </em>
    507.                                             <em>
    508.                                                 <a href="">爵士蓝调</a>
    509.                                             </em>
    510.                                             <em>
    511.                                                 <a href="">乡村民谣</a>
    512.                                             </em>
    513.                                             <em>
    514.                                                 <a href="">有声读物</a>
    515.                                             </em>
    516.                                         </dd>
    517.                                     </dl>
    518.                                     <dl class="fore">
    519.                                         <dt>
    520.                                             <a href="">音像</a>
    521.                                         </dt>
    522.                                         <dd>
    523.                                             <em>
    524.                                                 <a href="">音乐</a>
    525.                                             </em>
    526.                                             <em>
    527.                                                 <a href="">影视</a>
    528.                                             </em>
    529.                                             <em>
    530.                                                 <a href="">教育音像</a>
    531.                                             </em>
    532.                                             <em>
    533.                                                 <a href="">游戏</a>
    534.                                             </em>
    535.                                         </dd>
    536.                                     </dl>
    537.                                     <dl class="fore">
    538.                                         <dt>文艺</dt>
    539.                                         <dd>
    540.                                             <em>
    541.                                                 <a href="">小说</a>
    542.                                             </em>
    543.                                             <em>
    544.                                                 <a href="">文学</a>
    545.                                             </em>
    546.                                             <em>
    547.                                                 <a href="">青春文学</a>
    548.                                             </em>
    549.                                             <em>
    550.                                                 <a href="">传记</a>
    551.                                             </em>
    552.                                             <em>
    553.                                                 <a href="">艺术</a>
    554.                                             </em>
    555.                                         </dd>
    556.                                     </dl>
    557.                                     <dl class="fore">
    558.                                         <dt>人文社科</dt>
    559.                                         <dd>
    560.                                             <em>
    561.                                                 <a href="">历史</a>
    562.                                             </em>
    563.                                             <em>
    564.                                                 <a href="">心理学</a>
    565.                                             </em>
    566.                                             <em>
    567.                                                 <a href="">政治/军事</a>
    568.                                             </em>
    569.                                             <em>
    570.                                                 <a href="">国学/古籍</a>
    571.                                             </em>
    572.                                             <em>
    573.                                                 <a href="">哲学/宗教</a>
    574.                                             </em>
    575.                                             <em>
    576.                                                 <a href="">社会科学</a>
    577.                                             </em>
    578.                                         </dd>
    579.                                     </dl>
    580.                                     <dl class="fore">
    581.                                         <dt>经管励志</dt>
    582.                                         <dd>
    583.                                             <em>
    584.                                                 <a href="">经济</a>
    585.                                             </em>
    586.                                             <em>
    587.                                                 <a href="">金融与投资</a>
    588.                                             </em>
    589.                                             <em>
    590.                                                 <a href="">管理</a>
    591.                                             </em>
    592.                                             <em>
    593.                                                 <a href="">励志与成功</a>
    594.                                             </em>
    595.                                         </dd>
    596.                                     </dl>
    597.                                     <dl class="fore">
    598.                                         <dt>生活</dt>
    599.                                         <dd>
    600.                                             <em>
    601.                                                 <a href="">家庭与育儿</a>
    602.                                             </em>
    603.                                             <em>
    604.                                                 <a href="">旅游/地图</a>
    605.                                             </em>
    606.                                             <em>
    607.                                                 <a href="">烹饪/美食</a>
    608.                                             </em>
    609.                                             <em>
    610.                                                 <a href="">时尚/美妆</a>
    611.                                             </em>
    612.                                             <em>
    613.                                                 <a href="">家居</a>
    614.                                             </em>
    615.                                             <em>
    616.                                                 <a href="">婚恋与两性</a>
    617.                                             </em>
    618.                                             <em>
    619.                                                 <a href="">娱乐/休闲</a>
    620.                                             </em>
    621.                                             <em>
    622.                                                 <a href="">健身与保健</a>
    623.                                             </em>
    624.                                             <em>
    625.                                                 <a href="">动漫/幽默</a>
    626.                                             </em>
    627.                                             <em>
    628.                                                 <a href="">体育/运动</a>
    629.                                             </em>
    630.                                         </dd>
    631.                                     </dl>
    632.                                     <dl class="fore">
    633.                                         <dt>科技</dt>
    634.                                         <dd>
    635.                                             <em>
    636.                                                 <a href="">科普</a>
    637.                                             </em>
    638.                                             <em>
    639.                                                 <a href="">IT</a>
    640.                                             </em>
    641.                                             <em>
    642.                                                 <a href="">建筑</a>
    643.                                             </em>
    644.                                             <em>
    645.                                                 <a href="">医学</a>
    646.                                             </em>
    647.                                             <em>
    648.                                                 <a href="">工业技术</a>
    649.                                             </em>
    650.                                             <em>
    651.                                                 <a href="">电子/通信</a>
    652.                                             </em>
    653.                                             <em>
    654.                                                 <a href="">农林</a>
    655.                                             </em>
    656.                                             <em>
    657.                                                 <a href="">科学与自然</a>
    658.                                             </em>
    659.                                         </dd>
    660.                                     </dl>
    661.                                     <dl class="fore">
    662.                                         <dt>少儿</dt>
    663.                                         <dd>
    664.                                             <em>
    665.                                                 <a href="">少儿</a>
    666.                                             </em>
    667.                                             <em>
    668.                                                 <a href="">0-2岁</a>
    669.                                             </em>
    670.                                             <em>
    671.                                                 <a href="">3-6岁</a>
    672.                                             </em>
    673.                                             <em>
    674.                                                 <a href="">7-10岁</a>
    675.                                             </em>
    676.                                             <em>
    677.                                                 <a href="">11-14岁</a>
    678.                                             </em>
    679.                                         </dd>
    680.                                     </dl>
    681.                                     <dl class="fore">
    682.                                         <dt>教育</dt>
    683.                                         <dd>
    684.                                             <em>
    685.                                                 <a href="">教材教辅</a>
    686.                                             </em>
    687.                                             <em>
    688.                                                 <a href="">考试</a>
    689.                                             </em>
    690.                                             <em>
    691.                                                 <a href="">外语学习</a>
    692.                                             </em>
    693.                                         </dd>
    694.                                     </dl>
    695.                                     <dl class="fore">
    696.                                         <dt>其它</dt>
    697.                                         <dd>
    698.                                             <em>
    699.                                                 <a href="">英文原版书</a>
    700.                                             </em>
    701.                                             <em>
    702.                                                 <a href="">港台图书</a>
    703.                                             </em>
    704.                                             <em>
    705.                                                 <a href="">工具书</a>
    706.                                             </em>
    707.                                             <em>
    708.                                                 <a href="">套装书</a>
    709.                                             </em>
    710.                                             <em>
    711.                                                 <a href="">杂志/期刊</a>
    712.                                             </em>
    713.                                         </dd>
    714.                                     </dl>
    715.                                 </div>
    716.                             </div>
    717.                         </div>
    718.                         <div class="item">
    719.                             <h3>
    720.                                 <a href="">家居、家具、家装、厨具</a>
    721.                             </h3>
    722.                             <div class="item-list clearfix">
    723.                                 <div class="subitem">
    724.                                     <dl class="fore">
    725.                                         <dt>
    726.                                             <a href="">电子书4</a>
    727.                                         </dt>
    728.                                         <dd>
    729.                                             <em>
    730.                                                 <a href="">免费</a>
    731.                                             </em>
    732.                                             <em>
    733.                                                 <a href="">小说</a>
    734.                                             </em>
    735.                                             <em>
    736.                                                 <a href="">励志与成功</a>
    737.                                             </em>
    738.                                             <em>
    739.                                                 <a href="">婚恋/两性</a>
    740.                                             </em>
    741.                                             <em>
    742.                                                 <a href="">文学</a>
    743.                                             </em>
    744.                                             <em>
    745.                                                 <a href="">经管</a>
    746.                                             </em>
    747.                                             <em>
    748.                                                 <a href="">畅读VIP</a>
    749.                                             </em>
    750.                                         </dd>
    751.                                     </dl>
    752.                                     <dl class="fore">
    753.                                         <dt>
    754.                                             <a href="">数字音乐</a>
    755.                                         </dt>
    756.                                         <dd>
    757.                                             <em>
    758.                                                 <a href="">通俗流行</a>
    759.                                             </em>
    760.                                             <em>
    761.                                                 <a href="">古典音乐</a>
    762.                                             </em>
    763.                                             <em>
    764.                                                 <a href="">摇滚说唱</a>
    765.                                             </em>
    766.                                             <em>
    767.                                                 <a href="">爵士蓝调</a>
    768.                                             </em>
    769.                                             <em>
    770.                                                 <a href="">乡村民谣</a>
    771.                                             </em>
    772.                                             <em>
    773.                                                 <a href="">有声读物</a>
    774.                                             </em>
    775.                                         </dd>
    776.                                     </dl>
    777.                                     <dl class="fore">
    778.                                         <dt>
    779.                                             <a href="">音像</a>
    780.                                         </dt>
    781.                                         <dd>
    782.                                             <em>
    783.                                                 <a href="">音乐</a>
    784.                                             </em>
    785.                                             <em>
    786.                                                 <a href="">影视</a>
    787.                                             </em>
    788.                                             <em>
    789.                                                 <a href="">教育音像</a>
    790.                                             </em>
    791.                                             <em>
    792.                                                 <a href="">游戏</a>
    793.                                             </em>
    794.                                         </dd>
    795.                                     </dl>
    796.                                     <dl class="fore">
    797.                                         <dt>文艺</dt>
    798.                                         <dd>
    799.                                             <em>
    800.                                                 <a href="">小说</a>
    801.                                             </em>
    802.                                             <em>
    803.                                                 <a href="">文学</a>
    804.                                             </em>
    805.                                             <em>
    806.                                                 <a href="">青春文学</a>
    807.                                             </em>
    808.                                             <em>
    809.                                                 <a href="">传记</a>
    810.                                             </em>
    811.                                             <em>
    812.                                                 <a href="">艺术</a>
    813.                                             </em>
    814.                                         </dd>
    815.                                     </dl>
    816.                                     <dl class="fore">
    817.                                         <dt>人文社科</dt>
    818.                                         <dd>
    819.                                             <em>
    820.                                                 <a href="">历史</a>
    821.                                             </em>
    822.                                             <em>
    823.                                                 <a href="">心理学</a>
    824.                                             </em>
    825.                                             <em>
    826.                                                 <a href="">政治/军事</a>
    827.                                             </em>
    828.                                             <em>
    829.                                                 <a href="">国学/古籍</a>
    830.                                             </em>
    831.                                             <em>
    832.                                                 <a href="">哲学/宗教</a>
    833.                                             </em>
    834.                                             <em>
    835.                                                 <a href="">社会科学</a>
    836.                                             </em>
    837.                                         </dd>
    838.                                     </dl>
    839.                                     <dl class="fore">
    840.                                         <dt>经管励志</dt>
    841.                                         <dd>
    842.                                             <em>
    843.                                                 <a href="">经济</a>
    844.                                             </em>
    845.                                             <em>
    846.                                                 <a href="">金融与投资</a>
    847.                                             </em>
    848.                                             <em>
    849.                                                 <a href="">管理</a>
    850.                                             </em>
    851.                                             <em>
    852.                                                 <a href="">励志与成功</a>
    853.                                             </em>
    854.                                         </dd>
    855.                                     </dl>
    856.                                     <dl class="fore">
    857.                                         <dt>生活</dt>
    858.                                         <dd>
    859.                                             <em>
    860.                                                 <a href="">家庭与育儿</a>
    861.                                             </em>
    862.                                             <em>
    863.                                                 <a href="">旅游/地图</a>
    864.                                             </em>
    865.                                             <em>
    866.                                                 <a href="">烹饪/美食</a>
    867.                                             </em>
    868.                                             <em>
    869.                                                 <a href="">时尚/美妆</a>
    870.                                             </em>
    871.                                             <em>
    872.                                                 <a href="">家居</a>
    873.                                             </em>
    874.                                             <em>
    875.                                                 <a href="">婚恋与两性</a>
    876.                                             </em>
    877.                                             <em>
    878.                                                 <a href="">娱乐/休闲</a>
    879.                                             </em>
    880.                                             <em>
    881.                                                 <a href="">健身与保健</a>
    882.                                             </em>
    883.                                             <em>
    884.                                                 <a href="">动漫/幽默</a>
    885.                                             </em>
    886.                                             <em>
    887.                                                 <a href="">体育/运动</a>
    888.                                             </em>
    889.                                         </dd>
    890.                                     </dl>
    891.                                     <dl class="fore">
    892.                                         <dt>科技</dt>
    893.                                         <dd>
    894.                                             <em>
    895.                                                 <a href="">科普</a>
    896.                                             </em>
    897.                                             <em>
    898.                                                 <a href="">IT</a>
    899.                                             </em>
    900.                                             <em>
    901.                                                 <a href="">建筑</a>
    902.                                             </em>
    903.                                             <em>
    904.                                                 <a href="">医学</a>
    905.                                             </em>
    906.                                             <em>
    907.                                                 <a href="">工业技术</a>
    908.                                             </em>
    909.                                             <em>
    910.                                                 <a href="">电子/通信</a>
    911.                                             </em>
    912.                                             <em>
    913.                                                 <a href="">农林</a>
    914.                                             </em>
    915.                                             <em>
    916.                                                 <a href="">科学与自然</a>
    917.                                             </em>
    918.                                         </dd>
    919.                                     </dl>
    920.                                     <dl class="fore">
    921.                                         <dt>少儿</dt>
    922.                                         <dd>
    923.                                             <em>
    924.                                                 <a href="">少儿</a>
    925.                                             </em>
    926.                                             <em>
    927.                                                 <a href="">0-2岁</a>
    928.                                             </em>
    929.                                             <em>
    930.                                                 <a href="">3-6岁</a>
    931.                                             </em>
    932.                                             <em>
    933.                                                 <a href="">7-10岁</a>
    934.                                             </em>
    935.                                             <em>
    936.                                                 <a href="">11-14岁</a>
    937.                                             </em>
    938.                                         </dd>
    939.                                     </dl>
    940.                                 </div>
    941.                             </div>
    942.                         </div>
    943.                         <div class="item">
    944.                             <h3>
    945.                                 <a href="">服饰内衣</a>
    946.                             </h3>
    947.                             <div class="item-list clearfix">
    948.                                 <div class="subitem">
    949.                                     <dl class="fore">
    950.                                         <dt>
    951.                                             <a href="">电子书5</a>
    952.                                         </dt>
    953.                                         <dd>
    954.                                             <em>
    955.                                                 <a href="">免费</a>
    956.                                             </em>
    957.                                             <em>
    958.                                                 <a href="">小说</a>
    959.                                             </em>
    960.                                             <em>
    961.                                                 <a href="">励志与成功</a>
    962.                                             </em>
    963.                                             <em>
    964.                                                 <a href="">婚恋/两性</a>
    965.                                             </em>
    966.                                             <em>
    967.                                                 <a href="">文学</a>
    968.                                             </em>
    969.                                             <em>
    970.                                                 <a href="">经管</a>
    971.                                             </em>
    972.                                             <em>
    973.                                                 <a href="">畅读VIP</a>
    974.                                             </em>
    975.                                         </dd>
    976.                                     </dl>
    977.                                     <dl class="fore">
    978.                                         <dt>
    979.                                             <a href="">数字音乐</a>
    980.                                         </dt>
    981.                                         <dd>
    982.                                             <em>
    983.                                                 <a href="">通俗流行</a>
    984.                                             </em>
    985.                                             <em>
    986.                                                 <a href="">古典音乐</a>
    987.                                             </em>
    988.                                             <em>
    989.                                                 <a href="">摇滚说唱</a>
    990.                                             </em>
    991.                                             <em>
    992.                                                 <a href="">爵士蓝调</a>
    993.                                             </em>
    994.                                             <em>
    995.                                                 <a href="">乡村民谣</a>
    996.                                             </em>
    997.                                             <em>
    998.                                                 <a href="">有声读物</a>
    999.                                             </em>
    1000.                                         </dd>
    1001.                                     </dl>
    1002.                                     <dl class="fore">
    1003.                                         <dt>
    1004.                                             <a href="">音像</a>
    1005.                                         </dt>
    1006.                                         <dd>
    1007.                                             <em>
    1008.                                                 <a href="">音乐</a>
    1009.                                             </em>
    1010.                                             <em>
    1011.                                                 <a href="">影视</a>
    1012.                                             </em>
    1013.                                             <em>
    1014.                                                 <a href="">教育音像</a>
    1015.                                             </em>
    1016.                                             <em>
    1017.                                                 <a href="">游戏</a>
    1018.                                             </em>
    1019.                                         </dd>
    1020.                                     </dl>
    1021.                                     <dl class="fore">
    1022.                                         <dt>文艺</dt>
    1023.                                         <dd>
    1024.                                             <em>
    1025.                                                 <a href="">小说</a>
    1026.                                             </em>
    1027.                                             <em>
    1028.                                                 <a href="">文学</a>
    1029.                                             </em>
    1030.                                             <em>
    1031.                                                 <a href="">青春文学</a>
    1032.                                             </em>
    1033.                                             <em>
    1034.                                                 <a href="">传记</a>
    1035.                                             </em>
    1036.                                             <em>
    1037.                                                 <a href="">艺术</a>
    1038.                                             </em>
    1039.                                         </dd>
    1040.                                     </dl>
    1041.                                     <dl class="fore">
    1042.                                         <dt>人文社科</dt>
    1043.                                         <dd>
    1044.                                             <em>
    1045.                                                 <a href="">历史</a>
    1046.                                             </em>
    1047.                                             <em>
    1048.                                                 <a href="">心理学</a>
    1049.                                             </em>
    1050.                                             <em>
    1051.                                                 <a href="">政治/军事</a>
    1052.                                             </em>
    1053.                                             <em>
    1054.                                                 <a href="">国学/古籍</a>
    1055.                                             </em>
    1056.                                             <em>
    1057.                                                 <a href="">哲学/宗教</a>
    1058.                                             </em>
    1059.                                             <em>
    1060.                                                 <a href="">社会科学</a>
    1061.                                             </em>
    1062.                                         </dd>
    1063.                                     </dl>
    1064.                                     <dl class="fore">
    1065.                                         <dt>经管励志</dt>
    1066.                                         <dd>
    1067.                                             <em>
    1068.                                                 <a href="">经济</a>
    1069.                                             </em>
    1070.                                             <em>
    1071.                                                 <a href="">金融与投资</a>
    1072.                                             </em>
    1073.                                             <em>
    1074.                                                 <a href="">管理</a>
    1075.                                             </em>
    1076.                                             <em>
    1077.                                                 <a href="">励志与成功</a>
    1078.                                             </em>
    1079.                                         </dd>
    1080.                                     </dl>
    1081.                                     <dl class="fore">
    1082.                                         <dt>生活</dt>
    1083.                                         <dd>
    1084.                                             <em>
    1085.                                                 <a href="">家庭与育儿</a>
    1086.                                             </em>
    1087.                                             <em>
    1088.                                                 <a href="">旅游/地图</a>
    1089.                                             </em>
    1090.                                             <em>
    1091.                                                 <a href="">烹饪/美食</a>
    1092.                                             </em>
    1093.                                             <em>
    1094.                                                 <a href="">时尚/美妆</a>
    1095.                                             </em>
    1096.                                             <em>
    1097.                                                 <a href="">家居</a>
    1098.                                             </em>
    1099.                                             <em>
    1100.                                                 <a href="">婚恋与两性</a>
    1101.                                             </em>
    1102.                                             <em>
    1103.                                                 <a href="">娱乐/休闲</a>
    1104.                                             </em>
    1105.                                             <em>
    1106.                                                 <a href="">健身与保健</a>
    1107.                                             </em>
    1108.                                             <em>
    1109.                                                 <a href="">动漫/幽默</a>
    1110.                                             </em>
    1111.                                             <em>
    1112.                                                 <a href="">体育/运动</a>
    1113.                                             </em>
    1114.                                         </dd>
    1115.                                     </dl>
    1116.                                     <dl class="fore">
    1117.                                         <dt>科技</dt>
    1118.                                         <dd>
    1119.                                             <em>
    1120.                                                 <a href="">科普</a>
    1121.                                             </em>
    1122.                                             <em>
    1123.                                                 <a href="">IT</a>
    1124.                                             </em>
    1125.                                             <em>
    1126.                                                 <a href="">建筑</a>
    1127.                                             </em>
    1128.                                             <em>
    1129.                                                 <a href="">医学</a>
    1130.                                             </em>
    1131.                                             <em>
    1132.                                                 <a href="">工业技术</a>
    1133.                                             </em>
    1134.                                             <em>
    1135.                                                 <a href="">电子/通信</a>
    1136.                                             </em>
    1137.                                             <em>
    1138.                                                 <a href="">农林</a>
    1139.                                             </em>
    1140.                                             <em>
    1141.                                                 <a href="">科学与自然</a>
    1142.                                             </em>
    1143.                                         </dd>
    1144.                                     </dl>
    1145.                                 </div>
    1146.                             </div>
    1147.                         </div>
    1148.                         <div class="item">
    1149.                             <h3>
    1150.                                 <a href="">个护化妆</a>
    1151.                             </h3>
    1152.                             <div class="item-list clearfix">
    1153.                                 <div class="subitem">
    1154.                                     <dl class="fore">
    1155.                                         <dt>
    1156.                                             <a href="">电子书6</a>
    1157.                                         </dt>
    1158.                                         <dd>
    1159.                                             <em>
    1160.                                                 <a href="">免费</a>
    1161.                                             </em>
    1162.                                             <em>
    1163.                                                 <a href="">小说</a>
    1164.                                             </em>
    1165.                                             <em>
    1166.                                                 <a href="">励志与成功</a>
    1167.                                             </em>
    1168.                                             <em>
    1169.                                                 <a href="">婚恋/两性</a>
    1170.                                             </em>
    1171.                                             <em>
    1172.                                                 <a href="">文学</a>
    1173.                                             </em>
    1174.                                             <em>
    1175.                                                 <a href="">经管</a>
    1176.                                             </em>
    1177.                                             <em>
    1178.                                                 <a href="">畅读VIP</a>
    1179.                                             </em>
    1180.                                         </dd>
    1181.                                     </dl>
    1182.                                     <dl class="fore">
    1183.                                         <dt>
    1184.                                             <a href="">数字音乐</a>
    1185.                                         </dt>
    1186.                                         <dd>
    1187.                                             <em>
    1188.                                                 <a href="">通俗流行</a>
    1189.                                             </em>
    1190.                                             <em>
    1191.                                                 <a href="">古典音乐</a>
    1192.                                             </em>
    1193.                                             <em>
    1194.                                                 <a href="">摇滚说唱</a>
    1195.                                             </em>
    1196.                                             <em>
    1197.                                                 <a href="">爵士蓝调</a>
    1198.                                             </em>
    1199.                                             <em>
    1200.                                                 <a href="">乡村民谣</a>
    1201.                                             </em>
    1202.                                             <em>
    1203.                                                 <a href="">有声读物</a>
    1204.                                             </em>
    1205.                                         </dd>
    1206.                                     </dl>
    1207.                                     <dl class="fore">
    1208.                                         <dt>
    1209.                                             <a href="">音像</a>
    1210.                                         </dt>
    1211.                                         <dd>
    1212.                                             <em>
    1213.                                                 <a href="">音乐</a>
    1214.                                             </em>
    1215.                                             <em>
    1216.                                                 <a href="">影视</a>
    1217.                                             </em>
    1218.                                             <em>
    1219.                                                 <a href="">教育音像</a>
    1220.                                             </em>
    1221.                                             <em>
    1222.                                                 <a href="">游戏</a>
    1223.                                             </em>
    1224.                                         </dd>
    1225.                                     </dl>
    1226.                                     <dl class="fore">
    1227.                                         <dt>文艺</dt>
    1228.                                         <dd>
    1229.                                             <em>
    1230.                                                 <a href="">小说</a>
    1231.                                             </em>
    1232.                                             <em>
    1233.                                                 <a href="">文学</a>
    1234.                                             </em>
    1235.                                             <em>
    1236.                                                 <a href="">青春文学</a>
    1237.                                             </em>
    1238.                                             <em>
    1239.                                                 <a href="">传记</a>
    1240.                                             </em>
    1241.                                             <em>
    1242.                                                 <a href="">艺术</a>
    1243.                                             </em>
    1244.                                         </dd>
    1245.                                     </dl>
    1246.                                     <dl class="fore">
    1247.                                         <dt>人文社科</dt>
    1248.                                         <dd>
    1249.                                             <em>
    1250.                                                 <a href="">历史</a>
    1251.                                             </em>
    1252.                                             <em>
    1253.                                                 <a href="">心理学</a>
    1254.                                             </em>
    1255.                                             <em>
    1256.                                                 <a href="">政治/军事</a>
    1257.                                             </em>
    1258.                                             <em>
    1259.                                                 <a href="">国学/古籍</a>
    1260.                                             </em>
    1261.                                             <em>
    1262.                                                 <a href="">哲学/宗教</a>
    1263.                                             </em>
    1264.                                             <em>
    1265.                                                 <a href="">社会科学</a>
    1266.                                             </em>
    1267.                                         </dd>
    1268.                                     </dl>
    1269.                                     <dl class="fore">
    1270.                                         <dt>经管励志</dt>
    1271.                                         <dd>
    1272.                                             <em>
    1273.                                                 <a href="">经济</a>
    1274.                                             </em>
    1275.                                             <em>
    1276.                                                 <a href="">金融与投资</a>
    1277.                                             </em>
    1278.                                             <em>
    1279.                                                 <a href="">管理</a>
    1280.                                             </em>
    1281.                                             <em>
    1282.                                                 <a href="">励志与成功</a>
    1283.                                             </em>
    1284.                                         </dd>
    1285.                                     </dl>
    1286.                                     <dl class="fore">
    1287.                                         <dt>生活</dt>
    1288.                                         <dd>
    1289.                                             <em>
    1290.                                                 <a href="">家庭与育儿</a>
    1291.                                             </em>
    1292.                                             <em>
    1293.                                                 <a href="">旅游/地图</a>
    1294.                                             </em>
    1295.                                             <em>
    1296.                                                 <a href="">烹饪/美食</a>
    1297.                                             </em>
    1298.                                             <em>
    1299.                                                 <a href="">时尚/美妆</a>
    1300.                                             </em>
    1301.                                             <em>
    1302.                                                 <a href="">家居</a>
    1303.                                             </em>
    1304.                                             <em>
    1305.                                                 <a href="">婚恋与两性</a>
    1306.                                             </em>
    1307.                                             <em>
    1308.                                                 <a href="">娱乐/休闲</a>
    1309.                                             </em>
    1310.                                             <em>
    1311.                                                 <a href="">健身与保健</a>
    1312.                                             </em>
    1313.                                             <em>
    1314.                                                 <a href="">动漫/幽默</a>
    1315.                                             </em>
    1316.                                             <em>
    1317.                                                 <a href="">体育/运动</a>
    1318.                                             </em>
    1319.                                         </dd>
    1320.                                     </dl>
    1321.                                     <dl class="fore">
    1322.                                         <dt>科技</dt>
    1323.                                         <dd>
    1324.                                             <em>
    1325.                                                 <a href="">科普</a>
    1326.                                             </em>
    1327.                                             <em>
    1328.                                                 <a href="">IT</a>
    1329.                                             </em>
    1330.                                             <em>
    1331.                                                 <a href="">建筑</a>
    1332.                                             </em>
    1333.                                             <em>
    1334.                                                 <a href="">医学</a>
    1335.                                             </em>
    1336.                                             <em>
    1337.                                                 <a href="">工业技术</a>
    1338.                                             </em>
    1339.                                             <em>
    1340.                                                 <a href="">电子/通信</a>
    1341.                                             </em>
    1342.                                             <em>
    1343.                                                 <a href="">农林</a>
    1344.                                             </em>
    1345.                                             <em>
    1346.                                                 <a href="">科学与自然</a>
    1347.                                             </em>
    1348.                                         </dd>
    1349.                                     </dl>
    1350.                                     <dl class="fore">
    1351.                                         <dt>少儿</dt>
    1352.                                         <dd>
    1353.                                             <em>
    1354.                                                 <a href="">少儿</a>
    1355.                                             </em>
    1356.                                             <em>
    1357.                                                 <a href="">0-2岁</a>
    1358.                                             </em>
    1359.                                             <em>
    1360.                                                 <a href="">3-6岁</a>
    1361.                                             </em>
    1362.                                             <em>
    1363.                                                 <a href="">7-10岁</a>
    1364.                                             </em>
    1365.                                             <em>
    1366.                                                 <a href="">11-14岁</a>
    1367.                                             </em>
    1368.                                         </dd>
    1369.                                     </dl>
    1370.                                     <dl class="fore">
    1371.                                         <dt>教育</dt>
    1372.                                         <dd>
    1373.                                             <em>
    1374.                                                 <a href="">教材教辅</a>
    1375.                                             </em>
    1376.                                             <em>
    1377.                                                 <a href="">考试</a>
    1378.                                             </em>
    1379.                                             <em>
    1380.                                                 <a href="">外语学习</a>
    1381.                                             </em>
    1382.                                         </dd>
    1383.                                     </dl>
    1384.                                     <dl class="fore">
    1385.                                         <dt>其它</dt>
    1386.                                         <dd>
    1387.                                             <em>
    1388.                                                 <a href="">英文原版书</a>
    1389.                                             </em>
    1390.                                             <em>
    1391.                                                 <a href="">港台图书</a>
    1392.                                             </em>
    1393.                                             <em>
    1394.                                                 <a href="">工具书</a>
    1395.                                             </em>
    1396.                                             <em>
    1397.                                                 <a href="">套装书</a>
    1398.                                             </em>
    1399.                                             <em>
    1400.                                                 <a href="">杂志/期刊</a>
    1401.                                             </em>
    1402.                                         </dd>
    1403.                                     </dl>
    1404.                                 </div>
    1405.                             </div>
    1406.                         </div>
    1407.                         <div class="item">
    1408.                             <h3>
    1409.                                 <a href="">运动健康</a>
    1410.                             </h3>
    1411.                             <div class="item-list clearfix">
    1412.                                 <div class="subitem">
    1413.                                     <dl class="fore">
    1414.                                         <dt>
    1415.                                             <a href="">电子书7</a>
    1416.                                         </dt>
    1417.                                         <dd>
    1418.                                             <em>
    1419.                                                 <a href="">免费</a>
    1420.                                             </em>
    1421.                                             <em>
    1422.                                                 <a href="">小说</a>
    1423.                                             </em>
    1424.                                             <em>
    1425.                                                 <a href="">励志与成功</a>
    1426.                                             </em>
    1427.                                             <em>
    1428.                                                 <a href="">婚恋/两性</a>
    1429.                                             </em>
    1430.                                             <em>
    1431.                                                 <a href="">文学</a>
    1432.                                             </em>
    1433.                                             <em>
    1434.                                                 <a href="">经管</a>
    1435.                                             </em>
    1436.                                             <em>
    1437.                                                 <a href="">畅读VIP</a>
    1438.                                             </em>
    1439.                                         </dd>
    1440.                                     </dl>
    1441.                                     <dl class="fore">
    1442.                                         <dt>
    1443.                                             <a href="">数字音乐</a>
    1444.                                         </dt>
    1445.                                         <dd>
    1446.                                             <em>
    1447.                                                 <a href="">通俗流行</a>
    1448.                                             </em>
    1449.                                             <em>
    1450.                                                 <a href="">古典音乐</a>
    1451.                                             </em>
    1452.                                             <em>
    1453.                                                 <a href="">摇滚说唱</a>
    1454.                                             </em>
    1455.                                             <em>
    1456.                                                 <a href="">爵士蓝调</a>
    1457.                                             </em>
    1458.                                             <em>
    1459.                                                 <a href="">乡村民谣</a>
    1460.                                             </em>
    1461.                                             <em>
    1462.                                                 <a href="">有声读物</a>
    1463.                                             </em>
    1464.                                         </dd>
    1465.                                     </dl>
    1466.                                     <dl class="fore">
    1467.                                         <dt>
    1468.                                             <a href="">音像</a>
    1469.                                         </dt>
    1470.                                         <dd>
    1471.                                             <em>
    1472.                                                 <a href="">音乐</a>
    1473.                                             </em>
    1474.                                             <em>
    1475.                                                 <a href="">影视</a>
    1476.                                             </em>
    1477.                                             <em>
    1478.                                                 <a href="">教育音像</a>
    1479.                                             </em>
    1480.                                             <em>
    1481.                                                 <a href="">游戏</a>
    1482.                                             </em>
    1483.                                         </dd>
    1484.                                     </dl>
    1485.                                     <dl class="fore">
    1486.                                         <dt>文艺</dt>
    1487.                                         <dd>
    1488.                                             <em>
    1489.                                                 <a href="">小说</a>
    1490.                                             </em>
    1491.                                             <em>
    1492.                                                 <a href="">文学</a>
    1493.                                             </em>
    1494.                                             <em>
    1495.                                                 <a href="">青春文学</a>
    1496.                                             </em>
    1497.                                             <em>
    1498.                                                 <a href="">传记</a>
    1499.                                             </em>
    1500.                                             <em>
    1501.                                                 <a href="">艺术</a>
    1502.                                             </em>
    1503.                                         </dd>
    1504.                                     </dl>
    1505.                                 </div>
    1506.                             </div>
    1507.                         </div>
    1508.                         <div class="item">
    1509.                             <h3>
    1510.                                 <a href="">汽车用品</a>
    1511.                             </h3>
    1512.                             <div class="item-list clearfix">
    1513.                                 <div class="subitem">
    1514.                                     <dl class="fore">
    1515.                                         <dt>
    1516.                                             <a href="">电子书8</a>
    1517.                                         </dt>
    1518.                                         <dd>
    1519.                                             <em>
    1520.                                                 <a href="">免费</a>
    1521.                                             </em>
    1522.                                             <em>
    1523.                                                 <a href="">小说</a>
    1524.                                             </em>
    1525.                                             <em>
    1526.                                                 <a href="">励志与成功</a>
    1527.                                             </em>
    1528.                                             <em>
    1529.                                                 <a href="">婚恋/两性</a>
    1530.                                             </em>
    1531.                                             <em>
    1532.                                                 <a href="">文学</a>
    1533.                                             </em>
    1534.                                             <em>
    1535.                                                 <a href="">经管</a>
    1536.                                             </em>
    1537.                                             <em>
    1538.                                                 <a href="">畅读VIP</a>
    1539.                                             </em>
    1540.                                         </dd>
    1541.                                     </dl>
    1542.                                     <dl class="fore">
    1543.                                         <dt>
    1544.                                             <a href="">数字音乐</a>
    1545.                                         </dt>
    1546.                                         <dd>
    1547.                                             <em>
    1548.                                                 <a href="">通俗流行</a>
    1549.                                             </em>
    1550.                                             <em>
    1551.                                                 <a href="">古典音乐</a>
    1552.                                             </em>
    1553.                                             <em>
    1554.                                                 <a href="">摇滚说唱</a>
    1555.                                             </em>
    1556.                                             <em>
    1557.                                                 <a href="">爵士蓝调</a>
    1558.                                             </em>
    1559.                                             <em>
    1560.                                                 <a href="">乡村民谣</a>
    1561.                                             </em>
    1562.                                             <em>
    1563.                                                 <a href="">有声读物</a>
    1564.                                             </em>
    1565.                                         </dd>
    1566.                                     </dl>
    1567.                                     <dl class="fore">
    1568.                                         <dt>
    1569.                                             <a href="">音像</a>
    1570.                                         </dt>
    1571.                                         <dd>
    1572.                                             <em>
    1573.                                                 <a href="">音乐</a>
    1574.                                             </em>
    1575.                                             <em>
    1576.                                                 <a href="">影视</a>
    1577.                                             </em>
    1578.                                             <em>
    1579.                                                 <a href="">教育音像</a>
    1580.                                             </em>
    1581.                                             <em>
    1582.                                                 <a href="">游戏</a>
    1583.                                             </em>
    1584.                                         </dd>
    1585.                                     </dl>
    1586.                                     <dl class="fore">
    1587.                                         <dt>文艺</dt>
    1588.                                         <dd>
    1589.                                             <em>
    1590.                                                 <a href="">小说</a>
    1591.                                             </em>
    1592.                                             <em>
    1593.                                                 <a href="">文学</a>
    1594.                                             </em>
    1595.                                             <em>
    1596.                                                 <a href="">青春文学</a>
    1597.                                             </em>
    1598.                                             <em>
    1599.                                                 <a href="">传记</a>
    1600.                                             </em>
    1601.                                             <em>
    1602.                                                 <a href="">艺术</a>
    1603.                                             </em>
    1604.                                         </dd>
    1605.                                     </dl>
    1606.                                     <dl class="fore">
    1607.                                         <dt>人文社科</dt>
    1608.                                         <dd>
    1609.                                             <em>
    1610.                                                 <a href="">历史</a>
    1611.                                             </em>
    1612.                                             <em>
    1613.                                                 <a href="">心理学</a>
    1614.                                             </em>
    1615.                                             <em>
    1616.                                                 <a href="">政治/军事</a>
    1617.                                             </em>
    1618.                                             <em>
    1619.                                                 <a href="">国学/古籍</a>
    1620.                                             </em>
    1621.                                             <em>
    1622.                                                 <a href="">哲学/宗教</a>
    1623.                                             </em>
    1624.                                             <em>
    1625.                                                 <a href="">社会科学</a>
    1626.                                             </em>
    1627.                                         </dd>
    1628.                                     </dl>
    1629.                                     <dl class="fore">
    1630.                                         <dt>经管励志</dt>
    1631.                                         <dd>
    1632.                                             <em>
    1633.                                                 <a href="">经济</a>
    1634.                                             </em>
    1635.                                             <em>
    1636.                                                 <a href="">金融与投资</a>
    1637.                                             </em>
    1638.                                             <em>
    1639.                                                 <a href="">管理</a>
    1640.                                             </em>
    1641.                                             <em>
    1642.                                                 <a href="">励志与成功</a>
    1643.                                             </em>
    1644.                                         </dd>
    1645.                                     </dl>
    1646.                                     <dl class="fore">
    1647.                                         <dt>生活</dt>
    1648.                                         <dd>
    1649.                                             <em>
    1650.                                                 <a href="">家庭与育儿</a>
    1651.                                             </em>
    1652.                                             <em>
    1653.                                                 <a href="">旅游/地图</a>
    1654.                                             </em>
    1655.                                             <em>
    1656.                                                 <a href="">烹饪/美食</a>
    1657.                                             </em>
    1658.                                             <em>
    1659.                                                 <a href="">时尚/美妆</a>
    1660.                                             </em>
    1661.                                             <em>
    1662.                                                 <a href="">家居</a>
    1663.                                             </em>
    1664.                                             <em>
    1665.                                                 <a href="">婚恋与两性</a>
    1666.                                             </em>
    1667.                                             <em>
    1668.                                                 <a href="">娱乐/休闲</a>
    1669.                                             </em>
    1670.                                             <em>
    1671.                                                 <a href="">健身与保健</a>
    1672.                                             </em>
    1673.                                             <em>
    1674.                                                 <a href="">动漫/幽默</a>
    1675.                                             </em>
    1676.                                             <em>
    1677.                                                 <a href="">体育/运动</a>
    1678.                                             </em>
    1679.                                         </dd>
    1680.                                     </dl>
    1681.                                     <dl class="fore">
    1682.                                         <dt>科技</dt>
    1683.                                         <dd>
    1684.                                             <em>
    1685.                                                 <a href="">科普</a>
    1686.                                             </em>
    1687.                                             <em>
    1688.                                                 <a href="">IT</a>
    1689.                                             </em>
    1690.                                             <em>
    1691.                                                 <a href="">建筑</a>
    1692.                                             </em>
    1693.                                             <em>
    1694.                                                 <a href="">医学</a>
    1695.                                             </em>
    1696.                                             <em>
    1697.                                                 <a href="">工业技术</a>
    1698.                                             </em>
    1699.                                             <em>
    1700.                                                 <a href="">电子/通信</a>
    1701.                                             </em>
    1702.                                             <em>
    1703.                                                 <a href="">农林</a>
    1704.                                             </em>
    1705.                                             <em>
    1706.                                                 <a href="">科学与自然</a>
    1707.                                             </em>
    1708.                                         </dd>
    1709.                                     </dl>
    1710.                                 </div>
    1711.                             </div>
    1712.                         </div>
    1713.                         <div class="item">
    1714.                             <h3>
    1715.                                 <a href="">彩票、旅行</a>
    1716.                             </h3>
    1717.                         </div>
    1718.                         <div class="item">
    1719.                             <h3>
    1720.                                 <a href="">理财、众筹</a>
    1721.                             </h3>
    1722.                         </div>
    1723.                         <div class="item">
    1724.                             <h3>
    1725.                                 <a href="">母婴、玩具</a>
    1726.                             </h3>
    1727.                         </div>
    1728.                         <div class="item">
    1729.                             <h3>
    1730.                                 <a href="">箱包</a>
    1731.                             </h3>
    1732.                         </div>
    1733.                         <div class="item">
    1734.                             <h3>
    1735.                                 <a href="">运动户外</a>
    1736.                             </h3>
    1737.                         </div>
    1738.                         <div class="item">
    1739.                             <h3>
    1740.                                 <a href="">箱包</a>
    1741.                             </h3>
    1742.                         </div>
    1743.                     </div>
    1744.                 </div>
    1745.             </div>
    1746.         </div>
    1748.         <!--列表-->
    1749.         <div class="list-container">
    1750.             <div class="sortList clearfix">
    1751.                 <div class="center">
    1752.                     <!--banner轮播-->
    1753.                     <div class="swiper-container" id="mySwiper">
    1754.                         <div class="swiper-wrapper">
    1755.                             <div class="swiper-slide">
    1756.                                 <img src="./images/home/banner1.jpg" />
    1757.                             </div>
    1758.                             <div class="swiper-slide">
    1759.                                 <img src="./images/home/banner2.jpg" />
    1760.                             </div>
    1761.                             <div class="swiper-slide">
    1762.                                 <img src="./images/home/banner3.jpg" />
    1763.                             </div>
    1764.                             <div class="swiper-slide">
    1765.                                 <img src="./images/home/banner4.jpg" />
    1766.                             </div>
    1767.                         </div>
    1768.                         <!-- 如果需要分页器 -->
    1769.                         <div class="swiper-pagination"></div>
    1771.                         <!-- 如果需要导航按钮 -->
    1772.                         <div class="swiper-button-prev"></div>
    1773.                         <div class="swiper-button-next"></div>
    1774.                     </div>
    1775.                 </div>
    1776.                 <div class="right">
    1777.                     <div class="news">
    1778.                         <h4>
    1779.                             <em class="fl">尚品汇快报</em>
    1780.                             <span class="fr tip">更多 ></span>
    1781.                         </h4>
    1782.                         <div class="clearix"></div>
    1783.                         <ul class="news-list unstyled">
    1784.                             <li>
    1785.                                 <span class="bold">[特惠]</span>备战开学季 全民半价购数码
    1786.                             </li>
    1787.                             <li>
    1788.                                 <span class="bold">[公告]</span>备战开学季 全民半价购数码
    1789.                             </li>
    1790.                             <li>
    1791.                                 <span class="bold">[特惠]</span>备战开学季 全民半价购数码
    1792.                             </li>
    1793.                             <li>
    1794.                                 <span class="bold">[公告]</span>备战开学季 全民半价购数码
    1795.                             </li>
    1796.                             <li>
    1797.                                 <span class="bold">[特惠]</span>备战开学季 全民半价购数码
    1798.                             </li>
    1799.                         </ul>
    1800.                     </div>
    1801.                     <ul class="lifeservices">
    1802.                         <li class=" life-item ">
    1803.                             <i class="list-item"></i>
    1804.                             <span class="service-intro">话费</span>
    1805.                         </li>
    1806.                         <li class=" life-item ">
    1807.                             <i class="list-item"></i>
    1808.                             <span class="service-intro">机票</span>
    1809.                         </li>
    1810.                         <li class=" life-item ">
    1811.                             <i class="list-item"></i>
    1812.                             <span class="service-intro">电影票</span>
    1813.                         </li>
    1814.                         <li class=" life-item ">
    1815.                             <i class="list-item"></i>
    1816.                             <span class="service-intro">游戏</span>
    1817.                         </li>
    1818.                         <li class=" life-item">
    1819.                             <i class="list-item"></i>
    1820.                             <span class="service-intro">彩票</span>
    1821.                         </li>
    1822.                         <li class=" life-item">
    1823.                             <i class="list-item"></i>
    1824.                             <span class="service-intro">加油站</span>
    1825.                         </li>
    1826.                         <li class=" life-item">
    1827.                             <i class="list-item"></i>
    1828.                             <span class="service-intro">酒店</span>
    1829.                         </li>
    1830.                         <li class=" life-item">
    1831.                             <i class="list-item"></i>
    1832.                             <span class="service-intro">火车票</span>
    1833.                         </li>
    1834.                         <li class=" life-item ">
    1835.                             <i class="list-item"></i>
    1836.                             <span class="service-intro">众筹</span>
    1837.                         </li>
    1838.                         <li class=" life-item">
    1839.                             <i class="list-item"></i>
    1840.                             <span class="service-intro">理财</span>
    1841.                         </li>
    1842.                         <li class=" life-item">
    1843.                             <i class="list-item"></i>
    1844.                             <span class="service-intro">礼品卡</span>
    1845.                         </li>
    1846.                         <li class=" life-item">
    1847.                             <i class="list-item"></i>
    1848.                             <span class="service-intro">白条</span>
    1849.                         </li>
    1850.                     </ul>
    1851.                     <div class="ads">
    1852.                         <img src="./images/home/ad1.png" />
    1853.                     </div>
    1854.                 </div>
    1855.             </div>
    1856.         </div>
    1858.         <!--今日推荐-->
    1859.         <div class="today-recommend">
    1860.             <div class="py-container">
    1861.                 <ul class="recommend">
    1862.                     <li class="clock">
    1863.                         <div class="time">
    1864.                             <img src="./images/home/clock.png" />
    1865.                             <h3>今日推荐</h3>
    1866.                         </div>
    1867.                     </li>
    1868.                     <li class="banner">
    1869.                         <img src="./images/home/today01.png" />
    1870.                     </li>
    1871.                     <li class="banner">
    1872.                         <img src="./images/home/today02.png" />
    1873.                     </li>
    1874.                     <li class="banner">
    1875.                         <img src="./images/home/today03.png" />
    1876.                     </li>
    1877.                     <li class="banner">
    1878.                         <img src="./images/home/today04.png" />
    1879.                     </li>
    1880.                 </ul>
    1881.             </div>
    1882.         </div>
    1884.         <!-- 商品排行 -->
    1885.         <div class="rank">
    1886.             <div class="tab">
    1887.                 <div class="tab-tit clearfix">
    1888.                     <a href="javascript:;" class="on">
    1889.                         <p class="img">
    1890.                             <i></i>
    1891.                         </p>
    1892.                         <p class="text">热卖排行</p>
    1893.                     </a>
    1894.                     <a href="javascript:;">
    1895.                         <p class="img">
    1896.                             <i></i>
    1897.                         </p>
    1898.                         <p class="text">特价排行</p>
    1899.                     </a>
    1900.                     <a href="javascript:;">
    1901.                         <p class="img">
    1902.                             <i></i>
    1903.                         </p>
    1904.                         <p class="text">新品排行</p>
    1905.                     </a>
    1906.                 </div>
    1908.             </div>
    1909.             <div class="content">
    1910.                 <ul>
    1911.                     <li>
    1912.                         <div class="img-item">
    1913.                             <p class="tab-pic">
    1914.                                 <a href="#">
    1915.                                     <img src="./images/home/1.jpg" />
    1916.                                 </a>
    1917.                             </p>
    1918.                             <div class="tab-info">
    1919.                                 <div class="info-title">
    1920.                                     <a href="#">【官网价直降1100】Apple iPhone 8 Plus 256GB 银色 移动联通电信4G手机</a>
    1921.                                 </div>
    1922.                                 <p class="info-price">定金：¥100.00</p>
    1923.                             </div>
    1924.                         </div>
    1925.                         <div class="img-item">
    1926.                             <p class="tab-pic">
    1927.                                 <a href="#">
    1928.                                     <img src="./images/home/1.jpg" />
    1929.                                 </a>
    1930.                             </p>
    1931.                             <div class="tab-info">
    1932.                                 <div class="info-title">
    1933.                                     <a href="#">【官网价直降1100】Apple iPhone 8 Plus 256GB 银色 移动联通电信4G手机</a>
    1934.                                 </div>
    1935.                                 <p class="info-price">定金：¥100.00</p>
    1936.                             </div>
    1937.                         </div>
    1938.                         <div class="img-item">
    1939.                             <p class="tab-pic">
    1940.                                 <a href="#">
    1941.                                     <img src="./images/home/1.jpg" />
    1942.                                 </a>
    1943.                             </p>
    1944.                             <div class="tab-info">
    1945.                                 <div class="info-title">
    1946.                                     <a href="#">【官网价直降1100】Apple iPhone 8 Plus 256GB 银色 移动联通电信4G手机</a>
    1947.                                 </div>
    1948.                                 <p class="info-price">定金：¥100.00</p>
    1949.                             </div>
    1950.                         </div>
    1951.                         <div class="img-item">
    1952.                             <p class="tab-pic">
    1953.                                 <a href="#">
    1954.                                     <img src="./images/home/1.jpg" />
    1955.                                 </a>
    1956.                             </p>
    1957.                             <div class="tab-info">
    1958.                                 <div class="info-title">
    1959.                                     <a href="#">【官网价直降1100】Apple iPhone 8 Plus 256GB 银色 移动联通电信4G手机</a>
    1960.                                 </div>
    1961.                                 <p class="info-price">定金：¥100.00</p>
    1962.                             </div>
    1963.                         </div>
    1964.                     </li>
    1965.                 </ul>
    1966.             </div>
    1967.         </div>
    1969.         <!-- 猜你喜欢 -->
    1970.         <div class="like">
    1971.             <div class="py-container">
    1972.                 <div class="title">
    1973.                     <h3 class="fl">猜你喜欢</h3>
    1974.                     <a href="javascript:;" class="fr tip changeBnt">换一换</a>
    1975.                 </div>
    1976.                 <div class="bd">
    1977.                     <ul class="favourate">
    1978.                         <li>
    1979.                             <img src="./images/home/like_02.png" alt="" />
    1980.                             <div class="like-text">
    1981.                                 <p>阳光美包新款单肩包女包时尚子母包四件套女</p>
    1982.                                 <h3>¥116.00</h3>
    1983.                             </div>
    1984.                         </li>
    1985.                         <li>
    1986.                             <img src="./images/home/like_03.png" alt="" />
    1987.                             <div class="like-text">
    1988.                                 <p>阳光美包新款单肩包女包时尚子母包四件套女</p>
    1989.                                 <h3>¥116.00</h3>
    1990.                             </div>
    1991.                         </li>
    1992.                         <li>
    1993.                             <img src="./images/home/like_01.png" alt="" />
    1994.                             <div class="like-text">
    1995.                                 <p>阳光美包新款单肩包女包时尚子母包四件套女</p>
    1996.                                 <h3>¥116.00</h3>
    1997.                             </div>
    1998.                         </li>
    1999.                         <li>
    2000.                             <img src="./images/home/like_02.png" alt="" />
    2001.                             <div class="like-text">
    2002.                                 <p>阳光美包新款单肩包女包时尚子母包四件套女</p>
    2003.                                 <h3>¥116.00</h3>
    2004.                             </div>
    2005.                         </li>
    2006.                         <li>
    2007.                             <img src="./images/home/like_03.png" alt="" />
    2008.                             <div class="like-text">
    2009.                                 <p>阳光美包新款单肩包女包时尚子母包四件套女</p>
    2010.                                 <h3>¥116.00</h3>
    2011.                             </div>
    2012.                         </li>
    2013.                         <li>
    2014.                             <img src="./images/home/like_01.png" alt="" />
    2015.                             <div class="like-text">
    2016.                                 <p>阳光美包新款单肩包女包时尚子母包四件套女</p>
    2017.                                 <h3>¥116.00</h3>
    2018.                             </div>
    2019.                         </li>
    2020.                     </ul>
    2021.                 </div>
    2022.             </div>
    2023.         </div>
    2025.         <!--楼层-->
    2026.         <div class="floor">
    2027.             <div class="py-container">
    2028.                 <div class="title clearfix">
    2029.                     <h3 class="fl">家用电器</h3>
    2030.                     <div class="fr">
    2031.                         <ul class="nav-tabs clearfix">
    2032.                             <li class="active">
    2033.                                 <a href="#tab1" data-toggle="tab">热门</a>
    2034.                             </li>
    2035.                             <li>
    2036.                                 <a href="#tab2" data-toggle="tab">大家电</a>
    2037.                             </li>
    2038.                             <li>
    2039.                                 <a href="#tab3" data-toggle="tab">生活电器</a>
    2040.                             </li>
    2041.                             <li>
    2042.                                 <a href="#tab4" data-toggle="tab">厨房电器</a>
    2043.                             </li>
    2044.                             <li>
    2045.                                 <a href="#tab5" data-toggle="tab">应季电器</a>
    2046.                             </li>
    2047.                             <li>
    2048.                                 <a href="#tab6" data-toggle="tab">空气/净水</a>
    2049.                             </li>
    2050.                             <li>
    2051.                                 <a href="#tab7" data-toggle="tab">高端电器</a>
    2052.                             </li>
    2053.                         </ul>
    2054.                     </div>
    2055.                 </div>
    2056.                 <div class="tab-content">
    2057.                     <div class="tab-pane">
    2058.                         <div class="floor-1">
    2059.                             <div class="blockgary">
    2060.                                 <ul class="jd-list">
    2061.                                     <li>节能补贴</li>
    2062.                                     <li>4K电视</li>
    2063.                                     <li>空气净化器</li>
    2064.                                     <li>IH电饭煲</li>
    2065.                                     <li>滚筒洗衣机</li>
    2066.                                     <li>电热水器</li>
    2067.                                 </ul>
    2068.                                 <img src="./images/home/floor-1-1.png" />
    2069.                             </div>
    2070.                             <div class="floorBanner">
    2071.                                 <div class="swiper-container" id="floor1Swiper">
    2072.                                     <div class="swiper-wrapper">
    2073.                                         <div class="swiper-slide">
    2074.                                             <img src="./images/home/floor-1-b01.png">
    2075.                                         </div>
    2076.                                         <div class="swiper-slide">
    2077.                                             <img src="./images/home/floor-1-b02.png">
    2078.                                         </div>
    2079.                                         <div class="swiper-slide">
    2080.                                             <img src="./images/home/floor-1-b03.png">
    2081.                                         </div>
    2082.                                     </div>
    2083.                                     <!-- 如果需要分页器 -->
    2084.                                     <div class="swiper-pagination"></div>
    2086.                                     <!-- 如果需要导航按钮 -->
    2087.                                     <div class="swiper-button-prev"></div>
    2088.                                     <div class="swiper-button-next"></div>
    2089.                                 </div>
    2090.                             </div>
    2091.                             <div class="split">
    2092.                                 <span class="floor-x-line"></span>
    2093.                                 <div class="floor-conver-pit">
    2094.                                     <img src="./images/home/floor-1-2.png" />
    2095.                                 </div>
    2096.                                 <div class="floor-conver-pit">
    2097.                                     <img src="./images/home/floor-1-3.png" />
    2098.                                 </div>
    2099.                             </div>
    2100.                             <div class="split center">
    2101.                                 <img src="./images/home/floor-1-4.png" />
    2102.                             </div>
    2103.                             <div class="split">
    2104.                                 <span class="floor-x-line"></span>
    2105.                                 <div class="floor-conver-pit">
    2106.                                     <img src="./images/home/floor-1-5.png" />
    2107.                                 </div>
    2108.                                 <div class="floor-conver-pit">
    2109.                                     <img src="./images/home/floor-1-6.png" />
    2110.                                 </div>
    2111.                             </div>
    2112.                         </div>
    2113.                     </div>
    2114.                 </div>
    2115.             </div>
    2116.         </div>
    2118.         <!--楼层-->
    2119.         <div class="floor">
    2120.             <div class="py-container">
    2121.                 <div class="title clearfix">
    2122.                     <h3 class="fl">家用电器</h3>
    2123.                     <div class="fr">
    2124.                         <ul class="nav-tabs clearfix">
    2125.                             <li class="active">
    2126.                                 <a href="#tab1" data-toggle="tab">热门</a>
    2127.                             </li>
    2128.                             <li>
    2129.                                 <a href="#tab2" data-toggle="tab">大家电</a>
    2130.                             </li>
    2131.                             <li>
    2132.                                 <a href="#tab3" data-toggle="tab">生活电器</a>
    2133.                             </li>
    2134.                             <li>
    2135.                                 <a href="#tab4" data-toggle="tab">厨房电器</a>
    2136.                             </li>
    2137.                             <li>
    2138.                                 <a href="#tab5" data-toggle="tab">应季电器</a>
    2139.                             </li>
    2140.                             <li>
    2141.                                 <a href="#tab6" data-toggle="tab">空气/净水</a>
    2142.                             </li>
    2143.                             <li>
    2144.                                 <a href="#tab7" data-toggle="tab">高端电器</a>
    2145.                             </li>
    2146.                         </ul>
    2147.                     </div>
    2148.                 </div>
    2149.                 <div class="tab-content">
    2150.                     <div class="tab-pane">
    2151.                         <div class="floor-1">
    2152.                             <div class="blockgary">
    2153.                                 <ul class="jd-list">
    2154.                                     <li>节能补贴</li>
    2155.                                     <li>4K电视</li>
    2156.                                     <li>空气净化器</li>
    2157.                                     <li>IH电饭煲</li>
    2158.                                     <li>滚筒洗衣机</li>
    2159.                                     <li>电热水器</li>
    2160.                                 </ul>
    2161.                                 <img src="./images/home/floor-1-1.png" />
    2162.                             </div>
    2163.                             <div class="floorBanner">
    2164.                                 <div class="swiper-container" id="floor2Swiper">
    2165.                                     <div class="swiper-wrapper">
    2166.                                         <div class="swiper-slide">
    2167.                                             <img src="./images/home/floor-1-b01.png">
    2168.                                         </div>
    2169.                                         <div class="swiper-slide">
    2170.                                             <img src="./images/home/floor-1-b02.png">
    2171.                                         </div>
    2172.                                         <div class="swiper-slide">
    2173.                                             <img src="./images/home/floor-1-b03.png">
    2174.                                         </div>
    2175.                                     </div>
    2176.                                     <!-- 如果需要分页器 -->
    2177.                                     <div class="swiper-pagination"></div>
    2179.                                     <!-- 如果需要导航按钮 -->
    2180.                                     <div class="swiper-button-prev"></div>
    2181.                                     <div class="swiper-button-next"></div>
    2182.                                 </div>
    2183.                             </div>
    2184.                             <div class="split">
    2185.                                 <span class="floor-x-line"></span>
    2186.                                 <div class="floor-conver-pit">
    2187.                                     <img src="./images/home/floor-1-2.png" />
    2188.                                 </div>
    2189.                                 <div class="floor-conver-pit">
    2190.                                     <img src="./images/home/floor-1-3.png" />
    2191.                                 </div>
    2192.                             </div>
    2193.                             <div class="split center">
    2194.                                 <img src="./images/home/floor-1-4.png" />
    2195.                             </div>
    2196.                             <div class="split">
    2197.                                 <span class="floor-x-line"></span>
    2198.                                 <div class="floor-conver-pit">
    2199.                                     <img src="./images/home/floor-1-5.png" />
    2200.                                 </div>
    2201.                                 <div class="floor-conver-pit">
    2202.                                     <img src="./images/home/floor-1-6.png" />
    2203.                                 </div>
    2204.                             </div>
    2205.                         </div>
    2206.                     </div>
    2207.                 </div>
    2208.             </div>
    2209.         </div>
    2211.         <!--商标-->
    2212.         <div class="brand">
    2213.             <div class="py-container">
    2214.                 <ul class="brand-list">
    2215.                     <li class="brand-item">
    2216.                         <img src="./images/home/brand_21.png" />
    2217.                     </li>
    2218.                     <li class="brand-item">
    2219.                         <img src="./images/home/brand_03.png" />
    2220.                     </li>
    2221.                     <li class="brand-item">
    2222.                         <img src="./images/home/brand_05.png" />
    2223.                     </li>
    2224.                     <li class="brand-item">
    2225.                         <img src="./images/home/brand_07.png" />
    2226.                     </li>
    2227.                     <li class="brand-item">
    2228.                         <img src="./images/home/brand_09.png" />
    2229.                     </li>
    2230.                     <li class="brand-item">
    2231.                         <img src="./images/home/brand_11.png" />
    2232.                     </li>
    2233.                     <li class="brand-item">
    2234.                         <img src="./images/home/brand_13.png" />
    2235.                     </li>
    2236.                     <li class="brand-item">
    2237.                         <img src="./images/home/brand_15.png" />
    2238.                     </li>
    2239.                     <li class="brand-item">
    2240.                         <img src="./images/home/brand_17.png" />
    2241.                     </li>
    2242.                     <li class="brand-item">
    2243.                         <img src="./images/home/brand_19.png" />
    2244.                     </li>
    2245.                 </ul>
    2246.             </div>
    2247.         </div>
    2249.         <!-- 底部 -->
    2250.         <div class="footer">
    2251.             <div class="footer-container">
    2252.                 <div class="footerList">
    2253.                     <div class="footerItem">
    2254.                         <h4>购物指南</h4>
    2255.                         <ul class="footerItemCon">
    2256.                             <li>购物流程</li>
    2257.                             <li>会员介绍</li>
    2258.                             <li>生活旅行/团购</li>
    2259.                             <li>常见问题</li>
    2260.                             <li>购物指南</li>
    2261.                         </ul>
    2263.                     </div>
    2264.                     <div class="footerItem">
    2265.                         <h4>配送方式</h4>
    2266.                         <ul class="footerItemCon">
    2267.                             <li>上门自提</li>
    2268.                             <li>211限时达</li>
    2269.                             <li>配送服务查询</li>
    2270.                             <li>配送费收取标准</li>
    2271.                             <li>海外配送</li>
    2272.                         </ul>
    2273.                     </div>
    2274.                     <div class="footerItem">
    2275.                         <h4>支付方式</h4>
    2276.                         <ul class="footerItemCon">
    2277.                             <li>货到付款</li>
    2278.                             <li>在线支付</li>
    2279.                             <li>分期付款</li>
    2280.                             <li>邮局汇款</li>
    2281.                             <li>公司转账</li>
    2282.                         </ul>
    2283.                     </div>
    2284.                     <div class="footerItem">
    2285.                         <h4>售后服务</h4>
    2286.                         <ul class="footerItemCon">
    2287.                             <li>售后政策</li>
    2288.                             <li>价格保护</li>
    2289.                             <li>退款说明</li>
    2290.                             <li>返修/退换货</li>
    2291.                             <li>取消订单</li>
    2292.                         </ul>
    2293.                     </div>
    2294.                     <div class="footerItem">
    2295.                         <h4>特色服务</h4>
    2296.                         <ul class="footerItemCon">
    2297.                             <li>夺宝岛</li>
    2298.                             <li>DIY装机</li>
    2299.                             <li>延保服务</li>
    2300.                             <li>尚品汇E卡</li>
    2301.                             <li>尚品汇通信</li>
    2302.                         </ul>
    2303.                     </div>
    2304.                     <div class="footerItem">
    2305.                         <h4>帮助中心</h4>
    2306.                         <img src="./images/wx_cz.jpg">
    2307.                     </div>
    2308.                 </div>
    2309.                 <div class="copyright">
    2310.                     <ul class="helpLink">
    2311.                         <li>关于我们
    2312.                             <span class="space"></span>
    2313.                         </li>
    2314.                         <li>联系我们
    2315.                             <span class="space"></span>
    2316.                         </li>
    2317.                         <li>关于我们
    2318.                             <span class="space"></span>
    2319.                         </li>
    2320.                         <li>商家入驻
    2321.                             <span class="space"></span>
    2322.                         </li>
    2323.                         <li>营销中心
    2324.                             <span class="space"></span>
    2325.                         </li>
    2326.                         <li>友情链接
    2327.                             <span class="space"></span>
    2328.                         </li>
    2329.                         <li>关于我们
    2330.                             <span class="space"></span>
    2331.                         </li>
    2332.                         <li>营销中心
    2333.                             <span class="space"></span>
    2334.                         </li>
    2335.                         <li>友情链接
    2336.                             <span class="space"></span>
    2337.                         </li>
    2338.                         <li>关于我们</li>
    2339.                     </ul>
    2340.                     <p>地址：北京市昌平区宏福科技园综合楼6层</p>
    2341.                     <p>京ICP备19006430号</p>
    2342.                 </div>
    2343.             </div>
    2344.         </div>
    2345.     </div>
    2346.     <script src="./js/swiper.min.js"></script>
    2347.     <script>
    2348.         var mySwiper = new Swiper('#mySwiper', {
    2349.             loop: true, // 循环模式选项
    2350.             // 如果需要分页器
    2351.             pagination: {
    2352.                 el: '.swiper-pagination',
    2353.             },
    2354.             // 如果需要前进后退按钮
    2355.             navigation: {
    2356.                 nextEl: '.swiper-button-next',
    2357.                 prevEl: '.swiper-button-prev',
    2358.             },
    2359.         });
    2361.         var floor1Swiper = new Swiper('#floor1Swiper', {
    2362.             loop: true, // 循环模式选项
    2364.             // 如果需要分页器
    2365.             pagination: {
    2366.                 el: '.swiper-pagination',
    2367.             },
    2369.             // 如果需要前进后退按钮
    2370.             navigation: {
    2371.                 nextEl: '.swiper-button-next',
    2372.                 prevEl: '.swiper-button-prev',
    2373.             }
    2374.         });
    2376.         var floor2Swiper = new Swiper('#floor2Swiper', {
    2377.             loop: true, // 循环模式选项
    2379.             // 如果需要分页器
    2380.             pagination: {
    2381.                 el: '.swiper-pagination',
    2382.             },
    2384.             // 如果需要前进后退按钮
    2385.             navigation: {
    2386.                 nextEl: '.swiper-button-next',
    2387.                 prevEl: '.swiper-button-prev',
    2388.             }
    2389.         })
    2390.     </script>
    2391. </body>
    2393. </html>

    search

    <html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>头部导航栏布局</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/search.css">
</head>

<body>
    <!-- 项目的最外层 -->
    <div class="outer">
        <!-- 窗口侧边栏 -->
        <div class="toolbar toolbar-wrap">
            <div class="content"></div>
            <div class="but list"></div>
            <div class="toolist">
                <div class="pull">
                    <i class="tab-ico vip"></i>
                    <em class="tab-text">商品会员</em>
                </div>
                <div class="pull">
                    <i class="tab-ico cart"></i>
                    <em class="tab-text">购物车</em>
                </div>
                <div class="pull">
                    <i class="tab-ico follow"></i>
                    <em class="tab-text">我的关注</em>
                </div>
                <div class="pull">
                    <i class="tab-ico history"></i>
                    <em class="tab-text">我的足迹</em>
                </div>
                <div class="pull">
                    <i class="tab-ico message"></i>
                    <em class="tab-text">我的消息</em>
                </div>
                <div class="pull">
                    <i class="tab-ico jimi"></i>
                    <em class="tab-text">咨询</em>
                </div>
            </div>
            <div class="back pull">
                <i class="tab-ico top"></i>
                <em class="tab-text">顶部</em>
            </div>
        </div>

        <!-- 头部 -->
        <header class="header">
            <!-- 头部的第一行 -->
            <div class="top">
                <div class="container">
                    <div class="loginList">
                        <p>尚品汇欢迎您！</p>
                        <p>
                            <span>请</span>
                            <a href="###">登录</a>
                            <a href="###" class="register">免费注册</a>
                        </p>
                    </div>
                    <div class="typeList">
                        <a href="###">我的订单</a>
                        <a href="###">我的购物车</a>
                        <a href="###">我的尚品汇</a>
                        <a href="###">尚品汇会员</a>
                        <a href="###">企业采购</a>
                        <a href="###">关注尚品汇</a>
                        <a href="###">合作招商</a>
                        <a href="###">商家后台</a>
                    </div>
                </div>
            </div>
            <!--头部第二行 搜索区域-->
            <div class="bottom">
                <h1 class="logoArea">
                    <a class="logo" title="尚品汇" href="###" target="_blank">
                        <img src="./images/logo.png" alt="">
                    </a>
                </h1>
                <div class="searchArea">
                    <form action="###" class="searchForm">
                        <input type="text" id="autocomplete" class="input-error input-xxlarge" />
                        <button class="sui-btn btn-xlarge btn-danger" type="button">搜索</button>
                    </form>
                </div>
            </div>
        </header>

        <!-- 商品分类导航 -->
        <div class="typeNav">
            <div class="container">
                <h2 class="all">全部商品分类</h2>
                <nav class="nav">
                    <a href="###">服装城</a>
                    <a href="###">美妆馆</a>
                    <a href="###">尚品汇超市</a>
                    <a href="###">全球购</a>
                    <a href="###">闪购</a>
                    <a href="###">团购</a>
                    <a href="###">有趣</a>
                    <a href="###">秒杀</a>
                </nav>
                <div class="sort" style="display:none">
                    <div class="all-sort-list2">
                        <div class="item bo">
                            <h3>
                                <a href="">图书、音像、数字商品</a>
                            </h3>
                            <div class="item-list clearfix">
                                <div class="subitem">
                                    <dl class="fore">
                                        <dt>
                                            <a href="">电子书</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">婚恋/两性</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">经管</a>
                                            </em>
                                            <em>
                                                <a href="">畅读VIP</a>
                                            </em>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <h3>
                                <a href="">家用电器</a>
                            </h3>
                            <div class="item-list clearfix">
                                <div class="subitem">
                                    <dl class="fore">
                                        <dt>
                                            <a href="">电子书1</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">免费</a>
                                            </em>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">励志与成功</a>
                                            </em>
                                            <em>
                                                <a href="">婚恋/两性</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">经管</a>
                                            </em>
                                            <em>
                                                <a href="">畅读VIP</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">数字音乐</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">通俗流行</a>
                                            </em>
                                            <em>
                                                <a href="">古典音乐</a>
                                            </em>
                                            <em>
                                                <a href="">摇滚说唱</a>
                                            </em>
                                            <em>
                                                <a href="">爵士蓝调</a>
                                            </em>
                                            <em>
                                                <a href="">乡村民谣</a>
                                            </em>
                                            <em>
                                                <a href="">有声读物</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">音像</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">音乐</a>
                                            </em>
                                            <em>
                                                <a href="">影视</a>
                                            </em>
                                            <em>
                                                <a href="">教育音像</a>
                                            </em>
                                            <em>
                                                <a href="">游戏</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>文艺</dt>
                                        <dd>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">青春文学</a>
                                            </em>
                                            <em>
                                                <a href="">传记</a>
                                            </em>
                                            <em>
                                                <a href="">艺术</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>人文社科</dt>
                                        <dd>
                                            <em>
                                                <a href="">历史</a>
                                            </em>
                                            <em>
                                                <a href="">心理学</a>
                                            </em>
                                            <em>
                                                <a href="">政治/军事</a>
                                            </em>
                                            <em>
                                                <a href="">国学/古籍</a>
                                            </em>
                                            <em>
                                                <a href="">哲学/宗教</a>
                                            </em>
                                            <em>
                                                <a href="">社会科学</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>经管励志</dt>
                                        <dd>
                                            <em>
                                                <a href="">经济</a>
                                            </em>
                                            <em>
                                                <a href="">金融与投资</a>
                                            </em>
                                            <em>
                                                <a href="">管理</a>
                                            </em>
                                            <em>
                                                <a href="">励志与成功</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>生活</dt>
                                        <dd>
                                            <em>
                                                <a href="">家庭与育儿</a>
                                            </em>
                                            <em>
                                                <a href="">旅游/地图</a>
                                            </em>
                                            <em>
                                                <a href="">烹饪/美食</a>
                                            </em>
                                            <em>
                                                <a href="">时尚/美妆</a>
                                            </em>
                                            <em>
                                                <a href="">家居</a>
                                            </em>
                                            <em>
                                                <a href="">婚恋与两性</a>
                                            </em>
                                            <em>
                                                <a href="">娱乐/休闲</a>
                                            </em>
                                            <em>
                                                <a href="">健身与保健</a>
                                            </em>
                                            <em>
                                                <a href="">动漫/幽默</a>
                                            </em>
                                            <em>
                                                <a href="">体育/运动</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>科技</dt>
                                        <dd>
                                            <em>
                                                <a href="">科普</a>
                                            </em>
                                            <em>
                                                <a href="">IT</a>
                                            </em>
                                            <em>
                                                <a href="">建筑</a>
                                            </em>
                                            <em>
                                                <a href="">医学</a>
                                            </em>
                                            <em>
                                                <a href="">工业技术</a>
                                            </em>
                                            <em>
                                                <a href="">电子/通信</a>
                                            </em>
                                            <em>
                                                <a href="">农林</a>
                                            </em>
                                            <em>
                                                <a href="">科学与自然</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>少儿</dt>
                                        <dd>
                                            <em>
                                                <a href="">少儿</a>
                                            </em>
                                            <em>
                                                <a href="">0-2岁</a>
                                            </em>
                                            <em>
                                                <a href="">3-6岁</a>
                                            </em>
                                            <em>
                                                <a href="">7-10岁</a>
                                            </em>
                                            <em>
                                                <a href="">11-14岁</a>
                                            </em>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <h3>
                                <a href="">手机、数码、充值</a>
                            </h3>
                            <div class="item-list clearfix">
                                <div class="subitem">
                                    <dl class="fore">
                                        <dt>
                                            <a href="">充值</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="recharge.html">充值</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">电子书2</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">免费</a>
                                            </em>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">励志与成功</a>
                                            </em>
                                            <em>
                                                <a href="">婚恋/两性</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">经管</a>
                                            </em>
                                            <em>
                                                <a href="">畅读VIP</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">数字音乐</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">通俗流行</a>
                                            </em>
                                            <em>
                                                <a href="">古典音乐</a>
                                            </em>
                                            <em>
                                                <a href="">摇滚说唱</a>
                                            </em>
                                            <em>
                                                <a href="">爵士蓝调</a>
                                            </em>
                                            <em>
                                                <a href="">乡村民谣</a>
                                            </em>
                                            <em>
                                                <a href="">有声读物</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">音像</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">音乐</a>
                                            </em>
                                            <em>
                                                <a href="">影视</a>
                                            </em>
                                            <em>
                                                <a href="">教育音像</a>
                                            </em>
                                            <em>
                                                <a href="">游戏</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>文艺</dt>
                                        <dd>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">青春文学</a>
                                            </em>
                                            <em>
                                                <a href="">传记</a>
                                            </em>
                                            <em>
                                                <a href="">艺术</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>人文社科</dt>
                                        <dd>
                                            <em>
                                                <a href="">历史</a>
                                            </em>
                                            <em>
                                                <a href="">心理学</a>
                                            </em>
                                            <em>
                                                <a href="">政治/军事</a>
                                            </em>
                                            <em>
                                                <a href="">国学/古籍</a>
                                            </em>
                                            <em>
                                                <a href="">哲学/宗教</a>
                                            </em>
                                            <em>
                                                <a href="">社会科学</a>
                                            </em>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <h3>
                                <a href="">电脑、办公</a>
                            </h3>
                            <div class="item-list clearfix">
                                <div class="subitem">
                                    <dl class="fore">
                                        <dt>
                                            <a href="">电子书3</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">免费</a>
                                            </em>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">励志与成功</a>
                                            </em>
                                            <em>
                                                <a href="">婚恋/两性</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">经管</a>
                                            </em>
                                            <em>
                                                <a href="">畅读VIP</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">数字音乐</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">通俗流行</a>
                                            </em>
                                            <em>
                                                <a href="">古典音乐</a>
                                            </em>
                                            <em>
                                                <a href="">摇滚说唱</a>
                                            </em>
                                            <em>
                                                <a href="">爵士蓝调</a>
                                            </em>
                                            <em>
                                                <a href="">乡村民谣</a>
                                            </em>
                                            <em>
                                                <a href="">有声读物</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">音像</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">音乐</a>
                                            </em>
                                            <em>
                                                <a href="">影视</a>
                                            </em>
                                            <em>
                                                <a href="">教育音像</a>
                                            </em>
                                            <em>
                                                <a href="">游戏</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>文艺</dt>
                                        <dd>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">青春文学</a>
                                            </em>
                                            <em>
                                                <a href="">传记</a>
                                            </em>
                                            <em>
                                                <a href="">艺术</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>人文社科</dt>
                                        <dd>
                                            <em>
                                                <a href="">历史</a>
                                            </em>
                                            <em>
                                                <a href="">心理学</a>
                                            </em>
                                            <em>
                                                <a href="">政治/军事</a>
                                            </em>
                                            <em>
                                                <a href="">国学/古籍</a>
                                            </em>
                                            <em>
                                                <a href="">哲学/宗教</a>
                                            </em>
                                            <em>
                                                <a href="">社会科学</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>经管励志</dt>
                                        <dd>
                                            <em>
                                                <a href="">经济</a>
                                            </em>
                                            <em>
                                                <a href="">金融与投资</a>
                                            </em>
                                            <em>
                                                <a href="">管理</a>
                                            </em>
                                            <em>
                                                <a href="">励志与成功</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>生活</dt>
                                        <dd>
                                            <em>
                                                <a href="">家庭与育儿</a>
                                            </em>
                                            <em>
                                                <a href="">旅游/地图</a>
                                            </em>
                                            <em>
                                                <a href="">烹饪/美食</a>
                                            </em>
                                            <em>
                                                <a href="">时尚/美妆</a>
                                            </em>
                                            <em>
                                                <a href="">家居</a>
                                            </em>
                                            <em>
                                                <a href="">婚恋与两性</a>
                                            </em>
                                            <em>
                                                <a href="">娱乐/休闲</a>
                                            </em>
                                            <em>
                                                <a href="">健身与保健</a>
                                            </em>
                                            <em>
                                                <a href="">动漫/幽默</a>
                                            </em>
                                            <em>
                                                <a href="">体育/运动</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>科技</dt>
                                        <dd>
                                            <em>
                                                <a href="">科普</a>
                                            </em>
                                            <em>
                                                <a href="">IT</a>
                                            </em>
                                            <em>
                                                <a href="">建筑</a>
                                            </em>
                                            <em>
                                                <a href="">医学</a>
                                            </em>
                                            <em>
                                                <a href="">工业技术</a>
                                            </em>
                                            <em>
                                                <a href="">电子/通信</a>
                                            </em>
                                            <em>
                                                <a href="">农林</a>
                                            </em>
                                            <em>
                                                <a href="">科学与自然</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>少儿</dt>
                                        <dd>
                                            <em>
                                                <a href="">少儿</a>
                                            </em>
                                            <em>
                                                <a href="">0-2岁</a>
                                            </em>
                                            <em>
                                                <a href="">3-6岁</a>
                                            </em>
                                            <em>
                                                <a href="">7-10岁</a>
                                            </em>
                                            <em>
                                                <a href="">11-14岁</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>教育</dt>
                                        <dd>
                                            <em>
                                                <a href="">教材教辅</a>
                                            </em>
                                            <em>
                                                <a href="">考试</a>
                                            </em>
                                            <em>
                                                <a href="">外语学习</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>其它</dt>
                                        <dd>
                                            <em>
                                                <a href="">英文原版书</a>
                                            </em>
                                            <em>
                                                <a href="">港台图书</a>
                                            </em>
                                            <em>
                                                <a href="">工具书</a>
                                            </em>
                                            <em>
                                                <a href="">套装书</a>
                                            </em>
                                            <em>
                                                <a href="">杂志/期刊</a>
                                            </em>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <h3>
                                <a href="">家居、家具、家装、厨具</a>
                            </h3>
                            <div class="item-list clearfix">
                                <div class="subitem">
                                    <dl class="fore">
                                        <dt>
                                            <a href="">电子书4</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">免费</a>
                                            </em>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">励志与成功</a>
                                            </em>
                                            <em>
                                                <a href="">婚恋/两性</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">经管</a>
                                            </em>
                                            <em>
                                                <a href="">畅读VIP</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">数字音乐</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">通俗流行</a>
                                            </em>
                                            <em>
                                                <a href="">古典音乐</a>
                                            </em>
                                            <em>
                                                <a href="">摇滚说唱</a>
                                            </em>
                                            <em>
                                                <a href="">爵士蓝调</a>
                                            </em>
                                            <em>
                                                <a href="">乡村民谣</a>
                                            </em>
                                            <em>
                                                <a href="">有声读物</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">音像</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">音乐</a>
                                            </em>
                                            <em>
                                                <a href="">影视</a>
                                            </em>
                                            <em>
                                                <a href="">教育音像</a>
                                            </em>
                                            <em>
                                                <a href="">游戏</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>文艺</dt>
                                        <dd>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">青春文学</a>
                                            </em>
                                            <em>
                                                <a href="">传记</a>
                                            </em>
                                            <em>
                                                <a href="">艺术</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>人文社科</dt>
                                        <dd>
                                            <em>
                                                <a href="">历史</a>
                                            </em>
                                            <em>
                                                <a href="">心理学</a>
                                            </em>
                                            <em>
                                                <a href="">政治/军事</a>
                                            </em>
                                            <em>
                                                <a href="">国学/古籍</a>
                                            </em>
                                            <em>
                                                <a href="">哲学/宗教</a>
                                            </em>
                                            <em>
                                                <a href="">社会科学</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>经管励志</dt>
                                        <dd>
                                            <em>
                                                <a href="">经济</a>
                                            </em>
                                            <em>
                                                <a href="">金融与投资</a>
                                            </em>
                                            <em>
                                                <a href="">管理</a>
                                            </em>
                                            <em>
                                                <a href="">励志与成功</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>生活</dt>
                                        <dd>
                                            <em>
                                                <a href="">家庭与育儿</a>
                                            </em>
                                            <em>
                                                <a href="">旅游/地图</a>
                                            </em>
                                            <em>
                                                <a href="">烹饪/美食</a>
                                            </em>
                                            <em>
                                                <a href="">时尚/美妆</a>
                                            </em>
                                            <em>
                                                <a href="">家居</a>
                                            </em>
                                            <em>
                                                <a href="">婚恋与两性</a>
                                            </em>
                                            <em>
                                                <a href="">娱乐/休闲</a>
                                            </em>
                                            <em>
                                                <a href="">健身与保健</a>
                                            </em>
                                            <em>
                                                <a href="">动漫/幽默</a>
                                            </em>
                                            <em>
                                                <a href="">体育/运动</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>科技</dt>
                                        <dd>
                                            <em>
                                                <a href="">科普</a>
                                            </em>
                                            <em>
                                                <a href="">IT</a>
                                            </em>
                                            <em>
                                                <a href="">建筑</a>
                                            </em>
                                            <em>
                                                <a href="">医学</a>
                                            </em>
                                            <em>
                                                <a href="">工业技术</a>
                                            </em>
                                            <em>
                                                <a href="">电子/通信</a>
                                            </em>
                                            <em>
                                                <a href="">农林</a>
                                            </em>
                                            <em>
                                                <a href="">科学与自然</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>少儿</dt>
                                        <dd>
                                            <em>
                                                <a href="">少儿</a>
                                            </em>
                                            <em>
                                                <a href="">0-2岁</a>
                                            </em>
                                            <em>
                                                <a href="">3-6岁</a>
                                            </em>
                                            <em>
                                                <a href="">7-10岁</a>
                                            </em>
                                            <em>
                                                <a href="">11-14岁</a>
                                            </em>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <h3>
                                <a href="">服饰内衣</a>
                            </h3>
                            <div class="item-list clearfix">
                                <div class="subitem">
                                    <dl class="fore">
                                        <dt>
                                            <a href="">电子书5</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">免费</a>
                                            </em>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">励志与成功</a>
                                            </em>
                                            <em>
                                                <a href="">婚恋/两性</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">经管</a>
                                            </em>
                                            <em>
                                                <a href="">畅读VIP</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">数字音乐</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">通俗流行</a>
                                            </em>
                                            <em>
                                                <a href="">古典音乐</a>
                                            </em>
                                            <em>
                                                <a href="">摇滚说唱</a>
                                            </em>
                                            <em>
                                                <a href="">爵士蓝调</a>
                                            </em>
                                            <em>
                                                <a href="">乡村民谣</a>
                                            </em>
                                            <em>
                                                <a href="">有声读物</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">音像</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">音乐</a>
                                            </em>
                                            <em>
                                                <a href="">影视</a>
                                            </em>
                                            <em>
                                                <a href="">教育音像</a>
                                            </em>
                                            <em>
                                                <a href="">游戏</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>文艺</dt>
                                        <dd>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">青春文学</a>
                                            </em>
                                            <em>
                                                <a href="">传记</a>
                                            </em>
                                            <em>
                                                <a href="">艺术</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>人文社科</dt>
                                        <dd>
                                            <em>
                                                <a href="">历史</a>
                                            </em>
                                            <em>
                                                <a href="">心理学</a>
                                            </em>
                                            <em>
                                                <a href="">政治/军事</a>
                                            </em>
                                            <em>
                                                <a href="">国学/古籍</a>
                                            </em>
                                            <em>
                                                <a href="">哲学/宗教</a>
                                            </em>
                                            <em>
                                                <a href="">社会科学</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>经管励志</dt>
                                        <dd>
                                            <em>
                                                <a href="">经济</a>
                                            </em>
                                            <em>
                                                <a href="">金融与投资</a>
                                            </em>
                                            <em>
                                                <a href="">管理</a>
                                            </em>
                                            <em>
                                                <a href="">励志与成功</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>生活</dt>
                                        <dd>
                                            <em>
                                                <a href="">家庭与育儿</a>
                                            </em>
                                            <em>
                                                <a href="">旅游/地图</a>
                                            </em>
                                            <em>
                                                <a href="">烹饪/美食</a>
                                            </em>
                                            <em>
                                                <a href="">时尚/美妆</a>
                                            </em>
                                            <em>
                                                <a href="">家居</a>
                                            </em>
                                            <em>
                                                <a href="">婚恋与两性</a>
                                            </em>
                                            <em>
                                                <a href="">娱乐/休闲</a>
                                            </em>
                                            <em>
                                                <a href="">健身与保健</a>
                                            </em>
                                            <em>
                                                <a href="">动漫/幽默</a>
                                            </em>
                                            <em>
                                                <a href="">体育/运动</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>科技</dt>
                                        <dd>
                                            <em>
                                                <a href="">科普</a>
                                            </em>
                                            <em>
                                                <a href="">IT</a>
                                            </em>
                                            <em>
                                                <a href="">建筑</a>
                                            </em>
                                            <em>
                                                <a href="">医学</a>
                                            </em>
                                            <em>
                                                <a href="">工业技术</a>
                                            </em>
                                            <em>
                                                <a href="">电子/通信</a>
                                            </em>
                                            <em>
                                                <a href="">农林</a>
                                            </em>
                                            <em>
                                                <a href="">科学与自然</a>
                                            </em>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <h3>
                                <a href="">个护化妆</a>
                            </h3>
                            <div class="item-list clearfix">
                                <div class="subitem">
                                    <dl class="fore">
                                        <dt>
                                            <a href="">电子书6</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">免费</a>
                                            </em>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">励志与成功</a>
                                            </em>
                                            <em>
                                                <a href="">婚恋/两性</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">经管</a>
                                            </em>
                                            <em>
                                                <a href="">畅读VIP</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">数字音乐</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">通俗流行</a>
                                            </em>
                                            <em>
                                                <a href="">古典音乐</a>
                                            </em>
                                            <em>
                                                <a href="">摇滚说唱</a>
                                            </em>
                                            <em>
                                                <a href="">爵士蓝调</a>
                                            </em>
                                            <em>
                                                <a href="">乡村民谣</a>
                                            </em>
                                            <em>
                                                <a href="">有声读物</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">音像</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">音乐</a>
                                            </em>
                                            <em>
                                                <a href="">影视</a>
                                            </em>
                                            <em>
                                                <a href="">教育音像</a>
                                            </em>
                                            <em>
                                                <a href="">游戏</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>文艺</dt>
                                        <dd>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">青春文学</a>
                                            </em>
                                            <em>
                                                <a href="">传记</a>
                                            </em>
                                            <em>
                                                <a href="">艺术</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>人文社科</dt>
                                        <dd>
                                            <em>
                                                <a href="">历史</a>
                                            </em>
                                            <em>
                                                <a href="">心理学</a>
                                            </em>
                                            <em>
                                                <a href="">政治/军事</a>
                                            </em>
                                            <em>
                                                <a href="">国学/古籍</a>
                                            </em>
                                            <em>
                                                <a href="">哲学/宗教</a>
                                            </em>
                                            <em>
                                                <a href="">社会科学</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>经管励志</dt>
                                        <dd>
                                            <em>
                                                <a href="">经济</a>
                                            </em>
                                            <em>
                                                <a href="">金融与投资</a>
                                            </em>
                                            <em>
                                                <a href="">管理</a>
                                            </em>
                                            <em>
                                                <a href="">励志与成功</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>生活</dt>
                                        <dd>
                                            <em>
                                                <a href="">家庭与育儿</a>
                                            </em>
                                            <em>
                                                <a href="">旅游/地图</a>
                                            </em>
                                            <em>
                                                <a href="">烹饪/美食</a>
                                            </em>
                                            <em>
                                                <a href="">时尚/美妆</a>
                                            </em>
                                            <em>
                                                <a href="">家居</a>
                                            </em>
                                            <em>
                                                <a href="">婚恋与两性</a>
                                            </em>
                                            <em>
                                                <a href="">娱乐/休闲</a>
                                            </em>
                                            <em>
                                                <a href="">健身与保健</a>
                                            </em>
                                            <em>
                                                <a href="">动漫/幽默</a>
                                            </em>
                                            <em>
                                                <a href="">体育/运动</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>科技</dt>
                                        <dd>
                                            <em>
                                                <a href="">科普</a>
                                            </em>
                                            <em>
                                                <a href="">IT</a>
                                            </em>
                                            <em>
                                                <a href="">建筑</a>
                                            </em>
                                            <em>
                                                <a href="">医学</a>
                                            </em>
                                            <em>
                                                <a href="">工业技术</a>
                                            </em>
                                            <em>
                                                <a href="">电子/通信</a>
                                            </em>
                                            <em>
                                                <a href="">农林</a>
                                            </em>
                                            <em>
                                                <a href="">科学与自然</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>少儿</dt>
                                        <dd>
                                            <em>
                                                <a href="">少儿</a>
                                            </em>
                                            <em>
                                                <a href="">0-2岁</a>
                                            </em>
                                            <em>
                                                <a href="">3-6岁</a>
                                            </em>
                                            <em>
                                                <a href="">7-10岁</a>
                                            </em>
                                            <em>
                                                <a href="">11-14岁</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>教育</dt>
                                        <dd>
                                            <em>
                                                <a href="">教材教辅</a>
                                            </em>
                                            <em>
                                                <a href="">考试</a>
                                            </em>
                                            <em>
                                                <a href="">外语学习</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>其它</dt>
                                        <dd>
                                            <em>
                                                <a href="">英文原版书</a>
                                            </em>
                                            <em>
                                                <a href="">港台图书</a>
                                            </em>
                                            <em>
                                                <a href="">工具书</a>
                                            </em>
                                            <em>
                                                <a href="">套装书</a>
                                            </em>
                                            <em>
                                                <a href="">杂志/期刊</a>
                                            </em>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <h3>
                                <a href="">运动健康</a>
                            </h3>
                            <div class="item-list clearfix">
                                <div class="subitem">
                                    <dl class="fore">
                                        <dt>
                                            <a href="">电子书7</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">免费</a>
                                            </em>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">励志与成功</a>
                                            </em>
                                            <em>
                                                <a href="">婚恋/两性</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">经管</a>
                                            </em>
                                            <em>
                                                <a href="">畅读VIP</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">数字音乐</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">通俗流行</a>
                                            </em>
                                            <em>
                                                <a href="">古典音乐</a>
                                            </em>
                                            <em>
                                                <a href="">摇滚说唱</a>
                                            </em>
                                            <em>
                                                <a href="">爵士蓝调</a>
                                            </em>
                                            <em>
                                                <a href="">乡村民谣</a>
                                            </em>
                                            <em>
                                                <a href="">有声读物</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">音像</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">音乐</a>
                                            </em>
                                            <em>
                                                <a href="">影视</a>
                                            </em>
                                            <em>
                                                <a href="">教育音像</a>
                                            </em>
                                            <em>
                                                <a href="">游戏</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>文艺</dt>
                                        <dd>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">青春文学</a>
                                            </em>
                                            <em>
                                                <a href="">传记</a>
                                            </em>
                                            <em>
                                                <a href="">艺术</a>
                                            </em>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <h3>
                                <a href="">汽车用品</a>
                            </h3>
                            <div class="item-list clearfix">
                                <div class="subitem">
                                    <dl class="fore">
                                        <dt>
                                            <a href="">电子书8</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">免费</a>
                                            </em>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">励志与成功</a>
                                            </em>
                                            <em>
                                                <a href="">婚恋/两性</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">经管</a>
                                            </em>
                                            <em>
                                                <a href="">畅读VIP</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">数字音乐</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">通俗流行</a>
                                            </em>
                                            <em>
                                                <a href="">古典音乐</a>
                                            </em>
                                            <em>
                                                <a href="">摇滚说唱</a>
                                            </em>
                                            <em>
                                                <a href="">爵士蓝调</a>
                                            </em>
                                            <em>
                                                <a href="">乡村民谣</a>
                                            </em>
                                            <em>
                                                <a href="">有声读物</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>
                                            <a href="">音像</a>
                                        </dt>
                                        <dd>
                                            <em>
                                                <a href="">音乐</a>
                                            </em>
                                            <em>
                                                <a href="">影视</a>
                                            </em>
                                            <em>
                                                <a href="">教育音像</a>
                                            </em>
                                            <em>
                                                <a href="">游戏</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>文艺</dt>
                                        <dd>
                                            <em>
                                                <a href="">小说</a>
                                            </em>
                                            <em>
                                                <a href="">文学</a>
                                            </em>
                                            <em>
                                                <a href="">青春文学</a>
                                            </em>
                                            <em>
                                                <a href="">传记</a>
                                            </em>
                                            <em>
                                                <a href="">艺术</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>人文社科</dt>
                                        <dd>
                                            <em>
                                                <a href="">历史</a>
                                            </em>
                                            <em>
                                                <a href="">心理学</a>
                                            </em>
                                            <em>
                                                <a href="">政治/军事</a>
                                            </em>
                                            <em>
                                                <a href="">国学/古籍</a>
                                            </em>
                                            <em>
                                                <a href="">哲学/宗教</a>
                                            </em>
                                            <em>
                                                <a href="">社会科学</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>经管励志</dt>
                                        <dd>
                                            <em>
                                                <a href="">经济</a>
                                            </em>
                                            <em>
                                                <a href="">金融与投资</a>
                                            </em>
                                            <em>
                                                <a href="">管理</a>
                                            </em>
                                            <em>
                                                <a href="">励志与成功</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>生活</dt>
                                        <dd>
                                            <em>
                                                <a href="">家庭与育儿</a>
                                            </em>
                                            <em>
                                                <a href="">旅游/地图</a>
                                            </em>
                                            <em>
                                                <a href="">烹饪/美食</a>
                                            </em>
                                            <em>
                                                <a href="">时尚/美妆</a>
                                            </em>
                                            <em>
                                                <a href="">家居</a>
                                            </em>
                                            <em>
                                                <a href="">婚恋与两性</a>
                                            </em>
                                            <em>
                                                <a href="">娱乐/休闲</a>
                                            </em>
                                            <em>
                                                <a href="">健身与保健</a>
                                            </em>
                                            <em>
                                                <a href="">动漫/幽默</a>
                                            </em>
                                            <em>
                                                <a href="">体育/运动</a>
                                            </em>
                                        </dd>
                                    </dl>
                                    <dl class="fore">
                                        <dt>科技</dt>
                                        <dd>
                                            <em>
                                                <a href="">科普</a>
                                            </em>
                                            <em>
                                                <a href="">IT</a>
                                            </em>
                                            <em>
                                                <a href="">建筑</a>
                                            </em>
                                            <em>
                                                <a href="">医学</a>
                                            </em>
                                            <em>
                                                <a href="">工业技术</a>
                                            </em>
                                            <em>
                                                <a href="">电子/通信</a>
                                            </em>
                                            <em>
                                                <a href="">农林</a>
                                            </em>
                                            <em>
                                                <a href="">科学与自然</a>
                                            </em>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <h3>
                                <a href="">彩票、旅行</a>
                            </h3>
                        </div>
                        <div class="item">
                            <h3>
                                <a href="">理财、众筹</a>
                            </h3>
                        </div>
                        <div class="item">
                            <h3>
                                <a href="">母婴、玩具</a>
                            </h3>
                        </div>
                        <div class="item">
                            <h3>
                                <a href="">箱包</a>
                            </h3>
                        </div>
                        <div class="item">
                            <h3>
                                <a href="">运动户外</a>
                            </h3>
                        </div>
                        <div class="item">
                            <h3>
                                <a href="">箱包</a>
                            </h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <!--list-content-->
        <div class="main">
            <div class="py-container">
                <!--bread-->
                <div class="bread">
                    <ul class="fl sui-breadcrumb">
                        <li>
                            <a href="#">全部结果</a>
                        </li>
                    </ul>
                    <ul class="fl sui-tag">
                        <li class="with-x">手机</li>
                        <li class="with-x">iphone<i>×</i></li>
                        <li class="with-x">华为<i>×</i></li>
                        <li class="with-x">OPPO<i>×</i></li>
                    </ul>
                </div>
                <!--selector-->
                <div class="clearfix selector">
                    <div class="type-wrap logo">
                        <div class="fl key brand">品牌</div>
                        <div class="value logos">
                            <ul class="logo-list">
                                <li>索尼（SONY）</li>
                                <li>TCL</li>
                                <li>长虹（CHANGHONG）</li>
                                <li>飞利浦（PHILIPS）</li>
                                <li>风行电视</li>
                                <li><img src="./images/search/phone06.png" /></li>
                                <li><img src="./images/search/phone07.png" /></li>
                                <li><img src="./images/search/phone08.png" /></li>
                                <li><img src="./images/search/phone09.png" /></li>
                                <li><img src="./images/search/phone10.png" /></li>
                                <li><img src="./images/search/phone11.png" /></li>
                                <li><img src="./images/search/phone12.png" /></li>
                                <li><img src="./images/search/phone12.png" /></li>
                                <li><img src="./images/search/phone14.png" /></li>
                                <li><img src="./images/search/phone01.png" /></li>
                                <li><img src="./images/search/phone06.png" /></li>
                                <li><img src="./images/search/phone07.png" /></li>
                                <li><img src="./images/search/phone02.png" /></li>
                            </ul>
                        </div>
                        <div class="ext">
                            <a href="javascript:void(0);" class="sui-btn">多选</a>
                            <a href="javascript:void(0);">更多</a>
                        </div>
                    </div>
                    <div class="type-wrap">
                        <div class="fl key">网络制式</div>
                        <div class="fl value">
                            <ul class="type-list">
                                <li>
                                    <a>GSM（移动/联通2G）</a>
                                </li>
                                <li>
                                    <a>电信2G</a>
                                </li>
                                <li>
                                    <a>电信3G</a>
                                </li>
                                <li>
                                    <a>移动3G</a>
                                </li>
                                <li>
                                    <a>联通3G</a>
                                </li>
                                <li>
                                    <a>联通4G</a>
                                </li>
                                <li>
                                    <a>电信3G</a>
                                </li>
                                <li>
                                    <a>移动3G</a>
                                </li>
                                <li>
                                    <a>联通3G</a>
                                </li>
                                <li>
                                    <a>联通4G</a>
                                </li>
                            </ul>
                        </div>
                        <div class="fl ext"></div>
                    </div>
                    <div class="type-wrap">
                        <div class="fl key">显示屏尺寸</div>
                        <div class="fl value">
                            <ul class="type-list">
                                <li>
                                    <a>4.0-4.9英寸</a>
                                </li>
                                <li>
                                    <a>4.0-4.9英寸</a>
                                </li>
                            </ul>
                        </div>
                        <div class="fl ext"></div>
                    </div>
                    <div class="type-wrap">
                        <div class="fl key">摄像头像素</div>
                        <div class="fl value">
                            <ul class="type-list">
                                <li>
                                    <a>1200万以上</a>
                                </li>
                                <li>
                                    <a>800-1199万</a>
                                </li>
                                <li>
                                    <a>1200-1599万</a>
                                </li>
                                <li>
                                    <a>1600万以上</a>
                                </li>
                                <li>
                                    <a>无摄像头</a>
                                </li>
                            </ul>
                        </div>
                        <div class="fl ext"></div>
                    </div>
                    <div class="type-wrap">
                        <div class="fl key">价格</div>
                        <div class="fl value">
                            <ul class="type-list">
                                <li>
                                    <a>0-500元</a>
                                </li>
                                <li>
                                    <a>500-1000元</a>
                                </li>
                                <li>
                                    <a>1000-1500元</a>
                                </li>
                                <li>
                                    <a>1500-2000元</a>
                                </li>
                                <li>
                                    <a>2000-3000元 </a>
                                </li>
                                <li>
                                    <a>3000元以上</a>
                                </li>
                            </ul>
                        </div>
                        <div class="fl ext">
                        </div>
                    </div>
                    <div class="type-wrap">
                        <div class="fl key">更多筛选项</div>
                        <div class="fl value">
                            <ul class="type-list">
                                <li>
                                    <a>特点</a>
                                </li>
                                <li>
                                    <a>系统</a>
                                </li>
                                <li>
                                    <a>手机内存 </a>
                                </li>
                                <li>
                                    <a>单卡双卡</a>
                                </li>
                                <li>
                                    <a>其他</a>
                                </li>
                            </ul>
                        </div>
                        <div class="fl ext">
                        </div>
                    </div>
                </div>
                <!--details-->
                <div class="details clearfix">
                    <div class="sui-navbar">
                        <div class="navbar-inner filter">
                            <ul class="sui-nav">
                                <li class="active">
                                    <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 class="goods-list">
                        <ul class="yui3-g">
                            <li class="yui3-u-1-5">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <a href="item.html"  target="_blank"><img src="./images/search/mobile01.png" /></a>
                                    </div>
                                    <div class="price">
                                        <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                            </strong>
                                    </div>
                                    <div class="attr">
                                        <a target="_blank" href="item.html"  title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】">Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)</a>
                                    </div>
                                    <div class="commit">
                                        <i class="command">已有<span>2000</span>人评价</i>
                                    </div>
                                    <div class="operate">
                                        <a href="success-cart.html" target="_blank" class="sui-btn btn-bordered btn-danger">加入购物车</a>
                                        <a href="javascript:void(0);" class="sui-btn btn-bordered">收藏</a>
                                    </div>
                                </div>
                            </li>
                            <li class="yui3-u-1-5">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <img src="./images/search/mobile02.png" />
                                    </div>
                                    <div class="price">
                                        <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                        </strong>
                                    </div>
                                    <div class="attr">
                                        <a target="_blank" href="item.html"  title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】">Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)</a>
                                    </div>
                                    <div class="commit">
                                        <i class="command">已有<span>2000</span>人评价</i>
                                    </div>
                                    <div class="operate">
                                        <a href="success-cart.html" target="_blank" class="sui-btn btn-bordered btn-danger">加入购物车</a>
                                        <a href="javascript:void(0);" class="sui-btn btn-bordered">收藏</a>
                                    </div>
                                </div>
                            </li>
                            <li class="yui3-u-1-5">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <img src="./images/search/mobile03.png" />
                                    </div>
                                    <div class="price">
                                        <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                            </strong>
                                    </div>
                                    <div class="attr">
                                        <a target="_blank" href="item.html"  title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】">Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)</a>
                                    </div>
                                    <div class="commit">
                                        <i class="command">已有<span>2000</span>人评价</i>
                                    </div>
                                    <div class="operate">
                                        <a href="success-cart.html" target="_blank" class="sui-btn btn-bordered btn-danger">加入购物车</a>
                                        <a href="javascript:void(0);" class="sui-btn btn-bordered">收藏</a>
                                    </div>
                                </div>
                            </li>
                            <li class="yui3-u-1-5">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <img src="./images/search/mobile04.png" />
                                    </div>
                                    <div class="price">
                                        <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                            </strong>
                                    </div>
                                    <div class="attr">
                                        <a target="_blank" href="item.html"  title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】">Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)</a>
                                    </div>
                                    <div class="commit">
                                        <i class="command">已有<span>2000</span>人评价</i>
                                    </div>
                                    <div class="operate">
                                        <a href="success-cart.html" target="_blank" class="sui-btn btn-bordered btn-danger">加入购物车</a>
                                        <a href="javascript:void(0);" class="sui-btn btn-bordered">收藏</a>
                                    </div>
                                </div>
                            </li>
                            <li class="yui3-u-1-5">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <img src="./images/search/mobile05.png" />
                                    </div>
                                    <div class="price">
                                        <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                            </strong>
                                    </div>
                                    <div class="attr">
                                        <a target="_blank" href="item.html"  title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】">Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)</a>
                                    </div>
                                    <div class="commit">
                                        <i class="command">已有<span>2000</span>人评价</i>
                                    </div>
                                    <div class="operate">
                                        <a href="success-cart.html" target="_blank" class="sui-btn btn-bordered btn-danger">加入购物车</a>
                                        <a href="javascript:void(0);" class="sui-btn btn-bordered">收藏</a>
                                    </div>
                                </div>
                            </li>
                            <li class="yui3-u-1-5">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <img src="./images/search/mobile06.png" />
                                    </div>
                                    <div class="price">
                                        <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                            </strong>
                                    </div>
                                    <div class="attr">
                                        <a target="_blank" href="item.html"  title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】">Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)</a>
                                    </div>
                                    <div class="commit">
                                        <i class="command">已有<span>2000</span>人评价</i>
                                    </div>
                                    <div class="operate">
                                        <a href="success-cart.html" target="_blank" class="sui-btn btn-bordered btn-danger">加入购物车</a>
                                        <a href="javascript:void(0);" class="sui-btn btn-bordered">收藏</a>
                                    </div>
                                </div>
                            </li>
                            <li class="yui3-u-1-5">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <img src="./images/search/mobile01.png" />
                                    </div>
                                    <div class="price">
                                        <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                            </strong>
                                    </div>
                                    <div class="attr">
                                        <a target="_blank" href="item.html"  title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】">Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)</a>
                                    </div>
                                    <div class="commit">
                                        <i class="command">已有<span>2000</span>人评价</i>
                                    </div>
                                    <div class="operate">
                                        <a href="success-cart.html" target="_blank" class="sui-btn btn-bordered btn-danger">加入购物车</a>
                                        <a href="javascript:void(0);" class="sui-btn btn-bordered">收藏</a>
                                    </div>
                                </div>
                            </li>
                            <li class="yui3-u-1-5">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <img src="./images/search/mobile02.png" />
                                    </div>
                                    <div class="price">
                                        <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                            </strong>
                                    </div>
                                    <div class="attr">
                                        <a target="_blank" href="item.html"  title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】">Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)</a>
                                    </div>
                                    <div class="commit">
                                        <i class="command">已有<span>2000</span>人评价</i>
                                    </div>
                                    <div class="operate">
                                        <a href="success-cart.html" target="_blank" class="sui-btn btn-bordered btn-danger">加入购物车</a>
                                        <a href="javascript:void(0);" class="sui-btn btn-bordered">收藏</a>
                                    </div>
                                </div>
                            </li>
                            <li class="yui3-u-1-5">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <img src="./images/search/mobile03.png" />
                                    </div>
                                    <div class="price">
                                        <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                            </strong>
                                    </div>
                                    <div class="attr">
                                        <a target="_blank" href="item.html"  title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】">Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)</a>
                                    </div>
                                    <div class="commit">
                                        <i class="command">已有<span>2000</span>人评价</i>
                                    </div>
                                    <div class="operate">
                                        <a href="success-cart.html" target="_blank" class="sui-btn btn-bordered btn-danger">加入购物车</a>
                                        <a href="javascript:void(0);" class="sui-btn btn-bordered">收藏</a>
                                    </div>
                                </div>
                            </li>
                            <li class="yui3-u-1-5">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <img src="./images/search/mobile04.png" />
                                    </div>
                                    <div class="price">
                                        <strong>
                                                <em>¥</em>
                                                <i>6088.00</i>
                                            </strong>
                                    </div>
                                    <div class="attr">
                                        <a target="_blank" href="item.html"  title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】">Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s (A1699)</a>
                                    </div>
                                    <div class="commit">
                                        <i class="command">已有<span>2000</span>人评价</i>
                                    </div>
                                    <div class="operate">
                                        <a href="success-cart.html" target="_blank" class="sui-btn btn-bordered btn-danger">加入购物车</a>
                                        <a href="javascript:void(0);" class="sui-btn btn-bordered">收藏</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="fr page">
                        <div class="sui-pagination clearfix">
                            <ul>
                                <li class="prev disabled">
                                    <a href="#">«上一页</a>
                                </li>
                                <li class="active">
                                    <a href="#">1</a>
                                </li>
                                <li>
                                    <a href="#">2</a>
                                </li>
                                <li>
                                    <a href="#">3</a>
                                </li>
                                <li>
                                    <a href="#">4</a>
                                </li>
                                <li>
                                    <a href="#">5</a>
                                </li>
                                <li class="dotted"><span>...</span></li>
                                <li class="next">
                                    <a href="#">下一页»</a>
                                </li>
                            </ul>
                            <div><span>共10页&nbsp;</span></div>
                        </div>
                    </div>
                </div>
                <!--hotsale-->
                <div class="clearfix hot-sale">
                    <h4 class="title">热卖商品</h4>
                    <div class="hot-list">
                        <ul class="yui3-g">
                            <li class="yui3-u-1-4">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <img src="./images/search/like_01.png" />
                                    </div>
                                    <div class="attr">
                                        <em>Apple苹果iPhone 6s (A1699)</em>
                                    </div>
                                    <div class="price">
                                        <strong>
                                                <em>¥</em>
                                                <i>4088.00</i>
                                            </strong>
                                    </div>
                                    <div class="commit">
                                        <i class="command">已有700人评价</i>
                                    </div>
                                </div>
                            </li>
                            <li class="yui3-u-1-4">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <img src="./images/search/like_03.png" />
                                    </div>
                                    <div class="attr">
                                        <em>金属A面，360°翻转，APP下单省300！</em>
                                    </div>
                                    <div class="price">
                                        <strong>
                                                <em>¥</em>
                                                <i>4088.00</i>
                                            </strong>
                                    </div>
                                    <div class="commit">
                                        <i class="command">已有700人评价</i>
                                    </div>
                                </div>
                            </li>
                            <li class="yui3-u-1-4">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <img src="./images/search/like_04.png" />
                                    </div>
                                    <div class="attr">
                                        <em>256SSD商务大咖，完爆职场，APP下单立减200</em>
                                    </div>
                                    <div class="price">
                                        <strong>
                                                <em>¥</em>
                                                <i>4068.00</i>
                                            </strong>
                                    </div>
                                    <div class="commit">
                                        <i class="command">已有20人评价</i>
                                    </div>
                                </div>
                            </li>
                            <li class="yui3-u-1-4">
                                <div class="list-wrap">
                                    <div class="p-img">
                                        <img src="./images/search/like_02.png" />
                                    </div>
                                    <div class="attr">
                                        <em>Apple苹果iPhone 6s (A1699)</em>
                                    </div>
                                    <div class="price">
                                        <strong>
                                                <em>¥</em>
                                                <i>4088.00</i>
                                            </strong>
                                    </div>
                                    <div class="commit">
                                        <i class="command">已有700人评价</i>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- 底部 -->
        <div class="footer">
            <div class="footer-container">
                <div class="footerList">
                    <div class="footerItem">
                        <h4>购物指南</h4>
                        <ul class="footerItemCon">
                            <li>购物流程</li>
                            <li>会员介绍</li>
                            <li>生活旅行/团购</li>
                            <li>常见问题</li>
                            <li>购物指南</li>
                        </ul>

                    </div>
                    <div class="footerItem">
                        <h4>配送方式</h4>
                        <ul class="footerItemCon">
                            <li>上门自提</li>
                            <li>211限时达</li>
                            <li>配送服务查询</li>
                            <li>配送费收取标准</li>
                            <li>海外配送</li>
                        </ul>
                    </div>
                    <div class="footerItem">
                        <h4>支付方式</h4>
                        <ul class="footerItemCon">
                            <li>货到付款</li>
                            <li>在线支付</li>
                            <li>分期付款</li>
                            <li>邮局汇款</li>
                            <li>公司转账</li>
                        </ul>
                    </div>
                    <div class="footerItem">
                        <h4>售后服务</h4>
                        <ul class="footerItemCon">
                            <li>售后政策</li>
                            <li>价格保护</li>
                            <li>退款说明</li>
                            <li>返修/退换货</li>
                            <li>取消订单</li>
                        </ul>
                    </div>
                    <div class="footerItem">
                        <h4>特色服务</h4>
                        <ul class="footerItemCon">
                            <li>夺宝岛</li>
                            <li>DIY装机</li>
                            <li>延保服务</li>
                            <li>尚品汇E卡</li>
                            <li>尚品汇通信</li>
                        </ul>
                    </div>
                    <div class="footerItem">
                        <h4>帮助中心</h4>
                        <img src="./images/wx_cz.jpg">
                    </div>
                </div>
                <div class="copyright">
                    <ul class="helpLink">
                        <li>关于我们
                            <span class="space"></span>
                        </li>
                        <li>联系我们
                            <span class="space"></span>
                        </li>
                        <li>关于我们
                            <span class="space"></span>
                        </li>
                        <li>商家入驻
                            <span class="space"></span>
                        </li>
                        <li>营销中心
                            <span class="space"></span>
                        </li>
                        <li>友情链接
                            <span class="space"></span>
                        </li>
                        <li>关于我们
                            <span class="space"></span>
                        </li>
                        <li>营销中心
                            <span class="space"></span>
                        </li>
                        <li>友情链接
                            <span class="space"></span>
                        </li>
                        <li>关于我们</li>
                    </ul>
                    <p>地址：北京市昌平区宏福科技园综合楼6层</p>
                    <p>京ICP备19006430号</p>
                </div>
            </div>
        </div>
    </div>
    <script src="./js/data.js"></script>
    <script>
        /*
            1.添加了asideShow()函数
        */
        window.addEventListener("DOMContentLoaded", function () {
            //保存当前缩略图的下标
            let magnifierImgID = 0;
            //当前的商品数量
            let goodsChangeNum = 1;

            //12.侧边栏效果
            asideShow();
            function asideShow() {
                var pull = document.getElementsByClassName('pull');
                var tabtext = document.getElementsByClassName('tab-text');
                var tabico = document.getElementsByClassName('tab-ico');
                for (var i = 0; i < pull.length; i++) {
                    (function (n) {
                        pull[n].onmouseover = function () {
                            tabtext[n].style.left = "-59px";
                            tabico[n].style.backgroundColor = "#c81623";
                            tabtext[n].style.backgroundColor = "#c81623";
                            //                alert(text[n].backgroundColor);
                        }
                        pull[n].onmouseleave = function () {
                            tabtext[n].style.left = "35px";
                            tabico[n].style.backgroundColor = "#7a6e6e";
                            tabtext[n].style.backgroundColor = "#7a6e6e";

                        }
                    })(i);
                }
                /*
                  侧边栏按钮
                */
                var bnt = document.getElementsByClassName('but')[0];
                var toolbar = document.getElementsByClassName('toolbar')[0];
                bnt.onmousedown = function () {
                    if (bnt.className == 'but list') {
                        //        alert("hehehe");
                        toolbar.className = "toolbar toolbar-out";
                        bnt.className = "but pull-wrap";
                    }
                    else {
                        toolbar.className = "toolbar toolbar-wrap";
                        bnt.className = "but list";
                    }
                }
            }

        })

    </script>
</body>

</html>

    login

    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>头部导航栏布局</title>
        <!--         <link rel="shortcut icon" type="text/css" href="./images/favico.ico"/> -->
        <link rel="stylesheet" href="./css/reset.css">
        <link rel="stylesheet" href="./css/all.css">
        <link rel="stylesheet" type="text/css" href="./css/login.css" />

    </head>

    <body>
        <!-- 项目的最外层 -->
        <div class="outer">

            <!-- 头部 -->
            <header class="header">
                <!-- 头部的第一行 -->
                <div class="top">
                    <div class="container">
                        <div class="loginList">
                            <p>尚品汇欢迎您！</p>
                            <p>
                                <span>请</span>
                                <a href="###">登录</a>
                                <a href="###" class="register">免费注册</a>
                            </p>
                        </div>
                        <div class="typeList">
                            <a href="###">我的订单</a>
                            <a href="###">我的购物车</a>
                            <a href="###">我的尚品汇</a>
                            <a href="###">尚品汇会员</a>
                            <a href="###">企业采购</a>
                            <a href="###">关注尚品汇</a>
                            <a href="###">合作招商</a>
                            <a href="###">商家后台</a>
                        </div>
                    </div>
                </div>
                <!--头部第二行 搜索区域-->
                <div class="bottom">
                    <h1 class="logoArea">
                        <a class="logo" title="尚品汇" href="###" target="_blank">
                            <img src="./images/Logo.png" alt="">
                        </a>
                    </h1>
                    <div class="searchArea">
                        <form action="###" class="searchForm">
                            <input type="text" id="autocomplete" class="input-error input-xxlarge" />
                            <button class="sui-btn btn-xlarge btn-danger" type="button">搜索</button>
                        </form>
                    </div>
                </div>
            </header>

            <!-- 登录 -->
            <div class="login-wrap">
                <div class="login">
                    <div class="loginform">
                        <ul class="tab clearFix">
                            <li>
                                <a href="##" style="border-right: 0;">扫描登录</a>
                            </li>
                            <li>
                                <a href="##" class="current">账户登录</a>
                            </li>
                        </ul>

                        <div class="content">
                            <form action="##">

                                <div class="input-text clearFix">
                                    <i></i>
                                    <input type="text" placeholder="手机号">
                                    <span class="error-msg">错误提示信息</span>
                                </div>

                                <div class="input-text clearFix">
                                    <i class="pwd"></i>
                                    <input type="text" placeholder="请输入密码">
                                    <span class="error-msg">错误提示信息</span>
                                </div>

                                <div class="setting clearFix">
                                    <label class="checkbox inline">
                                        <input name="m1" type="checkbox" value="2" checked="">
                                        自动登录
                                    </label>
                                    <span class="forget">忘记密码？</span>
                                </div>
                                <button class="btn">登&nbsp;&nbsp;录</button>

                            </form>
                            <div class="call clearFix">
                                <ul>
                                    <li><img src="images/qq.png" alt=""></li>
                                    <li><img src="images/sina.png" alt=""></li>
                                    <li><img src="images/ali.png" alt=""></li>
                                    <li><img src="images/weixin.png" alt=""></li>
                                </ul>
                                <a href="##" class="register">立即注册</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 底部 -->
            <div class="copyright">
                <ul>
                    <li>关于我们</li>
                    <li>联系我们</li>
                    <li>联系客服</li>
                    <li>商家入驻</li>
                    <li>营销中心</li>
                    <li>手机尚品汇</li>
                    <li>销售联盟</li>
                    <li>尚品汇社区</li>
                </ul>
                <div class="address">地址：北京市昌平区宏福科技园综合楼6层</div>
                <div class="beian">京ICP备19006430号
                </div>
            </div>

        </div>

    </body>

</html>

    register

    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>头部导航栏布局</title>
        <link rel="shortcut icon" type="text/css" href="./images/favico.ico" />
        <link rel="stylesheet" href="./css/reset.css">
        <link rel="stylesheet" href="./css/all.css">
        <link rel="stylesheet" type="text/css" href="css/register.css" />

    </head>

    <body>
        <!-- 项目的最外层 -->
        <div class="outer">

            <!-- 头部 -->
            <header class="header">
                <!-- 头部的第一行 -->
                <div class="top">
                    <div class="container">
                        <div class="loginList">
                            <p>尚品汇欢迎您！</p>
                            <p>
                                <span>请</span>
                                <a href="###">登录</a>
                                <a href="###" class="register">免费注册</a>
                            </p>
                        </div>
                        <div class="typeList">
                            <a href="###">我的订单</a>
                            <a href="###">我的购物车</a>
                            <a href="###">我的尚品汇</a>
                            <a href="###">尚品汇会员</a>
                            <a href="###">企业采购</a>
                            <a href="###">关注尚品汇</a>
                            <a href="###">合作招商</a>
                            <a href="###">商家后台</a>
                        </div>
                    </div>
                </div>
                <!--头部第二行 搜索区域-->
                <div class="bottom">
                    <h1 class="logoArea">
                        <a class="logo" title="尚品汇" href="###" target="_blank">
                            <img src="./images/Logo.png" alt="">
                        </a>
                    </h1>
                    <div class="searchArea">
                        <form action="###" class="searchForm">
                            <input type="text" id="autocomplete" class="input-error input-xxlarge" />
                            <button class="sui-btn btn-xlarge btn-danger" type="button">搜索</button>
                        </form>
                    </div>
                </div>
            </header>

            <!-- 注册内容 -->
            <div class="register">
                <h3>注册新用户
                    <span class="go">我有账号，去 <a href="login.html" target="_blank">登陆</a>
                    </span>
                </h3>
                <div class="content">
                    <label>手机号:</label>
                    <input type="text" placeholder="请输入你的手机号">
                    <span class="error-msg">错误提示信息</span>
                </div>
                <div class="content">
                    <label>验证码:</label>
                    <input type="text" placeholder="请输入验证码">
                    <img ref="code" src="http://182.92.128.115/api/user/passport/code" alt="code">
                    <span class="error-msg">错误提示信息</span>
                </div>
                <div class="content">
                    <label>登录密码:</label>
                    <input type="text" placeholder="请输入你的登录密码">
                    <span class="error-msg">错误提示信息</span>
                </div>
                <div class="content">
                    <label>确认密码:</label>
                    <input type="text" placeholder="请输入确认密码">
                    <span class="error-msg">错误提示信息</span>
                </div>
                <div class="controls">
                    <input name="m1" type="checkbox">
                    <span>同意协议并注册《尚品汇用户协议》</span>
                    <span class="error-msg">错误提示信息</span>
                </div>
                <div class="btn">
                    <button>完成注册</button>
                </div>
            </div>

            <!-- 底部 -->
            <div class="copyright">
                <ul>
                    <li>关于我们</li>
                    <li>联系我们</li>
                    <li>联系客服</li>
                    <li>商家入驻</li>
                    <li>营销中心</li>
                    <li>手机尚品汇</li>
                    <li>销售联盟</li>
                    <li>尚品汇社区</li>
                </ul>
                <div class="address">地址：北京市昌平区宏福科技园综合楼6层</div>
                <div class="beian">京ICP备19006430号
                </div>
            </div>

        </div>

    </body>

</html>