小米官网
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小米商城官网</title>
<style>
*{
padding: 0;
margin: 0;
}
/*1 头部*/
.head{
100%;
height: 40px;
/*border: 1px solid red;*/
background-color: black;
}
.head .container{
1226px;
margin: 0 auto;
/*border: 1px solid white;*/
height: 40px ;
}
li{
list-style: none;
}
a{
list-style: none;
text-decoration: none;
}
.h_f{
margin-right: 300px;
}
.h_f a .h_f_text{
float: left;
line-height: 40px;
font-size: 12px;
color: #4c4c4c;
}
.h_f a .h_f_text span{
color: #b4b4b4;
}
.h_f a .h_f_text span:hover{
color: red;
}
.h_r a .h_r_text span{
margin-left: 220px;
}
.h_r a .h_r_text{
float: left;
margin-left: 20px;
line-height: 40px;
font-size: 12px;
color:#b4b4b4 ;
}
.h_r a .h_r_text:hover{
color: red;
}
.gou{
100px;
/*border: 1px solid red;*/
background-color:#424242;
float: right;
text-align: center;
line-height: 40px;
font-size: 12px;
color:#b4b4b4 ;
}
.gou:hover{
background-color: #fff;
color: #ff8d2a;
font-weight: 800;
}
/*2 导航*/
.logo{
100%;
height: 100px;
/*border: 1px solid red;*/
}
.logo .container{
1226px;
margin: 0 auto;
}
.logo_left{
49px;
height: 49px;
float: left;
margin-right: 230px;
background-color: #ff6700;
margin-top: 25px;
}
.dao a .cenner{
float: left;
font-size: 17px;
color: black;
line-height: 100px;
margin-right: 13px;
font-weight: 500;
}
.dao a .cenner:hover{
color:#ff6700 ;
}
.text{
250px;
height: 40px;
margin-top: 30px;
margin-left: 70px;
}
.text:hover .box_in{
cursor: hand;
}
.sousuo{
36px;
height: 44px;
margin-left: -5px;
border: 1px solid #cccccc;
background-color: #fff;
vertical-align: middle;
}
.box_in{
250px;
border: 1px solid black;
/*display: none;*/
float: right;
margin-right: 42px;
display: none;
}
.zi{
height: 30px;
margin-top: -1px;
line-height: 30px;
text-indent: 10px;
font-size: 13px;
font-weight: 500;
color: black;
}
/*banner*/
.banner{
100%;
height: 460px;
/*border: 1px solid red;*/
position: relative;
}
.banner .container{
1226px;
height: 460px;
margin: 0 auto;
animation-name: color;
background: url("img/xmad_15486597522208_HOEjJ.jpg")no-repeat;
animation-duration: 13s;
animation-timing-function: ease;
animation-iteration-count:infinite ;/*无限播放次数*/
/*动画播放的方向 normal 逆向播放reverse 轮流播放：alternate*/
animation-direction:alternate ;
}
/*轮播图*/
@keyframes color {
0%{
background: url("img/xmad_15486597522208_HOEjJ.jpg")no-repeat;
background-size: 100% 100%;
}
25%{
background: url("img/xmad_15591873546819_lkcJT.jpg")no-repeat;
background-size: 100% 100%;
}
50%{
background: url("img/xmad_15603108972101_xQIKl.jpg")no-repeat;
background-size: 100% 100%;
}
75%{
background: url("img/xmad_15609507520682_FBLpS.jpg")no-repeat;
background-size: 100% 100%;
}
100%{
background: url("img/xmad_15610381131993_nQbOd.jpg")no-repeat;
background-size: 100% 100%;
}
}
/*轮播图左侧*/
.ban_left{
234px;
height: 460px;
background-color: #545860;
/*opacity: 0.8;*/
}
.text_left{
height: 46px;
line-height: 46px;
font-size: 14px;
color: white;
text-indent: 25px;
font-weight: 700;
}
.text_left:hover{
background-color: #ff6f2b;
}
.zuo{
41px;
height: 69px;
background: url("img/icon-slides.png")no-repeat;
position: absolute;
top: 195px;
left: 295px;
opacity: 0.5;
}
.you{
41px;
height: 69px;
background: url("img/icon-slides.png")no-repeat -41px;
position: absolute;
top: 195px;
right: 61px;
opacity: 0.5;
}
.d_n{
8px;
height: 8px;
border-radius: 50%;
background-color: black;
margin-right: 19px;
float: right;
}
.d_n:hover{
cursor: pointer;
background-color: #fff;
}
.dian{
margin-right: 60px;
margin-top: -20px;
}
/*商品栏*/
.pro{
100%;
height: 170px;
/*border: 1px solid red;*/
margin-top: 14px;
}
.pro .container{
1226px;
height: 170px;
margin: 0 auto;
}
.jpg_r_x{
float: left;
}
.pro_01{
234px;
height: 170px;
float: left;
background-color: #5f5750;
margin-right: 15px;
}
.pro_02{
316px;
height: 170px;
float: left;
margin-right: 15px;
}
.pro_03{
316px;
height: 170px;
float: left;
}
.pro_04{
316px;
height: 170px;
float: right;
margin-left: 10px;
}
.pro_02:hover{
cursor: pointer;
box-sizing: border-box;
box-shadow: #ee1f2a 3px 5px 20px;
transition: 0.5s linear;
}
.pro_03:hover{
cursor: pointer;
box-sizing: border-box;
box-shadow: #ee9b52 3px 5px 20px;
transition: 0.5s linear;
}
.pro_04:hover{
cursor: pointer;
box-sizing: border-box;
box-shadow: #6a75ee 3px 5px 20px;
transition: 0.5s linear;
}
/*广告*/
.gao{
100%;
}
.gao .container{
1226px;
height: 120px;
margin: 20px auto;
}
.gao .container:hover{
box-sizing: border-box;
box-shadow: #545457 2px 5px 20px;
transition: 0.5s linear;
}
/*商品详情*/
.qing{
100%;
height: 6300px;
background-color: #f5f5f5;
}
.qing .container{
1226px;
margin: 0 auto;
}
.t{
1226px;
/*height: 100px;*/
/*border: 1px solid red;*/
position: relative;
}
.t p{
padding:20px 0;
font-size: 22px;
margin-top: 20px;
}
.t_right{
position: absolute;
top: 20px;
right: 20px;
}
.t_r_text{
float: right;
}
.r_01{
float: left;
margin-right: 30px;
font-size: 18px;
}
.r_01:hover{
color: red;
text-decoration: underline;
}
.r_01 span{
text-decoration: underline;
color: red;
}
.sha{
234px;
height: 614px;
float: left;
}
.sha:hover{
box-sizing: border-box;
box-shadow: #545457 2px 5px 20px;
transition: 0.5s linear;
}
.s_r_01{
232px;
height: 300px;
/*border: 1px solid red;*/
background-color: #fff;
float: left;
margin-left: 16px;
margin-bottom: 14px;
position: relative;
}
.s_r_01 img{
margin-top: 30px;
margin-left: 36px;
}
.s_r_01_01{
font-size: 14px;
text-align: center;
font-weight: 400;
color: black;
}
.s_r_01_02{
font-size: 12px;
text-align: center;
font-weight: 400;
color: #cccccc;
margin-top: 10px;
}
.s_r_01_03{
font-size: 16px;
text-align: center;
font-weight: 400;
color: red;
margin-top: 10px;
}
.pin{
90px;
height: 20px;
position: absolute;
top: 0;
left: 71px;
color: white;
font-size: 15px;
text-align: center;
background-color: #7fbe4c;
}
.s_r_01:hover{
box-sizing: border-box;
box-shadow: #545457 2px 5px 20px;
transition: 0.5s linear;
}
.qing .container .gao img{
margin-top: 30px;
}
.qing .container .gao img:hover{
box-sizing: border-box;
box-shadow: #545457 2px 5px 20px;
transition: 0.5s linear;
}
/*商品详情2*/
.t_r_01{
234px;
height: 300px;
float: left;
}
.t_r_01:hover{
box-sizing: border-box;
box-shadow: #545457 2px 5px 20px;
transition: 0.5s linear;
}
.r_r_right{
234px;
height: 140px;
float: left;
/*border: 1px solid red;*/
background-color: white;
margin-left: 14px;
position: relative;
}
.r_r_right:hover{
box-sizing: border-box;
box-shadow: #545457 2px 5px 20px;
transition: 0.5s linear;
}
.one{
position: absolute;
top: 40px;
left: 30px;
font-size: 15px;
}
.two{
position: absolute;
top: 60px;
left: 30px;
color: red;
font-size: 15px;
}
.three{
position: absolute;
top: 10px;
left: 110px;
}
.r_x_right{
234px;
height: 140px;
float: left;
/*border: 1px solid red;*/
background-color: white;
margin-left: 14px;
margin-top: 20px;
position: relative;
}
.r_x_right:hover{
box-sizing: border-box;
box-shadow: #545457 2px 5px 20px;
transition: 0.5s linear;
}
/*为你推荐*/
.tui{
1226px;
font-size: 22px;
float: left;
padding: 20px 0;
}
.img_01{
230px;
height: 280px;
background-color: #fff;
/*border: 1px solid red;*/
float: left;
margin-right: 15px;
position: relative;
}
.img_01 img{
position: absolute;
top: 40px;
left: 40px;
}
.img_01 .s_r_01_04{
margin-top: 180px;
z-index: 78;
text-align: center;
font-size: 14px;
color: black;
}
.img_01 .s_r_01_05{
margin-top: 10px;
z-index: 89;
text-align: center;
font-size: 12px;
color: #ff6f2b;
}
.img_01:hover{
box-sizing: border-box;
box-shadow: #545457 2px 5px 20px;
transition: 0.5s linear;
}
/*热评商品*/
.re_r_01{
296px;
height: 415px;
/*border: 1px solid red;*/
float: left;
background-color: #fff;
margin-right: 10px;
position: relative;
}
.r_t_02{
height: 25px;
font-size: 14px;
line-height: 25px;
color: black;
font-weight: 500;
text-indent: 25px;
/*border: 1px solid red;*/
}
.r_t_02 span{
margin-top: 20px;
color: #b8b8b8;
}
.r_t_02 r{
color: #ff6f2b;
}
.re_r_01:hover{
box-sizing: border-box;
box-shadow: #545457 2px 5px 20px;
transition: 0.5s linear;
}
/*视频*/
.s_p_01{
296px;
height: 285px;
float: left;
margin-right: 10px;
background-color: #fff;
}
.s_p_t_01{
font-size: 14px;
color: black;
text-align: center;
margin-top: 24px;
}
.s_p_t_02{
font-size: 12px;
color: #9a9a9a;
margin-top: 5px;
text-align: center;
}
.s_p_01:hover{
box-sizing: border-box;
box-shadow: #545457 2px 5px 20px;
transition: 0.5s linear;
}
/*底部*/
.botton{
100%;
height: 272px;
background-color: #fff;
/*border: 1px solid red;*/
position: relative;
}
.botton .container{
1226px;
height: 272px;
margin: 0 auto;
}
.b_r{
1226px;
height: 80px;
/*border: 1px solid blue;*/
border-bottom: 1px solid #cccccc;
}
.text_bo_01{
float: left;
line-height: 80px;
margin-left: 65px;
color: black;
font-size: 18px;
}
.text_bo_01:hover{
color: red;
}
.text_bo_01 r{
color: #cccccc;
font-weight: 100;
}
.b_l_t{
float: left;
margin-right: 105px;
/*margin-top: 40px;*/
color: black;
font-size: 14px;
}
.b_r_left_01{
975px;
height:120px ;
margin-top: 40px;
/*border: 1px solid red;*/
border-right: 1px solid #cccccc;
}
.b_l_t_01, .b_l_t_02{
float: left;
margin-right: 113px;
margin-top: 16px;
color: black;
font-size: 12px;
}
.b_l_t_03{
float: left;
margin-right: 113px;
margin-top: 16px;
color: black;
font-size: 12px;
}
.b_l_t_01:hover{
color: red;
}
.b_l_t_02:hover{
color: red;
}
.b_l_t_03:hover{
color: red;
}
.b_l_t:hover{
color: red;
}
.b_l_t_03 span{
margin-left: -12px;
}
.b_l_t_03 r{
margin-left: -10px;
}
.b_r_right{
252px;
height: 132px;
/*border: 1px solid red;*/
position: absolute;
top: 110px;
right: 60px;
}
.b_r_text_01{
text-align: center;
font-size: 12px;
color: black;
margin-top: 11px;
}
.b_r_text_01 span{
color: #ff6f2b;
font-weight: 600;
font-size: 20px;
}
.b_r_text_01 input{
80px;
height: 30px;
border: 1px solid #ff6f2b;
color: #ff6f2b;
background-color: #fff;
}
.b_r_text_01 input:hover{
background-color: #ff6f2b;
color: white;
}
/*版权*/
.ban{
100%;
height: 232px;
border: 1px solid #fafafa;
margin-top: 20px;
position: relative;
background-color: #fafafa;
}
.ban .container{
1226px;
height: 172px;
margin: 30px auto;
/*border: 1px solid red;*/
}
.logo_left_01{
57px;
height: 57px;
float: left;
background-color: #ff6700;
}
.text_l_right{
918px;
height: 172px;
margin-left: 10px;
/*border: 1px solid black;*/
float: left;
}
.text_l_r_x{
float: left;
font-size: 11px;
color: black;
margin-right: 2px;
}
.text_l_r_x span:hover{
color: red;
}
.text_l_r_x_02{
float: left;
font-size: 11px;
color: #7a7a7a;
margin-top: 5px;
margin-right: 2px;
}
.text_l_r_x_02:hover{
color: red;
}
.text_l_right_03{
1226px;
height: 20px;
float: left;
}
.text_l_right_04{
1226px;
height: 20px;
float: left;
}
.text_l_right_05{
1226px;
height: 20px;
float: left;
}
.text_l_right_06{
1226px;
height: 20px;
float: left;
margin-top: 10px;
}
.text_l_r_x_03{
float: left;
80px;
height: 20px;
margin-right: 10px;
}
.text_hei{
position: absolute;
text-align: center;
font-family: 新宋体;
font-size: 22px;
color: #cccccc;
font-weight: 100;
margin-top: 10px;
top: 172px;
left: 506px;
}
/*固定框*/
.kuang{
25px;
/*border: 1px solid red;*/
position: fixed;
right: 36px;
bottom: 60px;
}
.kuang_r_1{
25px;
height: 25px;
background-color: #fff;
border: 1px solid #ebebeb;
text-align: center;
padding: 5px 0;
}
</style>
</head>
<body>
<!--1 头部-->
<div class="head">
<div class="container">
<div class="head_left">
<ul class="h_f">
<a href="#"><li class="h_f_text"> <span>小米商城</span> |</li></a>
<a href="#"><li class="h_f_text"> <span>MIUI</span> |</li></a>
<a href="#"><li class="h_f_text"> <span>loT</span> |</li></a>
<a href="#"><li class="h_f_text"> <span>云服务</span> |</li></a>
<a href="#"><li class="h_f_text"> <span>金融</span> |</li></a>
<a href="#"><li class="h_f_text"> <span>有品</span> |</li></a>
<a href="#"><li class="h_f_text"> <span>小爱开放平台</span> |</li></a>
<a href="#"><li class="h_f_text"> <span>企业团购</span> |</li></a>
<a href="#"><li class="h_f_text"> <span>资质证照</span> |</li></a>
<a href="#"><li class="h_f_text"> <span>协议规则</span> |</li></a>
<a href="#"><li class="h_f_text"> <span>下载app</span> |</li></a>
<a href="#"><li class="h_f_text"> <span>Select Region</span> |</li></a>
</ul>
</div>
<div class="head_right">
<ul class="h_r">
<a href=""><li class="h_r_text"><span>登陆</span></li></a>
<a href=""><li class="h_r_text">注册</li></a>
<a href=""><li class="h_r_text">消息通知</li></a>
</ul>
</div>
<div class="gou">
<p>购物车(0)</p>
</div>
</div>
</div>
<!--2 导航-->
<div class="logo">
<div class="container">
<!--logo图片-->
<div class="logo_left">
<img src="img/mi-logo.png" alt=""width="100%">
</div>
<!--导航-->
<ul class="dao">
<a href="#"><li class="cenner">小米手机</li></a>
<a href="#"><li class="cenner">Redmi 红米</li></a>
<a href="#"><li class="cenner">电视</li></a>
<a href="#"><li class="cenner">笔记本</li></a>
<a href="#"><li class="cenner">家电</li></a>
<a href="#"><li class="cenner">路由器</li></a>
<a href="#"><li class="cenner">智能硬件</li></a>
<a href="#"><li class="cenner">服务</li></a>
<a href="#"><li class="cenner">社区</li></a>
</ul>
<div class="input">
<ul class="i_t">
<li class="i_r">
<input class="text" type="text" placeholder="小米9 小米9 SE"style="text-indent: 10px">
<input class="sousuo" type="button"value="搜索">
<div class="box_in">
<ul class="wen">
<a href="#"><li class="zi">小米9</li></a>
<a href="#"><li class="zi">Redmi K20 pro</li></a>
<a href="#"><li class="zi">Redmi K20</li></a>
<a href="#"><li class="zi">Redmi Note 7 Pro</li></a>
<a href="#"><li class="zi">小米电视4c</li></a>
<a href="#"><li class="zi">电视32英寸</li></a>
<a href="#"><li class="zi">笔记本pro</li></a>
<a href="#"><li class="zi">小爱音箱</li></a>
<a href="#"><li class="zi">净水器</li></a>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--3 banner-->
<div class="banner">
<div class="container">
<div class="ban_left">
<ul class="ban_text_l">
<a href=""><li class="text_left">手机 电话卡</li></a>
<a href=""><li class="text_left">电视 盒子</li></a>
<a href=""><li class="text_left">笔记本 平板</li></a>
<a href=""><li class="text_left">家电 插线板</li></a>
<a href=""><li class="text_left">出行 穿戴</li></a>
<a href=""><li class="text_left">智能 路由器</li></a>
<a href=""><li class="text_left">电源 配件</li></a>
<a href=""><li class="text_left">健康 儿童</li></a>
<a href=""><li class="text_left">耳机 音响</li></a>
<a href=""><li class="text_left">生活 箱包</li></a>
</ul>
</div>
<div class="zuo"></div>
<div class="you"></div>
<div class="yuan">
<ul class="dian">
<li class="d_n"></li>
<li class="d_n"></li>
<li class="d_n"></li>
<li class="d_n"></li>
<li class="d_n"></li>
</ul>
</div>
</div>
</div>
<!--4 商品栏-->
<div class="pro">
<div class="container">
<div class="pro_01">
<ul class="jgp_01">
<a href=""><li class="jpg_r_x"><img src="img/hjh_01.gif" alt=""></li></a>
<a href=""><li class="jpg_r_x"><img src="img/hjh_02.gif" alt=""></li></a>
<a href=""><li class="jpg_r_x"><img src="img/hjh_03.gif" alt=""></li></a>
<a href=""><li class="jpg_r_x"><img src="img/hjh_04.gif" alt=""></li></a>
<a href=""><li class="jpg_r_x"><img src="img/hjh_05.gif" alt=""></li></a>
<a href=""><li class="jpg_r_x"><img src="img/hjh_06.gif" alt=""></li></a>
</ul>
</div>
<div class="pro_02">
<a href=""><img src="img/xmad_15608647846272_BvQgk.jpg" alt=""width="100%"></a>
</div>
<div class="pro_03">
<a href=""><img src="img/xmad_1561101306533_VNzsj.jpg" alt=""width="100%"></a>
</div>
<div class="pro_04">
<a href=""><img src="img/xmad_15604776623629_bRHhl.jpg" alt=""width="100%"></a>
</div>
</div>
</div>
<!--5 广告-->
<div class="gao">
<div class="container">
<a href=""><img src="img/xmad_1560592743757_kGyBr.jpg" alt=""width="100%"></a>
</div>
</div>
<!--6 手机商品详情-->
<div class="qing">
<div class="container">
<div class="t">
<div class="t_left">
<p>手机</p>
</div>
<div class="t_right">
<ul class="t_r_text">
<a href=""><li class="r_01">查看更多</li></a>
</ul>
</div>
</div>
<div class="sha">
<img src="img/xmad_15578089659428_Uywcg.jpg" alt=""width="100%">
</div>
<div class="sha_right">
<ul class="s_r">
<a href=""><li class="s_r_01">
<img src="img/pms_1550642182.7527088!220x220.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">小米9 6GB+128GB</p>
<p class="s_r_01_02">骁龙855，索尼4800万超广角微距三摄</p>
<p class="s_r_01_03">2999元</p>
<div class="pin">新品</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/pms_1540429613.4617799!220x220.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">小米MIX 3 6GB+128GB</p>
<p class="s_r_01_02">磁动力滑盖全面屏 / 四曲面陶瓷机身</p>
<p class="s_r_01_03">3299元</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/pms_1552647865.67536173!220x220.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">Redmi Note 7 Pro</p>
<p class="s_r_01_02">6GB+128GB大存储，索尼4800万拍照</p>
<p class="s_r_01_03">1599元</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/pms_1554694214.08887531!220x220.png" alt=""width="160px"height="160px">
<p class="s_r_01_01">小米Play 4GB+64GB</p>
<p class="s_r_01_02">八核高性能处理器，后置1200万 AI 双摄</p>
<p class="s_r_01_03">749元</p>
<div class="pin"style="background-color: #e53935">秒杀</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/pms_1538019009.57772743!220x220.png" alt=""width="160px"height="160px">
<p class="s_r_01_01">小米8 屏幕指纹版 6GB+128GB</p>
<p class="s_r_01_02">全球首款压感屏幕指纹 骁龙845处理器</p>
<p class="s_r_01_03">1999元</p>
<div class="pin" style="background-color: #e53935">秒杀</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/pms_1537324004.08544830!220x220.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">小米8青春版6GB+64GB</p>
<p class="s_r_01_02">潮流镜面渐变色，2400万自拍旗舰</p>
<p class="s_r_01_03">1499元</p>
<div class="pin"style="background-color: #e53935">减200元</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/pms_1547020972.223707!220x220.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">Redmi Note 7 6GB+64G</p>
<p class="s_r_01_02">4800万拍照，4000mAh大电量</p>
<p class="s_r_01_03">1399元</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/pms_1558857780.47412427!220x220.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">Redmi K20 Pro 6GB+128GB</p>
<p class="s_r_01_02">骁龙855旗舰处理器，索尼4800万超广角三摄</p>
<p class="s_r_01_03">2599元</p>
</li></a>
</ul>
</div>
<!--7 广告-->
<div class="gao">
<a href=""><img src="img/xmad_15609350954999_DOPoQ.jpg" alt=""width="100%"></a>
</div>
<!--8 家电商品详情-->
<div class="t">
<div class="t_left">
<p>家电</p>
</div>
<div class="t_right">
<ul class="t_r_text">
<a href=""><li class="r_01"><span>热门</span></li></a>
<a href=""><li class="r_01">电视影音</li></a>
<a href=""><li class="r_01">电脑</li></a>
<a href=""><li class="r_01">家居</li></a>
</ul>
</div>
</div>
<div class="t_r_01">
<a href="#"><img src="img/xmad_15608266264545_qWIRv.jpg" alt=""width="100%"></a>
</div>
<div class="sha_right">
<ul class="s_r">
<a href=""><li class="s_r_01">
<img src="img/1.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_02">米家互联网洗烘一体机 Pro 10kg</p>
<p class="s_r_01_03">2999元</p>
<div class="pin">新品</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/2.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_02">米家互联网空调（一级能效）</p>
<p class="s_r_01_03">2299元</p>
<div class="pin" style="background-color: #e53935">减400元</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/3.png" alt=""width="160px"height="160px">
<p class="s_r_01_02">15.6"笔记本 i5 4G MX110</p>
<p class="s_r_01_03">4199元</p>
<div class="pin">新品</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/4.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_02">13.3"小米笔记本Air 四核i7 8G 256G MX150 银色</p>
<p class="s_r_01_03">5999元</p>
</li></a>
</ul>
</div>
<div class="t_r_01">
<a href="#"><img src="img/xmad_15608266614476_wdGNy.jpg" alt=""width="100%"></a>
</div>
<div class="sha_right">
<ul class="s_r">
<a href=""><li class="s_r_01">
<img src="img/5.png" alt=""width="160px"height="160px">
<p class="s_r_01_01">米家空气净化器Pro</p>
<p class="s_r_01_02">OLED 显示屏幕 / 激光颗粒物传感器</p>
<p class="s_r_01_03">1499元</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/6.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">烟灶套装（天然气）</p>
<p class="s_r_01_02">吸油,燃气灶,油烟机,抽烟机,灶具,套装</p>
<p class="s_r_01_03">1999元</p>
<div class="pin">新品</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/7.png" alt=""width="160px"height="160px">
<p class="s_r_01_01">米家无线手持擦地机</p>
<p class="s_r_01_02">地,拖地,扫地,擦地机,电动擦地,电动拖把...</p>
<p class="s_r_01_03">499元</p>
<div class="pin">新品</div>
</li></a>
</ul>
</div>
<div class="r_r_right">
<p class="one">米家电烤箱</p>
<p class="two">299元</p>
<a href=""><img class="three" src="img/8.jpg" alt=""width="50%"></a>
</div>
<div class="r_x_right">
<p class="one"style="font-size: 17px">浏览更多</p>
<p class="two">热门</p>
<a href=""><img class="three" src="img/8.jpg" alt=""width="50%"></a>
</div>
<!--9 广告-->
<div class="gao">
<a href=""><img src="img/xmad_15571953790178_rXqtS.jpg" alt=""width="100%"></a>
</div>
<!--<!–10 智能商品详情–>没改-->
<div class="t">
<div class="t_left">
<p>智能</p>
</div>
<div class="t_right">
<ul class="t_r_text">
<a href=""><li class="r_01"><span>热门</span></li></a>
<a href=""><li class="r_01">出行</li></a>
<a href=""><li class="r_01">健康</li></a>
<a href=""><li class="r_01">酷玩</li></a>
<a href=""><li class="r_01">路由器</li></a>
</ul>
</div>
</div>
<div class="t_r_01">
<a href="#"><img src="img/11.jpg" alt=""width="100%"></a>
</div>
<div class="sha_right">
<ul class="s_r">
<a href=""><li class="s_r_01">
<img src="img/12.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">小米「小爱老师」</p>
<p class="s_r_01_02">小爱老师,翻译,学习,录音,背单词,外语...</p>
<p class="s_r_01_03">499元</p>
<div class="pin">新品</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/13.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">小米米家智能门锁 推拉式</p>
<p class="s_r_01_03">1699元</p>
<div class="pin">新品</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/14.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">小米小爱音箱 Play</p>
<p class="s_r_01_03">169元</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/15.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">小米小爱音箱 万能遥控版</p>
<p class="s_r_01_03">199元</p>
<div class="pin">新品</div>
</li></a>
</ul>
</div>
<div class="t_r_01">
<a href="#"><img src="img/16.jpg" alt=""width="100%"></a>
</div>
<div class="sha_right">
<ul class="s_r">
<a href=""><li class="s_r_01">
<img src="img/17.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">米家电饭煲4L</p>
<p class="s_r_01_03">299元</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/18.png" alt=""width="160px"height="160px">
<p class="s_r_01_01">小米手环4 石墨黑</p>
<p class="s_r_01_03">169元</p>
<div class="pin">新品</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/19.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">米家九号平衡轮</p>
<p class="s_r_01_03">999元</p>
</li></a>
</ul>
</div>
<div class="r_r_right">
<p class="one">小米体脂秤2</p>
<p class="two">99元</p>
<a href=""><img class="three" src="img/20.jpg" alt=""width="50%"></a>
</div>
<div class="r_x_right">
<p class="one"style="font-size: 17px">浏览更多</p>
<p class="two">热门</p>
<a href=""><img class="three" src="img/20.jpg" alt=""width="50%"></a>
</div>
<!--11 广告-->
<div class="gao">
<a href=""><img src="img/xmad_15517943282724_lhogK.jpg" alt=""width="100%"></a>
</div>
<!-- 搭配商品详情-->
<div class="t">
<div class="t_left">
<p>搭配</p>
</div>
<div class="t_right">
<ul class="t_r_text">
<a href=""><li class="r_01"><span>热门</span></li></a>
<a href=""><li class="r_01">耳机音箱</li></a>
<a href=""><li class="r_01">电源</li></a>
<a href=""><li class="r_01">电池充电器</li></a>
</ul>
</div>
</div>
<div class="t_r_01">
<a href="#"><img src="img/21.jpg" alt=""width="100%"></a>
</div>
<div class="sha_right">
<ul class="s_r">
<a href=""><li class="s_r_01">
<img src="img/22.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01"> 小米无线充电宝 10000mAh </p>
<p class="s_r_01_03">149元</p>
<p class="s_r_01_02">1.1万人评价</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/23.png" alt=""width="160px"height="160px">
<p class="s_r_01_01"> 27W高速充电插头 </p>
<p class="s_r_01_03">49元</p>
<p class="s_r_01_02">8480人评价</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/24.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01"> 小米AI音箱 </p>
<p class="s_r_01_03">299元</p>
<p class="s_r_01_02">8.9万人评价</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/25.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01"> 20W 小米无线充电器 </p>
<p class="s_r_01_03">99元</p>
<p class="s_r_01_02">9459人评价</p>
</li></a>
</ul>
</div>
<div class="t_r_01">
<a href="#"><img src="img/26.jpg" alt=""width="100%"></a>
</div>
<div class="sha_right">
<ul class="s_r">
<a href=""><li class="s_r_01">
<img src="img/27.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01"> 新小米移动电源2（10000mAh） </p>
<p class="s_r_01_03">79元</p>
<p class="s_r_01_02">3.3万人评价</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/28.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01"> 小米随身手电筒 </p>
<p class="s_r_01_03">79元</p>
<p class="s_r_01_02">1.7万人评价</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/29.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01"> 小米移动电源3 20000mAh 高配版 </p>
<p class="s_r_01_03">199元</p>
<p class="s_r_01_02">6698人评价</p>
</li></a>
</ul>
</div>
<div class="r_r_right">
<p class="one">小米高速快充套装</p>
<p class="two">59元</p>
<a href=""><img class="three" src="img/30.jpg" alt=""width="50%"></a>
</div>
<div class="r_x_right">
<p class="one"style="font-size: 17px">浏览更多</p>
<p class="two">热门</p>
<a href=""><img class="three" src="img/30.jpg" alt=""width="50%"></a>
</div>
<!--13 广告-->
<div class="gao">
<a href=""><img src="img/xmad_15562499146276_ZVsYu.jpg" alt=""width="100%"></a>
</div>
<!--14 搭配商品详情-->
<div class="t">
<div class="t_left">
<p>配件</p>
</div>
<div class="t_right">
<ul class="t_r_text">
<a href=""><li class="r_01"><span>热门</span></li></a>
<a href=""><li class="r_01">保护套</li></a>
<a href=""><li class="r_01">贴膜</li></a>
<a href=""><li class="r_01">其他配件</li></a>
</ul>
</div>
</div>
<div class="t_r_01">
<a href="#"><img src="img/31.jpg" alt=""width="100%"></a>
</div>
<div class="sha_right">
<ul class="s_r">
<a href=""><li class="s_r_01">
<img src="img/32.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01"> Redmi K20 标准高透贴膜 </p>
<p class="s_r_01_03">19元</p>
<div class="pin">新品</div>
<p class="s_r_01_02">2370人评价</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/33.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01"> Redmi K20 怪力魔王保护壳 </p>
<p class="s_r_01_03">39元</p>
<p class="s_r_01_02">483人评价</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/34.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01"> 小米9 标准高透贴膜 </p>
<p class="s_r_01_03">19元</p>
<p class="s_r_01_02">1.1万人评价</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/35.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_02"> 小米MIX 3 獬豸神兽保护壳 </p>
<p class="s_r_01_03">32.9元</p>
<p class="s_r_01_02">1626万人评价</p>
</li></a>
</ul>
</div>
<div class="t_r_01">
<a href="#"><img src="img/36.jpg" alt=""width="100%"></a>
</div>
<div class="sha_right">
<ul class="s_r">
<a href=""><li class="s_r_01">
<img src="img/37.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01"> 小米 8 屏幕指纹版&小米 8 透明...</p>
<p class="s_r_01_03">10元</p>
<p class="s_r_01_02">1.1万人评价</p>
<div class="pin"style="background-color: #e53935">享6折</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/38.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01"> 小米MIX 3 标准高透膜 </p>
<p class="s_r_01_03">5.9元</p>
<div class="pin">新品</div>
<p class="s_r_01_02">3946人评价</p>
<div class="pin"style="background-color: #e53935">享4折</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/29.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01"> 小米9 ARE U OK保护壳 </p>
<p class="s_r_01_03">49元</p>
<p class="s_r_01_02">698人评价</p>
<div class="pin">新品</div>
</li></a>
</ul>
</div>
<div class="r_r_right">
<p class="one">小米MIX 3</p>
<p class="two">12.9元</p>
<a href=""><img class="three" src="img/40.jpg" alt=""width="50%"></a>
</div>
<div class="r_x_right">
<p class="one"style="font-size: 17px">浏览更多</p>
<p class="two">热门</p>
<a href=""><img class="three" src="img/30.jpg" alt=""width="50%"></a>
</div>
<!--15 广告-->
<div class="gao">
<a href=""><img src="img/xmad_1556446296765_eotDT.jpg" alt=""width="100%"></a>
</div>
<!--16 搭配商品详情-->
<div class="t">
<div class="t_left">
<p>周边</p>
</div>
<div class="t_right">
<ul class="t_r_text">
<a href=""><li class="r_01"><span>热门</span></li></a>
<a href=""><li class="r_01">出行</li></a>
<a href=""><li class="r_01">居家</li></a>
<a href=""><li class="r_01">生活周边</li></a>
<a href=""><li class="r_01">箱包</li></a>
</ul>
</div>
</div>
<div class="t_r_01">
<a href="#"><img src="img/41.jpg" alt=""width="100%"></a>
</div>
<div class="sha_right">
<ul class="s_r">
<a href=""><li class="s_r_01">
<img src="img/42.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">米家飞行员太阳镜 Pro</p>
<p class="s_r_01_03">199元</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/43.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_02">小米巨能写中性笔 黑色 10支装</p>
<p class="s_r_01_03">9.99元</p>
<div class="pin">新品</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/44.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_02">小米旅行箱（20英寸）布朗熊限量版</p>
<p class="s_r_01_03">399元</p>
<div class="pin">新品</div>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/45.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_02">飞天猪米兔</p>
<p class="s_r_01_03">49元</p>
</li></a>
</ul>
</div>
<div class="t_r_01">
<a href="#"><img src="img/46.jpg" alt=""width="100%"></a>
</div>
<div class="sha_right">
<ul class="s_r">
<a href=""><li class="s_r_01">
<img src="img/47.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">米家驱蚊器基础版 3个装</p>
<p class="s_r_01_03">129元</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/48.png" alt=""width="160px"height="160px">
<p class="s_r_01_01">MIJOY 抽绳式垃圾袋 白色</p>
<p class="s_r_01_03">14.9元</p>
</li></a>
<a href=""><li class="s_r_01">
<img src="img/49.jpg" alt=""width="160px"height="160px">
<p class="s_r_01_01">贝医生巴氏牙刷(四色装)</p>
<p class="s_r_01_03">39.9元</p>
</li></a>
</ul>
</div>
<div class="r_r_right">
<p class="one">8H乳胶弹簧..</p>
<p class="two">1599元</p>
<a href=""><img class="three" src="img/50.jpg" alt=""width="50%"></a>
</div>
<div class="r_x_right">
<p class="one"style="font-size: 17px">浏览更多</p>
<p class="two">热门</p>
<a href=""><img class="three" src="img/50.jpg" alt=""width="50%"></a>
</div>
<!--为你推荐-->
<div class="tui">
<p>为你推荐</p>
</div>
<div class="box_x">
<ul class="img_r">
<a href=""><li class="img_01">
<img src="img/60.jpg" alt="">
<p class="s_r_01_04"> 8H Tree简雅全实木床 </p>
<p class="s_r_01_05">1999元</p>
</li></a>
<a href=""><li class="img_01"><span>
<img src="img/61.jpg" alt="">
<p class="s_r_01_04"> 米家互联网空调（一级能效） </p>
<p class="s_r_01_05">2299元</p>
</span>
</li></a>
<a href=""><li class="img_01">
<img src="img/62.jpg" alt="">
<p class="s_r_01_04"> 米家互联网空调C1（一级能效） </p>
<p class="s_r_01_05">2499元</p>
</li></a>
<a href=""><li class="img_01">
<img src="img/63.jpg" alt="">
<p class="s_r_01_04">米家空调</p>
<p class="s_r_01_05">1699元</p>
</li></a>
<a href=""><li class="img_01"style="float: right">
<img src="img/64.jpg" alt="">
<p class="s_r_01_04"> 米家互联网烟灶套装（天然...</p>
<p class="s_r_01_05">1999元</p>
</li></a>
</ul>
</div>
<!--热评商品-->
<div class="tui">
<p>热评商品</p>
</div>
<div class="re">
<ul class="re_01">
<a href="">
<li class="re_r_01">
<img src="img/r_01.jpg" alt=""width="100%">
<ul class="re_t_01">
<a href=""><li class="r_t_02">很棒的产品 很幸运米粉节抢到了，小</li></a>
<a href=""><li class="r_t_02">爱很聪明，显示也很清晰 ，买到就是</li></a>
<a href=""><li class="r_t_02">赚到。<br></li></a>
<a href=""><li class="r_t_02"><br></li></a>
<a href=""><li class="r_t_02"><span> 来自于 78772208 的评价 </span></li></a>
<a href=""><li class="r_t_02">小米小爱触屏音箱 | <r>299元</r></li></a>
</ul>
</li>
</a>
<a href="">
<li class="re_r_01">
<img src="img/r_02.jpg" alt=""width="100%">
<ul class="re_t_01">
<a href=""><li class="r_t_02">收到净水机后，马上就安排了安装，实</li></a>
<a href=""><li class="r_t_02">在是难以表达内心的激动。首先作为一</li></a>
<a href=""><li class="r_t_02">个米粉看到家里又添置一件小米的设...</li></a>
<a href=""><li class="r_t_02"><br></li></a>
<a href=""><li class="r_t_02"><span> 来自于 DEVIL 的评价 </span></li></a>
<a href=""><li class="r_t_02">小米净水器600G | <r>1999元</r></li></a>
</ul>
</li>
</a>
<a href="">
<li class="re_r_01">
<img src="img/r_03.jpg" alt=""width="100%">
<ul class="re_t_01">
<a href=""><li class="r_t_02">比想象中还有质感，体验了一下，非常</li></a>
<a href=""><li class="r_t_02">非常满意，支持小米，越来越棒</li></a>
<a href=""><li class="r_t_02">非常满意，支持小米，越来越棒了！！！</li></a>
<a href=""><li class="r_t_02"><br></li></a>
<a href=""><li class="r_t_02"><span> 来自于 我的六个木 的评价 </span></li></a>
<a href=""><li class="r_t_02">米家走步机 | <r>1799元</r></li></a>
</ul>
</li>
</a>
<a href="">
<li class="re_r_01">
<img src="img/r——04.jpg" alt=""width="100%">
<ul class="re_t_01">
<a href=""><li class="r_t_02">在小区拍的，照相很清晰，性价比高，</li></a>
<a href=""><li class="r_t_02">值得购买。</li></a>
<a href=""><li class="r_t_02"><br></li></a>
<a href=""><li class="r_t_02"><br></li></a>
<a href=""><li class="r_t_02"><span> 来自于 茫然 的评价 </span></li></a>
<a href=""><li class="r_t_02">Redmi K20 全网通版 6G... | <r>2099元</r></li></a>
</ul>
</li>
</a>
</ul>
</div>
<!--视频-->
<div class="tui">
<p>视频</p>
</div>
<div class="shipin">
<ul class="shi">
<a href="">
<li class="s_p_01">
<img src="img/w_01.jpg" alt=""width="100%">
<p class="s_p_t_01">王源 & 小米9 全新广告大片</p>
<p class="s_p_t_02">好看又能打！我反正被帅到了，Will You？</p>
</li>
</a>
<a href="">
<li class="s_p_01">
<img src="img/w_02.jpg" alt=""width="100%">
<p class="s_p_t_01">雷军对话王源</p>
<p class="s_p_t_02">聊了3小时，这9个秘密决定公开</p>
</li>
</a>
<a href="">
<li class="s_p_01">
<img src="img/w_03.jpg" alt=""width="100%">
<p class="s_p_t_01">小米手环4</p>
<p class="s_p_t_02">改变从今开始</p>
</li>
</a>
<a href="">
<li class="s_p_01">
<img src="img/w_04.jpg" alt=""width="100%">
<p class="s_p_t_01">小米MIX 3 磁动力滑盖全面屏</p>
<p class="s_p_t_02">全新滑盖交互体验，不一样的新感觉</p>
</li>
</a>
</ul>
</div>
</div>
</div>
<!--底部-->
<div class="botton">
<div class="container">
<div class="b_r">
<ul class="text_b_01">
<a href="">
<li class="text_bo_01">
<p><span></span>预约维修服务</p>
</li>
</a>
<a href="">
<li class="text_bo_01">
<p><r>|</r></p>
</li>
</a>
<a href="">
<li class="text_bo_01">
<p><span></span>7天无理由退货</p>
</li>
</a>
<a href="">
<li class="text_bo_01">
<p><r>|</r></p>
</li>
</a>
<a href="">
<li class="text_bo_01">
<p><span></span>15天免费换货</p>
</li>
</a>
<a href="">
<li class="text_bo_01">
<p><r>|</r></p>
</li>
</a>
<a href="">
<li class="text_bo_01">
<p><span></span>满150元包邮</p>
</li>
</a>
<a href="">
<li class="text_bo_01">
<p><r>|</r></p>
</li>
</a>
<a href="">
<li class="text_bo_01">
<p><span></span>520余家售后网点</p>
</li>
</a>
</ul>
</div>
<div class="b_r_left_01">
<ul class="b_l_01">
<a href=""><li class="b_l_t">帮助中心</li></a>
<a href=""><li class="b_l_t">服务支持</li></a>
<a href=""><li class="b_l_t">线下门店</li></a>
<a href=""><li class="b_l_t">关于小米</li></a>
<a href=""><li class="b_l_t">关注我们</li></a>
<a href=""><li class="b_l_t">特色服务</li></a>
</ul>
<ul class="b_l_02">
<a href=""><li class="b_l_t_01">账户管理</li></a>
<a href=""><li class="b_l_t_01">售后政策</li></a>
<a href=""><li class="b_l_t_01">小米之家</li></a>
<a href=""><li class="b_l_t_01">了解小米</li></a>
<a href=""><li class="b_l_t_01">新浪微博</li></a>
<a href=""><li class="b_l_t_01">F码通道</li></a>
</ul>
<ul class="b_l_03">
<a href=""><li class="b_l_t_02">购物指南</li></a>
<a href=""><li class="b_l_t_02">自助服务</li></a>
<a href=""><li class="b_l_t_02">服务网点</li></a>
<a href=""><li class="b_l_t_02">加入小米</li></a>
<a href=""><li class="b_l_t_02">官方微信</li></a>
<a href=""><li class="b_l_t_02">礼物码</li></a>
</ul>
<ul class="b_l_04">
<a href=""><li class="b_l_t_03">订单操作</li></a>
<a href=""><li class="b_l_t_03">相关下载</li></a>
<a href=""><li class="b_l_t_03">授权体验店</li></a>
<a href=""><li class="b_l_t_03"><span>投资者关系</span></li></a>
<a href=""><li class="b_l_t_03"><r>联系我们</r></li></a>
<a href=""><li class="b_l_t_03">防伪查询</li></a>
</ul>
</div>
<!--右侧-->
<div class="b_r_right">
<ul class="b_r_01">
<a href=""><li class="b_r_text_01"><span>400-100-5678</span></li></a>
<a href=""><li class="b_r_text_01">
周一至周日 8:00-18:00</li></a>
<a href=""><li class="b_r_text_01">（仅收市话费）</li></a>
<a href=""><li class="b_r_text_01"><r><input type="button"value="联系客服"></r></li></a>
</ul>
</div>
</div>
</div>
<!--版权-->
<div class="ban">
<div class="container">
<!--logo位置-->
<div class="logo_left_01">
<img src="img/mi-logo.png" alt=""width="100%">
</div>
<div class="text_l_right">
<ul class="text_l_right_01">
<a href="">
<li class="text_l_r_x">
<span>小米商城</span>
</li>
</a>
<a href="">
<li class="text_l_r_x">|</li>
</a>
<a href="">
<li class="text_l_r_x"><span>MIUI</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li>
</a>
<a href="">
<li class="text_l_r_x"><span>米家</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li>
</a>
<a href="">
<li class="text_l_r_x"> <span>米聊</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li>
</a>
<a href="">
<li class="text_l_r_x"><span>多看</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li>
</a>
<a href="">
<li class="text_l_r_x"><span>游戏</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li></a>
<a href="">
<li class="text_l_r_x"><span>路由器</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li></a>
<a href="">
<li class="text_l_r_x"><span>米粉卡</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li></a>
<a href="">
<li class="text_l_r_x"><span>政企服务</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li>
</a>
<a href="">
<li class="text_l_r_x"><span>小米天猫店</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li>
</a>
<a href="">
<li class="text_l_r_x"><span>隐私政策</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li>
</a>
<a href="">
<li class="text_l_r_x"><span>商城用户协议</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li>
</a>
<a href="">
<li class="text_l_r_x"><span>账号协议</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li>
</a>
<a href="">
<li class="text_l_r_x"><span>问题反馈</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li>
</a>
<a href="">
<li class="text_l_r_x"><span>廉政举报</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li>
</a>
<a href="">
<li class="text_l_r_x"><span>诚信合规</span></li>
</a>
<a href="">
<li class="text_l_r_x">|</li>
</a>
<a href="">
<li class="text_l_r_x"><span>Select Region</span></li>
</a>
</ul>
<ul class="text_l_right_02">
<a href="">
<li class="text_l_r_x_02">@ mi.com</li>
</a>
<a href="">
<li class="text_l_r_x_02"> 京ICP证110507号</li>
</a>
<a href="">
<li class="text_l_r_x_02">京ICP备10046444号</li>
</a>
<a href="">
<li class="text_l_r_x_02"> 京公网安备11010802020134号 </li>
</a>
<a href="">
<li class="text_l_r_x_02">京网文[2017]1530-131号</li>
</a>
</ul>
<ul class="text_l_right_03">
<a href="">
<li class="text_l_r_x_02">（京）网械平台备字（2018）第00005号</li>
</a>
<a href="">
<li class="text_l_r_x_02"> 互联网药品信息服务资格证 (京) -非经营性-2014-0090</li>
</a>
<a href="">
<li class="text_l_r_x_02">营业执照</li>
</a>
<a href="">
<li class="text_l_r_x_02"> 医疗器械公告 </li>
</a>
</ul>
<ul class="text_l_right_04">
<a href="">
<li class="text_l_r_x_02">增值电信业务许可证</li>
</a>
<a href="">
<li class="text_l_r_x_02">网络食品经营备案（京）【2018】WLSPJYBAHF-1</li>
</a>
<a href="">
<li class="text_l_r_x_02">食品经营许可证</li>
</a>
</ul>
<ul class="text_l_right_05">
<a href="">
<li class="text_l_r_x_02">违法和不良信息举报电话：185-0130-1238 </li>
</a>
<a href="">
<li class="text_l_r_x_02">
知识产权侵权投诉 </li>
</a>
<a href="">
<li class="text_l_r_x_02"> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</li>
</a>
</ul>
<ul class="text_l_right_06">
<a href="">
<li class="text_l_r_x_03">
<img src="img/00.png" alt=""width="100%">
</li>
</a>
<a href="">
<li class="text_l_r_x_03">
<img src="img/01.png" alt=""width="100%">
</li>
</a>
<a href="">
<li class="text_l_r_x_03">
<img src="img/02.png" alt=""width="100%">
</li>
</a>
<a href="">
<li class="text_l_r_x_03">
<img src="img/03.png" alt=""width="100%">
</li>
</a>
<a href="">
<li class="text_l_r_x_03">
<img src="img/04.png" alt=""width="100%">
</li>
</a>
</ul>
</div>
<div class="text_hei">
<p>探索黑科技，小米为发烧而生！</p>
</div>
</div>
</div>
<!--固定框-->
<div class="kuang">
<ul class="kuang_r">
<a href=""><li class="kuang_r_1"><img src="img/001.png" alt=""width="80%"></li></a>
<a href=""><li class="kuang_r_1"><img src="img/002.png" alt=""width="80%"></li></a>
<a href=""><li class="kuang_r_1"><img src="img/003.png" alt=""width="80%"></li></a>
<a href=""><li class="kuang_r_1"><img src="img/004.png" alt=""width="80%"></li></a>
<a href=""><li class="kuang_r_1"><img src="img/005.png" alt=""width="80%"></li></a>
</ul>
</div>
</body>
</html>