本次案例使用了HTML和CSS对京东网站的首页进行了重构,页面效果如下:
请添加图片描述
请添加图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
HTML页面结构部分的代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>京东</title>
  <link rel="stylesheet" href="./download/font_t3x4f75dmt/iconfont.css">
  <link rel="stylesheet" href="../京东/CSS/index.css">
</head>
<body>
  
  <!-- 顶部图片 -->
  <div class="head-top">
    <div class="container">
      <img src="https://img10.360buyimg.com/pop/jfs/t1/56567/21/19866/105486/62da0b34Ed7afba1f/f41350768253bcf9.jpg.webp" alt="">
    </div>
  </div>
  <!-- 头部灰色导航栏 -->
  <div class="head-nav">
    <div class="container">
      <!-- 左边定位 -->
      <ul class="nav-left">
        <li>
          <a href="#">
            <i class="iconfont icon-dingwei dw"></i>
            <span class="location">江苏</span>
          </a>
        </li>
      </ul>
      <!-- 右边导航 -->
      <ul class="nav-right">
        <li style="width: 128px;">
          <a href="#">你好,请登录</a>
          <a href="#" style="color:red;">免费注册</a>
        </li>
        <li class="space"></li>
        <li><a href="#">我的订单</a></li>
        <li class="space"></li>
        <li class="has-xiala">
          <a href="#">我的京东</a>
          <i class="iconfont icon-xiajiantou jt"></i>
          <!-- 二级菜单  -->
          <ul>
            <li>
              <ul>
                <li><a href="#">待处理订单</a></li>
                <li><a href="#">返修退换货</a></li>
                <li><a href="#">降价商品</a></li>
              </ul>
            </li>
            <li>
              <ul>
                <li><a href="#">我的问答</a></li>
                <li><a href="#">我的关注</a></li>
              </ul>
            </li>
            <li class="fenge"></li>
            <li>
              <ul>
                <li><a href="#">我的京豆</a></li>
                <li><a href="#">我的白条</a></li>
              </ul>
            </li>
            <li>
              <ul>
                <li><a href="#">我的优惠券</a></li>
                <li><a href="#">我的理财</a></li>
              </ul>
            </li>

          </ul>
        </li>
        <li class="space"></li>
        <li><a href="#">京东会员</a></li>
        <li class="space"></li>
        <li class="has-xiala">
          <a href="#" style="color: red;">企业采购</a>
          <i class="iconfont icon-xiajiantou jt"></i>
          <!-- 二级菜单  -->
          <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
          </ul>
        </li>
        <li class="space"></li>
        <li class="has-xiala">
          <a href="#">客户服务</a>
          <i class="iconfont icon-xiajiantou jt"></i>
          <!-- 二级菜单  -->
          <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
          </ul>
        </li>
        <li class="space"></li>
        <li class="has-xiala">
          <a href="#">网站导航</a>
          <i class="iconfont icon-xiajiantou jt"></i>
          <!-- 二级菜单  -->
          <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
          </ul>
        </li>
        <li class="space"></li>
        <li><a href="#">手机京东</a></li>
        <li class="space"></li>
        <li><a href="#">网站无障碍</a></li>
      </ul>
    </div>
  </div>
  <!-- 头部搜索框部分 -->
  <div class="head-search">
    <div class="container search-container">
      <div class="logo"></div>
      <!-- 搜索框 -->
      <div class="search">
        <input type="text">
        <i class="iconfont icon-zhaoxiangji zxj"></i>
        <button>
          <i class="iconfont icon-sousuo ss"></i>
        </button>
      </div>
      <!-- 搜索框下的热搜词 -->
      <div class="hotword">
        <a href="#">茅台</a>
        <a href="#">七夕礼盒</a>
        <a href="#">努比亚</a>
        <a href="#">购机补贴</a>
        <a href="#">服饰好礼</a>
        <a href="#">芯动表白</a>
        <a href="#">新风空调</a>
      </div>
      <!-- 购物车 -->
      <div class="shopping">
        <i class="iconfont icon-gouwuche2"></i>
        <a href="#">我的购物车</a>
        <div class="shopping-display">
          <img src="data:image/gif;base64,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" alt="">
        </div>
      </div>
      <!-- 二维码 -->
      <div class="code">
        <img src="data:image/png;base64,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" alt="">
      </div>
      <!-- 导航栏 -->
      <ul class="nav">
        <li><a href="" class="s">秒杀</a></li>
        <li><a href="" class="s">优惠券</a></li>
        <li><a href="">PLUS会员</a></li>
        <li><a href="">品牌闪购</a></li>
        <li><a href="">拍卖</a></li>
        <li><a href="">京东家电</a></li>
        <li><a href="">京东超市</a></li>
        <li><a href="">京东生鲜</a></li>
        <li><a href="">京东国际</a></li>
        <li><a href="">京东云</a></li>
      </ul>
    </div>
  </div>
  <!-- 主体轮播图部分 -->
  <div class="main">
    <div class="container main-container">
      <div class="main-nav">
        <ul>
          <li>
            <a href="">家用电器</a>
            <div class="display">
              <div class="top">
                <a href="">家电馆&nbsp;&nbsp;&gt;</a>
              </div>
              <div class="top">
                <a href="">开店设备一站购&nbsp;&nbsp;&gt;</a>
              </div>
              <div style="clear: both; height: 10px;"></div>
              <div class="image">
                <img src="https://img13.360buyimg.com/babel/s380x300_jfs/t1/194351/10/16482/56046/6107d27dE6afcca3a/1fb10d1ecc06dcd4.jpg.webp" alt="">
                <img src="https://img13.360buyimg.com/babel/s380x300_jfs/t1/194351/10/16482/56046/6107d27dE6afcca3a/1fb10d1ecc06dcd4.jpg.webp" alt="">
                <img src="https://img13.360buyimg.com/babel/s380x300_jfs/t1/194351/10/16482/56046/6107d27dE6afcca3a/1fb10d1ecc06dcd4.jpg.webp" alt="">
              </div>
              <dl>
                <dt>
                  <a href="">电视&nbsp;&nbsp;&gt;&nbsp;&nbsp;</a>
                </dt>
                <dd>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                </dd>
                <dd style="clear: both;"></dd>
                <dt>
                  <a href="">电视&nbsp;&nbsp;&gt;&nbsp;&nbsp;</a>
                </dt>
                <dd>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                </dd>
                <dd style="clear: both;"></dd>
                <dt>
                  <a href="">电视&nbsp;&nbsp;&gt;&nbsp;&nbsp;</a>
                </dt>
                <dd>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                </dd>
                <dd style="clear: both;"></dd>
                <dt>
                  <a href="">电视&nbsp;&nbsp;&gt;&nbsp;&nbsp;</a>
                </dt>
                <dd>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                </dd>
                <dd style="clear: both;"></dd>
                <dt>
                  <a href="">电视&nbsp;&nbsp;&gt;&nbsp;&nbsp;</a>
                </dt>
                <dd>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                </dd>
                <dd style="clear: both;"></dd>
                <dt>
                  <a href="">电视&nbsp;&nbsp;&gt;&nbsp;&nbsp;</a>
                </dt>
                <dd>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                </dd>
                <dd style="clear: both;"></dd>
                <dt>
                  <a href="">电视&nbsp;&nbsp;&gt;&nbsp;&nbsp;</a>
                </dt>
                <dd>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                </dd>
                <dd style="clear: both;"></dd>
                <dt>
                  <a href="">电视&nbsp;&nbsp;&gt;&nbsp;&nbsp;</a>
                </dt>
                <dd>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                </dd>
                <dd style="clear: both;"></dd>
                <dt>
                  <a href="">电视&nbsp;&nbsp;&gt;&nbsp;&nbsp;</a>
                </dt>
                <dd>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                  <a href="">全屏电视</a>
                  <a href="">教育电视</a>
                  <a href="">OLED电视</a>
                  <a href="">智慧屏</a>
                  <a href="">4k超清电视</a>
                  <a href="">55英寸</a>
                  <a href="">65英寸</a>
                  <a href="">电视配件</a>
                </dd>
                <dd style="clear: both;"></dd>
              </dl>
              
            </div>
          </li>
          <li>
            <a href="">手机</a>
            <span>/</span>
            <a href="">运营商</a>
            <span>/</span>
            <a href="">数码</a>
            <div class="display">2</div>
          </li>
          <li>
            <a href="">电脑</a>
            <span>/</span>
            <a href="">办公</a>
            <div class="display">3</div>
          </li>
          <li>
            <a href="">家居</a>
            <span>/</span>
            <a href="">家具</a>
            <span>/</span>
            <a href="">家装</a>
            <span>/</span>
            <a href="">厨具</a>
            <div class="display">4</div>
          </li>
          <li>
            <a href="">男装</a>
            <span>/</span>
            <a href="">女装</a>
            <span>/</span>
            <a href="">童装</a>
            <span>/</span>
            <a href="">内衣</a>
            <div class="display">5</div>
          </li>
          <li>
            <a href="">美妆</a>
            <span>/</span>
            <a href="">个护清洁</a>
            <span>/</span>
            <a href="">宠物</a>
            <div class="display">6</div>
          </li>
          <li>
            <a href="">女鞋</a>
            <span>/</span>
            <a href="">箱包</a>
            <span>/</span>
            <a href="">钟表</a>
            <span>/</span>
            <a href="">珠宝</a>
            <div class="display">7</div>
          </li>
          <li>
            <a href="">男鞋</a>
            <span>/</span>
            <a href="">运动</a>
            <span>/</span>
            <a href="">户外</a>
            <div class="display">8</div>
          </li>
          <li>
            <a href="">房产</a>
            <span>/</span>
            <a href="">汽车</a>
            <span>/</span>
            <a href="">汽车用品</a>
            <div class="display">9</div>
          </li>
          <li>
            <a href="">母婴</a>
            <span>/</span>
            <a href="">玩具乐器</a>
            <div class="display">10</div>
          </li>
          <li>
            <a href="">食品</a>
            <span>/</span>
            <a href="">酒类</a>
            <span>/</span>
            <a href="">生鲜</a>
            <span>/</span>
            <a href="">特产</a>
            <div class="display">11</div>
          </li>
          <li>
            <a href="">艺术</a>
            <span>/</span>
            <a href="">礼品鲜花</a>
            <span>/</span>
            <a href="">农资绿植</a>
            <div class="display">12</div>
          </li>
          <li>
            <a href="">医药保健</a>
            <span>/</span>
            <a href="">计生情趣</a>
            <div class="display">13</div>
          </li>
          <li>
            <a href="">图书</a>
            <span>/</span>
            <a href="">文娱</a>
            <span>/</span>
            <a href="">教育</a>
            <span>/</span>
            <a href="">电子书</a>
            <div class="display">14</div>
          </li>
          <li>
            <a href="">机票</a>
            <span>/</span>
            <a href="">酒店</a>
            <span>/</span>
            <a href="">旅游</a>
            <span>/</span>
            <a href="">生活</a>
            <div class="display">15</div>
          </li>
          <li>
            <a href="">理财</a>
            <span>/</span>
            <a href="">众筹</a>
            <span>/</span>
            <a href="">白条</a>
            <span>/</span>
            <a href="">保险</a>
            <div class="display">16</div>
          </li>
          <li>
            <a href="">安装</a>
            <span>/</span>
            <a href="">维修</a>
            <span>/</span>
            <a href="">清洗</a>
            <span>/</span>
            <a href="">二手</a>
            <div class="display">17</div>
          </li>
          <li>
            <a href="">工业品</a>
            <div class="display">18</div>
          </li>
        </ul>
      </div>
      <div class="main-lunbo">
        <img width="100%" height="100%" src="https://imgcps.jd.com/img-cubic/creative_server_cia/v2/2000367/29607362029/FocusFullshop/CkNqZnMvdDEvNTEwNzYvMzMvMTkyNjMvMTQ0NzQwLzYyYzg4YTZmRTQ0Y2UyMzZkLzQ4ZjQ1ODIzMzkzMzg3MTMucG5nEgkzLXR5XzBfNTQwAjjvi3pCHAoY5qOu5ZCJ5bC86L6-5Y2X5YyX5bmy6LSnEAFCEAoM55WF5Lqr5LyY5ZOBEAJCEAoM56uL5Y2z5oqi6LStEAZCCgoG5Yqb6I2QEAdY7fvxpW4/cr/s/q.jpg" alt="">
      </div>
      <div class="main-goods">
        <div class="good1">
          <img width="100%" height="100%" src="https://img13.360buyimg.com/babel/s380x300_jfs/t1/194351/10/16482/56046/6107d27dE6afcca3a/1fb10d1ecc06dcd4.jpg.webp" alt="">
        </div>
        <div class="good2">
          <img width="100%" height="100%" src="https://img10.360buyimg.com/babel/s380x300_jfs/t1/154848/7/7426/82296/5fc072eeE20809200/34dca267e049d035.jpg.webp" alt="">
        </div>
        <div class="good3">
          <img width="100%" height="100%" src="https://img13.360buyimg.com/pop/s380x300_jfs/t1/204488/40/23441/14716/628cb847Efdf17148/da45f6c6394d33bc.jpg.webp" alt="">
        </div>
      </div>
      <div class="main-qita">
        <div class="top">
          <div class="title">
            <div class="img">
              <img src="data:image/png;base64,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" alt="">
            </div>
            <div class="text">
              Hi~欢迎逛京东!<br>
              登录 | 注册
            </div>
          </div>
          <div class="btn">
            <div>新人福利</div>
            <div>PLUS会员</div>
          </div>
        </div>
        <div class="mid">
          <div>
            <div>京东快报</div>
            <div>更多&nbsp;&gt;</div>
          </div>
          <div>
            <p>
              <span>HOT</span>
              在家聚餐的勇气是松下洗碗机给的!
            </p>
          </div>
          <div>
            <p>
              <span>HOT</span>
              在家聚餐的勇气是松下洗碗机给的!
            </p>
          </div>
          <div>
            <p>
              <span>HOT</span>
              在家聚餐的勇气是松下洗碗机给的!
            </p>
          </div>
          <div>
            <p>
              <span>HOT</span>
              在家聚餐的勇气是松下洗碗机给的!
            </p>
          </div>
        </div>
        <div class="bottom">
          <div>
            <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="">
            <p>话费</p>
          </div>
          <div>
            <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="">
            <p>话费</p>
          </div>
          <div>
            <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="">
            <p>话费</p>
          </div>
          <div>
            <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="">
            <p>话费</p>
          </div>
          <div>
            <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="">
            <p>话费</p>
          </div>
          <div>
            <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="">
            <p>话费</p>
          </div>
          <div>
            <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="">
            <p>话费</p>
          </div>
          <div>
            <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="">
            <p>话费</p>
          </div>
          <div>
            <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="">
            <p>话费</p>
          </div>
          <div>
            <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="">
            <p>话费</p>
          </div>
          <div>
            <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="">
            <p>话费</p>
          </div>
          <div>
            <img src="https://m.360buyimg.com/babel/jfs/t1/30057/19/14881/720/5cbf064aE187b8361/eed6f6cbf1de3aaa.png" alt="">
            <p>话费</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 京东秒杀 -->
  <div class="miaosha" id="jdms">
    <div class="container miaosha-container">
      <div class="miaosha-left">
        <div class="title">京东秒杀</div>
        <div class="desc">
          <strong>22:00</strong>
          点 场距结束
        </div>
        <div class="timer">
          <span class="span">01</span>
          <span class="span">35</span>
          <span>49</span>
        </div>
      </div>
      <div class="miaosha-goods opacity">
        <div class="img">
          <img src="https://img13.360buyimg.com/seckillcms/s280x280_jfs/t1/126612/27/19192/121768/60b0c808Ea87aa7a2/03e4e63758fe67f9.jpg.webp" alt="">
        </div>
        <h6>elmex艾美适 幼儿宝宝儿童牙青0-6岁 专效防蛙61g 欧洲原装进口</h6>
        <div class="price">
          ¥35.90
        </div>
      </div>
      <div class="miaosha-goods opacity">
        <div class="img">
          <img src="https://img10.360buyimg.com/seckillcms/s280x280_jfs/t1/63855/7/20195/30902/62c2e35bE4657cb0a/11ccb32526842302.jpg.webp" alt="">
        </div>
        <h6>小米 米家床头灯2 智能台灯 卧室炫彩柔光 小夜灯 节日创意礼品礼物通体发光多种语音控制</h6>
        <div class="price">
          ¥149.00
        </div>
      </div>
      <div class="miaosha-goods opacity">
        <div class="img">
          <img src="https://img10.360buyimg.com/seckillcms/s280x280_jfs/t1/23084/18/17470/179818/62a851ebEfe3a4503/789d9e54e85c8c8e.jpg.webp" alt="">
        </div>
        <h6>泓一 日式小圆饼干500g 饼干零食网红海盐小圆饼干休闲零食整箱100g*5袋</h6>
        <div class="price">
          ¥9.90
        </div>
      </div>
      <div class="miaosha-goods opacity">
        <div class="img">
          <img src="https://img30.360buyimg.com/seckillcms/s280x280_jfs/t1/107496/2/26574/36709/62568ab0E6957730d/e346acb08fcb738c.jpg.webp" alt="">
        </div>
        <h6>京东京造 除湿盒400ml*3盒 干燥剂 除湿剂 防潮剂 除湿袋 防潮除霉衣柜室内衣服房间</h6>
        <div class="price">
          ¥17.90
        </div>
      </div>
      <div class="miaosha-right opacity">
        <div class="img">
          <img src="https://img10.360buyimg.com/seckillcms/s260x260_jfs/t1/143925/33/27846/290227/62d7be2cE81db2b22/0f95911bdda514d1.jpg.webp" alt="">
        </div>
        <div class="info">
          <p class="title">高端游戏本秒杀专场</p>
          <p class="promo">24期免息</p>
          <div class="btn">
            <a href="">品类秒杀&nbsp;&gt;</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 特色优选 -->
  <div class="specialty" id="tsyx">
    <div class="container">
      <!-- 每日特价和品牌闪购 特色优选一区-->
      <div class="specialty-one">
        <div class="low-price">
          <div class="title">每日特价</div>
          <ul>
            <li><a href="">精选</a>
              <div class="content">
                <div class="left opacity">
                  <div class="tag">108天最低价</div>
                  <div class="img">
                    <img src="https://img14.360buyimg.com/seckillcms/s144x144_jfs/t1/129454/24/20484/95886/62538416E052c3da2/bacf9625e2bd1566.jpg!q70.jpg.webp" alt="">
                  </div>
                  <div class="message">
                    <span>广西新鲜香蕉2斤</span>
                    <div class="price">
                      <span></span>
                      9.9
                    </div>
                  </div>
                </div>
                <div class="right">
                  <div class="opacity">
                    <div class="img">
                      <img src="https://img14.360buyimg.com/seckillcms/s144x144_jfs/t1/91648/9/17112/395630/5e8319a6Ef4e1e535/8c91057c779734a6.jpg!q70.jpg.webp" alt="">
                      <span>1年最低价</span>
                    </div>
                    <div class="message">
                      <span>玉米煎饼1斤+小米煎饼1斤</span>
                      <div class="price">
                        <span></span>
                        17.9
                      </div>
                    </div>
                  </div>
                  <div class="opacity">
                    <div class="img">
                      <img src="https://img30.360buyimg.com/seckillcms/s144x144_jfs/t1/142842/34/3925/308915/5f1f9afaEc7078f98/464c172c2da6b3ae.jpg!q70.jpg.webp" alt="">
                      <span>1年最低价</span>
                    </div>
                    <div class="message">
                      <span>正宗丰水梨5斤</span>
                      <div class="price">
                        <span></span>
                        29.8
                      </div>
                    </div>
                  </div>
                  <div class="opacity">
                    <div class="img">
                      <img src="https://img10.360buyimg.com/seckillcms/s144x144_jfs/t1/73478/34/18178/91037/628cc7f1E65a51c23/d2b8cd93077b253c.jpg!q70.jpg.webp" alt="">
                      <span>65天最低价</span>
                    </div>
                    <div class="message">
                      <span>超值秒杀男士夏季套装</span>
                      <div class="price">
                        <span></span>
                        17.9
                      </div>
                    </div>
                  </div>
                  <div class="opacity">
                    <div class="img">
                      <img src="https://img30.360buyimg.com/seckillcms/s144x144_jfs/t1/74298/39/19286/151117/62b0652cE83fa6cba/8db00da505c1732b.jpg!q70.jpg.webp" alt="">
                      <span>38天最低价</span>
                    </div>
                    <div class="message">
                      <span>❤16小时长续航✅无叶挂脖风扇</span>
                      <div class="price">
                        <span></span>
                        29.9
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li><a href="">美食</a>
              <!-- <div class="content">2</div> -->
            </li>
            <li><a href="">百货</a>
              <!-- <div class="content">3</div> -->
            </li>
            <li><a href="">个护</a>
              <!-- <div class="content">4</div> -->
            </li>
            <li><a href="">预告</a>
              <!-- <div class="content">5</div> -->
            </li>
          </ul>
          
        </div>
        <div class="flash-sale">
          <div class="title">品牌闪购</div>
          <div class="content">
            <div class="left">
              <div class="logo">
                <img src="https://img13.360buyimg.com/seckillcms/s140x70_jfs/t1/196735/9/27544/11675/62e24154E2903b7e3/721ee268c5309907.png!cc_70x35.webp" alt="">
              </div>
              <div class="desc">
                <h6>威斯汀品牌闪购</h6>
                <span>抢爆款低至8折 | </span>
                <span>仅剩 14:20:34</span>
              </div>
              <div class="img">
                <img src="https://img12.360buyimg.com/seckillcms/s780x780_jfs/t1/145176/26/25540/173121/623ebb50Ec2d28bee/3580cf86d390eb05.jpg!cc_130x130.webp" alt="">
              </div>
            </div>
            <div class="right">
              <div>
                <img src="https://img14.360buyimg.com/seckillcms/s600x300_jfs/t1/32418/2/16925/7001/62de6a10E15469eb4/0512376fa8af9241.png!cc_300x150.webp" alt="">
                <div>欧利时品牌闪购</div>
              </div>
              <div>
                <img src="https://img20.360buyimg.com/seckillcms/s600x300_jfs/t1/80076/13/21601/4572/62e0de61E078a7e94/118aedee752b8deb.png!cc_300x150.webp" alt="">
                <div>OPPO手机专场</div>
              </div>
              <div>
                <img src="https://img14.360buyimg.com/seckillcms/s600x300_jfs/t1/151818/19/29025/12919/62e20bc1E53cdb82d/9f1240f229c9fc75.png!cc_300x150.webp" alt="">
                <div>Gucci闪购精选</div>
              </div>
              <div>
                <img src="https://img10.360buyimg.com/seckillcms/s600x300_jfs/t1/150202/34/24692/5269/62df992dEe9fcc6ad/33c7cf5708b047cb.png!cc_300x150.webp" alt="">
                <div>晚白女装闪购专场</div>
              </div>
              <div>
                <img src="https://img30.360buyimg.com/seckillcms/s600x300_jfs/t1/50710/15/20998/15360/62d144b9Ec848c0b9/c69cd32a20d18972.png!cc_300x150.webp" alt="">
                <div>五粮液闪购专场</div>
              </div>
              <div>
                <img src="https://img11.360buyimg.com/seckillcms/s600x300_jfs/t1/113562/12/25902/7658/62de4d5dE38afcf05/d0d9c3c1e9f49c2c.png!cc_300x150.webp" alt="">
                <div>普先生闪购专场</div>
              </div>
              
            </div>
          </div>
        </div>
      </div>
      <!-- 发现好货 -->
      <div class="nice-goods">
        <div class="left">
          <div>
          <img src="data:image/png;base64,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" alt="">
          <div>探索新生活</div>
          </div>
        </div>
        <div class="right">
          <ul>
            <li>
              <div class="goods">
                <img src="https://img13.360buyimg.com/ceco/s300x300_jfs/t1/49863/13/2743/66928/5d087656E5d49af28/888e93e248bf7f28.jpg!q70.jpg.webp" alt="">
                <div class="text">耐克 缓震 跑步鞋</div>
              </div>
            </li>
            <li>
              <div class="goods">
                <div class="text">华为WATCH 3 鸿蒙 智能运动手表</div>
                <img src="https://img20.360buyimg.com/ceco/s300x300_jfs/t1/177265/37/6330/490526/60b754a0E74e81793/7369fcc168a5024a.png.webp" alt=""> 
              </div>
            </li>
            <li>
              <div class="goods">
                <img src="https://img12.360buyimg.com/ceco/s300x300_jfs/t1/130446/13/11286/487218/5f781726E8d8c3ae5/a9b211a399eef4b6.jpg!q70.jpg.webp" alt="">
                <div class="text">倍护婴 三环动物乐园款 儿童游泳池</div>
              </div>
            </li>
            <li>
              <div class="goods">
                <div class="text">万代 拼插 模型</div>
                <img src="https://img11.360buyimg.com/ceco/s300x300_jfs/t3910/181/779565160/234721/6b17eb6f/585e1edcN1e9fee1c.jpg!q70.jpg.webp" alt="">
              </div>
            </li>
            <li>
              <div class="goods">
                <img src="https://img12.360buyimg.com/ceco/s300x300_jfs/t6823/325/1306089077/203471/9004abfb/59802690N4b3febfe.jpg!q70.jpg.webp" alt="">
                <div class="text">倍途乐 户外竞技 弹弓</div>
              </div>
            </li>
            <li>
              <div class="goods">
                <div class="text">小米 至尊纪念版 5G手机</div>
                <img src="https://img14.360buyimg.com/ceco/s300x300_jfs/t1/147923/30/18586/454087/5fdc028eE9518ec6b/1e4e64b14043aa71.png.webp" alt="">
                
              </div>
            </li>
            <li>
              <div class="goods">
                <img src="https://img13.360buyimg.com/ceco/s300x300_jfs/t1/49863/13/2743/66928/5d087656E5d49af28/888e93e248bf7f28.jpg!q70.jpg.webp" alt="">
                <div class="text">耐克 缓震 跑步鞋</div>
              </div>
            </li>
            <li>
              <div class="goods">
                <div class="text">华为WATCH 3 鸿蒙 智能运动手表</div>
                <img src="https://img20.360buyimg.com/ceco/s300x300_jfs/t1/177265/37/6330/490526/60b754a0E74e81793/7369fcc168a5024a.png.webp" alt=""> 
              </div>
            </li>
            <li>
              <div class="goods">
                <img src="https://img12.360buyimg.com/ceco/s300x300_jfs/t1/130446/13/11286/487218/5f781726E8d8c3ae5/a9b211a399eef4b6.jpg!q70.jpg.webp" alt="">
                <div class="text">倍护婴 三环动物乐园款 儿童游泳池</div>
              </div>
            </li>
            <li>
              <div class="goods">
                <div class="text">万代 拼插 模型</div>
                <img src="https://img11.360buyimg.com/ceco/s300x300_jfs/t3910/181/779565160/234721/6b17eb6f/585e1edcN1e9fee1c.jpg!q70.jpg.webp" alt="">
              </div>
            </li>
            <li>
              <div class="goods">
                <img src="https://img12.360buyimg.com/ceco/s300x300_jfs/t6823/325/1306089077/203471/9004abfb/59802690N4b3febfe.jpg!q70.jpg.webp" alt="">
                <div class="text">倍途乐 户外竞技 弹弓</div>
              </div>
            </li>
          </ul>
          <!-- 下方滚动条 -->
          <div class="scroll">
            <span></span>
          </div>
        </div>
      </div>
      <!-- 新品首发 -->
      <div class="specialty-two">
        <div class="xp">
          <div class="title">
            <h3>新品首发</h3>
          </div>
          <div class="content">
            <div class="img">
              <img src="https://img14.360buyimg.com/babel/s240x240_jfs/t1/126512/24/28242/146073/62e39fe7E8cdd7b18/7cd6f2fd1d9220b6.jpg!cc_120x120.webp" alt="">
            </div>
            <div class="text">
              <p>360儿童电话手表9X 智能语音问答定位支付手表 4G全网通20米专业级防水视频通话拍照手表男女孩星空蓝</p>
              <span>来这里发现更多新品</span>
            </div>
            <div class="price">
              <span></span>
              379
              <span></span>
            </div>
          </div>
        </div>
        <div class="xb">
          <div class="title">
            <h3>JPY寻宝</h3>
          </div>
          <div class="content">
            <ul>
              <li>换个新机</li>
              <li>新机妙算</li>
              <li>手机控</li>
              <li>男神必备</li>
            </ul>
            <div class="goods">
              <div>
                <div class="img">
                  <img src="https://img14.360buyimg.com/babel/s200x200_jfs/t1/75676/11/20089/338537/62b1238cEfe1cabc1/c34d0fadd065157b.jpg!q90.webp" alt="">
                </div>
                <div class="text">
                  <p>京东 iPhoneXR/11换屏 原厂屏幕 苹果屏幕维修 苹果原装屏幕 手机维修 修手机 【原厂配件 免费取送】 </p>
                  <i></i>
                  <span>1556.00</span>
                </div>
              </div>
              <div>
                <div class="img">
                  <img src="https://img14.360buyimg.com/babel/s200x200_jfs/t1/75676/11/20089/338537/62b1238cEfe1cabc1/c34d0fadd065157b.jpg!q90.webp" alt="">
                </div>
                <div class="text">
                  <p>京东 iPhoneXR/11换屏 原厂屏幕 苹果屏幕维修 苹果原装屏幕 手机维修 修手机 【原厂配件 免费取送】 </p>
                  <i></i>
                  <span>1556.00</span>
                </div>
              </div>
              <div>
                <div class="img">
                  <img src="https://img14.360buyimg.com/babel/s200x200_jfs/t1/75676/11/20089/338537/62b1238cEfe1cabc1/c34d0fadd065157b.jpg!q90.webp" alt="">
                </div>
                <div class="text">
                  <p>京东 iPhoneXR/11换屏 原厂屏幕 苹果屏幕维修 苹果原装屏幕 手机维修 修手机 【原厂配件 免费取送】 </p>
                  <i></i>
                  <span>1556.00</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="ghd">
          <div class="title">
            <h3>逛好店</h3>
          </div>
          <div class="content">
            <div>
              <div class="left">
                <div class="desc">润本京东自营官方旗舰店</div>
                <div class="tag">
                  <span>自营</span>
                  <span>育儿心经</span>
                </div>
                <div class="hot">434.6万人关注</div>
              </div>
              <div class="right">
                <img src="https://img13.360buyimg.com/mobilecms/s200x200_jfs/t1/174628/38/17576/139144/60de6af8Eeedf0a0e/9a8ba1630ef33691.jpg.webp" alt="">
              </div>
            </div>
            <div>
              <div class="left">
                <div class="desc">润本京东自营官方旗舰店</div>
                <div class="tag">
                  <span>自营</span>
                  <span>育儿心经</span>
                </div>
                <div class="hot">434.6万人关注</div>
              </div>
              <div class="right">
                <img src="https://img13.360buyimg.com/mobilecms/s200x200_jfs/t1/174628/38/17576/139144/60de6af8Eeedf0a0e/9a8ba1630ef33691.jpg.webp" alt="">
              </div>
            </div>
          </div>
        </div>
        <div class="lq">
          <div class="title">
            <h3>领券中心</h3>
          </div>
          <div class="content">
            <div>
              <div class="img">
                <img src="https://img10.360buyimg.com/common/s100x100_jfs/t1/116772/9/26998/120046/62da98caEc1415a9a/3bb6fd18834c83ca.jpg!cc_50x50.webp" alt="">
              </div>
              <div class="cut">
                <p class="price">
                  <span></span>
                  100
                </p>
                <p class="limit">满199元可用</p>
                <p class="use">仅可购买生鲜部分商品</p>
              </div>
              <div class="more">
                更多好券
                <span>&gt;</span>
              </div>
            </div>
            <div>
              <div class="img">
                <img src="https://img10.360buyimg.com/common/s100x100_jfs/t1/116772/9/26998/120046/62da98caEc1415a9a/3bb6fd18834c83ca.jpg!cc_50x50.webp" alt="">
              </div>
              <div class="cut">
                <p class="price">
                  <span></span>
                  100
                </p>
                <p class="limit">满199元可用</p>
                <p class="use">仅可购买生鲜部分商品</p>
              </div>
              <div class="more">
                更多好券
                <span>&gt;</span>
              </div>
            </div>
            <div>
              <div class="img">
                <img src="https://img10.360buyimg.com/common/s100x100_jfs/t1/116772/9/26998/120046/62da98caEc1415a9a/3bb6fd18834c83ca.jpg!cc_50x50.webp" alt="">
              </div>
              <div class="cut">
                <p class="price">
                  <span></span>
                  100
                </p>
                <p class="limit">满199元可用</p>
                <p class="use">仅可购买生鲜部分商品</p>
              </div>
              <div class="more">
                更多好券
                <span>&gt;</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 频道广场 标题-->
  <div class="channel-title" id="pdgc">
    <div>频道广场</div>
  </div>
  <!-- 频道广场 内容-->
  <div class="channel">
    <div class="container channel-container">
      <div class="top">
        <div class="big">
          <img src="https://img20.360buyimg.com/babel/s580x740_jfs/t1/169223/11/9002/236742/603f38feEa4a8d83e/4ace79eafcac855c.jpg!cc_290x370.webp" alt="">
        </div>
        <div class="big">
          <img src="https://img13.360buyimg.com/babel/s580x740_jfs/t1/163303/19/8612/240967/603f2afdE54fac7e9/6270a3dfba2f1847.jpg!cc_290x370.webp" alt="">
        </div>
        <div class="top-right">
          <div class="small">
            <div class="title">
              <span>京东手机</span>
              <span>一个极客的诞生</span>
            </div>
            <div class="img">
              <div>
                <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
              </div>
              <div>
                <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
              </div>
            </div>
          </div>
          <div class="small">
            <div class="title">
              <span>京东手机</span>
              <span>一个极客的诞生</span>
            </div>
            <div class="img">
              <div>
                <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
              </div>
              <div>
                <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
              </div>
            </div>
          </div>
        </div>
        <div class="top-right">
          <div class="small">
            <div class="title">
              <span>京东手机</span>
              <span>一个极客的诞生</span>
            </div>
            <div class="img">
              <div>
                <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
              </div>
              <div>
                <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
              </div>
            </div>
          </div>
          <div class="small">
            <div class="title">
              <span>京东手机</span>
              <span>一个极客的诞生</span>
            </div>
            <div class="img">
              <div>
                <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
              </div>
              <div>
                <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="bottom">
        <div class="small">
          <div class="title">
            <span>京东手机</span>
            <span>一个极客的诞生</span>
          </div>
          <div class="img">
            <div>
              <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
            </div>
            <div>
              <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
            </div>
          </div>
        </div>
        <div class="small">
          <div class="title">
            <span>京东手机</span>
            <span>一个极客的诞生</span>
          </div>
          <div class="img">
            <div>
              <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
            </div>
            <div>
              <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
            </div>
          </div>
        </div>
        <div class="small">
          <div class="title">
            <span>京东手机</span>
            <span>一个极客的诞生</span>
          </div>
          <div class="img">
            <div>
              <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
            </div>
            <div>
              <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
            </div>
          </div>
        </div>
        <div class="small">
          <div class="title">
            <span>京东手机</span>
            <span>一个极客的诞生</span>
          </div>
          <div class="img">
            <div>
              <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
            </div>
            <div>
              <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
            </div>
          </div>
        </div>
        <div class="small">
          <div class="title">
            <span>京东手机</span>
            <span>一个极客的诞生</span>
          </div>
          <div class="img">
            <div>
              <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
            </div>
            <div>
              <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
            </div>
          </div>
        </div>
        <div class="small">
          <div class="title">
            <span>京东手机</span>
            <span>一个极客的诞生</span>
          </div>
          <div class="img">
            <div>
              <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
            </div>
            <div>
              <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
            </div>
          </div>
        </div>
        <div class="small">
          <div class="title">
            <span>京东手机</span>
            <span>一个极客的诞生</span>
          </div>
          <div class="img">
            <div>
              <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
            </div>
            <div>
              <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
            </div>
          </div>
        </div>
        <div class="small">
          <div class="title">
            <span>京东手机</span>
            <span>一个极客的诞生</span>
          </div>
          <div class="img">
            <div>
              <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
            </div>
            <div>
              <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
            </div>
          </div>
        </div>
        <div class="small">
          <div class="title">
            <span>京东手机</span>
            <span>一个极客的诞生</span>
          </div>
          <div class="img">
            <div>
              <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
            </div>
            <div>
              <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
            </div>
          </div>
        </div>
        <div class="small">
          <div class="title">
            <span>京东手机</span>
            <span>一个极客的诞生</span>
          </div>
          <div class="img">
            <div>
              <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
            </div>
            <div>
              <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
            </div>
          </div>
        </div>
        <div class="small">
          <div class="title">
            <span>京东手机</span>
            <span>一个极客的诞生</span>
          </div>
          <div class="img">
            <div>
              <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
            </div>
            <div>
              <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
            </div>
          </div>
        </div>
        <div class="small">
          <div class="title">
            <span>京东手机</span>
            <span>一个极客的诞生</span>
          </div>
          <div class="img">
            <div>
              <img src="https://img12.360buyimg.com/img/s200x200_jfs/t1/216322/12/3822/299148/618b58ceEe76dd216/515ee56326114860.jpg!cc_100x100.webp" alt="">
            </div>
            <div>
              <img src="https://img30.360buyimg.com/img/s200x200_jfs/t1/105962/33/25081/115141/6225c873E145526a9/a43b9ed9861debca.jpg!cc_100x100.webp" alt="">
            </div>
          </div>
        </div>
      </div>
      
    </div>
  </div>
  <!-- 为你推荐 标题-->
  <div class="channel-title" id="wntj">
    <div>为你推荐</div>
  </div>
  <!-- 为你推荐 导航-->
  <div class="recommend-nav">
    <div class="container">
      <ul>
        <li>
          <p>精选</p>
          <p>猜你喜欢</p>
        </li>
        <!-- <li class="gap"></li> -->
        <li>
          <p>智能先锋</p>
          <p>大电器城</p>
        </li>
        <!-- <li class="gap"></li> -->
        <li>
          <p>居家优品</p>
          <p>品质生活</p>
        </li>
        <!-- <li class="gap"></li> -->
        <li>
          <p>超市百货</p>
          <p>百货生鲜</p>
        </li>
        <!-- <li class="gap"></li> -->
        <li>
          <p>时尚达人</p>
          <p>美妆穿搭</p>
        </li>
        <!-- <li class="gap"></li> -->
        <li>
          <p>进口好物</p>
          <p>京东国际</p>
        </li>
      </ul>
    </div>
  </div>
  <!-- 为你推荐 内容-->
  <div class="recommend">
    <div class="container recommend-container">
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
      <div>
        <div class="img">
          <img src="https://img10.360buyimg.com/jdcms/s300x300_jfs/t1/210826/28/20706/96441/625fdf92E03a06045/5cfe7ea32bc4d2a4.jpg.webp" alt="">
        </div>
        <div class="info">
          <p>小摆件可爱屏风摆件家里摆件小摆件精致可爱的小饰品儿童少女心电脑书桌卡通摆件安妮小天使生日礼物hc 甜睡粉色</p>
          <p>
            <span></span>
            47.
            <span>40</span>
          </p>
        </div>
        <div class="blur">
          <div>找相似</div>
        </div>
      </div>
    </div>
  </div>
  <!-- 京东底部 -->
  <div class="footer1">
    <div class="container footer1-container">
      <div class="footer1-content">
        <ul>
          <li>
            <div></div>
            <div>品类齐全,轻松购物</div>
          </li>
          <li>
            <div></div>
            <div>多仓直发,极速配送</div>
          </li>
          <li>
            <div></div>
            <div>正品行货,精致服务</div>
          </li>
          <li>
            <div></div>
            <div>天天低价,畅选无忧</div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="footer2">
    <div class="container footer2-container">
      <div class="footer2-content">
        <dl>
          <dt>购物指南</dt>
          <dd>购物流程</dd>
          <dd>会员介绍</dd>
          <dd>生活旅行</dd>
          <dd>常见问题</dd>
          <dd>大家电</dd>
          <dd>联系客服</dd>
        </dl>
        <dl>
          <dt>配送方式</dt>
          <dd>上门自提</dd>
          <dd>211限时购</dd>
          <dd>配送服务查询</dd>
          <dd>配送费收取标准</dd>
          <dd>海外配送</dd>
        </dl>
        <dl>
          <dt>支付方式</dt>
          <dd>货到付款</dd>
          <dd>在线支付</dd>
          <dd>分期付款</dd>
          <dd>公司转账</dd>
        </dl>
        <dl>
          <dt>售后服务</dt>
          <dd>售后政策</dd>
          <dd>价格保护</dd>
          <dd>退款说明</dd>
          <dd>返修/退换货</dd>
          <dd>取消订单</dd>
        </dl>
        <dl>
          <dt>特色服务</dt>
          <dd>夺宝岛</dd>
          <dd>DIY装机</dd>
          <dd>延保服务</dd>
          <dd>京东E卡</dd>
          <dd>京东通信</dd>
          <dd>京鱼座智能</dd>
        </dl>
        <dl>
          <dt>京东自营覆盖区县</dt>
          <dd>京东已向全国2661个区县提供自营配送服务,支持货到付款、POS机刷卡和售后上门服务。</dd>
          <dd style="float: right;">查看详情&nbsp;&gt;</dd>
        </dl>
      </div>
    </div>
  </div>
  <div class="footer3">
    <div class="container footer3-container">
      <div class="footer3-content">
        <div class="top">
          <a href="">关于我们</a>
          <span>|</span>
          <a href="">联系我们</a>
          <span>|</span>
          <a href="">联系客服</a>
          <span>|</span>
          <a href="">合作招商</a>
          <span>|</span>
          <a href="">商家帮助</a>
          <span>|</span>
          <a href="">营销中心</a>
          <span>|</span>
          <a href="">手机京东</a>
          <span>|</span>
          <a href="">友情链接</a>
          <span>|</span>
          <a href="">销售联盟</a>
          <span>|</span>
          <a href="">京东社区</a>
          <span>|</span>
          <a href="">风险监测</a>
          <span>|</span>
          <a href="">隐私政策</a>
          <span>|</span>
          <a href="">京东公益</a>
          <span>|</span>
          <a href="">English Site</a>
          <span>|</span>
          <a href="">Media & IR</a>
        </div>
        <div class="mid">
          <div class="one">
            <a href="">京公网安备 11000002000088号</a>
            <span>|</span>
            <a href="">京ICP备11041704号</a>
            <span>|</span>
            <a href="">ICP</a>
            <span>|</span>
            <a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
            <span>|</span>
            <p>新出发京零 字第大120007号</p>
          </div>
          <div class="two">
            <p>互联网出版许可证编号新出网证(京)字150号</p>
            <span>|</span>
            <a href="">出版物经营许可证</a>
            <span>|</span>
            <a href="">网络文化经营许可证京网文[2020]6112-1201号</a>
            <span>|</span>
            <p>违法和不良信息举报电话:4006561155</p>
          </div>
          <div class="three">
            <p>Copyright © 2004 - 2022  京东JD.com 版权所有</p>
            <span>|</span>
            <p>消费者维权热线:4006067733</p>
            <span>|</span>
            <a href="">经营证照</a>
            <span>|</span>
            <p>(京)网械平台备字(2018)第00003号</p>
            <span>|</span>
            <a href="">营业执照</a>
            <span>|</span>
            <a href="">增值电信业务经营许可证</a>
          </div>
          <div class="four">
            <i></i>
            <a href="">Global Site</a>
            <span>|</span>
            <i></i>
            <a href="">Сайт России</a>
            <span>|</span>
            <i></i>
            <a href="">Situs Indonesia</a>
            <span>|</span>
            <i></i>
            <a href="">Sitio de España</a>
            <span>|</span>
            <i></i>
            <a href="">เว็บไซต์ประเทศไทย</a>
          </div>
          <div class="five">
            <p>京东旗下网站:</p>
            <a href=""> 京东钱包</a>
            <span>|</span>
            <a href="">京东云</a>
            <span>|</span>
            <p>网络内容从业人员违法违规行为举报电话:4006561155-3</p>
          </div>
        </div>
        <div class="bottom">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
      </div>
    </div>
  </div>
  <!-- 侧边栏 -->
  <ul class="aside">
    <li><a href="#jdms">京东秒杀</a></li>
    <li><a href="#tsyx">特色优选</a></li>
    <li><a href="#pdgc">频道广场</a></li>
    <li><a href="#wntj">为你推荐</a></li>
    <li><a href="">客服</a></li>
    <li><a href="">反馈</a></li>
    <li><a href="#">回到顶部</a></li>
  </ul>
</body>
</html>

CSS样式代码:

*{
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}
.container{
  width: 1190px;
  margin: 0 auto;
}

/* 顶部图片 */
.head-top{
  height: 80px;
  background-color: rgb(157, 228, 251);
}
/* -------------------------------------------------------------- */
/* 顶部灰色导航栏 */
/* -------------------------------------------------------------- */
.head-nav{
  height: 31px;
  background-color: rgb(227, 228, 229);
}

/* 左边定位图标 */
.head-nav .nav-left .dw{
  color: rgb(241, 2, 21);
}
.head-nav .nav-left .location{
  color: rgb(153, 153, 153);
  font-size: 10px;
}
.head-nav .nav-left{
  width: 65px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  float: left;
}

/* 右边导航栏 */
.head-nav .nav-right{
  float: right;
  width: 812px;
  height: 31px;
  line-height: 31px;
  text-align: center;
}
.head-nav .nav-right>li{
  float: left;
  position: relative;
  /* z-index: 10; */
}
.head-nav .nav-right li:not(.space){
  width: 73px;
  
}
.head-nav .nav-right .has-xiala:hover{
  background-color: white;
  border: 1px solid #ccc;
  box-sizing: border-box;
  /* border-bottom: none; */
}
.head-nav .nav-right a{
  color: rgb(153, 153, 153);
  font-size: 10px;
}
.head-nav .nav-right a:hover{
  color: red;
}
/* 竖线 */
.head-nav .nav-right .space{
  width: 1px;
  height: 10px;
  background-color: #ccc;
  margin: 11px 5px 0;
  overflow: hidden;
}
/* 下箭头 */
.head-nav .nav-right .jt{
  font-size: 3px;
  color: rgb(177, 177, 178);
}
/* 二级菜单 */
.head-nav .nav-right>li>ul{
  width: 270px;
  /* height: 300px; */
  background-color: #fff;
  border: 1px solid #ccc;
  position: absolute;
  top: 31px;
  left: 0;
  display: none;
  z-index: 10;
  /* padding: 10px; */
  box-sizing: border-box;
}
.head-nav .nav-right>li:hover ul{
  display: block;
}

.head-nav .nav-right>li>ul>li{
  padding-right: 45px;
  padding-left: 5px;
  float: left;
}
/* 二级菜单里面的分割线 */
.head-nav .nav-right>li>ul .fenge{
  width: 100%;
  height: 0.5px;
  background-color: rgb(241, 241, 241);
  padding: 0;
}
/* -------------------------------------------------------------- */
/* 搜索框部分 */
/* -------------------------------------------------------------- */
.head-search{
  height: 141px;
  background-color: #fff;
  border-bottom:1px solid #ccc;
  /* position: relative; */
}
.search-container{
  position: relative;
}
.head-search .logo{
  width: 190px;
  height: 120px;
  background-image: url(https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/sprite/header/sprite.png);
  float: left;
}
.head-search .logo:hover{
  background-image: url('https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/img/2ff7a1a01305c5081d75f15fa6f9b223.gif');
  background-repeat: no-repeat;
  background-position: center;
}
/* -------------------------------------------------------------- */
.head-search .search{
  width: 550px;
  height: 36px;
  border: 2px solid red;
  float: left;
  margin-top: 24px;
  margin-left: 64px;
  position: relative;
}
.head-search .search input{
  width: 492px;
  height: 36px;
  /* outline: none; */
  border: none;
  padding-left: 15px;
  font-size: 18px;
  box-sizing: border-box;
}
.head-search .search input:focus{
  outline: none;
}
.head-search .search button{
  width: 58px;
  height: 36px;
  background-color: red;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
}
.head-search .search .zxj{
  position: absolute;
  right: 70px;
  top: 8px;
  font-size: 20px;
  color: #ccc;
}
.head-search .search .ss{
  color: white;
  font-size: 25px;
}
/* -------------------------------------------------------------- */
/* 搜索框下的热词 */
.head-search .hotword{
  width: 550px;
  height: 36px;
  clear: both;
  position: absolute;
  top: 70px;
  left: 256px;
}
.head-search .hotword a{
  color: rgb(181, 181, 181);
  font-size: 10px;
  padding: 0 5px;
}
.head-search .hotword a:hover{
  color: red;
}
/* -------------------------------------------------------------- */
/* 购物车 */
.head-search .shopping{
  width: 132px;
  height: 36px;
  font-size: 12px;
  text-align: center;
  line-height: 36px;
  color: red;
  border: 1px solid #ccc;
  clear: both;
  position: absolute;
  top: 24px;
  left: 835px;
}
.head-search .shopping a{
  color: red;
}
.head-search .shopping .shopping-display{
  width: 307px;
  height: 75px;
  border: 1px solid rgb(200, 22, 35);
  position: absolute;
  top: 36px;
  right: 0;
  line-height: 88px;
  display: none;
  background-color: #fff;
  z-index: 10;
}
.head-search .shopping:hover .shopping-display{
  display: block;
}
.head-search .shopping:hover{
  border: 1px solid rgb(200, 22, 35);
}
.head-search .shopping:hover a{
  color: rgb(200, 22, 35);
}
.head-search .shopping:hover i{
  color: rgb(200, 22, 35);
}
/* -------------------------------------------------------------- */
/* 二维码 */
.head-search .code{
  width: 70px;
  height: 70px;
  float: right;
  margin-right: 96px;
  margin-top: 10px;
  box-shadow: 0 0 5px #ccc;
  background-color: #fff;
  box-sizing: border-box;
  padding: 5px;
}
/* -------------------------------------------------------------- */
/* 导航栏 */
.head-search .nav{
  /* width: 746px; */
  height: 40px;
  clear: both;
  /* border: 1px solid black; */
  position: absolute;
  left: 200px;
  top: 100px;
}
.head-search .nav>li{
  float: left;
  margin: 0 10px;
  line-height: 40px;
}
.head-search .nav>li>.s{
  color: red;
  font-weight: bold;
}
.head-search .nav>li>a{
  color: black;
}
.head-search .nav>li>a:hover{
  color: rgb(201, 27, 39);
}
/* -------------------------------------------------------------- */
/* 主体轮播图部分 */
/* -------------------------------------------------------------- */
.main{
  background-color: rgb(244, 244, 244);
  height: 480px;
  overflow: hidden;
}
.main .main-container{
  height: 480px;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.main .main-container>div{
  height: 100%;
  /* background-color: #fff; */
}
.main .main-nav{
  width: 16%;
  background-color: #fff;
}
/* 左边导航栏 */
.main .main-nav ul{
  padding: 10px 0;
  box-sizing: border-box;
  position: relative;
}
.main .main-nav ul>li{
  line-height: 24px;
  padding-left: 13px;
  box-sizing: border-box;
}
.main .main-nav ul>li:hover{
  background-color: rgb(217, 217, 217);
}
.main .main-nav ul a{
  font-size: 14px;
  color: rgb(51, 51, 51);
}
.main .main-nav ul a:hover{
  color: red;
}
.main .main-nav ul span{
  font-size: 10px;
  color: rgb(51, 51, 51);
}
/* 展示框 */
.main .main-nav ul .display{
  width: 998px;
  height: 472px;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ccc;
  position: absolute;
  top: 0;
  left: 190px;
  background-color: #fff;
  z-index: 10;
  display: none;
  padding: 10px;
  box-sizing: border-box;
}
.main .main-nav ul .display dl{
  overflow: hidden;
  width: 800px;
  /* float: left; */
}
.main .main-nav ul .display dl>dt{
  float: left;
}
.main .main-nav ul .display dl>dd{
  float: left;
  width: 720px;
}
.main .main-nav ul .display dl>dt>a{
  font-size: 10px;
  font-weight: bold;
}
.main .main-nav ul .display dl>dd>a{
  font-size: 10px;
  color: grey;
  padding: 0 5px;
  white-space: nowrap;
}
.main .main-nav ul .display dl>dd>a:hover{
  color: red;
}
.main .main-nav ul li .image{
  width: 170px;
  /* height: 120px; */
  float: right;
  /* background-color: red; */
  /* overflow: hidden; */
}
.main .main-nav ul li .image>img{
  width: 100%;
  /* height: 100%; */
}
.main .main-nav ul>li:hover .display{
  display: block;
}
.main .main-nav ul .display .top{
  float: left;
  background-color: black;
  margin-right: 10px;
  padding: 0 10px;
  box-sizing: border-box;
}
.main .main-nav ul .display .top:hover{
  background-color: rgb(200, 22, 35);
}
.main .main-nav ul .display .top a{
  color: white;
  font-size: 10px;

}
/* -------------------------------------------------------------- */
.main .main-lunbo{
  width: 48%;
}
.main .main-goods{
  width: 16%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main .main-goods>div{
  width: 100%;
  height: 32%;
  /* background-color: pink; */
}
.main .main-qita{
  width: 16%;
  height: 480px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main .main-qita>div{
  position: relative;
}
.main .main-qita>div:not(:last-child)::after{
  position: absolute;
  height: 1px;
  left: 15px;
  right: 15px;
  background: linear-gradient(270deg,white,#eeeeee,#eeeeee,white);
  content: " ";
  bottom: 0;
  z-index: 3;
}
.main .main-qita .top{
  width: 190px;
  height: 102px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.main .main-qita .top .title{
  width: 190px;
  height: 44px;
  /* background-color: pink; */
  display: flex;
  justify-content: center;
}
.main .main-qita .top .btn{
  width: 190px;
  height: 25px;
  display: flex;
  justify-content: center;
}
.main .main-qita .top .btn>div{
  width: 70px;
  height: 25px;
  background-color: pink;
  font-size: 12px;
  line-height: 25px;
  text-align: center;
  border-radius: 13px;
}
.main .main-qita .top .btn>div:nth-child(1){
  background-color: #e1251b;
  color: white;
  margin-right: 10px;
}
.main .main-qita .top .btn>div:nth-child(2){
  background-color: #363634;
  color: #e5d790;
}
.main .main-qita .top .title .img{
  width: 44px;
  height: 44px;
  margin-right: 6px;
  border-radius: 50%;
}
.main .main-qita .top .title .img>img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.main .main-qita .top .title .text{
  width: 106px;
  height: 44px;
  font-size: 12px;
  color: #666;
  padding-top: 5px;
  box-sizing: border-box;
}
.main .main-qita .mid{
  width: 190px;
  height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.main .main-qita .mid>div:first-child{
  width: 160px;
  height: 20px;
  display: flex;
  justify-content: space-between;
}
.main .main-qita .mid>div:first-child>div:first-child{
  font-style: 14px;
  color: #333;
  font-weight: bold;
}
.main .main-qita .mid>div:first-child>div:last-child{
  font-size: 12px;
  color: #999;
  line-height: 20px;
}
.main .main-qita .mid>div:nth-child(n+2){
  width: 160px;
  height: 16px;
}
.main .main-qita .mid>div:nth-child(n+2) p{
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: nowrap;
  line-height: 16px;
  height: 16px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.main .main-qita .mid>div:nth-child(n+2) span{
  display: inline-block;
  /* position: relative;
  top: -3px; */
  font-size: 12px;
  height: 16px;
  width: 35px;
  line-height: 16px;
  text-align: center;
  vertical-align: 0;
  color: #e1251b;
  background-color: rgba(225,37,27,.08);
}
.main .main-qita .bottom{
  width: 190px;
  height: 238px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}
.main .main-qita .bottom>div{
  width: 63px;
  height: 55px;
  text-align: center;
  font-size: 12px;
}
.main .main-qita .bottom>div img{
  width: 28px;
  height: 28px;
}
/* -------------------------------------------------------------- */
/* 京东秒杀 */
/* -------------------------------------------------------------- */
.miaosha{
  /* height: 800px; */
  background-color: rgb(244, 244, 244);
  overflow: hidden;
}
.miaosha .miaosha-container{
  background-color: #fff;
  height: 260px;
  margin-top: 30px;
  display: flex;
}
.miaosha .miaosha-container>div{
  flex: 1;
}
.miaosha .miaosha-container .miaosha-left{
  background-image: url('https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/img/4a15d8883775742e3efbb850ae14def7.png');
}
.miaosha .miaosha-container .miaosha-left .title{
  width: 100%;
  font-size: 30px;
  font-weight: 700;
  color: white;
  margin-top: 31px;
  text-align: center;
}
.miaosha .miaosha-container .miaosha-left .desc{
  margin-top: 90px;
  font-size: 14px;
  text-align: center;
  color: #fff;
}
.miaosha .miaosha-container .miaosha-left .desc strong{
  font-size: 18px;
  padding-right: 2px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -3px;
}
.miaosha .miaosha-container .miaosha-left .timer{
  width: 100%;
  height: 30px;
  text-align: center;
  margin-top: 10px;
}
.miaosha .miaosha-container .miaosha-left .timer span{
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  background-color: #2f3430;
  margin-right: 20px;
  color: white;
  font-size: 20px;
  font-weight: bold;
  position: relative;
}
.miaosha .miaosha-container .miaosha-left .timer span:last-child{
  margin-right: 0;
}
.miaosha .miaosha-container .miaosha-left .timer .span::after{
  content: ":";
  display: block;
  position: absolute;
  right: -20px;
  font-weight: bolder;
  font-size: 18px;
  width: 20px;
  height: 100%;
  top: 0;
}
.miaosha .miaosha-container .miaosha-goods .img{
  width: 140px;
  height: 140px;
  margin-top: 30px;
  /* text-align: center; */
  margin-left: auto;
  margin-right: auto;
}
.miaosha .miaosha-container .opacity{
  transition: all 0.6s;
  position: relative;
}
.miaosha .miaosha-container .opacity:hover{
  opacity: 0.7;
}

.miaosha .miaosha-container .miaosha-goods .img>img{
  width: 100%;
  height: 100%;
}
.miaosha .miaosha-container .miaosha-goods h6{
  font-size: 12px;
  font-weight: 400;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 160px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 13px;
  cursor: pointer;
  transition: all 0.6s;
}
.miaosha .miaosha-container .miaosha-goods:hover h6{
  color: red;
}
.miaosha .miaosha-container .miaosha-goods .price{
  width: 160px;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7px;
  text-align: center;
  color: #e1251b;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
}
.miaosha .miaosha-container .miaosha-goods::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 200px;
  margin-top: -100px;
  /* transform: translateY(-50%); */
  background: linear-gradient(180deg,white,#eeeeee,white);
}
.miaosha .miaosha-container .miaosha-right{
  box-sizing: border-box;
  padding: 10px;

}
.miaosha .miaosha-container .miaosha-right .img{
  width: 120px;
  height: 120px;
  margin-top: 20px;
  /* text-align: center; */
  margin-left: auto;
  margin-right: auto;
}
.miaosha .miaosha-container .miaosha-right .img>img{
  width: 100%;
  height: 100%;
}
.miaosha .miaosha-container .miaosha-right .info{
  width: 100%;
  height: 90px;
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
  background: linear-gradient(180deg,rgba(255,255,255,.5),rgba(220,224,236,.5));
}
.miaosha .miaosha-container .miaosha-right .info .title{
  color: #666;
}
.miaosha .miaosha-container .miaosha-right .info .promo{
  font-weight: bold;
  color: #333;
}
.miaosha .miaosha-container .miaosha-right .info .btn{
  border-radius: 14px;
  width: 82px;
  height: 24px;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  line-height: 22px;
  font-weight: bold;
  padding-left: 4px;
  font-size: 12px;
  border: 1px solid #e1251b;
  margin-top: 4px;
  transition: background-color .2s ease;
}
.miaosha .miaosha-container .miaosha-right .info .btn:hover{
  background-color: #e1251b;
}
.miaosha .miaosha-container .miaosha-right .info .btn:hover a{
  color: white;
}
.miaosha .miaosha-container .miaosha-right .info .btn>a{
  color: #e1251b;
}
/* -------------------------------------------------------------- */
/* 特色优选 */
/* -------------------------------------------------------------- */
.specialty{
  background-color: rgb(244, 244, 244);
  overflow: hidden;
}
/* 每日特价  */
.specialty .specialty-one{
  height: 340px;
  /* background-color: #fff; */
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}
.specialty .specialty-one div{
  width: 49.5%;
  background-color: #fff;
}
.specialty .specialty-one .title{
  width: 170px;
  height: 60px;
  box-sizing: border-box;
  padding-left: 20px;
  font-size: 24px;
  font-weight: bold;
  line-height: 60px;
  color: rgb(51, 51, 51);
  cursor: pointer;
  float: left;
}
.specialty .specialty-one .title::after{
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/sprite/tit_arrow/sprite.png');
  background-position: 16px 0;
  display: inline-block;
  margin-left: 10px;
}
.specialty .specialty-one .title:hover::after{
  background-position: 0 0;
}
.specialty .specialty-one .low-price ul{
  margin-top: 20px;
  float: right;
  position: relative;
}
.specialty .specialty-one .low-price ul li{
  float: left;
  margin: 0 15px;
  font-size: 14px;
  padding-bottom: 3px;
  cursor: pointer;
  
}
.specialty .specialty-one .low-price ul li a{
  color: #999;
}
.specialty .specialty-one .low-price ul li:hover a{
  color: #e1251b;
  border-bottom: 3px solid #e1251b;
}
.specialty .specialty-one .low-price ul li .content{
  width: 589px;
  height: 280px;
  position: absolute;
  top: 40px;
  right: 0px;
  box-sizing: border-box;
  padding: 0 15px 15px 15px;
  display: flex;
  /* display: none; */
}
/* .specialty .specialty-one .low-price ul li:hover .content{
  display: flex;
} */
.specialty .specialty-one .low-price ul li .content .left{
  width: 33%;
  background-color: rgba(109,126,146,.05);
  position: relative;
}
.specialty .specialty-one .low-price ul li .content .opacity{
  transition: all 0.6s;
}
.specialty .specialty-one .low-price ul li .content .opacity:hover{
  opacity: 0.7;
}
.specialty .specialty-one .low-price ul li .content .opacity:hover .message{
  color: #e1251b;
}
.specialty .specialty-one .low-price ul li .content .left .tag{
  width: 90px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAYBAMAAACIFvdWAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURfa3PfekAPesGfenC/a0MvewJ5uweioAAABjSURBVHjajdAxDYBQAMRQBhBwEggKsECCge9fDEwEaNLcmzt16i1b6nbekrTtSOp67Knr427b+lzzKEa8FCNQy4gPH/FnI8hGkI0gG0E2gmwEYYTCCIURCiMURiiMUBihMEJd/HcrFSr6YboAAAAASUVORK5CYII=');
  background-size: cover;
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  text-align: center;
}

.specialty .specialty-one .low-price ul li .content .left .img{
  width: 120px;
  height: 120px;
  margin: 46px auto 0;
}
.specialty .specialty-one .low-price ul li .content .left .img>img{
  width: 100%;
  height: 100%;
}
.specialty .specialty-one .low-price ul li .content .left .message{
  width: 100%;
  text-align: center;
  background-color: transparent;
  color: #333;
  font-size: 14px;
}
.specialty .specialty-one .low-price ul li .content .left .message span{
  margin-top: 9px;
  display: inline-block;
}
.specialty .specialty-one .low-price ul li .content .left .message .price{
  width: 100%;
  text-align: center;
  background-color: transparent;
  font-size: 18px;
  font-weight: bold;
  color: #e1251b;
  letter-spacing: 0;
}
.specialty .specialty-one .low-price ul li .content .left .message .price span{
  font-size: 12px;
}
.specialty .specialty-one .low-price ul li .content .right{
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.specialty .specialty-one .low-price ul li .content .right>div{
  width: 50%;
  box-sizing: border-box;
  padding: 18px 0px 46px 19px;
}
.specialty .specialty-one .low-price ul li .content .right>div:nth-child(n+3){
  padding-top: 0;
}
.specialty .specialty-one .low-price ul li .content .right>div .img{
  width: 84px;
  height: 84px;
  float: left;
  position: relative;
}
.specialty .specialty-one .low-price ul li .content .right>div .img span{
  display: inline-block;
  width: 100%;
  height: 16px;
  background-color: rgba(0,0,0,.6);
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  font-size: 11px;
  text-align: center;
  line-height: 16px;
}
.specialty .specialty-one .low-price ul li .content .right>div .message{
  float: left;
  width: 76px;
  margin-left: 6px;
}
.specialty .specialty-one .low-price ul li .content .right>div .img>img{
  width: 100%;
  height: 100%;
}
.specialty .specialty-one .low-price ul li .content .right>div .message{
  margin-left: 6px;
  font-size: 12px;
}
.specialty .specialty-one .low-price ul li .content .right>div .message .price{
  width: 100%;
  margin-top: 5px;
  font-size: 14px;
  line-height: 16px;
  color: #e1251b;
  font-weight: 700;
}
.specialty .specialty-one .low-price ul li .content .right>div .message .price span{
  display: inline-block;
  font-size: 12px;
}
/* 品牌闪购 */
.specialty .specialty-one .flash-sale .content{
  clear: both;
  width: 100%;
  height: 273px;
  padding: 0 20px 0 15px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.specialty .specialty-one .flash-sale .content .left{
  width: 270px;
  background-color: rgb(243, 247, 249);
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;

}
.specialty .specialty-one .flash-sale .content .left>div{
  width: 100%;
  background-color: transparent;
}
.specialty .specialty-one .flash-sale .content .left .logo{
  height: 35px;
  text-align: center;
}
.specialty .specialty-one .flash-sale .content .left .logo>img{
  height: 35px;
}
.specialty .specialty-one .flash-sale .content .left .desc{
  height: 42px;
  text-align: center;
  
}
.specialty .specialty-one .flash-sale .content .left .desc>h6{
  font-size: 16px;
  font-weight: bold;
}
.specialty .specialty-one .flash-sale .content .left .desc>span{
  font-size: 12px;
  color: #666;
}
.specialty .specialty-one .flash-sale .content .left .img{
  height: 130px;
  text-align: center;
}
.specialty .specialty-one .flash-sale .content .left .img>img{
  height: 130px;
}
.specialty .specialty-one .flash-sale .content .right{
  width: 270px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
.specialty .specialty-one .flash-sale .content .right>div{
  width: 135px;
  height: 72px;
  text-align: center;
  position: relative;
}
.specialty .specialty-one .flash-sale .content .right>div img{
  height: 50px;
}
.specialty .specialty-one .flash-sale .content .right>div>div{
  width: 135px;
  font-size: 12px;
  color: #666;
}
.specialty .specialty-one .flash-sale .content .right>div:nth-child(2n+1)::after{
  position: absolute;
  width: 1px;
  height: 60px;
  right: 0;
  top: 50%;
  margin-top: -30px;
  background: linear-gradient(180deg,white,#eeeeee,#eeeeee,white);
  content: "";
}
/* -------------------------------------------------------------- */
/* 发现好货 */
.specialty .nice-goods{
  height: 260px;
  display: flex;
  justify-content: space-between;
}
.specialty .nice-goods .left{
  width: 190px;
  height: 260px;
  text-align: center;
  background-image: url('https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/img/e222ff5affd7051c21a5df1af734893b.png');
  position: relative;
  box-sizing: border-box;
  padding-top: 15px;
}
.specialty .nice-goods .left>div>div{
  color: rgba(255,255,255,.8);
  font-size: 16px;
  position: absolute;
  top: 70px;
  left: 35px;
}
.specialty .nice-goods .left>div>div::after{
  background-image: url('https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/sprite/tit_arrow/sprite.png');
  content: '';
  width: 16px;
  height: 16px;
  background-position: 0 -16px;
  display: inline-block;
  position: relative;
  top: 2px;
  left: 7px;
}
.specialty .nice-goods .left:hover>div>div::after{
  background-position: 0 0;
}
.specialty .nice-goods .right{
  width: 990px;
  height: 260px;
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
.specialty .nice-goods .right ul:hover{
  animation-play-state: paused;
}
.specialty .nice-goods .right ul{
  width: 2178px;
  height: 260px;
  animation: swipe 15s linear infinite;
}
.specialty .nice-goods .right ul li{
  float: left;
  width: 198px;
  height: 260px;
  transition: all 0.6s;
}
.specialty .nice-goods .right ul li:hover{
  opacity: 0.7;
}
.specialty .nice-goods .right ul li:hover .goods .text{
  color: #e1251b;
}
.specialty .nice-goods .right ul li:nth-child(2n+1) .goods{
  width: 150px;
  height: 181px;
  margin-top: 20px;
  margin-right: 50px;
}
.specialty .nice-goods .right ul li .goods>img{
  width: 150px;
  height: 150px;
}
.specialty .nice-goods .right ul li:nth-child(2n) .goods{
  width: 150px;
  height: 181px;
  margin-top: 50px;
  margin-right: 50px;
}
.specialty .nice-goods .right ul li .goods .text{
  width: 150px;
  text-align: center;
  color: #333;
  font-size: 14px;
  margin: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@keyframes swipe {
  from{
    margin-left: 0;
  }
  to{
    margin-left: -1188px;
  }
}
.specialty .nice-goods .right .scroll{
  width: 960px;
  height: 3px;
  border-radius: 3px;
  background-color: #f3f3f3;
  position: absolute;
  left: 15px;
  bottom: 10px;
  opacity: 0;
}
.specialty .nice-goods .right:hover .scroll{
  opacity: 1;
}
.specialty .nice-goods .right:hover .scroll span{
  animation-play-state: paused;
}
.specialty .nice-goods .right .scroll span{
  height: 9px;
  width: 99px;
  display: block;
  background-color: #d8d8d8;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  animation: scroll 15s linear infinite;
}
@keyframes scroll {
  from{
    margin-left: 0;
  }
  to{
    margin-left: 861px;
  }
}
/* -------------------------------------------------------------- */
/* 新品首发 */
.specialty .specialty-two{
  height: 340px;
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}
.specialty .specialty-two>div{
  width: 290px;
  height: 340px;
  background-color: #fff;
}
.specialty .specialty-two>div .title{
  width: 290px;
  height: 60px;
  padding: 0 20px;
  box-sizing: border-box;
  color: #333;
  line-height: 60px;
}
.specialty .specialty-two>div .title h3{
  font-size: 24px;
  font-weight: 700;
  float: left;
}
.specialty .specialty-two>div .title::after{
  background-image: url('https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/sprite/tit_arrow/sprite.png');
  width: 16px;
  height: 16px;
  background-position: -16px 0;
  display: inline-block;
  position: relative;
  top: 3px;
  left: 10px;
  content: '';
}
.specialty .specialty-two>div .title:hover::after{
  background-position: 0 0;
}
/* 新品首发 */
.specialty .specialty-two .xp{
  background: url('data:image/png;base64,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') no-repeat center/cover;
  background-color: #fff;
}
.specialty .specialty-two .xp .content{
  width: 290px;
  height: 280px;
  box-sizing: border-box;
  padding:15px 15px 30px 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.specialty .specialty-two .xp .content .img{
  height: 130px;
  text-align: center;
}
.specialty .specialty-two .xp .content .img>img{
  width: 130px;
  height: 130px;
}
.specialty .specialty-two .xp .content .text{
  width: 260px;
  text-align: center;
  height: 39px;
}
.specialty .specialty-two .xp .content .text p{
  width: 200px;
  margin: 0 auto;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.specialty .specialty-two .xp .content .text span{
  font-size: 12px;
  color: #999;
}
.specialty .specialty-two .xp .content .price{
  height: 27px;
  text-align: center;
  font-size: 18px;
  color: #e1251b;
}
.specialty .specialty-two .xp .content .price span:first-child{
  font-size: 12px;
}
.specialty .specialty-two .xp .content .price span:last-child{
  font-size: 16px;
}
/* JPY寻宝 */
.specialty .specialty-two .xb .content{
  width: 290px;
  height: 280px;
  box-sizing: border-box;
  padding: 5px;
}
.specialty .specialty-two .xb .content ul{
  width: 280px;
  display: flex;
  justify-content: space-between;
}
.specialty .specialty-two .xb .content ul li{
  width: 62px;
  height: 20px;
  line-height: 20px;
  border-radius: 12px;
  text-align: center;
  font-size: 12px;
  color: #999;
  background-color: #f6f6f6;
  cursor: pointer;
}
.specialty .specialty-two .xb .content ul li:hover{
  background-color: #e1251b;
  color: white;
}
.specialty .specialty-two .xb .content .goods{
  width: 280px;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
} 
.specialty .specialty-two .xb .content .goods>div{
  width: 280px;
  height: 70px;
  display: flex;
  justify-content: space-between;
}
.specialty .specialty-two .xb .content .goods>div .img{
  width: 70px;
  background-color: pink;
  height: 70px;
}
.specialty .specialty-two .xb .content .goods>div .img>img{
  width: 70px;
  height: 70px;
}
.specialty .specialty-two .xb .content .goods>div .text{
  width: 200px;
  height: 70px;
}
.specialty .specialty-two .xb .content .goods>div .text p{
  line-height: 1.3em;
  font-size: 14px;
  word-break: break-all;
  color: #333;
  overflow: hidden;
  height: 36px;
}
.specialty .specialty-two .xb .content .goods>div .text i{
  font-size: 12px;
  color: #e1251b;
  margin-top: 10px;
}
.specialty .specialty-two .xb .content .goods>div .text span{
  font-size: 16px;
  color: #e1251b;
  margin-top: 10px;
  display: inline-block;
}
/* 逛好店 */
.specialty .specialty-two .ghd .content{
  width: 290px;
  height: 280px;
  box-sizing: border-box;
  padding: 0 15px 15px 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.specialty .specialty-two .ghd .content>div{
  width: 100%;
  height: 128px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.specialty .specialty-two .ghd .content>div:first-child{
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAACAAgMAAACQMP/jAAAACVBMVEXw6+n08e/z7+2Ygz9KAAABF0lEQVRo3qXXsQ2DUBAFwW3SCBERUgaluFQnBDjgGzyvgNXosuuFm7mwx4SYEBNiQkyICTEhJsSEhKCFLSxMByEmxISYEBNiQkyICQFBCmunMSEmxISY0B+EvseEmBATYkJMiAkxISbEhJgQE2JCTIgJMaEnBC28tbB0MSbEhJgQE2JCTIgJ3SRoYW8wJsSEmNAdghbmxmNCTIgJMSEmxISYEBNiQkyICTEhJsSEmBATGvxCWti6OSbEhJgQE2JCTOiCoIU1LExpYevJmJBeoZgQE2JCTIgJMSEmxISYEBNiQkyICTEhJsSEmND5I/y9YWEJCkSICTEhJsSEmBATOgha2LUwJ9MrFBPSKxQTYkJMiAkxISZ8ANs+g1DnE8M0AAAAAElFTkSuQmCC');
}
.specialty .specialty-two .ghd .content>div:last-child{
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAACAAQMAAADXkIUzAAAABlBMVEXv7/bz8/hwiQw0AAAA6klEQVRYw4XOMRHAMAwEwYduaIYiCC5VaJRA2Ku3uHyoKI7ERqIpiuJIbCSaoiiOxEaiKYoiEkPxKC5FJIbiUVyKSAzFo7gUkRiKR3EpIjEUj+JSRGIoHsWliMRQPIpLEYmheBRHYiPRFEVxJDYSTVEUR2Ij0RRFcSQ2Ek1RFEdiI9EURXEkNhJNURRHYiPRFEVxJDYSTVEUkRiKR3EpIjEUj+JSRGIoHsWliMRQPIpLEYmheBSXIhJD8SguRSSG4lFcikgMxaM4EhuJpiiKI7GRaIqiOBIbiaYoiiOxkWiKojgSG9UURcGNH/PGPpNjQrMwAAAAAElFTkSuQmCC');
}
.specialty .specialty-two .ghd .content>div .left{
  width: 120px;
  height: 100px;
  position: relative;
}
.specialty .specialty-two .ghd .content>div .left .desc{
  font-size: 14px;
  color: #333;
}
.specialty .specialty-two .ghd .content>div .left .tag span{
  font-size: 12px;
    text-align: center;
    border-radius: 2px;
    padding: 0 2px;
    height: 17px;
    line-height: 17px;
    box-sizing: border-box;
    border: 1px solid red;
    color: red;
    margin-right: 5px;
    display: inline-block;
}
.specialty .specialty-two .ghd .content>div .left .tag span:last-child{
  border: 1px solid blue;
  color: blue;
}
.specialty .specialty-two .ghd .content>div .left .hot{
  color: #999;
  font-size: 12px;
  position: absolute;
  bottom: 15px;
}
.specialty .specialty-two .ghd .content>div .right{
  width: 100px;
  height: 100px;
  background-color: #fff;
  text-align: center;
}
.specialty .specialty-two .ghd .content>div .right img{
  width: 90px;
  height: 90px;
  margin-top: 5px;
}
/* 领券中心 */
.specialty .specialty-two .lq .content{
  width: 290px;
  height: 280px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAAEYCAYAAAD4X/t9AAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAN8NJREFUeNrtnXd4XFeZ//2P427ZsizLjqss997tOI6dRhpJCAkJLXQI+wMW2IeFBX7ALr3Dwu6zsCxLWRbYJAR+EAglIZ1QQgKhF6vMjHoZSaNRCWze33nPPefqvWfOvXdmJCcEf/M8n2dGI2syGs35zPd9T5kZVOV/jz32GI2NjdHo6CgA4DSHXcBOqPa/GRARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAAAiAgBARBARAOBJK6I/F4ZpbGQEfwQAAI0OD9Ofero5oTw+InqsOELF226l3te9ikYybTSKVATA6Y1ywEhrC3W/5HoqfOEz9L/9fadORI9NjNP4A/dT76tuoMzOJsoe2U0jLc00Oj6OPwQApzPKAeyC7JE9lNm8mrqvv5aK3/6mCi3FaRTRn/9ME7/6BQ289R8od3AHta1frsmevQ8iAgBMikg5QfuhsYEyuzdS36tfTuM/foAee3RiaiL6c0c7DX78w9R+4lAooLYNZ0JEAIB4EbEjmlbo67nDuyj/7n+iP7WcTOwfeUX02EiBRr52M3VefRllNq6cvHMLRAQASBKRcEVb05nUcel5VPji5+l/B/PpInrs0UdVlPoh9b7ypZTZ0aTupEHd2YroHUNEAIByRSSckdm2jnpecj2N3Xc3PTYx4RGRikx/UneUf+87KHdkt7HYCv8dQkQAgEpFFJZrDbrXnH/HW+hPJ/8Qlmsz/tzfryNTx2XnT0apuDuCiAAA1YooUq6toI5LTlDhC5+lP/f30Yyu51ytI1NZdwARAQCmKiKnXOt69tNphu4DJZVhEBEA4FSISJRrMyr6IYgIADCdIjJARAAAiAgAABFBRAAAiAgAABFBRAAAiAgAABFBRAAAiAgAABFBRAAAiAgAABFBRAAAiAgAABFBRAAAiAgAABFBRAAAiAgAABFBRAAAiAgAABFBRAAAiAgAABFBRAAAiAgAABFNTUStLepBTOAPAcBpLaIJ7YLHX0RNKyh7ZDcNP/QgjeYHglQ0NoY/CACnEzzmeewrB7AL2AkVf1jrlETEbF5NufOOUNcNL6D8V2+mYj4PGQFwGkmIxzyPfXYAu4CdUK1PqheRKdHaGhsos2sD9X7wPZARAKeRhHjM89hnB1Rbkk2PiISQMjs3KDvehOY1AKdBc5rHOo/5qQpoekXEKCtyRCtyz8imIpbSo48GSEHhdtyO25+ct+s0NKDHuk5C0+SP6RMRN7APbKPB226l0YkJ/cCH7rqDet/7dg1f178MbsftuP3Je7sa2zzGeaxX25iGiHA7bsftf+UiQmmG23E7SjM0qwEAp2ezGtP3AGD6/gmdvseCRgCwoPEJXdCILR4AgCd8iwc2vQIAnvBNrzgGBACA84gAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQAgIgAABARRAQA+IsRUWuLehAT+EMAcFqLaEK74PEXUdMKyh7ZTcMPPUij+YEgFY2N4Q8CwOkEj3ke+8oB7AJ2Arvh8RMRs3k15c47Ql03vIDyX72Zivk8ZATAaSQhHvM89tkB7AJ2QrU+qV5EpkRra2ygzK4N1PvB90BGAJxGEuIxz2OfHVBtSTY9IhJCyuzcoOx4E5rXAJwGzWke6zzmpyqg6RURo6zIEa3IPSObilhKjz4aIAWF23E7bn9y3q7T0IAe6zoJTZM/pk9E3MA+sI0Gb7uVRicm9AMfuusO6n3v2zV8Xf8yuB234/Yn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');
  display: flex;
  flex-direction: column;
  align-items: center;
}
.specialty .specialty-two .lq .content>div{
  width: 260px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.specialty .specialty-two .lq .content>div .img{
  width: 66px;
  height: 66px;
  border-radius: 50%;
  text-align: center;
  background-color: #fff;
}
.specialty .specialty-two .lq .content>div .img>img{
  width: 50px;
  height: 50px;
  border-radius: 5px;
  margin-top: 8px;
}
.specialty .specialty-two .lq .content>div .cut{
  width: 140px;
  height: 70px;
}
.specialty .specialty-two .lq .content>div .cut .price{
  font-size: 28px;
  color: #e33333;
  font-weight: bold;
  font-family: impact,sans-serif;
}
.specialty .specialty-two .lq .content>div .cut .price span{
  font-family: arial,sans-serif;
  font-size: 14px;
}
.specialty .specialty-two .lq .content>div .cut .limit{
  font-size: 12px;
  color: #999;
}
.specialty .specialty-two .lq .content>div .cut .use{
  font-size: 12px;
}
.specialty .specialty-two .lq .content>div .more{
  width: 32px;
  height: 82px;
  padding: 5px 5px;
  box-sizing: border-box;
  font-size: 12px;
  color: #666;
}
.specialty .specialty-two .lq .content>div .more span{
  display: block;
  float: right;
  position: relative;
  top: -25px;
  left: 4px;
}

/* -------------------------------------------------------------- */
/* 频道广场 */
/* -------------------------------------------------------------- */
/* 频道广场 标题*/
.channel-title{
  height: 45px;
  background-color: rgb(244, 244, 244);
}
.channel-title>div{
  width: 210px;
  height: 45px;
  margin: 0 auto;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}
.channel-title>div::before{
  content: '';
  background-image: url('https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/sprite/floor_hd/sprite.png');
  width: 25px;
  height: 20px;
  display: inline-block;
  margin-right: 20px;
}
.channel-title>div::after{
  content: '';
  background-image: url('https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/sprite/floor_hd/sprite.png');
  background-position: 25px 0;
  width: 25px;
  height: 20px;
  display: inline-block;
  margin-left: 20px;
}
/* 频道广场 内容*/
.channel{
  background-color: rgb(244, 244, 244);
  overflow: hidden;
}
.channel .channel-container{
  height: 940px;
  margin-top: 20px;
  /* background-color: #fff; */
  margin-bottom: 20px;
}
.channel .channel-container .top{
  display: flex;
  justify-content: space-between;
  align-content: space-between;
}
.channel .channel-container .top>div{
  /* background-color: pink; */
  width: 290px;
  height: 370px;
}
.channel .channel-container .top .top-right{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.channel .channel-container .top .top-right>div{
  width: 290px;
  height: 180px;
  background-color: #fff;
}
.channel .channel-container .bottom{
  margin-top: 10px;
  height: 560px;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}
.channel .channel-container .bottom>div{
  width: 290px;
  height: 180px;
  background-color: white;
}
.channel .channel-container .big>img{
  width: 100%;
  height: 100%;
}
.channel .channel-container .small{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.channel .channel-container .small .title{
  width: 230px;
  height: 60px;
  line-height: 60px;
  font-size: 22px;
  color: #333;
  font-weight: bold;
}
.channel .channel-container .small .title span:last-child{
  font-size: 14px;
  color: #999;
  font-weight: 400;
}
.channel .channel-container .small .img{
  width: 230px;
  height: 100px;
  display: flex;
  justify-content: space-between;
}
.channel .channel-container .small .img>div{
  width: 100px;
  height: 100px;
  background-color: pink;
}
.channel .channel-container .small .img>div>img{
  width: 100%;
  height: 100%;
}

/* -------------------------------------------------------------- */
/* 为你推荐 */
/* -------------------------------------------------------------- */
/* 为你推荐 导航 */
.recommend-nav{
  background-color: rgb(244, 244, 244);
  overflow: hidden;
}
.recommend-nav .container{
  margin-top: 20px;
  margin-bottom: 10px;
}
.recommend-nav .container ul{
  height: 60px;
  background-color: #fff;
  display: flex;
  justify-content: center;
}
.recommend-nav .container ul li{
  width: 180px;
  text-align: center;
  padding-top: 8px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.recommend-nav .container ul li>p:first-child{
  font-size: 16px;
  font-weight: bold;
  line-height: 27px;
  width: 70px;
  height: 27px;
  border-radius: 50px;
  padding: 0 5px;
  line-height: 27px;
  text-align: center;
  margin: 0 auto;
}
.recommend-nav .container ul li>p:last-child{
  color: #999;
  font-size: 14px;
}
.recommend-nav .container ul li:hover>p:first-child{
  background: #e1251b;
  color: #fff;
}
.recommend-nav .container ul li:hover>p:last-child{
  color: #e1251b;
}
.recommend-nav .container ul li:not(:last-child)::after{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  margin: 10px 0;
  width: 1px;
  background: linear-gradient(180deg,white,#dfdfdf 51%,white);
}
/* 为你推荐 内容 */
.recommend{
  background-color: rgb(244, 244, 244);
}
.recommend .recommend-container{
  height: 1650px;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}
.recommend .recommend-container>div{
  background-color: #fff;
  width: 230px;
  height: 322px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  position: relative;
}
.recommend .recommend-container>div .img{
  width: 150px;
  height: 150px;
  background-color: red;
}
.recommend .recommend-container>div .img>img{
  width: 100%;
  height: 100%;
}
.recommend .recommend-container>div .info{
  width: 190px;
  height: 85px;
}
.recommend .recommend-container>div .info>p:first-child{
  font-size: 14px;
  height: 48px;
  line-height: 24px;
  color: rgb(102, 102, 102);
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recommend .recommend-container>div .info>p:last-child{
  font-size: 20px;
  font-weight: bold;
  color: rgb(225, 37, 27);
}
.recommend .recommend-container>div .info>p:last-child>span{
  font-size: 12px;
}
.recommend .recommend-container>div .info>p>span:first-child{
  position: relative;
  left: 5px;
}
.recommend .recommend-container>div .info>p>span:last-child{
  position: relative;
  right: 5px;
}
.recommend .recommend-container>div .blur{
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 230px;
  height: 66px;
  background: linear-gradient(rgba(255, 255, 255, 0.8) 0px, white 35%, white);
  opacity: 0;
  transition: all 0.6s;
}
.recommend .recommend-container>div:hover .blur{
  opacity: 1;
}
.recommend .recommend-container>div .blur>div{
  height: 28px;
  width: 120px;
  font-size: 12px;
  color: #fff;
  border-radius: 15px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  background-color: rgb(51, 51, 51);
  margin: 18px auto;
}
.recommend .recommend-container>div .blur>div:hover{
  background-color: rgb(200, 22, 35);
}

/* -------------------------------------------------------------- */
/* 京东底部 */
/* -------------------------------------------------------------- */
.footer1{
  background-color: rgb(244, 244, 244);
  overflow: hidden;
}
.footer1 .footer1-container{
  /* height: 568px; */
  margin-top: 30px;
}
.footer1 .footer1-container .footer1-content{
  height: 42px;
  margin-bottom: 30px;
}
.footer1 .footer1-container .footer1-content ul{
  display: flex;
  justify-content: space-evenly;
}
.footer1 .footer1-container .footer1-content ul li{
  width: 225px;
  height: 42px;
  display: flex;
  justify-content: space-between;
}
.footer1 .footer1-container .footer1-content ul li div:first-child{
  width: 36px;
  height: 42px;
  background-image: url('https://img10.360buyimg.com/imagetools/jfs/t1/211298/12/18097/67160/6215e091E7fb1c693/cc1d8d291ea917c0.png');
}
.footer1 .footer1-container .footer1-content ul li div:last-child{
  font-size: 18px;
  font-weight: bold;
  color: #444;
  width: 180px;
  height: 42px;
  line-height: 42px;
}
.footer1 .footer1-container .footer1-content ul li:first-child div:first-child{
  background-position: 0 -192px;
}
.footer1 .footer1-container .footer1-content ul li:nth-child(2) div:first-child{
  background-position: -41px -192px;
}
.footer1 .footer1-container .footer1-content ul li:nth-child(3) div:first-child{
  background-position: -82px -192px;
}
.footer1 .footer1-container .footer1-content ul li:last-child div:first-child{
  background-position: -123px -192px;
}


.footer2{
  border-top: 1px solid #ccc;
  background-color: rgb(244, 244, 244);
}
.footer2 .footer2-container{
  height: 200px;
  border-bottom: 1px solid #ccc;
  
}
.footer2 .footer2-container .footer2-content{
  height: 200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer2 .footer2-container dl{
  width: 170px;
  height: 145px;
}
.footer2 .footer2-container dl dt{
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}
.footer2 .footer2-container dl dd{
  font-size: 12px;
  color: #666;
  margin: 5px 0;
  cursor: pointer;
}
.footer2 .footer2-container dl:not(:last-child) dd:hover{
  color: #e1251b;
}
.footer2 .footer2-container dl:last-child dd:last-child:hover{
  color: #e1251b;
}

.footer3{
  background-color: rgb(244, 244, 244);
}
.footer3 .footer3-container{
  height: 265px;
}
.footer3 .footer3-container .footer3-content{
  padding: 15px 0;
  box-sizing: border-box;
  height: 265px;
}
.footer3 .footer3-container .footer3-content .top{
  display: flex;
  justify-content: space-evenly;
  color: #ccc;
  font-size: 12px;
  margin-bottom: 10px;
}
.footer3 .footer3-container .footer3-content .top a{
  color: #666;
}
.footer3 .footer3-container .footer3-content .top a:hover{
  color: rgb(200, 22, 35);
}

.footer3 .footer3-container .footer3-content .mid{
  height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin-bottom: 25px;
}
.footer3 .footer3-container .footer3-content .mid>div{
  height: 22px;
  /* background-color: pink; */
  display: flex;
  justify-content: center;
  color: #999;
  font-size: 12px;
  margin-bottom: 10px;
}
.footer3 .footer3-container .footer3-content .mid>div a{
  color: #999;
}
.footer3 .footer3-container .footer3-content .mid>div a:hover{
  color: rgb(200, 22, 35);
}
.footer3 .footer3-container .footer3-content .mid>div span{
  padding: 0 10px;
}

.footer3 .footer3-container .footer3-content .mid .four i{
  display: block;
  width: 15px;
  height: 12px;
  background-image: url('https://img10.360buyimg.com/imagetools/jfs/t1/211298/12/18097/67160/6215e091E7fb1c693/cc1d8d291ea917c0.png');
  margin-top: 3px;
  margin-right: 5px;
}
.footer3 .footer3-container .footer3-content .mid .four i:nth-child(1){
  background-position: -108px -155px;
}
.footer3 .footer3-container .footer3-content .mid .four i:nth-child(4){
  background-position: -168px -155px;
}
.footer3 .footer3-container .footer3-content .mid .four i:nth-child(7){
  background-position: -148px -155px;
}
.footer3 .footer3-container .footer3-content .mid .four i:nth-child(10){
  background-position: -128px -155px;
}
.footer3 .footer3-container .footer3-content .mid .four i:nth-child(13){
  background-position: -108px -172px;
}

.footer3 .footer3-container .footer3-content .bottom{
  height: 32px;
  display: flex;
  justify-content: center;
}
.footer3 .footer3-container .footer3-content .bottom>div{
  margin: 0 5px;
  width: 103px;
  height: 32px;
  background-image: url('https://img10.360buyimg.com/imagetools/jfs/t1/211298/12/18097/67160/6215e091E7fb1c693/cc1d8d291ea917c0.png');
}
.footer3 .footer3-container .footer3-content .bottom>div:nth-child(1){
  background-position: -205px -111px;
}
.footer3 .footer3-container .footer3-content .bottom>div:nth-child(2){
  background-position: -205px -74px;
}
.footer3 .footer3-container .footer3-content .bottom>div:nth-child(3){
  background-position: -205px -37px;
}
.footer3 .footer3-container .footer3-content .bottom>div:nth-child(4){
  background-position: 0 -66px;
  background-image: url('https://img13.360buyimg.com/imagetools/jfs/t1/108497/17/22418/15570/6215e0d0E01387603/81e883d9e15cebb7.png');
}
.footer3 .footer3-container .footer3-content .bottom>div:nth-child(5){
  background-position: 0 -155px;
}
.footer3 .footer3-container .footer3-content .bottom>div:nth-child(6){
  background-image: url('https://img13.360buyimg.com/imagetools/jfs/t1/108497/17/22418/15570/6215e0d0E01387603/81e883d9e15cebb7.png');
  background-position: 0 -99px;
}
.footer3 .footer3-container .footer3-content .bottom>div:nth-child(7){
  background-image: url('https://img13.360buyimg.com/imagetools/jfs/t1/108497/17/22418/15570/6215e0d0E01387603/81e883d9e15cebb7.png');
  background-position: -104px -99px;
  width: 70px;
}
.footer3 .footer3-container .footer3-content .bottom>div:nth-child(8){
  background-image: url('https://img13.360buyimg.com/imagetools/jfs/t1/108497/17/22418/15570/6215e0d0E01387603/81e883d9e15cebb7.png');
  background-position: -104px -131px;
}

/* -------------------------------------------------------------- */
/* 侧边栏 */
/* -------------------------------------------------------------- */
.aside{
  width: 58px;
  height: 406px;
  float: right;
  margin-top: -4658px;
  margin-right: 87px;
  background-color: #fff;
  position: sticky;
  top: 60px;
}
.aside li{
  width: 58px;
  height: 58px;
  position: relative;
}
.aside li:not(:last-child)::after{
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 1px;
  left: 50%;
  bottom: 0;
  margin-left: -20px;
  background: linear-gradient(270deg,white,#eeeeee,#eeeeee,white);
  content: "";
  z-index: -1;
}
.aside li{
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}
.aside li:hover{
  background-color: rgb(200, 22, 35);
}
.aside li:hover a{
  color: white;
}
.aside li a{
  font-size: 14px;
  color: #333;
}

源码已经在Gitee上开源,欢迎大家下载:https://gitee.com/goodyezi/jd-static-page.git

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐