Слияние кода завершено, страница обновится автоматически
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>小米</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/jquery-1.11.0.js"></script>
<script src="js/jquery-ui.js"></script>
<link rel="stylesheet" href="iconfont/iconfont.css">
</head>
<body>
<!--顶部栏-->
<div class="topBar">
<div class="container">
<div class="topBar-list">
<a href="#">小米商城</a>
<span>|</span>
<a href="#">MIUI</a>
<span>|</span>
<a href="#">loT</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="#">下载app</a>
<span>|</span>
<a href="#">Select Locat</a>
<span>|</span>
</div>
<div class="shop">
<a href="#" class="iconfont icon-gouwuche">购物车（0）</a>
<div id="drop-down">您暂时没有购买物品</div>
</div>
<div class="login">
<a href="#">登录</a>
<span>|</span>
<a href="#">注册</a>
<span>|</span>
<a href="#">消息通知</a>
<span>|</span>
</div>
</div>
</div>
<!--导航栏-->
<div class="header">
<div class="container">
<div class="site-logo">
<img src="img/logo.png" />
</div>
<div class="site-list">
<ul>
<li class="site-category">
<a href="">全部商品分类</a>
<!--侧边栏-->
<div class="category-list">
<ul>
<li id="cebianl1">
<a href="#">
手机 电话卡
<span class="iconfont icon-you"></span>
</a>
<div class="cebianlan" id="cebianl1-1">
<ul>
<li>
<a href="#"><img src="img/shubao1.png"><span>第一个页面</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
</ul>
</div>
</li>
<li id="cebianl2">
<a href="#">
电视 盒子
<span class="iconfont icon-you"></span>
</a>
<div class="cebianlan" id="cebianl2-1">
<ul>
<li>
<a href="#"><img src="img/shubao1.png"><span>第二个页面</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
</ul>
</div>
</li>
<li id="cebianl3">
<a href="#">
笔记本 平板
<span class="iconfont icon-you"></span>
</a>
<div class="cebianlan" id="cebianl3-1">
<ul>
<li>
<a href="#"><img src="img/shubao1.png"><span>第三个页面</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
</ul>
</div>
</li>
<li id="cebianl4">
<a href="#">
家电 插线板
<span class="iconfont icon-you"></span>
</a>
<div class="cebianlan" id="cebianl4-1">
<ul>
<li>
<a href="#"><img src="img/shubao1.png"><span>第四个页面</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
</ul>
</div>
</li>
<li id="cebianl5">
<a href="#">
出行 穿戴
<span class="iconfont icon-you"></span>
</a>
<div class="cebianlan" id="cebianl5-1">
<ul>
<li>
<a href="#"><img src="img/shubao1.png"><span>第五个页面</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
</ul>
</div>
</li>
<li id="cebianl6">
<a href="#">
智能 路由器
<span class="iconfont icon-you"></span>
</a>
<div class="cebianlan" id="cebianl6-1">
<ul>
<li>
<a href="#"><img src="img/shubao1.png"><span>第六个页面</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
</ul>
</div>
</li>
<li id="cebianl7">
<a href="#">
电源 配件
<span class="iconfont icon-you"></span>
</a>
<div class="cebianlan" id="cebianl7-1">
<ul>
<li>
<a href="#"><img src="img/shubao1.png"><span>第七个页面</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
</ul>
</div>
</li>
<li id="cebianl8">
<a href="#">
健康 儿童
<span class="iconfont icon-you"></span>
</a>
<div class="cebianlan" id="cebianl8-1">
<ul>
<li>
<a href="#"><img src="img/shubao1.png"><span>第八个页面</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
</ul>
</div>
</li>
<li id="cebianl9">
<a href="#">
耳机 音响
<span class="iconfont icon-you"></span>
</a>
<div class="cebianlan" id="cebianl9-1">
<ul>
<li>
<a href="#"><img src="img/shubao1.png"><span>第九个页面</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
</ul>
</div>
</li>
<li id="cebianl10">
<a href="#">
生活 箱包
<span class="iconfont icon-you"></span>
</a>
<div class="cebianlan" id="cebianl10-1">
<ul>
<li>
<a href="#"><img src="img/shubao1.png"><span>第十个页面</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米CC9 Pro</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>redmi note8</span></a>
</li>
<li>
<a href="#"><img src="img/shubao1.png"><span>小米cc美图定制版</span></a>
</li>
<li>
<a href="#"><img src="img/shubao2.png"><span>小米MIX3</span></a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li id="submenu1">
<a href="#">小米手机</a>
<div class="submenu1" id="submenu1-1">
<ul>
<li style="border-left: 0px;">
<img src="img/phone1.png" />
<br>
<span>小米cc9 pro</span>
</li>
<li>
<img src="img/phone1.png" />
<br>
<span>小米cc9 pro</span>
</li>
<li>
<img src="img/phone1.png" />
<br>
<span>小米cc9 pro</span>
</li>
<li>
<img src="img/phone1.png" />
<br>
<span>小米cc9 pro</span>
</li>
<li>
<img src="img/phone1.png" />
<br>
<span>小米cc9 pro</span>
</li>
<li>
<img src="img/phone1.png" />
<br>
<span>小米cc9 pro</span>
</li>
</ul>
</div>
</li>
<li id="submenu2">
<a href="#">Redmi红米</a>
<div class="submenu1" id="submenu2-1">
<ul>
<li style="border-left: 0px;">
<img src="img/phone2.png">
<br>
<span>red mi 8</span>
</li>
<li>
<img src="img/phone2.png">
<br>
<span>red mi 8</span>
</li>
<li>
<img src="img/phone2.png">
<br>
<span>red mi 8</span>
</li>
<li>
<img src="img/phone2.png">
<br>
<span>red mi 8</span>
</li>
<li>
<img src="img/phone2.png">
<br>
<span>red mi 8</span>
</li>
<li>
<img src="img/phone2.png">
<br>
<span>red mi 8</span>
</li>
</ul>
</div>
</li>
<li id="submenu3">
<a href="#">电视</a>
<div class="submenu1" id="submenu3-1">
<ul>
<li style="border-left: 0px;">
<img src="img/phone3.png" />
<br>
<span>小米壁画电视</span>
</li>
<li>
<img src="img/phone3.png" />
<br>
<span>小米壁画电视</span>
</li>
<li>
<img src="img/phone3.png" />
<br>
<span>小米壁画电视</span>
</li>
<li>
<img src="img/phone3.png" />
<br>
<span>小米壁画电视</span>
</li>
<li>
<img src="img/phone3.png" />
<br>
<span>小米壁画电视</span>
</li>
<li>
<img src="img/phone3.png" />
<br>
<span>小米壁画电视</span>
</li>
</ul>
</div>
</li>
<li id="submenu4">
<a href="#">笔记本</a>
<div class="submenu1" id="submenu4-1">
<ul>
<li style="border-left: 0px;">
<img src="img/phone6.png" />
<br>
<span>小米笔记本</span>
</li>
<li>
<img src="img/phone6.png" />
<br>
<span>小米笔记本</span>
</li>
<li>
<img src="img/phone6.png" />
<br>
<span>小米笔记本</span>
</li>
<li>
<img src="img/phone6.png" />
<br>
<span>小米笔记本</span>
</li>
<li>
<img src="img/phone6.png" />
<br>
<span>小米笔记本</span>
</li>
<li>
<img src="img/phone6.png" />
<br>
<span>小米笔记本</span>
</li>
</ul>
</div>
</li>
<li id="submenu5">
<a href="#">家电</a>
<div class="submenu1" id="submenu5-1">
<ul>
<li style="border-left: 0px;">
<img src="img/phone4.png" />
<br>
<span>空调</span>
</li>
<li>
<img src="img/phone4.png" />
<br>
<span>空调</span>
</li>
<li>
<img src="img/phone4.png" />
<br>
<span>空调</span>
</li>
<li>
<img src="img/phone4.png" />
<br>
<span>空调</span>
</li>
<li>
<img src="img/phone4.png" />
<br>
<span>空调</span>
</li>
<li>
<img src="img/phone4.png" />
<br>
<span>空调</span>
</li>
</ul>
</div>
</li>
<li id="submenu6">
<a href="#">路由器</a>
<div class="submenu1" id="submenu6-1">
<ul>
<li style="border-left: 0px;">
<img src="img/phone5.png" />
<br>
<span>路由器</span>
</li>
<li>
<img src="img/phone5.png" />
<br>
<span>路由器</span>
</li>
<li>
<img src="img/phone5.png" />
<br>
<span>路由器</span>
</li>
<li>
<img src="img/phone5.png" />
<br>
<span>路由器</span>
</li>
<li>
<img src="img/phone5.png" />
<br>
<span>路由器</span>
</li>
<li>
<img src="img/phone5.png" />
<br>
<span>路由器</span>
</li>
</ul>
</div>
</li>
<li id="submenu7">
<a href="#">智能硬件</a>
<div class="submenu1" id="submenu7-1">
<ul>
<li style="border-left: 0px;">
<img src="img/phone7.png" />
<br>
<span>小米智能门锁</span>
</li>
<li>
<img src="img/phone7.png" />
<br>
<span>小米智能门锁</span>
</li>
<li>
<img src="img/phone7.png" />
<br>
<span>小米智能门锁</span>
</li>
<li>
<img src="img/phone7.png" />
<br>
<span>小米智能门锁</span>
</li>
<li>
<img src="img/phone7.png" />
<br>
<span>小米智能门锁</span>
</li>
<li>
<img src="img/phone7.png" />
<br>
<span>小米智能门锁</span>
</li>
</ul>
</div>
</li>
<li>
<a href="#">服务</a>
</li>
<li>
<a href="#">社区</a>
</li>
</ul>
</div>
<div class="site-search">
<form action="">
<input type="text" name="shop" class="search-text" />
<button id="search-btn"><span class="iconfont icon-fangdajing"></span></button>
<div class="search-word">
<a href="#">小米9</a>
<a href="#">小米9SE</a>
</div>
</form>
<div class="prompt">
<ul>
<li>小米9</li>
<li>redmi K20 pro</li>
<li>小米电视4c</li>
<li>小爱音箱</li>
<li>净水器</li>
<li>电视32英寸</li>
<li>Redmi note 7</li>
</ul>
</div>
</div>
</div>
</div>
<!--主页内容-->
<div class="site-content">
<div class="container">
<!--轮播图-->
<div class="site-slider">
<ul class="list">
<li class="item"></li>
<li class="item"></li>
<li class="item"></li>
<li class="item"></li>
<li class="item"></li>
</ul>
<span class="next" id="goNext"></span>
<span class="prev" id="goPre"></span>
<div class="slider-item">
<a href="#" class="bullet focus"></a>
<a href="#" class="bullet"></a>
<a href="#" class="bullet"></a>
<a href="#" class="bullet"></a>
<a href="#" class="bullet"></a>
</div>
</div>
<!--<div class="site-slider">
<a href="#"><img src="img/banner.jpg"/></a>
<span class="next"></span>
<span class="prev"></span>
小圆点
<div class="slider-item">
<a href="#" class="bullet focus"></a>
<a href="#" class="bullet"></a>
<a href="#" class="bullet"></a>
<a href="#" class="bullet"></a>
<a href="#" class="bullet"></a>
</div>
</div>-->
<div class="box">
<div class="box-etui1">
<ul class="box-bf">
<li><span class="iconfont icon-shijianlishijilujishizhongbiaoxianxing"></span>小米秒杀</li>
<li><span class="iconfont icon-qiye"></span>企业团购</li>
<li><span class="iconfont icon-fma"></span>F码通道</li>
<li><span class="iconfont icon-dianhuaqia"></span>米粉卡</li>
<li><span class="iconfont icon-qian"></span>以旧换新</li>
<li><span class="iconfont icon-huafeichongzhi"></span>话费充值</li>
</ul>
</div>
<div class="box-etui"><img src="img/shouji1.jpg"></div>
<div class="box-etui"><img src="img/shouji2.jpg"></div>
<div class="box-etui"><img src="img/shouji3.jpg"></div>
</div>
<!--向导-->
<!--<div class="content-sub">
<div class="conten-channel">
<ul class="channel-list">
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
</ul>
</div>
<div class="content-list">
<ul>
<li>
<a href="#">
<img src=""/>
</a>
</li>
<li>
<a href="#">
<img src=""/>
</a>
</li>
<li>
<a href="#">
<img src=""/>
</a>
</li>
</ul>
</div>
</div>
</div>-->
</div>
<!--内容详情-->
<div class="frame">
<!--框架-->
<div class="content">
<div class="content-desc">
<span class="font" id="abc">
小米闪购
</span>
<span class="icon">
<i class="iconfont icon-zuo"></i>
<i class="iconfont icon-zuo1"></i>
</span>
</div>
<div class="map-right">
<ul>
<li><div class="h3">14:00场</div></li>
<li><img src="img/flash.png"></li>
<li class="text">距离结束还有</li>
<li class="time">
<span id="hours">00</span><i>:</i>
<span id="min">00</span><i>:</i>
<span id="seconds">00</span>
</li>
</ul>
</div>
<ul>
<li class="map">
<ul>
<li class="img-box"><img src="img/seckill1.png"></li>
<li><span class="title">小米米家视频门铃 套餐</span></li>
<li><span class="desc">是门铃也是门前的护卫</span></li>
<p><span>209元</span><del>400元</del></p>
</ul>
<span class="flag">5折</span>
</li>
<li class="map">
<ul>
<li class="img-box"><img src="img/seckill2.png"></li>
<li><span class="title">米家魔方转换器 有线版</span></li>
<li><span class="desc">方寸之间，能量无限</span></li>
<p><span>59元</span><del>69元</del></p>
</ul>
</li>
<li class="map">
<ul>
<li class="img-box"><img src="img/seckill3.png"></li>
<li><span class="title">小米路由器4A 纯白色</span></li>
<li><span class="desc">更高性价比的双频路由器</span></li>
<p><span>99元</span><del>119元</del></p>
</ul>
</li>
<li class="map">
<ul>
<li class="img-box"><img src="img/seckill4.png"></li>
<li><span class="title">MIJOY 抽纸青春版 24包/箱</span></li>
<li><span class="desc">精选原浆竹浆，健康环保</span></li>
<p><span>27.9元</span><del>32.9</del></p>
</ul>
</li>
</ul>
<div class="banner">
<img src="img/bottom-banner1.png"/>
</div>
<div class="phone-banner">
<span class="phone">手机</span>
<span class="more">查看全部></span>
<div class="photo-max">
<div class="photo-one">
<!--<img src="img/photo-max1.png" />-->
</div>
<div class="photo"></div>
<div class="photo"></div>
<div class="photo"></div>
<div class="photo-right"></div>
<div class="photo"></div>
<div class="photo"></div>
<div class="photo"></div>
<div class="photo-right"></div>
<div class="banner"></div>
</div>
</div>
<div class="phone-banner">
<span class="phone">家电</span>
<span class="more-right">电视影音</span>
<span class="more">热门</span>
<div class="photo-max">
<div class="photo-one">
<!--<img src="img/photo-max1.png" />-->
</div>
<div class="photo"></div>
<div class="photo"></div>
<div class="photo"></div>
<div class="photo-right"></div>
<div class="photo"></div>
<div class="photo"></div>
<div class="photo"></div>
<div class="photo-right"></div>
<div class="banner"></div>
</div>
</div>
<div class="video">
<span class="video-font">视频</span>
<span class="video-right">查看全部></span>
<div class="video-max">
<div class="video-box-one"></div>
<div class="video-box"></div>
<div class="video-box"></div>
<div class="video-box-two"></div>
</div>
</div>
</div>
</div>
<!--脚部-->
<div class="footer">
<div class="container">
<span>
<a href="#">预约维修服务</a>
<a href="#">7天无理由退货</a>
<a href="#">十五天免费换货</a>
<a href="#">满150包邮</a>
<a href="#" class="right">520余家售后网点</a>
</span>
<div class="font-max">
<div class="footer-font">
<span>
帮助中心
</span>
<ul>
<li>账户管理</li>
<li>购物指南</li>
<li>售后政策</li>
</ul>
</div>
<div class="footer-font"><span>
帮助中心
</span>
<ul>
<li>账户管理</li>
<li>购物指南</li>
<li>售后政策</li>
</ul>
</div>
<div class="footer-font"><span>
帮助中心
</span>
<ul>
<li>账户管理</li>
<li>购物指南</li>
<li>售后政策</li>
</ul>
</div>
<div class="footer-font"><span>
帮助中心
</span>
<ul>
<li>账户管理</li>
<li>购物指南</li>
<li>售后政策</li>
</ul>
</div>
<div class="footer-font"><span>
帮助中心
</span>
<ul>
<li>账户管理</li>
<li>购物指南</li>
<li>售后政策</li>
</ul>
</div>
<div class="footer-font"><span>
帮助中心
</span>
<ul>
<li>账户管理</li>
<li>购物指南</li>
<li>售后政策</li>
</ul>
</div>
<div class="footer-font-two">
<p>400-100-5678</p>
<span>周一至周日8:00-18:00<br>（仅收市话费）</span>
<br>
<button>人工客服</button>
</div>
</div>
</div>
</div>
<div class="fixed">
<ul>
<li><span class="iconfont icon-shouji"></span><br>手机App</li>
<li><span class="iconfont icon-mine"></span><br>个人中心</li>
<li><span class="iconfont icon-icon_repair"></span><br>售后服务</li>
<li><span class="iconfont icon-rengong"></span><br>人工客服</li>
<li><span class="iconfont icon-gouwuche"></span><br>购物车</li>
</ul>
</div>
<div class="fixed2">
<span class="iconfont ">回到顶部</span>
</div>
<script src="js/script.js"></script>
</body>
</html>
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )