京东首页部分练习

最新推荐文章于 2024-07-23 17:16:34 发布

betterIatethanne

最新推荐文章于 2024-07-23 17:16:34 发布

阅读量72

点赞数

文章标签： html5 css

本文链接：https://blog.csdn.net/betterIatethanne/article/details/132086695

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东(Jd.COM)-正品低价、品质保障</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="font_icon/iconfont.css">
    <link rel="stylesheet" href="font_icon11/iconfont.css">
    <link rel="stylesheet" href="css/commont.css">
    <link rel="stylesheet" href="css/intex.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <!-- 版心 -->
        <div class="w">
            <!-- 左浮动 左边定位-->
            <div class="dingwei fl">
                <i class="iconfont icon-dingwei"></i>
                <span>北京</span>
                <div>
                    <div class="d1">
                        <ul>
                            <li>
                                <a href="">
                                    <span>北京</span>
                                </a>
                            </li>
                            <li>
                                <a href="">上海</a>
                            </li>
                            <li>
                                <a href="">天津</a>
                            </li>
                            <li>
                                <a href="">重庆</a>
                            </li>
                            <li>
                                <a href="">河北</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="">
                                    <span>北京</span>
                                </a>
                            </li>
                            <li>
                                <a href="">上海</a>
                            </li>
                            <li>
                                <a href="">天津</a>
                            </li>
                            <li>
                                <a href="">重庆</a>
                            </li>
                            <li>
                                <a href="">河北</a>
                            </li>
                        </ul>
                        <ul>
                            <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>
                        <ul>
                            <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>
                        <ul>
                            <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>
                        <ul>
                            <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>
                        <ul>
                            <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>
            <!-- 右导航 -->
            <ul class="h_nav fr">
                <li>
                    <a href="">"你好，请登录"</a>
                    <a href="">免费注册</a>
                </li>
                <li>|</li>
                <li><a href="">我的订单</a></li>
                <li>|</li>
                <li>
                    <a href="">我的京东 
                         <span class="iconfont icon-xiala"></span>
                    </a>
                    <div></div>
                </li>
                <li>|</li>
                <li>
                    <a href="">企业采购
                         <span class="iconfont icon-xiala"></span>
                     </a>
                     <div></div>
                </li>
                <li>|</li>
                <li>
                    <a href="">商家服务
                         <span class="iconfont icon-xiala"></span>
                    </a>
                    <div></div>
                </li>
                <li>|</li>
                <li>
                    <a href="">网站导航
                         <span class="iconfont icon-xiala"></span>
                    </a>
                    <div></div>
                </li>
                <li>|</li>
                <li>
                    <a href="">手机京东</a>
                    <div></div>
                </li>
                <li>|</li>
                <li>
                    <a href="">网站无障碍</a>
                </li>
            </ul>
        </div>
    </header>
    <!-- 商品搜索 -->
    <div class="search">
            <div class="w">
                <div class="s_left fl">
                    <img src="upload/sprite.png" alt="">
                </div>
                <div class="s_center fl">
                    <div class="s_top">
                        <div class="s_t_search">
                            <form action="#">
                                <input type="text" name="search" placeholder="九阳豆浆机">
                                <span class="iconfont icon-shezhi"></span>
                                <button type="submit"><i class="iconfont icon-fankui"></i></button>
                            </form>
                        </div>
                        <div class="s_t_shopcar">
                            <i class="iconfont icon-gouwuche"></i>
                            <a href="">我的购物车</a>
                            <span>0</span>
                            <div></div>
                        </div>
                    </div>
                    <ul>
                        <li><a href="#">港荣蒸蛋糕</a></li>
                        <li><a href="#">iPhone14</a></li>
                        <li><a href="#">vivoX90s</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>
                    <ol>
                        <li><a href="#">京东超市</a></li>
                        <li><a href="#">京东家电</a></li>
                        <li><a href="#">秒杀</a></li>
                        <li><a href="#">拍卖</a></li>
                        <li><a href="#">京东生鲜</a></li>
                        <li><a href="#">PLUS会员</a></li>
                        <li><a href="#">电脑数码</a></li>
                        <li><a href="#">进口好物</a></li>  
                        <li><a href="#">便宜包邮</a></li>
                        <li><a href="#">京东五金城</a></li>  
                    </ol>
                </div>
            </div>
    </div>
    <!-- 精选好货 中间 -->
    <section class="w">
    <div class="jd_type">
                <aside>
                   <img src="img/1.webp" alt="">
                   <div>
                    <img src="img/2.webp" alt="">
                   </div>
                </aside>
                <!-- 左边栏 -->
                <div class="jd_t_nav fl">
                <ul>
                    <li>
                        <a href="#">家用电器</a>
                        <div></div>     
                    </li>
                    <li>
                        <a href="#">手机</a>/
                        <a href="#">运营商</a>/
                        <a href="#">数码</a>
                        <div></div>
                    </li>
                    <li>
                        <a href="#">电脑</a>/
                        <a href="#">办公</a>/
                        <div> </div>
                    </li>
                    <li>
                        <a href="#">家居</a>/
                        <a href="#">家具</a>/
                        <a href="#">家装</a>/
                        <a href="#">厨具</a>
                        <div>
                        </div>
                    </li>
                    <li>
                        <a href="#">男装</a>/
                        <a href="#">女装</a>/
                        <a href="#">童装 </a>/
                        <a href="#">内衣</a>
                        <div>
                        </div>
                    </li>
                    <li>
                        <a href="#">美妆</a>/
                        <a href="#">个护清洁</a>/
                        <a href="#">宠物</a>
                        <div>  </div> 
                    </li>
                    <li>
                        <a href="#">女鞋</a>/
                        <a href="#">箱包</a>/
                        <a href="#">钟表</a>/
                        <a href="#">珠宝</a>
                        <div>  </div> 
                    </li>
                    <li>
                        <a href="#">男鞋</a>/
                        <a href="#">运动</a>/
                        <a href="#">户外</a>
                        <div></div>  
                    </li>
                    <li>
                        <a href="#">房产</a>/
                        <a href="#">汽车</a>/
                        <a href="#">汽车用品</a>
                        <div> </div> 
                    </li>
                    <li>
                        <a href="#">母婴</a>/
                        <a href="#">玩具乐器</a>
                        <div> </div> 
                    </li>
                    <li>
                        <a href="#">食品</a>/
                        <a href="#">酒类</a>/
                        <a href="#">生鲜</a>/
                        <a href="">特产</a>
                        <div> </div> 
                    </li>            
                    <li>
                        <a href="#">男鞋 </a>/
                        <a href="#">运动</a>
                        <div>
                        </div>
                    </li>
               
                    <li>
                        <a href="#">图书</a>/
                        <a href="#">文娱</a>/
                        <a href="#">教育</a>
                        <div>
                        </div>
                    </li>
              
                    <li>
                        <a href="#">机票</a>/
                        <a href="#">酒店</a>/
                        <a href="#">旅游 </a>
                        <div>
                        </div>
                    </li>
               
                    <li>
                        <a href="#">支付</a>/
                        <a href="#">白条</a>/
                        <a href="#">保险</a>
                        <div>
                        </div>
                    </li>
               
                    <li>
                        <a href="#">安装</a>/
                        <a href="#">维修</a>/
                        <a href="#">清洗</a>
                        <div>
                        </div>
                    </li>
               
                    <li>
                        <a href="#">工业品 </a>/
                        <a href="#">元器件</a>
                        <div>
                        </div>
                    </li>
                </ul>
                </div>
                <!-- 中间图片 -->
                <div class="jd_t_blb fl">
                    <img src="upload/q (1).jpg" alt="">
                   <div>
                        <span class="iconfont icon-xiaoyuhao fl"></span>
                        <span class="iconfont icon-dayuhao fr"></span>
                   </div>
                   <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                   </ul>
                </div>
                <!-- 右边三个图像 -->
                <div class="jd_t_slb fl">
                    <!-- <div> -->
                        <img src="upload/0511d308bf682c44-png.webp" alt="">
                        <img src="upload/860e4cbdc3f4eee1-png.webp" alt="">
                        <img src="upload/77b33a3d024e576d-png.webp" alt="">
                    <!-- </div> -->
                    <div>
                        <span class="iconfont icon-xiaoyuhao fl"></span>
                        <span class="iconfont icon-dayuhao fr"></span>
                    </div>
                </div>
                <!-- 右边栏 -->
                <div class="jd_t_snav fr">
                    <div class="s_t_top">
                        <img src="upload/image.png" alt="">
                        <a href="">Hi~欢迎逛京东！</a>
                        <a href="">登录<span> | </span>注册</a>
                    </div>
                    <!-- 新人福利 -->
                   <div class="s_t_buttom">
                      <a href="">新人福利</a>
                      <a href="">PLUS会员</a>
                   </div>
                   <!-- 京东快报 -->
                   <div class="s_b_jingdong">
                        <a><b>京东快报</b></a>
                        <a href="">更多 ></a>
                   </div>
                   <!-- 热评 -->
                   <div class="s_b_reping">
                    <ul>
                        <li>
                            <span>热评</span>
                            <a href="">会议室安装幕布，...</a>
                        </li>
                        <li>
                            <span>热议</span>
                            <a href="">糖妈控糖，...</a>
                        </li>
                        <li>
                            <span>热门</span>
                            <a href="">千元拥有，...</a>
                        </li>
                        <li>
                            <span>HOT</span>
                            <a href="">帮糖妈巧妙应对，...</a>
                        </li>
                    </ul>
                   </div>
                   <!-- 企业购 -->
               <div class="s_b_shopping">
                <ul>
                    <li>
                        <img src="upload/d6f3909618c6307a.png" alt="">
                        <a href="">企业购</a>
                    </li>
                    <li>
                        <img src="upload/e6976f3cb30c9a8a.png" alt="">
                        <a href="">白条</a>
                    </li>
                    <li>
                        <img src="upload/0004c1b85fbf7bde.png" alt="">
                        <a href="">火车票</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <img src="upload/18668c963bf9d646.png" alt="">
                        <a href="">酒店</a>
                    </li>
                    <li>
                        <img src="upload/f1f6dc5c207329f9.png" alt="">
                        <a href="">加油卡</a>
                    </li>
                    <li>
                        <img src="upload/97917a2daa34be0f.png" alt="">
                        <a href="">礼品卡</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <img src="upload/6aa3afbe6c3a0951.png" alt="">
                        <a href="">游戏</a>
                    </li>
                    <li>
                        <img src="upload/d9d908ad415a5265.png" alt="">
                        <a href="">机票</a>
                    </li>
                    <li>
                        <img src="upload/14a4b81a50f2a535.png" alt="">
                        <a href="">五金城</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <img src="upload/dd4d9ef7ce8fc169.png" alt="">
                        <a href="">电影票</a>
                    </li>
                    <li>
                        <img src="upload/4e2bc2d96b0fbbec.png" alt="">
                        <a href="">话费</a>
                    </li>
                    <li>
                        <img src="upload/142ac4557cc71434.png" alt="">
                        <a href="">云建站</a>
                    </li>
                </ul>
           </div>
                </div>
                <!-- 中间app -->
    </div>
    <!-- 限时抢购------------------------------------------------------------------------------------------------>
     <div class="jd_kill">
                <a href="">
                  <div class="jd_k_left fl">
                      <p>京东秒杀</p>
                      <div>
                          08:00点场 距结束
                          <p>
                              <span>01</span>:
                              <span>28</span>:
                              <span>36</span>
                          </p>
                      </div>
                  </div>
                </a>
                  <ul class="fl">
                      <li>
                          <div>
                              <img src="upload/9f85c48702653710-jpg.webp" alt="">
                          </div>
                          <h6>几光 自然情景音响失眠白噪音睡眠音响舒缓压力无线蓝牙户外专业迷你音箱</h6>
                          <p>￥<span>365</span></p>
                      </li>
                      <li>
                          <div>
                              <img src="upload/9f85c48702653710-jpg.webp" alt="">
                          </div>
                          <h6>几光 自然情景音响失眠白噪音睡眠音响舒缓压力无线蓝牙户外专业迷你音箱</h6>
                          <p>￥<span>365</span></p>
                      </li>
                      <li>
                          <div>
                              <img src="upload/9f85c48702653710-jpg.webp" alt="">
                          </div>
                          <h6>几光 自然情景音响失眠白噪音睡眠音响舒缓压力无线蓝牙户外专业迷你音箱</h6>
                          <p>￥<span>365</span></p>
                      </li>
                      <li>
                          <div>
                              <img src="upload/9f85c48702653710-jpg.webp" alt="">
                          </div>
                          <h6>几光 自然情景音响失眠白噪音睡眠音响舒缓压力无线蓝牙户外专业迷你音箱</h6>
                          <p>￥<span>365</span></p>
                      </li>
                  </ul>
                  <div class="jd_k_right fl">
                     <a href="">
                          <img src="upload/2624d454c52ad04b.png" alt="">
                     </a>
                  </div>
                  <div class="jd_k_jt">
                      <span class="iconfont icon-xiaoyuhao fl"></span>
                      <span class="iconfont icon-dayuhao fr"></span>
                  </div>
    </div>
    <!-- 频道广场 -->
    <div class="jd_plaz">
        <div class="jd_plaz1">
            <div class="jd_p_plza">
                <h3>频道广场</h3>
            </div>
            <div class="jd_plza2">
              <img src="upload/15992ff74dc24a4c-png-cc_290x370.webp" alt="">
            </div>
            <div class="jd_plaz3">
                <img src="upload/dfcdecbb6fe6779d-png-cc_290x370.webp" alt="">
        </div>
        <div class="jd_plaz4">
          <div>
            <p>京东<span>工品购</span><span>PLus专项福利</span></p>
            <div class="div1">
                <div class="div2">
                    <img src="upload/dd02095f1bf085bb-jpg.webp" alt="">
                </div>
                <div class="div3">
                    <img src="upload/13a7ec1ba726296a-jpg.webp" alt="">
                </div>
            </div>
          </div>
        </div>
        <div class="jd_plaz5">
            <div>
                <p>京东酒行<span>享全球美酒品美好生活</span></p>
            </div>
            <div class="div_p1">
                <img src="upload/0f4086305718092b-jpg.webp" alt="">
            </div>
            <div class="divp2">
                <img src="upload/076178f18708bd0f-jpg.webp" alt="">
            </div>
        </div>
        <div class="jd_plaz6">
            <div>
                <p>电脑数码<span>值得买的低价</span></p>
            </div>
            <div class="jd_pp1">
                <div class="jd_p_p1">
                    <img src="upload/1007c818dc0f90fc-png.webp" alt="">
                </div>
                <div class="jd_p_p2">
                    <img src="upload/13a7ec1ba726296a-jpg.webp" alt="">
                </div>
            </div>
        </div>
        <div class="jd_plaz7">
            <div>
                <p>电脑数码<span>值得买的低价</span></p>
            </div>
            <div class="jd_pp1">
                <div class="jd_p_p3">
                    <img src="upload/1007c818dc0f90fc-png.webp" alt="">
                </div>
                <div class="jd_p_p4">
                    <img src="upload/13a7ec1ba726296a-jpg.webp" alt="">
                </div>
            </div>
        </div>
        <div class="jd_plaz8">
            <div>
                <p>京东图书<span>优质好书</span></p>
            </div>
            <div class="jd_p_p5">
                <div class="jd_p_p6">
                    <img src="upload/1007c818dc0f90fc-png.webp" alt="">
                </div>
                <div class="jd_p_p7">
                    <img src="upload/29404a28fea27792-jpg.webp" alt="">
                </div>
            </div>

        </div>
        <div class="jd_plazz">
            <div>
                <p>京东图书<span>优质好书</span></p>
            </div>
            <div class="jd_p_p5">
                <div class="jd_p_p6">
                    <img src="upload/1007c818dc0f90fc-png.webp" alt="">
                </div>
                <div class="jd_p_p7">
                    <img src="upload/29404a28fea27792-jpg.webp" alt="">
                </div>
            </div>

        </div>
        <div class="jd_plazx">
            <div>
                <p>京东图书<span>优质好书</span></p>
            </div>
            <div class="jd_p_p5">
                <div class="jd_p_p6">
                    <img src="upload/1007c818dc0f90fc-png.webp" alt="">
                </div>
                <div class="jd_p_p7">
                    <img src="upload/29404a28fea27792-jpg.webp" alt="">
                </div>
            </div>

        </div>
        <div class="jd_plazk">
            <div>
                <p>京东图书<span>优质好书</span></p>
            </div>
            <div class="jd_p_p5">
                <div class="jd_p_p6">
                    <img src="upload/1007c818dc0f90fc-png.webp" alt="">
                </div>
                <div class="jd_p_p7">
                    <img src="upload/29404a28fea27792-jpg.webp" alt="">
                </div>
            </div>

        </div>
  
    </div>
     <!-- 为你推荐 -->
     <div class="jd_t_tj"></div>
    </section>




















    <!-- 底部 -->
    <footer>
        <!-- 上 -->
        <div class="foo_top">
            <span class="z">1</span>
            <span class="x">2</span>
            <span class="c">3</span>
            <span class="v">4</span>
        </div>
            <!-- <img src="upload/cc1d8d291ea917c0.png" alt=""> -->
        <div class="foo_center">
            <div class="w">
                <div class="f_c_wleft">
                <ul>
                    <li>购物指南</li>
                    <li>
                        <a href="">购物流程</a>
                    </li>
                    <li>
                        <a href="">会员介绍</a>
                    </li>
                    <li>
                        <a href="">生活旅行</a>
                    </li>
                    <li>
                        <a href="">常见问题</a>
                    </li>
                    <li>
                        <a href="">大家电</a>
                    </li>
                    <li>
                        <a href="">联系客服</a>
                    </li>
                </ul>
            </div>
            <div class="f_c_wcenter">
                <ul>
                    <li>配送方式</li>
                    <li>
                        <a href="">上门自提</a>
                    </li>
                    <li>
                        <a href="">211限时达</a>
                    </li>
                    <li>
                        <a href="">配送服务查询</a>
                    </li>
                    <li>
                        <a href="">配送费收取标准</a>
                    </li>
                </ul>
            </div>
            <div class="f_c_wcenter2">
                <ul>
                    <li>支付方式</li>
                    <li>
                        <a href="">货到付款</a>
                    </li>
                    <li>
                        <a href="">在线支付</a>
                    </li>
                    <li>
                        <a href="">分期付款</a>
                    </li>

                    <li>
                        <a href="">公司转账</a>
                    </li>
                </ul>
            </div>
            <div class="f_c_wcenter3">
                <ul>
                    <li>售后服务</li>
                    <li>
                        <a href="">售后政策</a>
                    </li>
                    <li>
                        <a href="">价格保护</a>
                    </li>
                    <li>
                        <a href="">退款说明</a>
                    </li>
                    <li>
                        <a href="">返修/退换货</a>
                    </li>
                    <li>
                        <a href="">取消订单</a>
                    </li>
                </ul>
            </div>
            <div class="f_c_wcenter4">
                <ul>
                    <li>特色服务</li>
                    <li>
                        <a href="">夺宝岛</a>
                    </li>
                    <li>
                        <a href="">DIY装机</a>
                    </li>
                    <li>
                        <a href="">延保服务</a>
                    </li>
                    <li>
                        <a href="">京东E卡</a>
                    </li>
                    <li>
                        <a href="">京东通信</a>
                    </li>
                    <li>
                        <a href="">京鱼座智能</a>
                    </li>
                </ul>
            </div>
            <div class="f_c_wright">
                <ul>
                    <li>京东自营覆盖区县</li>
                    <p>京东已向全国2661个区县提供自 </p>
                    <p> 营配送服务，支持货到付款、</p>
                    <p> POS机刷卡和售后上门服务。</p>
                   
                    <li class="l2 fr">
                        <a href="">查看详情<span class="iconfont icon-dayuhao"></span></a>
                    </li>
                </ul>
            </div>
        </div>
        </div>
        <div class="foo_b_bottom">
            <div class="w">
                <ul>
                    <li>
                        <a href="">关于我们</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="">联系我们</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="">联系客服</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="">合作招商</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="">商家帮助</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="">营销中心</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="">手机京东</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="">友情链接</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="">销售联盟</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="">京东社区</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="">风险监测</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="">隐私政策</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="">京东公益</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href=""> Media & IR</a>
                    </li>
                </ul>
                <ul class="u1">
                    <li>
                        <a href="">京公网安备 11000002000088号 </a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href=""> 京ICP备11041704号</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href=""> ICP</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href=""> 互联网药品信息服务资格证编号(京)-经营性-2014-0008 </a>
                    </li>
                    <li>|</li>
                    <li> 新出发京零 字第大120007号</li>
                </ul>
                <ul class="u2">
                    <li>互联网出版许可证编号新出网证(京)字150号</li>
                    <li>|</li>
                    <li>
                        <a href=""> 出版物经营许可证 </a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href=""> 网络文化经营许可证京网文[2020]6112-1201号 </a>
                    </li>
                    <li>|</li>
                    <li> 违法和不良信息举报电话：4006561155</li>
                </ul>
                <ul class="u3">
                    <li>Copyright © 2004 - 2023  京东JD.com 版权所有</li>
                    <li>|</li>
                    <li> 消费者维权热线：4006067733</li>
                    <li>|</li>
                    <li>
                        <a href=""> 经营证照 </a>
                    </li>
                    <li>|</li>
                    <li>(京)网械平台备字(2018)第00003号 </li>
                    <li>|</li>
                    <li>
                        <a href="">营业执照 </a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href=""> 增值电信业务经营许可证</a>
                    </li>
                </ul>
                <ul class="u4">
                    <li>京东旗下网站：<a href="">京东钱包</a></li>
                    <li>|</li>
                    <li>
                        <a href="">京东云</a>
                    </li>
                    <li>|</li>
                    <li>网络内容从业人员违法违规行为举报电话：4006561155-3</li>
                </ul>
            </div>
        </div>
    </footer>
</body>
</html>

/* 搜索栏 */

.search{

height: 140px;

background: #ffffff;

border-bottom: 1px solid #dddddd;

}

.search .w{

height: 140px;

/* background-color: antiquewhite; */

}

/* 左边logo */

.search .s_left{

margin-top: 20px;

height: 119px;

width: 190px;

overflow: hidden;

/* background-color: aqua; */

}

/* 中间的搜索 */

.search .s_center{

height: 139px;

width: 1000px;

/* background-color: blue; */

}

.search .s_top{

height: 60px;

/* background-color: aqua; */

position: relative;

}

.search .s_top .s_t_search{

width: 549px;

height: 35px;

border: 2px solid #e2231a;

position: absolute;

bottom: 0px;

left: 70px;

/* padding-top: 5px; */

}

.s_t_search input{

width: 425px;

height: 24px;

line-height: 26px;

font-size: 12px;

padding: 2px 44px 0px 17px;

/* margin-top: -1px; */

}

/* 相机 */

.s_t_search span{

width: 20px;

height: 20px;

font-size: 20px;

line-height: 14px;

color: rgb(159, 159, 159);

cursor: pointer;

margin-left: 30px;

}

/* 搜索框 */

.s_t_search button{

width: 58px;

height: 32px;

line-height: 32px;

background-color: rgb(225, 37, 27);

font-size: 20px;

font-weight: 700;

color: rgb(255, 255, 255);

border: none;

margin-left: 5px;

}

.s_t_search button .icon-fankui{

font-size: 20px;

}

/* 购物车 */

.s_t_shopcar{

width: 130px;

height: 34px;

text-align: center;

line-height: 34px;

border: 1px solid #eeeeee;

position: absolute;

top:25px;

right: 230px;

color: #e1251b;

}

.s_t_shopca .icon-gouwuche{

font-size: 20px;

}

.s_t_shopcar a{

color: #e1251b;

margin-left: 10px;

}

.s_t_shopcar span{

display: block;

height: 14px;

width: 18px;

border-radius:7px;

background-color: #e1251b;

line-height: 14px;

color: #ffffff;

position: absolute;

top: 1px;

left: 32px;

}

.s_t_shopcar>div{

height: 70px;

width: 308px;

border: 1px solid #c81623;

position: absolute;

top: 36px;

right: -1px;

display: none;

}

/* 移入购物车 */

.s_t_shopcar:hover{

border: 1px solid #c81623;

height: 38px;

}

.s_t_shopcar:hover>div{

display: block;

}

/* 热搜 */

.s_center>ul{

margin-left: 70px;

margin-top: 5px;

}

.s_center>ul li{

float: left;

margin-right: 5px;

}

.s_center>ul li a{

color: rgb(153, 153, 153);

font-size: 12px;

}

.s_center>ul li:first-child a{

color: #c81623;

}

.s_center>ul a:hover{

color: #c81623;

}

/* 下边导航 */

.s_center>ol{

clear: both;

height: 40px;

width: 1000px;

font-size: 15px;

margin-left: 10px;

margin-top: 40px;

}

.s_center>ol li{

float: left;

line-height: 40px;

margin-left: 20px;

}

.s_center>ol a{

color: #333333;

}

.s_center>ol a:hover{

color: #c81623;

}

/* 精选好物 */

/* .select{ */

/* height: 480px; */

/* 背景颜色 */

/* background-color: rgb(244, 244, 244); */

/* background-color: rgb(255, 255, 255); */

/* position: relative;

} */

/* 分类----------------------- */

.jd_type{

height: 480px;

position: relative;

padding-top: 10px;

background-color:rgb(244, 244, 244);

}

/* 左边活动栏 */

.jd_type>aside{

height: 470px;

width: 272px;

/* background-color: cadetblue; */

position: absolute;

left: -272px;

/* 超出部分隐藏 */

overflow: hidden;

/* 过渡 */

transition: width 1s;

/* 图片层级 */

z-index: 10;

}

.jd_type>aside>img{

position: absolute;

top: 0px;

left: 0px;

}

.jd_type>aside>div{

position: absolute;

top: 0px;

left: 272px;

}

.jd_type>aside:hover{

width: 1062px;

}

/* 中间内容 */

/* 前三个 */

.jd_type>div{

height: 470px;

background-color: #fff;

position: relative;

}

.jd_type>div:nth-of-type(-n+3){

margin-right: 10px;

}

.jd_type .jd_t_nav{

width: 190px;

}

.jd_type .jd_t_blb{

width: 590px;

}

/* .jd_t_blb .icon-xiaoyuhao{

position: relative;

display: block;

width: 25px;

height: 35px;

font-size: 12px;

margin-top:-230px;

border: 1px solid #363634 ;

background-color: #999;

border-radius:10px 30px 30px 10px ;

text-align: center;

color: #fff;

} */

.jd_type>div:nth-last-of-type(-n+2){

width: 190px;

}

/* 大导航 */

.jd_t_nav>ul{

padding-top: 20px;

position: relative;

}

.jd_t_nav>ul>li{

float: left;

height: 25px;

width: 190px;

line-height: 25px;

font-size: 12px;

padding-left: 18px;

overflow: hidden;

}

.jd_t_nav>ul>li>a{

padding-left:2px;

font-size: 14px;

line-height:20px;

color: #333333;

}

.jd_t_nav>ul>li:hover{

background-color: #d9d9d9;

}

.jd_t_nav>ul>li>a:hover{

color: #c81623;

}

.jd_t_nav>ul>li>div{

width: 1000px;

height: 300px;

background-color: #c81623;

position: absolute;

top: 0px;

left: 190px;

z-index: 10;

display: none;

}

.jd_t_nav>ul>li:hover>div{

display: block;

}

/* 大轮播 */

.jd_t_blb>div{

width: 590px;

height: 35px;

position: absolute;

top: 50%;

margin-top: -17.5px;

line-height: 35px;

text-align: center;

color: rgba(255, 255, 255, 0.8);

}

.jd_t_blb>div>span{

display: block;

height: 35px;

width: 25px;

background-color: rgba(0, 0,0, 0.15);

font-size: 12px;

/* margin-left: 50px; */

}

/*设置圆角 */

.jd_t_blb>div>span:first-child{

/* 右上右下0px */

border-radius:0px 25px 25px 0px;

padding-right: 3px;

}

.jd_t_blb>div>span:last-child{

/* 右上右下25px */

border-radius:25px 0px 0px 25px;

padding-left: 3px;

}

.jd_t_blb>div>span:hover{

background-color: rgba(0, 0,0, 0.3);

}

.jd_t_blb>ul{

position: absolute;

bottom: 20px;

left: 30px;

}

.jd_t_blb>ul li{

float: left;

height: 10px;

width: 10px;

border-radius: 50%;

background-color: rgba(255, 255, 255, 0.4);

margin-right: 4px;

border: 1px solid rgba(0, 0,0, 0.05);

}

.jd_t_blb>ul li:hover{

background-color: rgba(255, 255, 255);

border-width: 3px;

}

/* 小轮播-------------------- */

.jd_t_slb img{

width: 190px;

height: 150px;

margin-bottom: 10px;

position: relative;

}

.jd_t_slb img:hover{

opacity: 0.8;

}

.jd_t_slb img:hover>div{

display: block;

}

.jd_t_slb>div{

width: 190px;

height: 35px;

position: absolute;

/* 上下居中 */

top: 50%;

margin-top: -17.5px;

/* background: #c81623; */

line-height: 35px;

text-align: center;

color: rgba(255, 255, 255, 0.8);

}

.jd_t_slb>div>span{

display: block;

height: 35px;

width: 25px;

background-color: rgba(0, 0,0, 0.15);

font-size: 12px;

}

/*设置圆角 */

.jd_t_slb>div>span:first-child{

/* 右上右下0px */

border-radius:0px 25px 25px 0px;

padding-right: 3px;

}

.jd_t_slb>div>span:last-child{

/* 右上右下25px */

border-radius:25px 0px 0px 25px;

padding-left: 3px;

}

.jd_t_slb>div>span:hover{

background-color: rgba(0, 0,0, 0.3);

}

/* 右边三个图像 */

/* .jd_t_slb img{

height: 150px;

width: 190px;

}

.jd_t_slb>div img{

margin-bottom: 10px;

} */

/* .jd_t_slb img:nth-of-type(2){

height: 150px;

width: 190px;

padding-top: 10px;

}

.jd_t_slb img:last-child{

height: 150px;

width: 190px;

padding-top: 10px;

} */

/* 右边栏-------------------------------------- */

.jd_t_snav{

height: 480px;

width: 190px;

float: right;

/* background-color:aqua; */

position:relative;

}

/* 京东右边小图像 */

.jd_t_snav .s_t_top{

height: 102px;

width: 190px;

/* background-color:chocolate; */

/* 京东图标的背景颜色 */

background-color:#fff;

border-bottom: 1px solid #999;

}

.jd_t_snav .s_t_top img{

height: 40px;

width: 40px;

border: 1px solid #fff;

border-radius: 50%;

margin-top:12px;

margin-left: 20px;

}

.jd_t_snav .s_t_top a{

color:#999;

font-size:14px;

margin-left: 10px;

}

.jd_t_snav .s_t_top a:hover{

color: #c81623;

}

/* .jd_t_snav.s_t_top a:last-child{ */

/* color:blue; */

/* float: right;

margin-right:55px;

margin-top: -20px; */

/* float: right;

} */

/* ------------登录注册 */

.s_t_top a:last-child{

color: #363634;

float: right;

margin-right: 50px;

margin-top: -18px;

}

.jd_t_snav .s_t_top a:last-child:hover{

color: #c81623;

}

.jd_t_snav .s_t_top a:last-child span{

color: #999;

}

.jd_t_snav .s_t_buttom{

/* display: block; */

/* border: 1px solid #999; */

/* 新人福利会员背景颜色 */

/* background-color:gray; */

background-color: #fff;

/* border-radius: 50%; */

margin-top:-30px;

}

/* 新人福利 */

.s_t_buttom a{

width: 70px;

height: 25px;

display:inline-block;

border: 1px solid #e1251b;

border-radius: 10px 10px 10px 10px;

background-color: #c81623;

text-align: center;

padding-top: 4px;

color: #fff;

margin-left: 20px;

}

.s_t_buttom a:hover{

background-color: #e2231a;

}

/* 会员 */

.s_t_buttom a:last-child{

width: 70px;

height: 25px;

display:inline-block;

border: 1px solid#999;

border-radius: 10px 10px 10px 10px;

text-align: center;

padding-top: 4px;

background: #363634;

color: #e5d790;

margin-left: 12px;

}

.s_t_buttom a:last-child:hover{

background-color: #e2231a;

}

.s_b_jingdong{

height: 30px;

width: 190px;

margin-top: 10px;

line-height: 30px;

background-color:#fff;

}

.s_b_jingdong a{

color: #333333;

font-size: 15px;

padding-left:15px;

}

.s_b_jingdong a:nth-of-type(2){

float: right;

font-size: 12px;

color:#999;

margin-right:20px;

}

.s_b_jingdong a:nth-of-type(2):hover{

color: #e1251b;

}

/* .s_b_jingdong a:last-child{

float: right;

font-size: 12px;

color: #999;

margin-right:15px;

}

.s_b_jingdong a:last-child a{

color: #e1251b;

} */

/* 热评------------- */

.jd_t_snav .s_b_reping{

height: 88px;

width: 160px;

background-color:#fff;

margin: 0 auto;

border-bottom: 1px solid #999;

}

.jd_t_snav .s_b_reping span{

display: inline-block;

position: relative;

font-size: 12px;

width: 35px;

height: 16px;

line-height: 16px;

vertical-align: 0;

color: #e1251b;

background-color: rgba(225, 37, 27, .08);

margin-right: 6px;

text-align: center;

}

.jd_t_snav .s_b_reping a{

color: #999;

}

.s_b_reping a:hover{

color: #e1251b;

}

/* 企业购 -----------------------------*/

.s_b_shopping{

height: 238px;

width: 190px;

padding-top: 10px;

}

.s_b_shopping li{

display: block;

position: relative;

float: left;

height: 63px;

width: 55px;

margin-left:8px;

/* text-align: center; */

/* overflow: hidden; */

}

.s_b_shopping li a:hover{

color: #c81623;

}

.s_b_shopping li img{

display: block;

height: 28px;

width: 28px;

/* vertical-align: middle; */

}

/* 限时秒杀--------------------- ------------*/

.jd_kill{

height: 260px;

margin: 30px 0px;

background: linear-gradient(white, rgb(238, 238, 238), white);

position: relative;

}

/* 左边样式 */

.jd_kill .jd_k_left{

height: 260px;

width: 190px;

color: #ffffff;

background-image: url(../upload/4a15d8883775742e3efbb850ae14def7.png);

}

.jd_k_left>p{

text-align: center;

font-size: 30px;

font-weight: 700;

margin-top: 31px;

color: #ffffff;

}

.jd_k_left>div{

height: 66px;

width: 190px;

margin-top: 90px;

text-align: center;

font-size: 18px;

font-weight: bolder;

}

.jd_k_left>div>p{

font-size: 20px;

color: white;

margin-top: 10px;

}

.jd_k_left>div>p span{

display: inline-block;

width: 30px;

height: 30px;

text-align: center;

background-color: #2f3430;

margin-right: 7px;

}

/* 列表 */

.jd_kill>ul{

height: 260px;

width: 800px;

background-color: #fff;

/* background-color: aqua; */

}

.jd_kill>ul li{

float: left;

height: 260px;

width: 200px;

}

.jd_kill li div{

height: 170px;

width: 200px;

border-right: 1px solid #ccc;

/* margin: 30px;

margin-bottom: 0px; */

padding: 30px;

padding-bottom: 0px;

}

.jd_kill li div img{

height: 140px;

width: 140px;

}

.jd_kill li div img:hover{

opacity: 0.5;

}

.jd_kill li h6{

font-size: 12px;

font-weight: 400;

color: #333;

/* transition: color .2s ease; */

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

width: 160px;

margin-left: auto;

margin-right: auto;

margin-top: 13px;

}

.jd_kill li h6:hover{

color: #c81623;

}

.jd_kill li div:hover~h6{

color: red;

}

.jd_kill li p{

text-align: center;

color: #e1251b;

font-size: 12px;

font-weight: 700;

line-height: 22px;

margin-top: 7px;

}

/* 右边样式 */

.jd_kill .jd_k_right{

height: 260px;

width: 200px;

/* background-color:palevioletred; */

}

/* 箭头 */

.jd_k_jt{

height: 35px;

width: 800px;

position: absolute;

left: 190px;

top: 130px;

margin-top: -17.5px;

color: #fff;

line-height: 35px;

text-align: center;

}

.jd_k_jt span{

height: 35px;

width: 25px;

background-color:rgba(0, 0,0,.4) ;

}

.jd_k_jt .icon-dayuhao{

font-size: 10px;

border-radius: 25px 0px 0px 25px;

padding-left: 3px;

}

.jd_k_jt .icon-xiaoyuhao{

font-size: 10px;

border-radius: 0px 25px 25px 0px;

padding-right: 3px;

}

/* 鼠标移入 */

.jd_k_jt span:hover{

background-color:rgba(0, 0,0,.8) ;

}

/* 频道广场-------------------------- */

.jd_plaz{

width: 100%;

height: 635px;

margin-bottom: 20px;

overflow: hidden;

position: relative;

/* background-color: #e5d790; */

}

/* .jd_plaz1{

position: relative;

width: 150px;

height: 45px;

font-size: 28px;

font-weight: 700;

text-align: center;

line-height: 45px;

color: rgb(51, 51, 51);

padding: 0px 30px;

margin: 0px auto 20px;

overflow: hidden;

background-color: #c81623;

} */

.jd_plaz1{

height: 64.99px;

width:100%;

/* background-color:palegreen; */

background-repeat: no-repeat;

position:absolute;

}

/* .jd_plaz1::before{

background-image: url(../img/sprite.png);

width: 25px;

height: 20px; */

/* left: 0px;

background-position: 0px 0px ; */

/* } */

.jd_p_plza{

position: relative;

width: 150px;

height: 45px;

font-size:18px;

font-weight: 700;

text-align: center;

line-height: 45px;

color: rgb(51, 51, 51);

padding: 0px 30px;

margin: 0px auto 20px;

/* overflow: hidden; */

/* background-color: #c81623; */

}

.jd_plza2{

height: 306px;

width: 240px;

/* background-color: #c81623; */

}

.jd_plza2 img{

height: 370px;

width: 290px;

}

.jd_plaz3{

height: 306px;

width: 240px;

/* background-color: #c81623; */

float: left;

margin-left: 300px;

margin-top: -306px;

}

.jd_plaz3 img{

height: 370px;

width: 290px;

}

.jd_plaz4{

width: 290px;

height: 180px;

background-color:#fff;

float:left;

margin-left: 600px;

margin-top: -306px;

}

.jd_plaz4>div{

float:left;

margin-left:25px;

padding-top: 10px;

padding-left: 20px;

}

.jd_plaz4 p{

font-size:16px;

color:#333;

}

.jd_plaz4 p span{

color:#333;

font-size:18px;

}

.jd_plaz4 p span:last-child{

color: #999;

font-size: 14px;

margin-left: 10px;

}

.jd_plaz4 .div1{

width: 260px;

height: 100px;

/* background-color: cadetblue; */

padding-top: 10px;

}

.jd_plaz4 .div1 img{

height: 99px;

width: 99px;

}

.jd_plaz4 .div3{

height: 99px;

width: 99px;

float: left;

margin-left: 120px;

margin-top: -98px;

}

.jd_plaz5{

width: 290px;

height: 180px;

background-color: #fff;

float: left;

margin-left: 900px;

margin-top: -306px;

}

.jd_plaz5>div{

padding-top: 10px;

margin-left: 25px;

padding-left: 20px;

}

.jd_plaz5 p{

color: #333;

font-size: 16px;

margin-left: -25px;

}

.jd_plaz5 p span{

color: #999;

font-size: 12px;

margin-left: 6px;

}

.jd_plaz5 .div_p1{

width: 260px;

height: 100px;

/* background-color: #e5d790; */

padding-top: 10px;

margin-top:11px;

}

.jd_plaz5 .div_p1 img{

height: 99px;

width: 99px;

margin-top: -9px;

margin-left: -25PX;

}

/* .jd_plaz5 .div_p2{

width: 260px;

height: 100px;

background-color: #e5d790;

padding-top: 10px;

} */

.jd_plaz5 .divp2 img{

height: 99px;

width: 99px;

margin-top: -9px;

margin-left: 100px;

margin-top: -139.5px;

}

/* --------------- */

.jd_plaz6{

height: 180px;

width: 290px;

background-color: #fff;

float: left;

margin-left: 600px;

margin-top: -120px;

}

.jd_plaz6>div{

padding-top: 10px;

margin-left: 50px;

padding-left: 15px;

}

.jd_plaz6 p{

color: #333;

font-size: 16px;

margin-left: -30px;

}

.jd_plaz6 p span{

color: #999;

font-size: 12px;

margin-left: 10px;

}

.jd_plaz6 .jd_pp1{

height: 100px;

width: 240px;

/* background-color: cadetblue; */

margin-left:18px;

margin-top: 10px;

}

.jd_p_p1 img{

height: 99px;

width: 99px;

margin-top: -10px;

}

.jd_p_p2 img{

height: 99px;

width: 99px;

margin-left: 124px;

margin-top: -120px;

}

/* ------------- */

.jd_plaz7{

height: 180px;

width: 290px;

background-color: #fff;

float: left;

margin-left: 900px;

margin-top: -180px;

}

.jd_plaz7>div{

padding-top: 10px;

margin-left: 50px;

padding-left: 15px;

}

.jd_plaz7 p{

color: #333;

font-size: 16px;

margin-left: -30px;

}

.jd_plaz7 p span{

color: #999;

font-size: 12px;

margin-left: 10px;

}

.jd_plaz7 .jd_pp1{

height: 100px;

width: 240px;

/* background-color: cadetblue; */

margin-left:18px;

margin-top: 10px;

}

.jd_p_p3 img{

height: 99px;

width: 99px;

margin-top: -10px;

}

.jd_p_p4 img{

height: 99px;

width: 99px;

margin-left: 124px;

margin-top: -120px;

}

/* ------- */

.jd_plaz8{

height: 180px;

width: 290px;

background-color:#fff;

margin-top: 75px;

}

.jd_plaz8>div{

padding-top: 10px;

margin-left: 20px;

margin-top: 10px;

padding-left: 15px;

}

.jd_plaz8 p{

color: #333;

font-size: 16px;

}

.jd_plaz8 p span{

color: #999;

font-size: 14px;

margin-left: 10px;

}

.jd_plaz8 .jd_p_p5{

height: 100px;

width: 260px;

/* background-color: cadetblue; */

}

.jd_plaz8 .jd_p_p6 img{

height: 99px;

width: 99px;

margin-top: -9px;

}

.jd_plaz8 .jd_p_p7 img{

height: 99px;

width: 99px;

margin-top: -120px;

margin-left: 120px;

}

/* ------------------------------------- */

.jd_plazz{

height: 180px;

width: 290px;

background-color:#fff;

margin-top:-190px;

margin-left: 300px;

}

.jd_plazz>div{

padding-top: 10px;

margin-left: 20px;

margin-top: 10px;

padding-left: 15px;

}

.jd_plazz p{

color: #333;

font-size: 16px;

}

.jd_plazz p span{

color: #999;

font-size: 14px;

margin-left: 10px;

}

.jd_plazz .jd_p_p5{

height: 100px;

width: 260px;

/* background-color: cadetblue; */

}

.jd_plazz .jd_p_p6 img{

height: 99px;

width: 99px;

margin-top: -9px;

}

.jd_plazz .jd_p_p7 img{

height: 99px;

width: 99px;

margin-top: -120px;

margin-left: 120px;

}

/* ---------------------------------- */

.jd_plazx{

height: 180px;

width: 290px;

background-color:#fff;

margin-top:-190px;

margin-left: 600px;

}

.jd_plazx>div{

padding-top: 10px;

margin-left: 20px;

margin-top: 10px;

padding-left: 15px;

}

.jd_plazx p{

color: #333;

font-size: 16px;

}

.jd_plazx p span{

color: #999;

font-size: 14px;

margin-left: 10px;

}

.jd_plazx .jd_p_p5{

height: 100px;

width: 260px;

/* background-color: cadetblue; */

}

.jd_plazx .jd_p_p6 img{

height: 99px;

width: 99px;

margin-top: -9px;

}

.jd_plazx .jd_p_p7 img{

height: 99px;

width: 99px;

margin-top: -120px;

margin-left: 120px;

}

/* -------------------------- */

.jd_plazk{

height: 180px;

width: 290px;

background-color:#fff;

margin-top:-190px;

margin-left: 900px;

}

.jd_plazk>div{

padding-top: 10px;

margin-left: 20px;

margin-top: 10px;

padding-left: 15px;

}

.jd_plazk p{

color: #333;

font-size: 16px;

}

.jd_plazk p span{

color: #999;

font-size: 14px;

margin-left: 10px;

}

.jd_plazk .jd_p_p5{

height: 100px;

width: 260px;

/* background-color: cadetblue; */

}

.jd_plazk .jd_p_p6 img{

height: 99px;

width: 99px;

margin-top: -9px;

}

.jd_plazk .jd_p_p7 img{

height: 99px;

width: 99px;

margin-top: -120px;

margin-left: 120px;

}

/* 为你推荐 */

.jd_t_tj{

height:64px;

background-color: #c81623;

position: relative;

/* margin-top: 500px; */

}

/* ----------------------------------------------------- */

/* .jd_s_app{

height: 266px;

width: 1190px;

position: relative;

}

.jd_s_app .w{

height: 266px;

background-color: #e5d790;

} */

/* 京东秒杀 */

/* .jd_w_left{

height: 260px;

width: 190px;

background-color: cadetblue;

background-image: url(../upload/4a15d8883775742e3efbb850ae14def7.png);

position:relative;

}

.jd_w_left>div p{

width: 100%;

text-align: center;

font-size: 30px;

font-weight: 700;

margin-top: 31px;

color: #fff;

padding-top: 30px;

} */

/* .jd_w_left .div1{

height: 26px;

background-color: #e5d790;

position: relative;

margin-top: 80px;

}

.jd_w_left .div1 strong{

margin-left: 25px;

color: #fff;

font-size: 16px;

}

.jd_w_left .div1 a{

color: #fff;

font-size: 16px;

} */

/* .jd_e_bottom{

width: 150px;

height: 30px;

background-color: chocolate;

margin-left: 30px;

margin-top: 20px;

}

.jd_e_bottom a{

position: relative;

float: left;

width: 30px;

height: 30px;

text-align: center;

background-color: #2f3430;

margin-right: 20px;

color: white;

font-size: 20px;

} */

/* .jd_e_bottom a:last-child{

float: right;

} */

/* .jd_e_bottom i{

margin-left: 10px;

} */

/* .jd_e_bottom p::after { */

/* content: ":";

display: block;

position: absolute;

right: -20px;

font-weight: bolder;

font-size: 18px;

width: 20px;

height: 100%;

top: 0px; */

/* } */

/* 背景总体颜色背景 */

/* .jd_e_center{

height: 259.99px;

width: 799.99px;

background-color:black;

margin-left: 195px;

margin-top: -260px;

} */

/* .jd_e_center ul li{

height: 405px;

width: 304px;

float: left;

margin-left: 8px;

position: relative;

background-color: #f0f9f4;

text-align: center;

} */

/* 第一块 ------------------------------------------*/

/* .jd_e_center1{

width: 200px;

height: 260px;

background-color: #e5d790;

position: relative;

}

.jd_e_center1 li img{

width: 140px;

height: 140px;

margin-left: 30px;

margin-top: 50px;

} */

/* .jd_e_center1 li h3{

font-size: 12px;

color: #333;

margin-top: 18px;

margin-left:35px; */

/* 强制不换行

text-wrap:nowrap; */

/* 超出范围隐藏 */

/* overflow: hidden; */

/* 省略文字多出省略... */

/* text-overflow: ellipsis;

} */

/* .jd_e_center1 li p{

color: #c81623;

font-size: 12px;

margin-left: 50px;

}

.jd_e_center1 li p span:first-child{

font-size: 12px;

} */

/* .jd_e_center2{

width: 200px;

height: 260px;

background-color: cadetblue;

position: relative;

betterIatethanne

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
京东首页部分练习

* 第一块 ------------------------------------------*//* 右边栏-------------------------------------- *//* 限时秒杀--------------------- ------------*//* 企业购 -----------------------------*//* 频道广场-------------------------- *//* 分类----------------------- */
复制链接

扫一扫