京东终极版

终于最后一块了，做的有点粗糙

<div class="J_corechn2">
    <div class="coreoon">
        <div class="corechn1_inner core_after " style="background: transparent">
            <div class="core_in"  >
               <div class="ph1">
                   <img src="./image/b12cb981f76c59fd.jpg " alt=""/>
               </div>
               <div class="ph1">
                   <img src="./image/b12cb981f76c59fd.jpg " alt=""/>
               </div>
            </div>
        </div>
        <div class="corechn2_inner ">
            <div class="treass">
                <div class="treasure_title">
                    <h4 class="treass_tit">初出茅庐·<span class="tress_span">好电脑不贵</span></h4>
                </div>
                <ul class="biubiu">
                    <li>
                        <img src="./image/591bc165N4201973f.jpg" alt=""/>
                    </li>
                    <li>
                        <img src="./image/591bc165N4201973f.jpg" alt=""/>
                    </li>
                </ul>
            </div>
            <div class="treass_line"></div>
            <div class="treass">
                <div class="treasure_title">
                    <h4 class="treass_tit">初出茅庐·<span class="tress_span">好电脑不贵</span></h4>
                </div>
                <ul class="biubiu">
                    <li>
                        <img src="./image/591bc165N4201973f.jpg" alt=""/>
                    </li>
                    <li>
                        <img src="./image/591bc165N4201973f.jpg" alt=""/>
                    </li>
                </ul>
            </div>
        </div>
        <div class="corechn3_inner ">
                <div class="f2a1">
                    <span class="f2a_phb">排行榜</span>
                    <i class="iconfont f2a_hd_arrow">&#xf02af;</i>
                    <span class="f2a_zn">专属你的购物指南</span>

        </div>
            <div  class="biu_m">
                <img src="./image/ff6f672eedd4eea3.jpg" alt=""/>
            </div>
            <div  class="biu_m">
                <img src="./image/ff6f672eedd4eea3.jpg" alt=""/>

            </div>
        </div>
</div>
</div>
<div class="f4_a">
          <div class="f4ason">
              <h3 class="shenghuo">居家优品</h3>
          </div>
      </div>
<div class="J_corechn2">
     <div class="coreoon">
              <div class="corechn1_inner core_after " style="background: transparent">
                  <div class="core_in"  >
                      <div class="ph1">
                          <img src="./image/b12cb981f76c59fd.jpg " alt=""/>
                      </div>
                      <div class="ph1">
                          <img src="./image/b12cb981f76c59fd.jpg " alt=""/>
                      </div>
                  </div>
              </div>
              <div class="corechn2_inner ">
                  <div class="f2a1">
                  <span class="f2a_phb">排行榜</span>
                  <i class="iconfont f2a_hd_arrow">&#xf02af;</i>
                  <span class="f2a_zn">专属你的购物指南</span>
              </div>
                  <div class="core_img1">
                      <img src="./image/722bd2ceccff6a9b.jpg" alt=""/>
                  </div>
                  <div class="core_img1">
                      <div class="cor_img2">
                          <img src="./image/b7ee955eec24b8c8.jpg" alt=""/>
                      </div>
                      <div class="cor_img2 mar">
                          <img src="./image/7868f0996d7058fd.jpg" alt=""/>

                      </div>
                  </div>
              </div>
              <div class="corechn3_inner ">
                  <div class="f2a1">
                      <span class="f2a_phb">排行榜</span>
                      <i class="iconfont f2a_hd_arrow">&#xf02af;</i>
                      <span class="f2a_zn">专属你的购物指南</span>
                  </div>
                  <div class="core_img1">
                      <img src="./image/722bd2ceccff6a9b.jpg" alt=""/>
                  </div>
                  <div class="core_img1">
                      <div class="cor_img2">
                          <img src="./image/b7ee955eec24b8c8.jpg" alt=""/>
                      </div>
                      <div class="cor_img2 mar">
                          <img src="./image/7868f0996d7058fd.jpg" alt=""/>
                      </div>
                  </div>
              </div>
          </div>
</div>
<div class="J_corechn2">
          <div class="coreoon">
              <div class="corechn1_inner" >
                  <div class="f2a1">
                      <span class="f2a_phb">排行榜</span>
                      <i class="iconfont f2a_hd_arrow">&#xf02af;</i>
                      <span class="f2a_zn">专属你的购物指南</span>
                  </div>
                  <div class="join">
                      <img src="./image/7c4096f23bbe5b49.jpg" alt=""/>
                  </div>
                  <div class="cat">
                      <div class="cat_y">
                          <div class="cat_y_1">
                              <img src="./image/2b3b2e2ebd17324d.jpg" alt=""/>
                          </div>
                          <span class="cat_price">￥159.0</span>
                          <span class="cat_zhushi">黑科技送礼潮品</span>
                       </div>
                      <div class="cat_y nini">
                          <div class="cat_y_1 ">
                              <img src="./image/2b3b2e2ebd17324d.jpg" alt=""/>
                          </div>
                          <span class="cat_price">￥159.0</span>
                          <span class="cat_zhushi">黑科技送礼潮品</span>
                      </div>
                  </div>
             </div>
              <div class="corechn2_inner ">
                  <div class="treass">
                      <div class="treasure_title">
                          <h4 class="treass_tit">初出茅庐·<span class="tress_span">好电脑不贵</span></h4>
                      </div>
                      <ul class="biubiu">
                          <li>
                              <img src="./image/591bc165N4201973f.jpg" alt=""/>
                          </li>
                          <li>
                              <img src="./image/591bc165N4201973f.jpg" alt=""/>
                          </li>
                      </ul>
                  </div>
                  <div class="treass_line"></div>
                  <div class="treass">
                      <div class="treasure_title">
                          <h4 class="treass_tit">初出茅庐·<span class="tress_span">好电脑不贵</span></h4>
                      </div>
                      <ul class="biubiu">
                          <li>
                              <img src="./image/591bc165N4201973f.jpg" alt=""/>
                          </li>
                          <li>
                              <img src="./image/591bc165N4201973f.jpg" alt=""/>
                          </li>
                      </ul>
                  </div>
              </div>
              <div class="corechn3_inner core_after core_after_af  " style="background: transparent">
                      <div class="core_in"  >
                          <div class="ph1">
                              <img src="./image/b12cb981f76c59fd.jpg " alt=""/>
                          </div>
                          <div class="ph1">
                              <img src="./image/b12cb981f76c59fd.jpg " alt=""/>
                          </div>
                      </div>
              </div>
          </div>
      </div>
<div class="f4_a">
          <div class="f4ason">
              <h3 class="shenghuo">生活百货</h3>
          </div>
      </div>
<div class="J_corechn2">
          <div class="coreoon">
              <div class="corechn1_inner" >
                  <div class="f2a1">
                      <span class="f2a_phb">排行榜</span>
                      <i class="iconfont f2a_hd_arrow">&#xf02af;</i>
                      <span class="f2a_zn">专属你的购物指南</span>
                  </div>
                  <div class="core_img1">
                      <img src="./image/722bd2ceccff6a9b.jpg" alt=""/>
                  </div>
                  <div class="core_img1">
                      <div class="cor_img2">
                          <img src="./image/b7ee955eec24b8c8.jpg" alt=""/>
                      </div>
                      <div class="cor_img2 mar">
                          <img src="./image/7868f0996d7058fd.jpg" alt=""/>

                      </div>
                  </div>
              </div>
              <div class="corechn2_inner ">
                  <div class="f2a1">
                      <span class="f2a_phb">排行榜</span>
                      <i class="iconfont f2a_hd_arrow">&#xf02af;</i>
                      <span class="f2a_zn">专属你的购物指南</span>
                  </div>
                  <div class="core_img1">
                      <div class="diannan_1">
                          <p class="jingdong">锤子科技京东自营旗舰店</p>
                          <span class="jd">
                              <i>JD</i>
                               自营
                          </span>
                          <span class="goodshop2_g">213.5万人关注</span>
                      </div>
                      <div class="diannan_2">
                          <div>
                              <div class="buhu">
                                  <img src="./image/9aafbadad32e603d.jpg" alt=""/>
                              </div>
                              <span class="jd_price">￥1398.00</span>
                          </div>
                          <div>
                              <div class="buhu">
                                  <img src="./image/9aafbadad32e603d.jpg" alt=""/>
                              </div>
                              <span class="jd_price">￥1398.00</span>
                          </div>
                      </div>
                  </div>
                  <div class="core_img1">
                      <div class="diannan_1">
                          <p class="jingdong">锤子科技京东自营旗舰店</p>
                          <span class="jd">
                              <i>JD</i>
                               自营
                          </span>
                          <span class="goodshop2_g">213.5万人关注</span>
                      </div>
                      <div class="diannan_2">
                          <div>
                              <div class="buhu">
                                  <img src="./image/9aafbadad32e603d.jpg" alt=""/>
                              </div>
                              <span class="jd_price">￥1398.00</span>
                          </div>
                          <div>
                              <div class="buhu">
                                  <img src="./image/9aafbadad32e603d.jpg" alt=""/>
                              </div>
                              <span class="jd_price">￥1398.00</span>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="corechn3_inner core_after core_after_af  " style="background: transparent">
                  <div class="core_in mihu"  >
                         <img src="./image/22e7efca177770ab.jpg" alt=""/>
                  </div>
              </div>
          </div>
      </div>
<div class="J_corechn2">
        <div class="coreoon">
            <div class="corechn1_inner core_after " style="background: transparent">
                <div class="core_in"  >
                    <div class="ph1">
                        <img src="./image/b12cb981f76c59fd.jpg " alt=""/>
                    </div>
                    <div class="ph1">
                        <img src="./image/b12cb981f76c59fd.jpg " alt=""/>
                    </div>
                </div>
            </div>
            <div class="corechn2_inner ">
                <div class="treass">
                    <div class="treasure_title">
                        <h4 class="treass_tit">初出茅庐·<span class="tress_span">好电脑不贵</span></h4>
                    </div>
                    <ul class="biubiu">
                        <li>
                            <img src="./image/591bc165N4201973f.jpg" alt=""/>
                        </li>
                        <li>
                            <img src="./image/591bc165N4201973f.jpg" alt=""/>
                        </li>
                    </ul>
                </div>
                <div class="treass_line"></div>
                <div class="treass">
                    <div class="treasure_title">
                        <h4 class="treass_tit">初出茅庐·<span class="tress_span">好电脑不贵</span></h4>
                    </div>
                    <ul class="biubiu">
                        <li>
                            <img src="./image/591bc165N4201973f.jpg" alt=""/>
                        </li>
                        <li>
                            <img src="./image/591bc165N4201973f.jpg" alt=""/>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="corechn3_inner ">
                <div class="f2a1">
                    <span class="f2a_phb">排行榜</span>
                    <i class="iconfont f2a_hd_arrow">&#xf02af;</i>
                    <span class="f2a_zn">专属你的购物指南</span>

                </div>
                <div  class="biu_m">
                    <img src="./image/ff6f672eedd4eea3.jpg" alt=""/>
                </div>
                <div  class="biu_m">
                    <img src="./image/ff6f672eedd4eea3.jpg" alt=""/>

                </div>
            </div>
        </div>
    </div>
<div class="f4_a">
        <div class="f4ason">
            <h3 class="shenghuo">企业采购</h3>
        </div>
</div>
<div class="comA">
    <div class="company">
       <div class="comp_1">
           <img src="./image/734118c216351729.jpg" alt=""/>
       </div>
       <div class="compa_2">
           <img src="./image/922bed778a82af2d.jpg" alt=""/>
       </div>
       <div class="compa_2 comp2_after">
           <img src="./image/922bed778a82af2d.jpg" alt=""/>
       </div>
       <div class="compa_2 comp2_after">
           <img src="./image/922bed778a82af2d.jpg" alt=""/>
       </div>
       <div class="compa_2 comp2_after">
           <div class="hezim">
             <img src="./image/16bde8c9765cb806.jpg" alt=""/>
           </div>
       </div>
    </div>
</div>
<div class="f4_a">
          <div class="f4ason">
              <h3 class="shenghuo">JOY寻宝</h3>
          </div>
      </div>
<div class="f5">
    <div class="f5_a">
        <div class="f5aa">
            <div class="f5a_ki"> </div>
            <img src="./image/ce67537bfc2b4252.jpg" alt=""/>
            <span class="biao_li">表里挑一· <span class="scene_subtit">甜蜜言表</span></span>
        </div>
        <ul class="f5bb">
           <li class="f5_box">
               <img src="./image/f07be4644c877255.jpg" alt=""/>
           </li>
           <li class="f5_box">
               <img src="./image/f07be4644c877255.jpg" alt=""/>
           </li>
           <li class="f5_box">
               <img src="./image/f07be4644c877255.jpg" alt=""/>
           </li>
        </ul>
    </div>
    <div class="f5_a">
        <div class="f5aa">
            <div class="f5a_ki"> </div>
            <img src="./image/ce67537bfc2b4252.jpg" alt=""/>
            <span class="biao_li">表里挑一· <span class="scene_subtit">甜蜜言表</span></span>
        </div>
        <ul class="f5bb">
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
        </ul>
    </div>
    <div class="f5_a f5_a1">
        <div class="f5aa">
            <div class="f5a_ki"> </div>
            <img src="./image/ce67537bfc2b4252.jpg" alt=""/>
            <span class="biao_li">表里挑一· <span class="scene_subtit">甜蜜言表</span></span>
        </div>
        <ul class="f5bb">
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
        </ul>
    </div>
    <div class="f5_a">
         <div class="f5aa">
        <div class="f5a_ki"> </div>
        <img src="./image/ce67537bfc2b4252.jpg" alt=""/>
        <span class="biao_li">表里挑一· <span class="scene_subtit">甜蜜言表</span></span>
    </div>
        <ul class="f5bb">
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
        </ul>
    </div>
    <div class="f5_a">
        <div class="f5aa">
            <div class="f5a_ki"> </div>
            <img src="./image/ce67537bfc2b4252.jpg" alt=""/>
            <span class="biao_li">表里挑一· <span class="scene_subtit">甜蜜言表</span></span>
        </div>
        <ul class="f5bb">
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
        </ul>
    </div>
    <div class="f5_a f5_a1">
        <div class="f5aa">
            <div class="f5a_ki"> </div>
            <img src="./image/ce67537bfc2b4252.jpg" alt=""/>
            <span class="biao_li">表里挑一· <span class="scene_subtit">甜蜜言表</span></span>
        </div>
        <ul class="f5bb">
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
            <li class="f5_box">
                <img src="./image/f07be4644c877255.jpg" alt=""/>
            </li>
        </ul>
    </div>
</div>
<div class="f4_a">
          <div class="f4ason">
              <h3 class="shenghuo">特色推荐</h3>
          </div>
      </div>
<div class="f6">
    <div class="f1b_btn  ">
        <i class="iconfont sk_left">&#xf0292;</i>
        <i class="iconfont sk_right">&#xf02af;</i>
    </div>
    <div class="f6_a">
        <div class="tese">
            <div class="f2a1">
                <span class="f2a_phb">排行榜</span>
                <i class="iconfont f2a_hd_arrow">&#xf02af;</i>
                <span class="f2a_zn">专属你的购物指南</span>
            </div>
            <div class="tes_a">
                <img src="./image/5aa90158Na918ef70.jpg" alt=""/>
            </div>
        </div>
        <div class="tese vta ">
            <div class="f2a1">
                <span class="f2a_phb">排行榜</span>
                <i class="iconfont f2a_hd_arrow">&#xf02af;</i>
                <span class="f2a_zn">专属你的购物指南</span>
            </div>
            <div class="tes_a">
                <img src="./image/5aa90158Na918ef70.jpg" alt=""/>
            </div>
        </div>
        <div class="tese ">
            <div class="f2a1">
                <span class="f2a_phb">排行榜</span>
                <i class="iconfont f2a_hd_arrow">&#xf02af;</i>
                <span class="f2a_zn">专属你的购物指南</span>
            </div>
            <div class="tes_a">
                <img src="./image/5aa90158Na918ef70.jpg" alt=""/>
            </div>
        </div>

    </div>
    <div class= "f2-bttn">
        <div class="bttn_left"></div>
        <div class="bttn_right"></div>
        <div class="bttn_right"></div>
        <div class="bttn_right"></div>
    </div>
</div>
<div class="f4_a">
          <div class="f4ason">
              <h3 class="shenghuo">京东直播</h3>
          </div>
      </div>
<div class="f7">
    <div class="live">
        <div class="live_in">
            <div class="live_qun">
                <div class="live_btn live_small"></div>
                <div class="live_bg"></div>
                <img src="./image/5f2df4216a3e7ecc.jpg" alt=""/>
                <p class="live_descsmall">多年翡翠经验，甄选翡翠漏的彻底</p>
            </div>

        </div>
        <div class="live_in">
            <div class="live_qun">
                <div class="live_btn live_small"></div>
                <div class="live_bg"></div>
                <img src="./image/5f2df4216a3e7ecc.jpg" alt=""/>
                <p class="live_descsmall">多年翡翠经验，甄选翡翠漏的彻底</p>
            </div>

        </div>
        <div class="live_in">
            <div class="live_qun">
                <div class="live_btn live_small"></div>
                <div class="live_bg"></div>
                <img src="./image/5f2df4216a3e7ecc.jpg" alt=""/>
                <p class="live_descsmall">多年翡翠经验，甄选翡翠漏的彻底</p>
            </div>

        </div>
        <div class="live_in">
            <div class="live_qun">
                <div class="live_btn live_small"></div>
                <div class="live_bg"></div>
                <img src="./image/5f2df4216a3e7ecc.jpg" alt=""/>
                <p class="live_descsmall">多年翡翠经验，甄选翡翠漏的彻底</p>
            </div>

        </div>
    </div>
    <div class="live liv_box">
        <div class="live_mu">
            <div class="bg_liv"></div>
            <div class="live_btn live_big"></div>
            <div class="live_for">
                <p class="live_title">五一大放漏，品质货</p>
                <p class="live_desc">零元起拍翡翠A货随便卖</p>
            </div>
            <img src="./image/8f2cb08983f293ec.jpg" alt=""/>
        </div>
    </div>
    <div class="live">
        <div class="live_in">
            <div class="live_qun">
                <div class="live_btn live_small"></div>
                <div class="live_bg"></div>
                <img src="./image/5f2df4216a3e7ecc.jpg" alt=""/>
                <p class="live_descsmall">多年翡翠经验，甄选翡翠漏的彻底</p>
            </div>

        </div>
        <div class="live_in">
            <div class="live_qun">
                <div class="live_btn live_small"></div>
                <div class="live_bg"></div>
                <img src="./image/5f2df4216a3e7ecc.jpg" alt=""/>
                <p class="live_descsmall">多年翡翠经验，甄选翡翠漏的彻底</p>
            </div>

        </div>
        <div class="live_in">
            <div class="live_qun">
                <div class="live_btn live_small"></div>
                <div class="live_bg"></div>
                <img src="./image/5f2df4216a3e7ecc.jpg" alt=""/>
                <p class="live_descsmall">多年翡翠经验，甄选翡翠漏的彻底</p>
            </div>

        </div>
        <div class="live_in">
            <div class="live_qun">
                <div class="live_btn live_small"></div>
                <div class="live_bg"></div>
                <img src="./image/5f2df4216a3e7ecc.jpg" alt=""/>
                <p class="live_descsmall">多年翡翠经验，甄选翡翠漏的彻底</p>
            </div>

        </div>
    </div>
</div>
<div class="f4_a">
          <div class="f4ason">
              <h3 class="shenghuo">还没逛够</h3>
          </div>
      </div>
<div class="f8">
  <div class="f8_1">
      <div class="f8a_img">
          <img src="image/untitled.png" alt=""/>

          <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
              米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
          <p class="more2_info_price">￥199.00</p>
      </div>
  </div>
  <div class="f8_1">
      <div class="f8a_img">
          <img src="image/untitled.png" alt=""/>

          <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
              米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
          <p class="more2_info_price">￥199.00</p>
      </div>
  </div>
  <div class="f8_1">
      <div class="f8a_img">
          <img src="image/untitled.png" alt=""/>

          <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
              米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
          <p class="more2_info_price">￥199.00</p>
      </div>
  </div>
  <div class="f8_1">
      <div class="f8a_img">
          <img src="image/untitled.png" alt=""/>

          <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
              米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
          <p class="more2_info_price">￥199.00</p>
      </div>
  </div>
  <div class="f8_1 f8_poo">
      <div class="f8a_img">
          <img src="image/untitled.png" alt=""/>

          <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
              米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
          <p class="more2_info_price">￥199.00</p>
      </div>
  </div>
  <div class="f8_1">
      <div class="f8a_img">
          <img src="image/untitled.png" alt=""/>

          <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
              米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
          <p class="more2_info_price">￥199.00</p>
      </div>
  </div>
  <div class="f8_1">
      <div class="f8a_img">
          <img src="image/untitled.png" alt=""/>

          <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
              米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
          <p class="more2_info_price">￥199.00</p>
      </div>
  </div>
  <div class="f8_1">
      <div class="f8a_img">
          <img src="image/untitled.png" alt=""/>

          <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
              米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
          <p class="more2_info_price">￥199.00</p>
      </div>
  </div>
  <div class="f8_1">
      <div class="f8a_img">
          <img src="image/untitled.png" alt=""/>

          <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
              米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
          <p class="more2_info_price">￥199.00</p>
      </div>
  </div>
  <div class="f8_1 f8_poo">
      <div class="f8a_img">
          <img src="image/untitled.png" alt=""/>

          <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
              米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
          <p class="more2_info_price">￥199.00</p>
      </div>
  </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1 f8_poo">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1 f8_poo">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1 f8_poo">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1 f8_poo">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
    <div class="f8_1 f8_poo">
        <div class="f8a_img">
            <img src="image/untitled.png" alt=""/>

            <p class="more2_info_name"><i class="more2_info_self">自营</i>瑞士爱沃驰(IW)女士手表女款 伯尼尔系列轻奢时尚学生石英女表 超薄
                米兰钢带32mm防水精钢腕表 玫金白面 / 瑞士机芯</p>
            <p class="more2_info_price">￥199.00</p>
        </div>
    </div>
</div>
<div class="footer1">
    <div class="photo">
        <ul class="pho_ggo">
            <li>
                <span class="nunu span_pos1"> </span>
                <p class="mod_service_txt">品类齐全，轻松购物</p>
            </li>
            <li>
                <span class="nunu span_pos2"> </span>
                <p class="mod_service_txt">品类齐全，轻松购物</p>
            </li>
            <li>
                <span class="nunu span_pos3"> </span>
                <p class="mod_service_txt">品类齐全，轻松购物</p>
            </li>
            <li>
                <span class="nunu span_pos4"> </span>
                <p class="mod_service_txt">品类齐全，轻松购物</p>
            </li>
        </ul>
    </div>
</div>
<div class=foot2>
    <ul>
        <h4> 购物指南</h4>
        <li>购物流程</li>
        <li>会员介绍</li>
        <li>生活旅行</li>
        <li>常见问题</li>
        <li>大家电</li>
        <li>联系客服</li>
    </ul>
    <ul>
        <h4>配送方式</h4>
         <li>上门自提</li>
         <li>211限时达</li>
         <li>配送服务查询</li>
         <li>配送费收取标准</li>
         <li>海外配送</li>
    </ul>
    <ul>
        <h4>支付方式</h4>
        <li>货到付款</li>
        <li>在线支付</li>
        <li>分期付款</li>
        <li>邮局汇款</li>
        <li>公司转账</li>
    </ul>
    <ul>
        <h4>售后服务</h4>
         <li>售后政策</li>
         <li>价格保护</li>
         <li>退款说明</li>
         <li>返修/退换货</li>
         <li>取消订单</li>
    </ul>
    <ul>
        <h4>特色服务</h4>
        <li>DIY装机</li>
        <li>延保服务</li>
        <li>京东E卡</li>
        <li>京东通信</li>
        <li>京东JD+</li>
    </ul>
    <div class="map">
        <h4>京东自营覆盖区县</h4>
        <p class="mod_help_cover_info">京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
        <a class="s_s" href="#">查看详情></a>
    </div>
</div>
<div class="foot3">
    <div>
        <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="dy-do">
        <a href="#">京公网安备 11000002000088号</a>
         <span>| </span>
        <a href="#">京ICP证070359号</a>
        <span>| </span>
        <a href="#">互联网药品信息服务资格证编号(京)-经营性-2014-0008 </a>
        <span>| </span>
        <a href="#">新出发京零 字第大120007号</a>
    </div>
    <div class="dy-do">
        <a href="#">互联网出版许可证编号新出网证(京)字150号</a>
        <span>|</span>
        <a href="#">出版物经营许可证</a>
        <span>|</span>
        <a href="#">网络文化经营许可证京网文[2014]2148-348号</a>
        <span>|</span>
        <a href="#">违法和不良信息举报电话：4006561155</a>
    </div>
    <div class="dy-do">
        <a href="#">Copyright © 2004 - 2019 京东JD.com 版权所有</a>
        <span>|</span>
        <a href="#">消费者维权热线：4006067733经营证照</a>
        <span>|</span>
        <a href="#">(京)网械平台备字(2018)第00003号</a>
        <span>|</span>
        <a href="#">营业执照</a>
    </div>
    <div class="dy-do">
        <a href="#">京东旗下网站：京东钱包</a>
        <span>|</span>
        <a href="#">京东云</a>
    </div>
    <div class="ip">
        <a class="ip_1" href="" ></a>
        <a class="ip_2" href="" ></a>
        <a class="ip_3" href="" ></a>
        <a class="ip_4" href="" ></a>
        <a class="ip_5" href="" ></a>
    </div>
</div>
</body>
</html>

css:
.huhu-pl img{
    width:100%;
    height:100%;
}
.mmo-ddsf{
    font-size: 0;
    text-align: center;
}
.momo-p1{
    float:left;
    width:105px;
    height:105px;
    display: inline-block;
    margin: 0 5px;
}
.momo-p1 img{
    width:100%;
    height:100%;
}
.dailyold_subtit{
    margin:25px 0;
    font-size: 14px;
    height:36px;
    line-height: 18px;
    overflow: hidden;
}
.f2-c{
    position:absolute;
    top:0;
    left:800px;
    width:390px;
    height:450px;
    background-color: white;
    margin-right: 10px;
    margin-bottom:30px;
}
.f2-c>.f2a1>.f2a_hd_arrow{
    position: absolute;
    left:117px;
}
.f2-c>.f2a1>.f2a_zn{
    position: absolute;
    left:150px;
}
.f2c2{
    position:absolute;
    top:60px;
    left:0;
    width:350px;
    height:355px;
    margin:0 20px;
}
.f2c2>.fac{
    position: relative;
    height:118px;
    overflow:hidden;
}
.fac_huge1{
    background: #eaeaea;
}
.fac_huge2{
    background: #d6d6d6;
}
.f2c_by{
    position: absolute;
    right:54px;
    top:-9px;
    width:16px;
    height: 16px;
    border:1px solid white;
    border-radius: 50%;
    background:white;

}
.f2c_by2{
    position: absolute;
    right:54px;
    bottom:-9px;
    width:16px;
    height: 16px;
    border:1px solid white;
    border-radius: 50%;
    background:white;
}
.hgs_jdz{
    margin:14px 0 0 10px;
    float:left;
    width:70px;
    height:70px;
    padding:10px;
    border-radius: 50%;
    background: white;
    overflow: hidden;
}
.hgs_jdz img{
    width: 100%;
    height:100%;

}
.infon_lifan{
    float:left;
    margin:15px 0px 0 10px;
}
.infon_lifan .lifan-ii{
    font-size: 26px;
    font-weight: bold;
    color: #ea0000;
}
.infon_lifan .lifan-ii>span{
    font-size: 15px;
}
.cou-info_m{
    font-size: 13px;
    color: #bbbbbb;
    line-height: 30px;
}
.cou-info_s{
    font-size: 14px;
    color:#8c8c8c
}
.cor_mimi{
    margin-right: 37px;
    margin-top:10px;
    font-size: 13px;
    float:right;
    width:1px;
   line-height: 15px;
}
.f3 .f2-a>.f2a1>.f2a_hd_arrow{
    position: absolute;
    left:70px;
}
.f3 .f2-a>.f2a1>.f2a_zn{
    position: absolute;
    left:100px;
}
.f3b_son{
    position: relative;
    width:350px;
    height:355px;
    margin:0 20px;
}
.f3-b  .f1b_btn{
    position:absolute;
    top:50%;
    color:rgba(0, 0, 0, 0.15)
}
.bbc_m{
    height:250px;
    width:350px;
    margin-bottom: 20px;

}
.bbc_m>img{
    width:100%;
    height: 100%;
}
.f3 .f2-b>.f2a1>.f2a_hd_arrow{
    position: absolute;
    left:115px;
}
.f3 .f2-b>.f2a1>.f2a_zn{
    position: absolute;
    left:146px;
}
.f3>.f2b2{
    height:auto;
}
.f3b2{
    margin-left:15px;
}
.f3b2 li{
    float:left;
    width:180px;
    height:184px;

}
.f3_list{
    width:110px;
    height:110px;
    margin:auto;
    background-color: #1e1e1e;
}
.f3_list>img{
    width:100%;
    height:100%;
}
.chosen_item_tit{
    display:block;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    margin-top:20px;
    line-height: 16px;
    color: #3e8c96;
}
.chosen_item_subtit{
    font-size:12px;
    display:block;
    padding: 0 10px;
    color:#666;
    line-height: 24px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.f3b2>li:hover >.chosen_item_tit,.f3b2>li:hover >.chosen_item_subtit{
    color: #df0000;
}
.f3 .f2-c>.f2a1>.f2a_hd_arrow{
    position: absolute;
    left:72px;
}
.f3 .f2-c>.f2a1>.f2a_zn{
    position: absolute;
    left:103px;
}
.f3_c1{
    position: relative;
    width:350px;
    height:250px;
    margin:auto;
    margin-bottom:20px;
}
.f3_c1 img{
    width:100%;
    height:100%;

}
.f3_c2{
    position: relative;
    width:360px;

    overflow: hidden;
    margin:10px auto 0;

}
.masshop_item{
    float:left;
    width:110px;
    height:110px;
    margin: 0 5px;

}
.mass_img{
    display: block;
    width:100%;
    height:100%;
    margin: auto;
}
.masshop_item .mass_img>img{
    width:100%;
    height:100%;
}
.f4{
    width:1190px;
    margin: 0 auto;
}

.f4ason,.f4bson,.f4cson{
   width:1190px;
    margin:  auto;
}
.f4ason{
    height:65px;
    margin: auto;
}
.shenghuo{
    position: relative;
    width:150px;
    height:45px;
    text-align: center;
    line-height: 45px;
    font-size: 28px;
    padding:0 50px;
    margin:0 auto 20px;
    letter-spacing: 2px;
    font-family: sans-serif;
    font-weight: normal
}
.shenghuo:before {
    position: absolute;
    content: "";
    width:50px;
    height:3px;
    background-color: black;
    left:8px;
    top:21px;
}
.shenghuo:after {
    position: absolute;
    content: "";
    width:50px;
    height:3px;
    background-color: black;
    right:9px;
    top:21px;
}
.f4bson{
    position: relative;
    height:480px;
}
.f4b_box{
    float:left;
    width:390px;
    height:450px;
    margin:0 10px 30px 0;
    background-color: white;
}
.lip1>.f2a1>.f2a_hd_arrow{
    position: relative;
    left:92px;
}
.lip1>.f2a1>.f2a_zn{
    left:138px;
}
.sort_wrapper{
    margin:0 0 0 20px;
}

.sort_2{
    float: left;
    display: block;
    width:170px;
    height:180px;
   margin:0 10px 10px 0;
}
.sort_2 img{
    width:100%;
    height:100%;
}
.sort_1{
    margin: 0  20px 0 0;
    width: 348px;
    overflow: hidden;
    border: solid #ebeaea;
    border-width: 0 1px 1px 0;
}
.sort_1 a{
    display: block;
    float:left;
    width: 86px;
    height: 58px;
    border: solid #ebeaea;
    border-width:1px 0 0 1px;
}
.sort_1 a img{
    width:100%;
    height:100%;

}
.dabao{
    margin:0 20px 20px 20px;
}
.dabao img{
    width:100%;
    height:100%;
}
.qianqian{
    position: relative;
    width:340px;
    height:420px;
    margin:0 20px;
}

.qianqian :after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 30px;
    top: 30px;
    width: 340px;
    height: 420px;
    border: 3px solid black;
    box-sizing: border-box;
}
.qianq_img{
    position: absolute;
    z-index: 1;
    width: 340px;
    height: 420px;
    background: #F0F3EF;
}

.qianq_img img{
    width: 100%;
    height:100%;
}


.lip2,.lip3{
    position: absolute;
    left:400px;
    top:0;
}
.lip3{
    left:800px;
    background-color: transparent !important ;
}
.J_corechn2{
    width:auto;
}
.coreoon{
    width:1190px;
    height:450px;
    margin:auto;
    margin-bottom: 30px;
}
.corechn1_inner,.corechn2_inner,.corechn3_inner{
    width:390px;
    height:450px;
    float:left;
    margin-right: 10px;
    background: white;
}
.corechn3_inner{
    margin-right: 0;
}
.core_in{
    width:340px;
    height:420px;
    margin:0 30px;
}
.core_after{
    position:relative;
}
.core_after:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 30px;
    width: 340px;
    height: 420px;
    border: 3px solid black;
    box-sizing: border-box;
}
.ph1{
    width: 340px;
    height:200px;
    margin-bottom: 20px;
}
.ph1>img{
    width: 100%;
    height:100%;
}
.treass{
    position: relative;
    width: 390px;
    height:225px;
    padding:20px 20px;
    box-sizing:border-box;
}
.treass_line{
    margin:0 20px;
    border:1px solid #f3f2f1;
}
.treasure_title{
    margin:10px 0;
}
.treass_tit{
    font-weight: normal;
    font-size: 18px;

}
.tress_span{
    font-size: 14px;
    color:#999;
    vertical-align: 1px;
}
.biubiu{
    margin-top:30px;
    overflow: hidden;
}
.biubiu li{
    float:left;
    width:130px;
    height:130px;
    margin:0 21px;
}
.biubiu li>img{
    width:100%;
    height:100%;
}
.biu_m{
width: 350px;
    height:180px;
    margin:0 0 10px 20px;
}
.biu_m img{
    width:100%;
    height:100%;
}
.core_img1{
    width:350px;
    height:180px;
    margin:0 20px 10px 20px;
}
.core_img1>img{
    width:100%;
    height:100%;
}
.cor_img2{
    width:170px;
    height:180px;
    margin-right:10px;
    float: left;
}
.cor_img2>img{
    width:100%;
    height:100%;
}
.mar{
    margin-right:0;
}
.join{
    width:360px;
    height:165px;
    margin:auto;
}
.join img{
    width:100%;
    height:100%;
}
.cat{
    width:350px;
    height:auto;
    margin:10px auto;
    overflow: hidden;
}
.cat_y{
    width:150px;
    float:left;
    margin:auto;
}
.cat_y_1{
    width:150px;
    float:left;
}
.cat_y_1>img{
    width:100%;
    height:100%;
}
.cat_price{
    font-size: 15px;
    display: block;
    color:red;
 }
.cat_zhushi{
    color:#999;
}
.nini{
    margin-left:50px;
}
.core_after_af:before {
    content: "";
    position: absolute;
    z-index: -1;
   left: 50px;
    top: 30px;
}
.diannan_1{
    width:116px;
    height:180px;
    float:left;
    background: rgba(181, 139, 176, 0.5);
    padding:30px 15px;
    line-height: 22px;
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
    color:white;
}
.jd{
    position:relative ;
    font-size:12px;
    height:17px;
    display: inline-block;
    padding-right: 2px;
    line-height: 17px;
    background: #f50000;
    border:1px solid #f50000;
    color:white;
}
.jd>i{
    display: inline-block;
    width:20px;
    height:17px;
    padding:0 2px;
    text-align: center;
    font-style: normal;
    background: white;
    color: red;
}
.goodshop2_g{
    font-size: 12px;
    margin-top: 30px;
    display: inline-block;
}
.diannan_2{
    width:234px;
    height:180px;
    float:left;
    background: rgba(177, 167, 191, 0.53);
}
.diannan_2>div{
    width:117px;
    height: 180px;
    text-align: center;
    float: left;
}
.buhu{
    width:96px;
    height: 96px;
    margin:30px auto 0;
}
.buhu> img{
    width:100%;
    height:100%;
}
.jd_price{
    display: inline-block;
    color:red;
    font-size: 12px;
    margin-top: 7px;
}

.mihu>img{
    width:100%;
    height:100%
}
.comA{
    margin-bottom: 20px;
}
.company{
    width:1190px;
    height:auto;
    margin:auto;
    background: white;
    overflow: hidden;
}
.comp_1{
    width:380px;
    height:180px;
    margin:20px 0 20px 20px;
    float: left;
}
.comp_1>img{
    width:100%;
    height:100%
}
.compa_2{
    position: relative;
    width:190px;
    height:180px;
    margin:20px 0 0 7px;
    float: left;
}
.compa_2 img{
    width:100%;
    height:100%;
}
.comp2_after:after{
    content: "";
    position: absolute;
    top:0;
    left:0;
    height:180px;
    width:2px;
    background: rgba(231, 231, 231, 0.6);
}
.hezim {
    width: 170px;
    height: 180px;
}
.hezim img{
    width:100%;
    height:100%;
}
.f5{
    width:1190px;
    height:500px;
    margin: 0 auto 10px;
    text-align: center;
}
.f5_a{
    width:390px;
    height:240px;
    margin:0 10px 10px 0;
    float:left;
    background: white;
}
.f5_a1{
    margin-right:0;
    background: white;
}
.f5aa{
    position: relative;
    width:390px;
    height:100px;

}
.f5a_ki{
    position: absolute;
    z-index: 1;
    width: 390px;
    height: 100px;
    background: black;
    opacity: 0.5;
}
.f5aa img{
    width:100%;
    height:100%;
}
.biao_li{
    position: absolute;
    width:100%;
    top:40px;
    left:0;
    display: block;
    font-size:17px;
    color: #fff;
    z-index: 22;
    font-weight: bold;
    text-align: center;

}
.scene_subtit{
    font-size: 14px;
    font-weight: normal;
}
.f5bb{
     margin:10px 15px;
    overflow: hidden;
}
.f5bb li{
    margin:0 5px;
    width:110px;
    height:110px;
    float:left;
}
.f5bb li img{
    width:100%;
    height:100%;
}
.f6{
    position: relative;
    width:1190px;
    height:340px;
    margin: 0 auto 20px;
}
.tese{
    width:390px;
    height: 330px;
    float:left;
    background: white;
}
.tes_a{
    width:350px;
    height: 250px;
    margin: auto;
}
.tes_a img{
    width:100%;
    height:100%;
}
.vta{
    margin: 0 10px;
}
.f7{
    position: relative;
    width:1190px;
    height:425px;
    margin: 0 auto 20px;
}
.live{
    width:390px;
    height:425px;
    float: left;
    background: white;
}
.live_in{
    position: relative;
    margin:15px;
}
.live_qun{
    position: relative;
    width:170px;
    height:190px;
    margin: 5px;
    float: left;
}
.live_qun >img{
    width:100%;
    height:100%;
}
.live_bg{
    position: absolute;
    z-index: 1;
    width:170px;
    height:190px;
    background: rgba(0, 0, 0, 0.41);
}
.live_small{
    position: absolute;
    width: 44px;
    height: 44px;
    left: 50%;
    margin-left: -20px;
    top: 50%;
    margin-top: -20px;
}
.live_btn{
    position: absolute;
    z-index: 2;
    background: url("image/start.png ")no-repeat center;
    background-size: 100%;
}
.live_descsmall{
    position: absolute;
    top: 160px;
    z-index: 33;
    color: white;
    font-size: 13px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.liv_box{
    margin:0 10px;
}
.live_mu{
    position: relative;
    width:350px;
    height:390px;
    margin:20px;
}
.live_big{
    position: absolute;
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -34px;
    top: 50%;
    margin-top: -20px;
}
.bg_liv{
    position: absolute;
    width:100%;
    height:100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.41);

}
.live_mu img {
    position: absolute;
    width:100%;
    height:100%
}
.live_for{
    position: absolute;
    text-align:center;
    width:100%;
    z-index: 3;
    bottom:40px


}
.live_title{
    color: white;
    font-size: 20px;
}
.live_desc{
    color: white;
    font-size: 14px;
}
.f8{
    width:1190px;
    height:auto;
    overflow: hidden;
    margin: auto;
}
.f8_1{
    width:230px;
    height:305px;
    margin: 0 10px 10px 0;
    float:left;
    background: white;
}
.f8a_img{
    width:150px;
    height:150px;
    margin: 40px  auto 18px;
}
.f8a_img img{
    width:100%;
    height:100%;
}
.more2_info_name{
    display: block;
    font-size:13px;
    height:40px;
    line-height: 20px;
    color: #7d7d7d;
    text-align: left;
    margin:0 15px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /* 转化为box盒子*/
    -webkit-line-clamp: 2; /*限制元素里面显示的行数*/
    -webkit-box-orient: vertical; /*控制内容的方向*/

}
.more2_info_self{
    display: inline-block;
    font-style: normal;
    width:35px;
    text-align: center;
    color:white;
    background: #f40000;
    line-height: 17px;
    margin-right: 5px;
}
.more2_info_price{
   color:red;
    margin:10px 15px;
}
.f8_poo{
    margin-right: 0;
}
.footer1{
    border-bottom: 1px solid #e3e3e3;
}
.photo{
    width:1190px;
    margin:45px auto;
    height:auto;
}
.pho_ggo{
    overflow: hidden;
}
.pho_ggo>li{
    position: relative;
   width:297px;
    height:42px;
    font-weight: bold;
    float:left;
    font-size: 17px;
    line-height: 42px;
    text-align: center;
}
.pho_ggo>li img{
    width:100%;
    height:100%;
}
.nunu{
    display: inline-block;
    position: absolute;
    background: url("./image/sprite.footer.png") no-repeat;
    width:36px;
    height: 42px;
     left: 20px;
    top: 0;
}
.span_pos1 {
    background-position: 0 -192px !important;
}
.span_pos2 {
    background-position: -41px -192px !important;
}
.span_pos3 {
    background-position: -82px -192px !important;
}
.span_pos4 {
    background-position: -123px -192px !important;
}
.foot2{
    overflow: hidden;
    width:1190px;
    height:auto;
    margin:20px auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #d4d4d4;
}
.foot2 ul{
    float:left;
    width:198px;
}
.foot2 ul>li{
    color: #8d8d8d;
    font-size: 13px;
    line-height: 23px;
}
.map{
    background: url("./image/sprite.footer.png ") no-repeat;
    background-position: 0 0;
    width:200px;
    height: 150px;
    float:right;
    text-align: center;



}
.mod_help_cover_info{
    font-size: 13px;
    margin:15px 0 10px ;
    color: #8d8d8d;

}
.s_s{
    color: #757575;
    font-size: 13px;
    float: right;

}
.foot3{
    width:1190px;
    height:auto;
    margin: auto;
    text-align: center;
}
.foot3>div>a{
    font-size: 13px;
    color: #767676;
}
.foot3>div>span{
    position: relative;
    top:-2px;
    font-size: 12px;
    margin:0 5px;
    color: #767676;
}
.dy-do{
    text-align: center;
}
.dy-do>a,.dy-do>span{
    color: #b8b8b8 !important ;
}
.ip{
    margin:30px 0;
    text-align: center;
}
.ip>a{
    display: inline-block;
    width:103px;
    height:32px ;
    background: url("./image/sprite.footer.png ") no-repeat;
}
.ip_1 {
    background-position: -205px -111px !important;
}
.ip_2 {
    background-position: -205px -74px !important;
}
.ip_3 {
    background-position: -205px -37px !important;
}
.ip_4 {
    background-position: -205px 0px !important;
}
.ip_5{
    background-position: 0px -155px !important;
}

把整个页面做下来自己对html和css的运用就熟练多啦，过程中会遇到各种布局不规整的问题，就是一遍遍的分析京东原页面的源码来做出自己的布局，后面做着就有些无聊啦，很多模块都是一样的，只需要拷贝过来修改图片和文字内容就可以了（有点懒惰也没好好修改图片，所以很多图片都一样的）。努力吧，姑娘！