代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小米网</title>
<style>
*{
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
.contain {
width: 1220px;
margin: 0 auto;
}
.orange {
color: #FFA633!important;
}
.top {
background-color: #333333;
height: 40px;
overflow: hidden;
}
.head li {
float: left;
line-height: 40px;
/* margin-right: 16px;*/
border-right: 1px solid #373B40;
padding-right: 6px;
}
.head li a {
color: #8F8F8F;
font-size: 12px;
}
.head li a:last-child {
border: 0;
}
.nav{
height: 100px;
}
.nav .img {
width: 244px;
height: 100px;
padding-top: 20px;
box-sizing: border-box;
float: left;
}
.nav li {
float: left;
line-height: 100px;
padding-left: 30px;
}
.nav li a {
color: #000;
font-size: 14px;
font-family: "微软雅黑";
}
.banner {
height: 460px;
background: url(images/banner.png) no-repeat right;
}
.sliderbar {
width: 230px;
height: 460px;
padding-top:29px;
padding-left:32px;
background-color: #2C505F;
box-sizing:border-box;
}
.sliderbar li {
height: 40px;
font-family: "微软雅黑";
font-size: 14px;
}
.sliderbar li a {
color: #fff;
}
.sliderbar li span {
float: right;
margin-right: 24px;
}
.banner-xia {
height: 172px;
margin-top: 13px;
margin-bottom:65px;
}
.banner-xia a {
float: right;
}
.banner-xia a img {
margin-left: 14px;
}
.banner-xia a:last-child {
width: 230px;
height: 170px;
background-color: #5F5750;
text-align: center;
color: #fff;
line-height: 40px;
padding-top: 40px;
box-sizing: border-box;
}
.main {
height: 800px;
background-color: #F5F5F5;
overflow: hidden;
}
.zhineng-top {
margin-top: 78px;
height: 38px;
}
.zhineng-top a {
font-family: "微软雅黑";
font-size: 18px;
color: #424242;
}
.zhineng-top a:first-child {
float: left;
}
.zhineng-top a:last-child {
float: right;
margin-right: 25px;
}
.zhineng-l {
float: left;
}
.zhineng-r{
width: 980px;
height: 614px;
float: left;
}
.zhineng-r li {
background-color: #fff;
width: 230px;
height: 300px;
float: left;
margin-left: 15px;
margin-bottom: 15px;
}
.zhineng-r li div {
width: 230px;
height: 180px;
padding-top: 20px;
padding-left: 36px;
box-sizing: border-box;
}
.zhineng-r li p {
text-align: center;
line-height: 24px;
box-sizing: border-box;
font-size: 14px;
font-family: "微软雅黑";
color: #333333;
}
.zhineng-r li p span {
color: #DADAC5;
}
.zhineng-r li:hover{
top:-3px;
/*position: relative;*/
box-shadow: 0 5px 5px 5px rgba(0,0,0,0.4);
}
.support {
height: 210px;
color: #fff;
}
.support-l {
width: 980px;
height: 200px;
float: left;
}
.support-l dl{
margin-top: 60px;
margin-right: 98px;
float: left;
}
.support-l dl dt {
height: 40px;
font-size: 16px;
}
.support-l dl dd {
font-size: 14px;
height: 30px;
}
.support-r {
float: right;
margin: 57px 0 0 17px;
height: 109px;
width: 220px;
border-left: 1px solid #ECECEC;
text-align: center;
font-family: "微软雅黑";
}
.support-r h3 {
color: #FF6700;
margin-bottom: 5px;
}
.support-r p{
font-size: 12px;
line-height: 18px;
color: #333;
}
.footer {
height: 160px;
background-color: #F5F5F5;
}
.footer img {
float: left;
padding-right: 20px;
margin-top: 50px;
}
.footer p {
font-size: 14px;
color: #757575;
padding-top: 50px;
}
.footer span {
font-size: 12px;
color: #C3B0C3;
}
.slogn {
color: #DADADA;
text-align: center;
letter-spacing: 5px;
padding-top: 10px;
}
</style>
</head>
<body>
<div class="top">
<div class="head contain">
<ul>
<li><a href="#">小米网</a></li>
<li><a href="#">MIUI</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>
<li><a href="#">问题反馈</a></li>
<li><a href="#">Select Region</a></li>
</ul>
</div>
</div>
<div class="nav contain">
<div class="img">
<img src="images/logo.png" alt="">
<img src="images/haidaoquannew.gif" alt="">
</div>
<ul>
<li><a href="#">小米手机</a></li>
<li><a href="#">红米</a></li>
<li><a href="#">平板</a></li>
<li><a href="#">电视</a></li>
<li><a href="#">盒子</a></li>
<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="banner contain">
<div class="sliderbar">
<ul>
<li><a href="#">手机 平板 电话卡<span>></span></a></li>
<li><a href="#">电视 盒子<span>></span></a></li>
<li><a href="#">路由器 智能硬件<span>></span></a></li>
<li><a href="#">移动电源 插线板<span>></span></a></li>
<li><a href="#">耳机 音箱<span>></span></a></li>
<li><a href="#">电池 存储卡<span>></span></a></li>
<li><a href="#">保护套 后盖<span>></span></a></li>
<li><a href="#">贴膜 其他配件<span>></span></a></li>
<li><a href="#">米兔 服装<span>></span></a></li>
<li><a href="#">箱包 其他周边<span>></span></a></li>
</ul>
</div>
</div>
<div class="banner-xia contain">
<a href="#"><img src="images/9df8948d-398c-4aa6-a744-2321c7b2dbbc.jpg" alt=""width="316px"></a>
<a href="#"><img src="images/05afb66f-1334-4522-a472-b8aee48cf3de.jpg" alt=""width="316px"></a>
<a href="#"><img src="images/ddffe50f-7022-48ed-9553-24fb7c29dcc4.jpg" alt=""width="316px"></a>
<a href="#">我就是一个空色块<br>一言不合就这么任性</a>
</div>
<div class="main">
<div class="zhineng contain">
<div class="zhineng-top">
<a href="#">智能硬件</a>
<a href="#">查看全部</a>
</div>
<div class="zhineng-l">
<img src="images/124d82cc-cfce-44ab-b711-28b21be81683.jpg" alt="">
</div>
<div class="zhineng-r">
<li>
<div><a href="#"><img src="images/T1rQAgB7Av1RXrhCrK.jpg" alt=""></div>
<p>小米路由器3<br /><span>四天线设计，更安全更稳定</span><br /><span class="orange">149元</p></a>
</li>
<li>
<div><a href="#"><img src="images/pms_1464071511.37197399!220x220.jpg" alt=""width="160px"></div>
<p>米家 LED 智能台灯<br /><span>无可视频闪，亮度色温无级调节</span><br /><span class="orange"></p></a>
</li>
<li>
<div><a href="#"><img src="images/T1zTK_Bbhv1RXrhCrK.jpg" alt=""width="160px"></div>
<p>小米净水器 厨下式<br /><span>RO反渗透直出纯净水，包邮包安装</span><br /><span class="orange">1999元</span></p></a>
</li>
<li>
<div><a href="#"><img src="images/T1o3Z_BKET1RXrhCrK!220x220.jpg" alt=""width="160px"></a></div>
<p>小蚁智能摄像机 夜视版<br /><span>能看能听能说，手机远程观看</span><br /><span class="orange">149元</span></p></a>
</li>
<li>
<div><a href="#"><img src="images/T1KOYgBQdv1RXrhCrK.jpg" alt=""width="160px"></div>
<p>Yeelight床头灯<br /><span>触摸式操作，给卧室1600万种颜色</span><br /><span class="orange">249元</p></a>
</li>
<li>
<div><a href="#"><img src="images/T1zBYgBCWv1RXrhCrK!220x220.jpg" alt=""width="160px"></div>
<p>小米空气净化器2<br /><span>10分钟，房间空气焕然一新</span><br /><span class="orange">699元</span></p></a>
</li>
<li>
<div><a href="#"><img src="images/T1YTJ_B_Av1RXrhCrK.jpg" alt=""width="160px"></div>
<p>小米智能安防套装<br /><span>智能警戒，为您的家增添一份安心</span><br /><span class="orange">169元</p></a>
</li>
<li>
<div><a href="#"><img src="images/T1MQDgB5Vv1RXrhCrK.jpg" alt=""width="160px"></div>
<p>米家iHealth血压计<br /><span>爸妈上手就会用的智能血压计</span><br /><span class="orange">399元</span></p></a>
</li>
</div>
</div>
</div>
<div class="support">
<div class="support-in contain">
<div class="support-l">
<dl>
<dt><a href="#">帮助中心</a></dt>
<dd><a href="#">账户管理</a></dd>
<dd><a href="#">购物指南</a></dd>
<dd><a href="#">订单操作</a></dd>
</dl>
<dl>
<dt><a href="#">务支持服</a></dt>
<dd><a href="#">售后政策</a></dd>
<dd><a href="#">自助服务</a></dd>
<dd><a href="#">相关下载</a></dd>
</dl>
<dl>
<dt><a href="#">线下门店</a></dt>
<dd><a href="#">小米之家</a></dd>
<dd><a href="#">服务网点</a></dd>
<dd><a href="#">零售网点</a></dd>
</dl>
<dl>
<dt><a href="#">关于小米</a></dt>
<dd><a href="#">了解小米</a></dd>
<dd><a href="#">加入小米</a></dd>
<dd><a href="#">联系我们</a></dd>
</dl>
<dl>
<dt><a href="#">关注我们</a></dt>
<dd><a href="#">新浪微博</a></dd>
<dd><a href="#">小米部落</a></dd>
<dd><a href="#">官方微信</a></dd>
</dl>
<dl>
<dt><a href="#">特色服务</a></dt>
<dd><a href="#">F 码通道</a></dd>
<dd><a href="#">小米移动</a></dd>
<dd><a href="#">防伪查询</a></dd>
</dl>
</div>
<div class="support-r">
<h3>400-100-5678</h3>
<p>周一至周日 8:00-18:00<br />（仅收市话费）</p>
</div>
</div>
</div>
<div class="footer">
<div class="footer-in contain">
<div class="logo"><img src="images/logo.png" alt=""></div>
<p>小米网|MIUI|米聊|多看书城|小米路由器|视频电话|小米后院|小米天猫店|小米淘宝直营店|小米网盟|问题反馈|Select Region</p>
<span>mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号<br />
违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
</span>
<div class="slogn">
探索黑科技，小米为发烧而生
</div>
</div>
</div>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手