部分源码:
<div class="header">
<div class="page-top">
<div class="container">
<div class="top-lt">
<a href="">小米商城</a>
<span>|</span>
<a href="">MIUI</a>
<span>|</span>
<a href="">IoT</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="" class="download">
下载app
<div class="trl" style="display: none"></div>
<div class="down-box">
<img src="image/download.png" alt="" class="arrow_img">
<i>小米商城APP</i>
</div>
</a>
<span>|</span>
<a href="">Select Location</a>
</div>
<div class="top-gt">
<div class="car-box">
<a href="" class="shop">
<i class="iconfont"><img src="image/shop1.png" width="18px" height="20px" alt=""></i>
购物车 (0)
</a>
<div class="pop">
<p class="no-good">购物车中还没有商品,赶紧选购吧!</p>
</div>
</div>
<div class="login">
<a href="">登录</a>
<span>|</span>
<a href="">注册</a>
<span>|</span>
<a href="">消息通知</a>
</div>
</div>
</div>
</div>
<div class="site-header">
<div class="container">
<div class="header-logo">
<a href="#" class="logo">
<img src="image/logo-mi2.png" class="logo-xiaomi" width="56px" height="56px" alt="">
</a>
</div>
<div class="header-nav">
<ul class="nav-list cleartb">
<li class="nav-item other">
<div style="display: inline-block; width: 90px"></div>
</li>
<span class="nav-background">
<li class="nav-item">
<span class="span-phone">
<a href="#" class="tit">
<span>小米手机</span>
</a>
<div class="item-children" style="display:none">
<div class="container">
<ul class="down-ul cleartb">
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/Xiaomi%20MIX%204.png"
alt=""></div>
<div class="title">Xiaomi MIX 4</div>
<p class="price">4999元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米MIX FOLD.png"
alt=""></div>
<div class="title">小米MIX FOLD</div>
<p class="price">9999元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米11%20Ultra.png"
alt=""></div>
<div class="title">小米11 Ultra</div>
<p class="price">5499元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米11 Pro.png"
alt=""></div>
<div class="title">小米11 Pro</div>
<p class="price">4499元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米11 青春版.png"
alt=""></div>
<div class="title">小米11 青春版</div>
<p class="price">1999元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米10S.png"
alt=""></div>
<div class="title">小米10S</div>
<p class="price">2999元起</p>
</a>
</li>
</ul>
</div>
</div>
</span>
</li>
<li class="nav-item">
<span class="span-phone">
<a href="" class="tit">
<span>Redmi 红米</span>
</a>
<div class="item-children" style="display: none">
<div class="container">
<ul class="down-ul cleartb">
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/Redmi Note 10 Pro.png" alt="">
</div>
<div class="title">Redmi Note 10 Pro</div>
<p class="price">1599元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/Redmi Note 10 5G.png" alt="">
</div>
<div class="title">Redmi Note 10 5G</div>
<p class="price">1099元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/K40 游戏增强版.png" alt="">
</div>
<div class="title">K40 游戏增强版</div>
<p class="price">1999元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/K40 Pro 系列.png" alt="">
</div>
<div class="title">K40 Pro 系列</div>
<p class="price">2499元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/Redmi K40.png" alt="">
</div>
<div class="title">Redmi K40</div>
<p class="price">1999元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/Redmi Note 9 4G.png" alt="">
</div>
<div class="title">Redmi Note 9 4G</div>
<p class="price">899元起</p>
</a>
</li>
</ul>
</div>
</div>
</span>
</li>
<li class="nav-item">
<span class="span-phone">
<a href="" class="tit">
<span>电视</span>
</a>
<div class="item-children" style="display: none">
<div class="container">
<ul class="down-ul cleartb">
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米电视6 55 OLED.png" alt="">
</div>
<div class="title">小米电视6 55 OLED</div>
<p class="price">4999元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米电视6 65 OLED.png" alt="">
</div>
<div class="title">小米电视6 65 OLED</div>
<p class="price">6999元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米电视 大师 77 OLED.png" alt="">
</div>
<div class="title">小米电视 大师 77 OLED</div>
<p class="price">19999元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米透明电视.png" alt="">
</div>
<div class="title">小米透明电视</div>
<p class="price">49999元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米电视 大师 65英寸OLED.png" alt="">
</div>
<div class="title">小米电视 大师 65英寸OLED</div>
<p class="price">9999元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/Redmi 智能电视 MAX 98.png" alt="">
</div>
<div class="title">Redmi 智能电视 MAX 98</div>
<p class="price">17999元起</p>
</a>
</li>
</ul>
</div>
</div>
</span>
</li>
<li class="nav-item">
<span class="span-phone">
<a href="" class="tit">
<span>笔记本</span> </a>
<div class="item-children" style="display: none">
<div class="container">
<ul class="down-ul cleartb">
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米笔记本 Pro X 15.png" alt="">
</div>
<div class="title">小米笔记本 Pro X 15</div>
<p class="price">8499元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/Redmibook Pro 14 锐龙版.png" alt="">
</div>
<div class="title">Redmibook Pro 14 锐龙版</div>
<p class="price">4699元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/Redmibook Pro 15 锐龙版.png" alt="">
</div>
<div class="title">Redmibook Pro 15 锐龙版</div>
<p class="price">5299元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米笔记本 Pro 15 锐龙版.png" alt="">
</div>
<div class="title">小米笔记本 Pro 15 锐龙版</div>
<p class="price">6299元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米笔记本Pro 15.png" alt="">
</div>
<div class="title">小米笔记本Pro 15</div>
<p class="price">6399元起</p>
</a>
</li>
</ul>
</div>
</div>
</span>
</li>
<li class="nav-item">
<span class="span-phone">
<a href="" class="tit">
<span>家电</span></a>
<div class="item-children" style="display: none">
<div class="container">
<ul class="down-ul cleartb">
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/米家风冷对开门冰箱 483L.png" alt="">
</div>
<div class="title">米家风冷对开门冰箱 483L</div>
<p class="price">2399元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/米家扫拖机器人1T.png" alt="">
</div>
<div class="title">米家扫拖机器人1T</div>
<p class="price">1999元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/米家互联网洗烘一体机10kg.png" alt="">
</div>
<div class="title">米家互联网洗烘一体机10kg</div>
<p class="price">1899元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米净水器S1 800G.png" alt="">
</div>
<div class="title">小米净水器S1 800G</div>
<p class="price">1999元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/米家空气净化器3 高效除菌.png" alt="">
</div>
<div class="title">米家空气净化器3 高效除菌</div>
<p class="price">799元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/Redmi全自动波轮洗衣机1A.png" alt="">
</div>
<div class="title">Redmi全自动波轮洗衣机1A</div>
<p class="price">799元起</p>
</a>
</li>
</ul>
</div>
</div>
</span>
</li>
<li class="nav-item">
<span class="span-phone">
<a href="" class="tit">
<span>路由器</span>
</a>
<div class="item-children" style="display: none">
<div class="container">
<ul class="down-ul cleartb">
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米路由器AX6000.png" alt="">
</div>
<div class="title">小米路由器AX6000</div>
<p class="price">599元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米路由器AX9000.png" alt="">
</div>
<div class="title">小米路由器AX9000</div>
<p class="price">1299元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/Redmi路由器AC2100.png" alt="">
</div>
<div class="title">Redmi路由器AC2100</div>
<p class="price">169元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米路由器 Mesh.png" alt="">
</div>
<div class="title">小米路由器 Mesh</div>
<p class="price">999元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米路由器4A 千兆版.png" alt="">
</div>
<div class="title">小米路由器4A 千兆版</div>
<p class="price">119元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米路由器 4C.png" alt="">
</div>
<div class="title">小米路由器 4C</div>
<p class="price">59元起</p>
</a>
</li>
</ul>
</div>
</div>
</span>
</li>
<li class="nav-item">
<span class="span-phone">
<a href="" class="tit">
<span>智能硬件</span>
</a>
<div class="item-children" style="display: none">
<div class="container">
<ul class="down-ul cleartb">
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/CyberDog 仿生四足机器人.png" alt="">
</div>
<div class="title">CyberDog 仿生四足机器人</div>
<p class="price">9999元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/小米智能门锁 1S.png" alt="">
</div>
<div class="title">小米智能门锁 1S</div>
<p class="price">1299元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/Redmi小爱触屏音箱Pro8.png" alt="">
</div>
<div class="title">Redmi小爱触屏音箱Pro8</div>
<p class="price">549元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/Xiaomi Sound.png" alt="">
</div>
<div class="title">Xiaomi Sound</div>
<p class="price">499元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/Redmi小爱音箱 Play.png" alt="">
</div>
<div class="title">Redmi小爱音箱 Play</div>
<p class="price">89元起</p>
</a>
</li>
<li class="down-li">
<a href="" class="pic">
<div class="figure">
<img src="image/file/查看全部.png" alt="">
</div>
<div class="title">查看全部</div>
<p style="color: rgb(51,51,51)">智能硬件</p>
</a>
</li>
</ul>
</div>
</div>
</span>
</li>
</span>
<li class="nav-item other">
<a href="">服务</a>
</li>
<li class="nav-item other">
<a href="">社区</a>
</li>
</ul>
</div>
<div class="header-search">
<form action="" method="get">
<input type="search" autocomplete="off" id="search" name="keyword" class="search-text"
placeholder="小米11">
<div class="text-list">
<ul>
<li>全部商品</li>
<li>小米平板5</li>
<li>小米11</li>
<li>空调</li>
<li>手机</li>
<li>小米灵感触控笔</li>
<li>洗衣机</li>
<li>小米10S</li>
</ul>
</div>
<input type="submit" value="" class="search-btn">
</form>
</div>
</div>
<span class="nav-background">
<div id="J_navMenu" class="header-nav-menu slide-up" style="display: none"></div>
</span>
</div>
</div>
<div class="outside_box">
<div class="inside_box">
<div class="img_f" id="carousel">
<div class="carousel_images">
<ul class="unit">
<li class="first">
<a href="">
<img src="image/big0.png" alt="">
</a>
</li>
<li>
<a href="">
<img src="image/big1.png" alt="">
</a>
</li>
<li>
<a href="">
<img src="image/big2.png" alt="">
</a>
</li>
<li>
<a href="">
<img src="image/big3.png" alt="">
</a>
</li>
</ul>
</div>
<div class="carousel_nav">
<ol>
<li class="cur"></li>
<li></li>
<li></li>
<li></li>
</ol>
</div>
<div class="left">
<ul class="hover_ul" id="hover_id">
<li class="ul_child"> 手机
<em class="iconfont-arrow-right-big"><img src="image/little.png" width="15" height="15"></em>
<div class="ul_inside children-col-1" style="display: none">
<ul>
<li><a href="#"><img src="image/file/Xiaomi%20MIX%204.jpg" width="40" height="40"><span
class="text">Xiaomi MIX 4</span></a></li>
<li><a href="#"><img src="image/file/小米11.jpg" width="40" height="40"><span
class="text">小米11</span></a>
</li>
<li><a href="#"><img src="image/file/Redmi%20K30%20至尊纪念版.jpg" width="40"
height="40"><span
class="text">Redmi K30 至尊纪念版</span></a></li>
<li><a href="#"><img src="image/file/Redmi%208A.jpg" width="40" height="40"><span
class="text">Redmi 8A</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米MIX%20FOLD.jpg" width="40" height="40"><span
class="text">小米MIX FOLD</span></a></li>
<li><a href="#"><img src="image/file/小米10.jpg" width="40" height="40"><span
class="text">小米10</span></a>
</li>
<li><a href="#"><img src="image/file/Note%2010%20Pro.jpg" width="40" height="40"><span
class="text">Note 10 Pro</span></a>
</li>
<li><a href="#"><img src="image/file/Redmi%20Note%209%20Pro.jpg" width="40"
height="40"><span class="text">Redmi Note 9 Pro</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米11%20Ultra.jpg" width="40" height="40"><span
class="text">小米11 Ultra</span></a></li>
<li><a href="#"><img src="image/file/黑鲨4%20Pro.jpg" width="40" height="40"><span
class="text">黑鲨4 Pro</span></a></li>
<li><a href="#"><img src="image/file/Note%2010%205G.jpg" width="40" height="40"><span
class="text">Note 10 5G</span></a>
</li>
<li><a href="#"><img src="image/file/Redmi%20Note%209%205G.jpg" width="40"
height="40"><span
class="text">Redmi Note 9 5G</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米11%20Pro.jpg" width="40" height="40"><span
class="text">小米11 Pro</span></a></li>
<li><a href="#"><img src="image/file/黑鲨4.jpg" width="40" height="40"><span
class="text">黑鲨4</span></a></li>
<li><a href="#"><img src="image/file/K40%20游戏增强版.jpg" width="40" height="40"><span
class="text">K40 游戏增强版</span></a>
</li>
<li><a href="#"><img src="image/file/Redmi%20Note%209%20%204G.jpg" width="40"
height="40"><span class="text">Redmi Note 9 4G</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米11%20青春.jpg" width="40" height="40"><span
class="text">小米11 青春</span></a></li>
<li><a href="#"><img src="image/file/Redmi%20K30S%20至尊纪念版.jpg" width="40"
height="40"><span
class="text">Redmi K30S 至尊纪念版</span></a></li>
<li><a href="#"><img src="image/file/K40%20Pro%20系列.jpg" width="40" height="40"><span
class="text">K40 Pro 0系列</span></a></li>
<li><a href="#"><img src="image/file/Redmi%209A.jpg" width="40" height="40"><span
class="text">Redmi 9A</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米10S.jpg" width="40" height="40"><span
class="text">小米10S</span></a>
</li>
<li><a href="#"><img src="image/file/小米云服务.jpg" width="40" height="40"><span
class="text">小米云服务</span></a>
</li>
<li><a href="#"><img src="image/file/Redmi%20K40.jpg" width="40" height="40"><span
class="text">Redmi K40</span></a></li>
<li><a href="#"><img src="image/file/手机上门维修.jpg" width="40" height="40"><span
class="text">手机上门维修</span></a>
</li>
</ul>
</div>
</li>
<li class="ul_child"> 电视
<em class="iconfont-arrow-right-big"><img src="image/little.png" width="15" height="15"></em>
<div class="ul_inside children-col-1" style="display: none">
<ul>
<li><a href="#"><img src="image/file/小米电视6%2055”%20%20OLED.jpg" width="40"
height="40"><span
class="text">小米电视6 55 OLED</span></a></li>
<li><a href="#"><img src="image/file/小米电视%20ES43%202022款.jpg" width="40"
height="40"><span
class="text">小米电视 ES43 2022款</span></a></li>
<li><a href="#"><img src="image/file/小米盒子.jpg" width="40" height="40"><span
class="text">小米盒子</span></a>
</li>
<li><a href="#"><img src="image/file/米家激光投影仪.jpg" width="40" height="40"><span
class="text">米家激光投影仪</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米电视6%2065”%20%20OLED.jpg" width="40"
height="40"><span
class="text">小米电视6 65 OLED</span></a></li>
<li><a href="#"><img src="image/file/小米电视%20ES55%202022款.jpg" width="40"
height="40"><span
class="text">小米电视ES55 2022 款</span></a></li>
<li><a href="#"><img src="image/file/大师电视%2065英寸%20OLED.jpg" width="40"
height="40"><span
class="text">大师电视 65英寸 OLED</span></a></li>
<li><a href="#"><img src="image/file/Redmi%20智能电视%20MAX%2098.jpg" width="40"
height="40"><span class="text">Redmi 智能电视 MAX 98</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米电视%20大师%20%2077”%20%20OLED.jpg" width="40"
height="40"><span class="text">小米电视 大师 77 OLED</span></a></li>
<li><a href="#"><img src="image/file/小米电视%20ES65%202022款.jpg" width="40"
height="40"><span
class="text">小米电视 ES65 2022款</span></a></li>
<li><a href="#"><img src="image/file/小米电视5%20Pro%2075英寸.jpg" width="40"
height="40"><span
class="text">小米电视5 Pro 75英寸</span></a></li>
<li><a href="#"><img src="image/file/小米电视5%2075英寸.jpg" width="40" height="40"><span
class="text">小米电视5 75英寸</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米电视6%20至尊版%2055英寸.jpg" width="40"
height="40"><span
class="text">小米电视6 至尊版 55英寸</span></a></li>
<li><a href="#"><img src="image/file/小米电视%20ES75%202022款.jpg" width="40"
height="40"><span
class="text">小米电视 ES75 2022款</span></a></li>
<li><a href="#"><img src="image/file/小米电视4A%2060英寸.jpg" width="40" height="40"><span
class="text">小米电视4A 60英寸</span></a></li>
<li><a href="#"><img src="image/file/小米电视4A%2070英寸.jpg" width="40" height="40"><span
class="text">小米电视4A 70英寸</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米电视6%20至尊版%2065英寸.jpg" width="40"
height="40"><span
class="text">小米电视6 至尊版 65英寸</span></a></li>
<li><a href="#"><img src="image/file/小米全面屏电视E43K.jpg" width="40" height="40"><span
class="text">小米全面屏电视E43K</span></a></li>
<li><a href="#"><img src="image/file/Redmi%20智能电视%20X55.jpg" width="40"
height="40"><span
class="text">Redmi 智能电视 X55</span></a></li>
<li><a href="#"><img src="image/file/小米电视4S%2075英寸.jpg" width="40" height="40"><span
class="text">小米电视4S 75英寸</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米电视6%20至尊版%2075英寸.jpg" width="40"
height="40"><span
class="text">小米电视6 至尊版 75英寸</span></a></li>
<li><a href="#"><img src="image/file/金属全面屏电视.jpg" width="40" height="40"><span
class="text">金属全面屏电视</span></a>
</li>
<li><a href="#"><img src="image/file/小米全面屏电视.jpg" width="40" height="40"><span
class="text">小米全面屏电视</span></a>
</li>
<li><a href="#"><img src="image/file/小米壁画电视.jpg" width="40" height="40"><span
class="text">小米壁画电视</span></a>
</li>
</ul>
</div>
</li>
<li class="ul_child"> 笔记本 平板
<em class="iconfont-arrow-right-big"><img src="image/little.png" width="15" height="15"></em>
<div class="ul_inside children-col-2" style="display: none">
<ul>
<li><a href="#"><img src="image/file/小米平板5.jpg" width="40" height="40"><span
class="text">小米平板5</span></a>
</li>
<li><a href="#"><img src="image/file/小米笔记本%20Pro%20X%2015.jpg" width="40"
height="40"><span
class="text">小米笔记本 Pro X 15</span></a></li>
<li><a href="#"><img src="image/file/Redmi%20G%20游戏本.jpg" width="40" height="40"><span
class="text">Redmi G 游戏本</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米平板5%20Pro.jpg" width="40" height="40"><span
class="text">小米平板5 Pro</span></a></li>
<li><a href="#"><img src="image/file/RedmiBook%20Pro%2014%20锐龙版.jpg" width="40"
height="40"><span
class="text">RedmiBook Pro 14 锐龙版</span></a></li>
<li><a href="#"><img src="image/file/RedmiBook%20Air%2013.jpg" width="40"
height="40"><span
class="text">RedmiBook Air 13</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米笔记本%20Pro%2014%20增强版.jpg " width="40"
height="40"><span class="text">小米笔记本 Pro14 增强版</span></a></li>
<li><a href="#"><img src="image/file/RedmiBook%20Pro%2015%20锐龙版.jpg" width="40"
height="40"><span
class="text">RedmiBook Pro 15 锐龙版</span></a></li>
<li><a href="#"><img src="image/file/小米Redmi%20显示器.jpg" width="40" height="40"><span
class="text">小米/Redmi 显示器</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米笔记本%20Pro%2015%20增强版.jpg" width="40"
height="40"><span class="text">小米笔记本 Pro 15 增强版</span></a></li>
<li><a href="#"><img src="image/file/小米笔记本%20Pro%2015%20锐龙版.jpg" width="40"
height="40"><span class="text">小米笔记本 Pro 15 锐龙版</span></a></li>
<li><a href="#"><img src="image/file/键鼠套装.jpg" width="40" height="40"><span
class="text">键鼠套装</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/RedmiBook%20Pro%2014%20增强版.jpg" width="40"
height="40"><span
class="text">RedmiBook Pro 14 增强版</span></a></li>
<li><a href="#"><img src="image/file/小米笔记本Pro%2015.jpg" width="40" height="40"><span
class="text">小米笔记本Pro 15</span></a></li>
<li><a href="#"><img src="image/file/鼠标.jpg" width="40" height="40"><span
class="text">鼠标</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/RedmiBook%20Pro%2015%20增强版.jpg" width="40"
height="40"><span
class="text">RedmiBook Pro 15 增强版</span></a></li>
<li><a href="#"><img src="image/file/小米笔记本Pro%2014.jpg" width="40" height="40"><span
class="text">小米笔记本Pro 14</span></a></li>
</ul>
</div>
</li>
<li class="ul_child"> 家电
<em class="iconfont-arrow-right-big"><img src="image/little.png" width="15" height="15"></em>
<div class="ul_inside children-col-1" style="display: none">
<ul>
<li><a href="#"><img src="image/file/冰箱.jpg" width="40" height="40"><span
class="text">冰箱</span></a></li>
<li><a href="#"><img src="image/file/微波炉.jpg" width="40" height="40"><span
class="text">微波炉</span></a></li>
<li><a href="#"><img src="image/file/电磁炉.jpg" width="40" height="40"><span
class="text">电磁炉</span></a></li>
<li><a href="#"><img src="image/file/插线板.jpg" width="40" height="40"><span
class="text">插线板</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/立式空调.jpg" width="40" height="40"><span
class="text">立式空调</span></a>
</li>
<li><a href="#"><img src="image/file/电烤箱.jpg" width="40" height="40"><span
class="text">电烤箱</span></a></li>
<li><a href="#"><img src="image/file/电水壶.jpg" width="40" height="40"><span
class="text">电水壶</span></a></li>
<li><a href="#"><img src="image/file/新风机.jpg" width="40" height="40"><span
class="text">新风机</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/壁挂空调.jpg" width="40" height="40"><span
class="text">壁挂空调</span></a>
</li>
<li><a href="#"><img src="image/file/扫地机器人.jpg" width="40" height="40"><span
class="text">扫地机器人</span></a>
</li>
<li><a href="#"><img src="image/file/滤水壶.jpg" width="40" height="40"><span
class="text">滤水壶</span></a></li>
<li><a href="#"><img src="image/file/电暖器.jpg" width="40" height="40"><span
class="text">电暖器</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/滚筒洗衣机.jpg" width="40" height="40"><span
class="text">滚筒洗衣机</span></a>
</li>
<li><a href="#"><img src="image/file/吸尘器.jpg" width="40" height="40"><span
class="text">吸尘器</span></a></li>
<li><a href="#"><img src="image/file/落地风扇.jpg" width="40" height="40"><span
class="text">落地风扇</span></a>
</li>
<li><a href="#"><img src="image/file/电压力锅.jpg" width="40" height="40"><span
class="text">电压力锅</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/Redmi全自动波轮洗衣机.jpg" width="40" height="40"><span
class="text">Redmi全自动波轮洗衣机</span></a></li>
<li><a href="#"><img src="image/file/空气净化器.jpg" width="40" height="40"><span
class="text">空气净化器</span></a>
</li>
<li><a href="#"><img src="image/file/投影仪.jpg" width="40" height="40"><span
class="text">投影仪</span></a></li>
<li><a href="#"><img src="image/file/料理机.jpg" width="40" height="40"><span
class="text">料理机</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/净水器.jpg" width="40" height="40"><span
class="text">净水器</span></a></li>
<li><a href="#"><img src="image/file/电饭煲.jpg" width="40" height="40"><span
class="text">电饭煲</span></a></li>
<li><a href="#"><img src="image/file/灯具.jpg" width="40" height="40"><span
class="text">灯具</span></a></li>
<li><a href="#"><img src="image/file/电煮壶.jpg" width="40" height="40"><span
class="text">电煮壶</span></a></li>
</ul>
</div>
</li>
<li class="ul_child"> 出行 穿戴
<em class="iconfont-arrow-right-big"><img src="image/little.png" width="15" height="15"></em>
<div class="ul_inside children-col-2" style="display: none">
<ul>
<li><a href="#"><img src="image/file/小米手环6%20NFC版.jpg" width="40" height="40"><span
class="text">小米手环6 NFC版</span></a></li>
<li><a href="#"><img src="image/file/平衡车.jpg" width="40" height="40"><span
class="text">平衡车</span></a></li>
<li><a href="#"><img src="image/file/石英表.jpg" width="40" height="40"><span
class="text">石英表</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米手环6%20标准版.jpg" width="40" height="40"><span
class="text">小米手环6 标准版</span></a></li>
<li><a href="#"><img src="image/file/滑板车.jpg" width="40" height="40"><span
class="text">滑板车</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/Redmi%20手表.jpg" width="40" height="40"><span
class="text">Redmi 手表</span></a></li>
<li><a href="#"><img src="image/file/自行车.jpg" width="40" height="40"><span
class="text">自行车</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米手环5NFC.jpg" width="40" height="40"><span
class="text">小米手环5NFC</span></a></li>
<li><a href="#"><img src="image/file/车载充电器.jpg" width="40" height="40"><span
class="text">车载充电器</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米手环5.jpg" width="40" height="40"><span
class="text">小米手环5</span></a>
</li>
<li><a href="#"><img src="image/file/智能记录仪.jpg" width="40" height="40"><span
class="text">智能记录仪</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米手表.jpg" width="40" height="40"><span
class="text">小米手表</span></a>
</li>
<li><a href="#"><img src="image/file/充气宝.jpg" width="40" height="40"><span
class="text">充气宝</span></a></li>
</ul>
</div>
</li>
<li class="ul_child"> 智能 路由器
<em class="iconfont-arrow-right-big"><img src="image/little.png" width="15" height="15"></em>
<div class="ul_inside children-col-2" style="display: none">
<ul>
<li><a href="#"><img src="image/file/CyberDog.jpg" width="40" height="40"><span
class="text">CyberDog</span></a></li>
<li><a href="#"><img src="image/file/对讲机.jpg" width="40" height="40"><span
class="text">对讲机</span></a></li>
<li><a href="#"><img src="image/file/小爱音箱.jpg" width="40" height="40"><span
class="text">小爱音箱</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/打印机.jpg" width="40" height="40"><span
class="text">打印机</span></a></li>
<li><a href="#"><img src="image/file/摄像机.jpg" width="40" height="40"><span
class="text">摄像机</span></a></li>
<li><a href="#"><img src="image/file/云服务空间年卡.jpg" width="40" height="40"><span
class="text">云服务空间年卡</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/喷墨打印机.jpg" width="40" height="40"><span
class="text">喷墨打印机</span></a>
</li>
<li><a href="#"><img src="image/file/智能门锁.jpg" width="40" height="40"><span
class="text">智能门锁</span></a>
</li>
<li><a href="#"><img src="image/file/云服务空间月卡.jpg" width="40" height="40"><span
class="text">云服务空间月卡</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/喷墨打印机墨水.jpg" width="40" height="40"><span
class="text">喷墨打印机墨水</span></a>
</li>
<li><a href="#"><img src="image/file/视频门铃.jpg" width="40" height="40"><span
class="text">视频门铃</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米路由器.jpg" width="40" height="40"><span
class="text">小米路由器</span></a>
</li>
<li><a href="#"><img src="image/file/小爱老师.jpg" width="40" height="40"><span
class="text">小爱老师</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/智能家庭.jpg" width="40" height="40"><span
class="text">智能家庭</span></a>
</li>
<li><a href="#"><img src="image/file/Redmi路由器.jpg" width="40" height="40"><span
class="text">Redmi路由器</span></a></li>
</ul>
</div>
</li>
<li class="ul_child"> 电源 配件
<em class="iconfont-arrow-right-big"><img src="image/little.png" width="15" height="15"></em>
<div class="ul_inside children-col-3" style="display: none">
<ul>
<li><a href="#"><img src="image/file/移动电源.jpg" width="40" height="40"><span
class="text">移动电源</span></a>
</li>
<li><a href="#"><img src="image/file/手机贴膜.jpg" width="40" height="40"><span
class="text">手机贴膜</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/数据线.jpg" width="40" height="40"><span
class="text">数据线</span></a></li>
<li><a href="#"><img src="image/file/无线充电器.jpg" width="40" height="40"><span
class="text">无线充电器</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/充电器.jpg" width="40" height="40"><span
class="text">充电器</span></a></li>
<li><a href="#"><img src="image/file/平板配件.jpg" width="40" height="40"><span
class="text">平板配件</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/电池.jpg" width="40" height="40"><span
class="text">电池</span></a></li>
<li><a href="#"><img src="image/file/黑鲨配件.jpg" width="40" height="40"><span
class="text">黑鲨配件</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/自拍杆.jpg" width="40" height="40"><span
class="text">自拍杆</span></a></li>
<li><a href="#"><img src="image/file/其他配件.jpg" width="40" height="40"><span
class="text">其他配件</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/手机壳.jpg" width="40" height="40"><span
class="text">手机壳</span></a></li>
</ul>
</div>
</li>
<li class="ul_child"> 健康 儿童
<em class="iconfont-arrow-right-big"><img src="image/little.png" width="15" height="15"></em>
<div class="ul_inside children-col-2" style="display: none">
<ul>
<li><a href="#"><img src="image/file/洗手机.jpg" width="40" height="40"><span
class="text">洗手机</span></a></li>
<li><a href="#"><img src="image/file/体脂秤.jpg" width="40" height="40"><span
class="text">体脂秤</span></a></li>
<li><a href="#"><img src="image/file/理发器.jpg" width="40" height="40"><span
class="text">理发器</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/剃须刀.jpg" width="40" height="40"><span
class="text">剃须刀</span></a></li>
<li><a href="#"><img src="image/file/早教启智.jpg" width="40" height="40"><span
class="text">早教启智</span></a>
</li>
<li><a href="#"><img src="image/file/走步机.jpg" width="40" height="40"><span
class="text">走步机</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/修剪器.jpg" width="40" height="40"><span
class="text">修剪器</span></a></li>
<li><a href="#"><img src="image/file/益智积木.jpg" width="40" height="40"><span
class="text">益智积木</span></a>
</li>
<li><a href="#"><img src="image/file/智能遥控车.jpg" width="40" height="40"><span
class="text">智能遥控车</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/牙刷.jpg" width="40" height="40"><span
class="text">牙刷</span></a></li>
<li><a href="#"><img src="image/file/儿童手表.jpg" width="40" height="40"><span
class="text">儿童手表</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/吹风机.jpg" width="40" height="40"><span
class="text">吹风机</span></a></li>
<li><a href="#"><img src="image/file/儿童滑板车.jpg" width="40" height="40"><span
class="text">儿童滑板车</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/体重秤.jpg" width="40" height="40"><span
class="text">体重秤</span></a></li>
<li><a href="#"><img src="image/file/婴儿推车.jpg" width="40" height="40"><span
class="text">婴儿推车</span></a>
</li>
</ul>
</div>
</li>
<li class="ul_child"> 耳机 音箱
<em class="iconfont-arrow-right-big"><img src="image/little.png" width="15" height="15"></em>
<div class="ul_inside children-col-2" style="display: none">
<ul>
<li><a href="#"><img src="image/file/Redmi%20AirDots%203.jpg" width="40"
height="40"><span
class="text">Redmi AirDots 3</span></a></li>
<li><a href="#"><img src="image/file/小米小爱触屏音箱.jpg" width="40" height="40"><span
class="text">小米小爱触屏音箱</span></a></li>
<li><a href="#"><img src="image/file/品牌耳机.jpg" width="40" height="40"><span
class="text">品牌耳机</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/Xiaomi%20Sound.jpg" width="40" height="40"><span
class="text">Xiaomi Sound</span></a></li>
<li><a href="#"><img src="image/file/Redmi音箱.jpg" width="40" height="40"><span
class="text">Redmi音箱</span></a>
</li>
<li><a href="#"><img src="image/file/蓝牙音箱.jpg" width="40" height="40"><span
class="text">蓝牙音箱</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/Redmi小爱触屏音箱%208.jpg" width="40" height="40"><span
class="text">Redmi小爱触屏音箱 8</span></a></li>
<li><a href="#"><img src="image/file/小米小爱音箱%20Play.jpg" width="40" height="40"><span
class="text">小米小爱音箱 Play</span></a></li>
<li><a href="#"><img src="image/file/小米AI音箱.jpg" width="40" height="40"><span
class="text">小米AI音箱</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小爱触屏音箱Pro%208.jpg" width="40" height="40"><span
class="text">小爱触屏音箱Pro 8</span></a></li>
<li><a href="#"><img src="image/file/线控耳机.jpg" width="40" height="40"><span
class="text">线控耳机</span></a>
</li>
<li><a href="#"><img src="image/file/小米小爱音箱HD.jpg" width="40" height="40"><span
class="text">小米小爱音箱HD</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小爱音箱%20Pro%20.jpg" width="40" height="40"><span
class="text">小爱音箱 Pro</span></a></li>
<li><a href="#"><img src="image/file/蓝牙耳机.jpg" width="40" height="40"><span
class="text">蓝牙耳机</span></a>
</li>
<li><a href="#"><img src="image/file/k歌耳机.jpg" width="40" height="40"><span
class="text">k歌耳机</span></a>
</li>
</ul>
<ul>
<li><a href="#"><img src="image/file/小米小爱音箱.jpg" width="40" height="40"><span
class="text">小米小爱音箱</span></a>
</li>
<li><a href="#"><img src="image/file/头戴耳机.jpg" width="40" height="40"><span
class="text">头戴耳机</span></a>
</li>
</ul>
</div>
</li>
<li class="ul_child"> 生活 箱包
<em class="iconfont-arrow-right-big"><img src="image/little.png" width="15" height="15"></em>
<div class="ul_inside children-col-2" style="display: none">
<ul>
<li><a href="#"><img src="image/file/小背包.jpg" width="40" height="40"><span
class="text">小背包</span></a></li>
<li><a href="#"><img src="image/file/床垫.jpg" width="40" height="40"><span
class="text">床垫</span></a></li>
<li><a href="#"><img src="image/file/米兔.jpg" width="40" height="40"><span
class="text">米兔</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/双肩包.jpg" width="40" height="40"><span
class="text">双肩包</span></a></li>
<li><a href="#"><img src="image/file/枕头.jpg" width="40" height="40"><span
class="text">枕头</span></a></li>
<li><a href="#"><img src="image/file/笔.jpg" width="40" height="40"><span
class="text">笔</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/胸包.jpg" width="40" height="40"><span
class="text">胸包</span></a></li>
<li><a href="#"><img src="image/file/螺丝刀.jpg" width="40" height="40"><span
class="text">螺丝刀</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/旅行箱.jpg" width="40" height="40"><span
class="text">旅行箱</span></a></li>
<li><a href="#"><img src="image/file/保温杯.jpg" width="40" height="40"><span
class="text">保温杯</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/运动鞋.jpg" width="40" height="40"><span
class="text">运动鞋</span></a></li>
<li><a href="#"><img src="image/file/驱蚊器.jpg" width="40" height="40"><span
class="text">驱蚊器</span></a></li>
</ul>
<ul>
<li><a href="#"><img src="image/file/眼镜.jpg" width="40" height="40"><span
class="text">眼镜</span></a></li>
<li><a href="#"><img src="image/file/毛巾浴巾.jpg" width="40" height="40"><span
class="text">毛巾浴巾</span></a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="carousel_btns">
<div class="swiper-button-prev"><img src="image/left1.png" width="35px" height="35px"></div>
<div class="swiper-button-next"><img src="image/right1.png" width="35px" height="35px"></div>
</div>
</div>
</div>
<div class="home-hero-sub">
<div class="span4">
<ul class="home-channel-list clearfix">
<li>
<a href="#">
<img src="image/保障.png" alt="">
保障服务
</a>
</li>
<li>
<a href="#">
<img src="image/企业团购.png" alt="">
企业团购
</a>
</li>
<li>
<a href="#">
<img src="image/F码通道.png" alt="">
F码通道
</a>
</li>
<li>
<a href="#">
<img src="image/米粉卡.png" alt="">
米粉卡
</a>
</li>
<li>
<a href="#">
<img src="image/以旧换新.png" alt="">
以旧换新
</a>
</li>
<li>
<a href="#">
<img src="image/话费充值.png" alt="">
话费充值
</a>
</li>
</ul>
</div>
<div class="span16">
<ul id="homePromoList" class="home-promo-list clearfix">
<li class="first"><a href=""><img src="image/广告1.jpg" alt=""></a></li>
<li><a href=""><img src="image/广告2.jpg" alt=""></a></li>
<li><a href=""><img src="image/广告3.png" alt=""></a></li>
</ul>
</div>
</div>
</div>
项目目录:
效果视图:
仿小米官网网页源码