2019-9-11 小米商城内容布局
在线浏览地址：http://www.pursuer.top/xiaomi1
html部分
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>小米商城</title>
<link rel="shortcut icon" type="image/x-icon" href="static/images/footlogo.png">
<!-- <link rel="stylesheet" href="static/layui/css/layui.css"> -->
<link rel="stylesheet" href="static/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<!-- 头部 -->
<div>
<div>
<div>
<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="">SelectRegion</a>
</div>
<div>
<a href="">登录</a><span>|</span>
<a href="">注册</a><span>|</span>
<a href="">我的订单</a>
<li>
<a ><i class="fa fa-shopping-cart"></i>购物车(0)</a>
<div>购物车中还没有商品，赶紧选购吧！</div>
</li>
</div>
</div>
</div>
<div></div>
<!-- 主体 -->
<div>
<div>
<!-- 导航 -->
<div>
<div>
<img src="static/images/footlogo.png" alt="" style="margin:5px 0;margin-right:10px;">
<img src="static/images/logoAD.gif" alt="">
</div>
<div>
<li>
<a href="#">小米手机</a>
<div>
<div>
<div>
<div>新品</div>
<img src="static/images/phone/phone1.png" alt="">
<a href="#">小米2s</a>
<span>3299元</span>
</div>
<div></div>
<div>
<div>新品</div>
<img src="static/images/phone/phone2.png" alt="">
<a href="#">小米2s</a>
<span>3299元</span>
</div>
<div></div>
<div>
<div>新品</div>
<img src="static/images/phone/phone3.png" alt="">
<a href="#">小米2s</a>
<span>3299元</span>
</div>
<div></div>
<div>
<div>新品</div>
<img src="static/images/phone/phone4.jpg" alt="">
<a href="#">小米2s</a>
<span>3299元</span>
</div>
<div></div>
<div>
<div>新品</div>
<img src="static/images/phone/phone5.jpg" alt="">
<a href="#">小米2s</a>
<span>3299元</span>
</div>
<div></div>
<div>
<div>新品</div>
<img src="static/images/phone/phone7.png" alt="">
<a href="#">小米2s</a>
<span>3299元</span>
</div>
</div>
</div>
</li>
<li>
<a href="#">红米</a>
<div>
<div>
<div>
<div>新品</div>
<img src="static/images/phone/phone8.png" alt="">
<a href="#">小米2s</a>
<span>3299元</span>
</div>
<div></div>
<div>
<div>新品</div>
<img src="static/images/phone/phone9.jpg" alt="">
<a href="#">小米2s</a>
<span>3299元</span>
</div>
<div></div>
<div>
<div>新品</div>
<img src="static/images/phone/phone10.png" alt="">
<a href="#">小米2s</a>
<span>3299元</span>
</div>
<div></div>
<div>
<div>新品</div>
<img src="static/images/phone/phone11.png" alt="">
<a href="#">小米2s</a>
<span>3299元</span>
</div>
<div></div>
<div>
<div>新品</div>
<img src="static/images/phone/phone13.png" alt="">
<a href="#">小米2s</a>
<span>3299元</span>
</div>
<div></div>
<div>
<div>新品</div>
<img src="static/images/phone/phone14.png" alt="">
<a href="#">小米2s</a>
<span>3299元</span>
</div>
</div>
</div>
</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>
<div></div>
</div>
<div>
<input type="text">
<div>
<a href="#">电视新品</a>
<a href="#">618预热</a>
</div>
<div><i class="fa fa-search"></i></div>
</div>
</div>
<div></div>
<!-- 轮播图 -->
<div>
<div>
<ul>
<li>
<a href="#">手机 | 电话卡</a><i class="fa fa-angle-right"></i>
<div>
<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>
<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>
<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>
<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>
<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>
<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>
<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>
<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>
<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>
<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>
<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>
<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>
<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>
<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>
<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>
<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>
<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>
<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>
</div>
</li>
<li>
<a href="#">电视机 | 盒子</a><i class="fa fa-angle-right"></i>
</li>
<li>
<a href="#">笔记本</a><i class="fa fa-angle-right"></i>
<div>
<div><img src="static/images/pc/pc4.jpg" alt=""><a href="">笔记本</a></div>
<div><img src="static/images/pc/pc7.jpg" alt=""><a href="">笔记本</a></div>
<div><img src="static/images/pc/pc9.jpg" alt=""><a href="">笔记本</a></div>
<div><img src="static/images/pc/pc10.jpg" alt=""><a href="">笔记本</a></div>
<div><img src="static/images/pc/pc13.png" alt=""><a href="">笔记本</a></div>
<div><img src="static/images/pc/pc16.png" alt=""><a href="">笔记本</a></div>
<div><img src="static/images/phone/phone1.png" alt=""><a href="">笔记本</a></div>
<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>
<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>
<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>
<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>
<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>
<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>
<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>
<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>
<div><img src="static/images/phone/phone1.png" alt=""><a href="">红米6A</a></div>
<div><img src="static/images/phone/phone2.png" alt=""><a href="">小米MIX2</a></div>
<div><img src="static/images/phone/phone6.JPG" alt=""><a href="">移动4G+专区</a></div>
</div>
</li>
<li><a href="#">智能 | 家电</a><i class="fa fa-angle-right"></i></li>
<li><a href="#">健康 | 家居</a><i class="fa fa-angle-right"></i></li>
<li><a href="#">出行 | 儿童</a><i class="fa fa-angle-right"></i></li>
<li><a href="#">路由器 | 手机配件</a><i class="fa fa-angle-right"></i></li>
<li><a href="#">移动电源 | 插线板</a><i class="fa fa-angle-right"></i></li>
<li><a href="#">耳机 | 音响</a><i class="fa fa-angle-right"></i></li>
<li><a href="#">生活 | 米兔</a><i class="fa fa-angle-right"></i></li>
</ul>
</div>
<div></div>
</div>
<div></div>
<!-- 商品广告 -->
<div>
<div>
<span><i class="fa fa-mobile-phone fa-2x"></i><br>选购手机</span>
<span><i class="fa fa-gift fa-2x"></i><br>企业团购</span>
<span><i class="fa fa-facebook fa-2x"></i><br>F码通道</span>
<span><i class="fa fa-file-text fa-2x"></i><br>米粉卡</span>
<span><i class="fa fa-refresh fa-2x"></i><br>依旧换新</span>
<span><i class="fa fa-credit-card fa-2x"></i><br>话费充值</span>
</div>
<div style="background:url(static/images/midAD1.jpg);"></div>
<div style="background:url(static/images/midAD2.jpg);"></div>
<div style="background:url(static/images/midAD3.jpg);"></div>
</div>
<div></div>
<!-- 小米闪购 -->
<div>
<h2>小米闪购</h2>
<div style="margin-right: 14px;border-top:1px solid #f00;background:#f1eded;">
<div>18:00场</div>
<i class="flash fa fa-flash fa-4x"></i>
<div>距离开始还有</div>
<div>
<span>00</span>
<span>:</span>
<span>00</span>
<span>:</span>
<span>00</span>
</div>
</div>
<div class="mainPurchase_shop move" style="margin-right: 14px;border-top:1px solid #ff6700;">
<img src="static/images/flashbuy/flashbuy1.jpg" alt="">
<div>米家空气净化器Pro白色</div>
<div>大空间,快循环</div>
<div>1399元<del>1499元</del></div>
</div>
<div class="mainPurchase_shop move" style="margin-right: 14px;border-top:1px solid #080;">
<img src="static/images/flashbuy/flashbuy2.jpg" alt="">
<div>米家空气净化器Pro白色</div>
<div>大空间,快循环</div>
<div>1399元<del>1499元</del></div>
</div>
<div class="mainPurchase_shop move" style="margin-right: 14px;border-top:1px solid #00f;">
<img src="static/images/flashbuy/flashbuy3.jpg" alt="">
<div>米家空气净化器Pro白色</div>
<div>大空间,快循环</div>
<div>1399元<del>1499元</del></div>
</div>
<div class="mainPurchase_shop move" style="border-top:1px solid #f00;">
<img src="static/images/flashbuy/flashbuy4.jpg" alt="">
<div>米家空气净化器Pro白色</div>
<div>大空间,快循环</div>
<div>1399元<del>1499元</del></div>
</div>
</div>
<div></div>
<!-- 广告图 -->
<div style="background:url(static/images/longAD1.jpg);">
</div>
</div>
</div>
<div style="background: #f5f5f5;">
<div>
<!-- 手机专区 -->
<div>
<div>
<h2>手机</h2>
<span>查看更多<i class="fa fa-angle-right"></i></span>
</div>
<div></div>
<div style="background:url(static/images/buy/手机AD.jpg);;">
</div>
<div>
<div style="margin-bottom:14px;">
<div class="p move">
<img src="static/images/buy/手机1.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
</div>
<div class="p move">
<span>享八折</span>
<img src="static/images/buy/手机2.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
</div>
<div class="p move">
<img src="static/images/buy/手机3.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
</div>
<div class="p move">
<img src="static/images/buy/手机4.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
</div>
<div></div>
</div>
<div>
<div class="p move">
<span>享八折</span>
<img src="static/images/buy/手机5.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
</div>
<div class="p move">
<img src="static/images/buy/手机6.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
</div>
<div class="p move">
<img src="static/images/buy/手机7.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
</div>
<div class="p move">
<span>享八折</span>
<img src="static/images/buy/手机8.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
</div>
</div>
</div>
</div>
<div></div>
<!-- 广告图 -->
<div style="background:url(static/images/longAD2.jpg);"></div>
<!-- 智能专区 -->
<div>
<div>
<h2>智能</h2>
<span>热门</span>
<span>电视影音</span>
<span>电脑</span>
<span>家具</span>
</div>
<div></div>
<div>
<div style="background:#ccc;background:url(static/images/buy/智能AD1.jpg);margin-bottom: 14px;"></div>
<div style="background:#ccc;background:url(static/images/buy/智能AD2.jpg);"></div>
</div>
<div>
<div style="margin-bottom:14px;">
<div>
<img src="static/images/buy/智能1.png" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
<div>
<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>
<p>来自于 13312341234 的评价</p>
</div>
</div>
<div>
<span>享八折</span>
<img src="static/images/buy/智能2.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
<div>
<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>
<p>来自于 13312341234 的评价</p>
</div>
</div>
<div>
<img src="static/images/buy/智能3.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
<div>
<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>
<p>来自于 13312341234 的评价</p>
</div>
</div>
<div>
<img src="static/images/buy/智能4.png" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
<div>
<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>
<p>来自于 13312341234 的评价</p>
</div>
</div>
<div></div>
</div>
<div>
<div>
<span>享八折</span>
<img src="static/images/buy/智能5.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
<div>
<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>
<p>来自于 13312341234 的评价</p>
</div>
</div>
<div>
<img src="static/images/buy/智能6.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
<div>
<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>
<p>来自于 13312341234 的评价</p>
</div>
</div>
<div>
<img src="static/images/buy/智能7.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
<div>
<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>
<p>来自于 13312341234 的评价</p>
</div>
</div>
<div>
<div>
<div>
<div>小米净水器</div>
<div>1999元</div>
</div>
<div>
<img src="static/images/buy/智能8.jpg" alt="">
</div>
</div>
<div style="margin-top:10px;">
<div>
<div>浏览更多</div>
<div>更多</div>
</div>
<div><i class="fa fa-arrow-circle-o-right fa-5x"></i></div>
</div>
</div>
</div>
</div>
</div>
<div></div>
<!-- 广告图 -->
<div style="background:url(static/images/longAD3.jpg);"></div>
<!-- 家电专区 -->
<div>
<div>
<h2>家电</h2>
<span>热门</span>
<span>家居</span>
<span>家电</span>
</div>
<div></div>
<div>
<div style="background:#ccc;background:url(static/images/buy/家电AD1.jpg);margin-bottom: 14px;"></div>
<div style="background:#ccc;background:url(static/images/buy/家电AD2.jpg);"></div>
</div>
<div>
<div style="margin-bottom:14px;">
<div>
<img src="static/images/buy/家电1.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
<div>
<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>
<p>来自于 13312341234 的评价</p>
</div>
</div>
<div>
<span>享八折</span>
<img src="static/images/buy/家电2.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
<div>
<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>
<p>来自于 13312341234 的评价</p>
</div>
</div>
<div>
<img src="static/images/buy/家电3.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
<div>
<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>
<p>来自于 13312341234 的评价</p>
</div>
</div>
<div>
<img src="static/images/buy/家电4.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
<div>
<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>
<p>来自于 13312341234 的评价</p>
</div>
</div>
<div></div>
</div>
<div>
<div>
<span>享八折</span>
<img src="static/images/buy/家电5.png" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
<div>
<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>
<p>来自于 13312341234 的评价</p>
</div>
</div>
<div>
<img src="static/images/buy/家电6.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
<div>
<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>
<p>来自于 13312341234 的评价</p>
</div>
</div>
<div>
<img src="static/images/buy/家电7.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>光学变焦双摄,拍人更美</div>
<div>1499元</div>
<div>
<p>安装师傅很给力,很专业,产品质量也很高,非常值得信赖。</p>
<p>来自于 13312341234 的评价</p>
</div>
</div>
</div>
<div>
<div>
<div>
<div>小米净水器</div>
<div>1999元</div>
</div>
<div>
<img src="static/images/buy/家电8.jpg" alt="">
</div>
</div>
<div style="margin-top:10px;">
<div>
<div>浏览更多</div>
<div>更多</div>
</div>
<div><i class="fa fa-arrow-circle-o-right fa-5x"></i></div>
</div>
</div>
</div>
</div>
<div></div>
<!-- 广告图 -->
<div style="background:url(static/images/longAD4.jpg);"></div>
<!-- 为你推荐 -->
<div>
<div>
<h2>为你推荐</h2>
</div>
<div></div>
<div>
<div style="margin-left: 0;">
<img src="static/images/buy/手机1.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>1499元</div>
<div>2905人好评</div>
</div>
<div>
<img src="static/images/buy/手机2.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>1499元</div>
<div>2905人好评</div>
</div>
<div>
<img src="static/images/buy/手机3.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>1499元</div>
<div>2905人好评</div>
</div>
<div>
<img src="static/images/buy/手机4.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>1499元</div>
<div>2905人好评</div>
</div>
<div>
<img src="static/images/buy/手机5.jpg" alt="">
<div><a href="#">小米5X 4G+64GB</a></div>
<div>1499元</div>
<div>2905人好评</div>
</div>
<div></div>
</div>
</div>
<div></div>
<!-- 热评产品 -->
<div>
<div>
<h2>热评产品</h2>
</div>
<div></div>
<div>
<div style="margin-left: 0;">
<img src="static/images/buy/热评产品1.jpg" alt="">
<div>这箱子很好,外观漂亮，实用性强。很轻，有点软但不影响它的坚固。</div>
<div>来自于 子书雁 的评价</div>
<div>
<div>90分旅行箱 20寸 </div>
<span>|</span>
<div>1499元</div>
</div>
</div>
<div>
<img src="static/images/buy/热评产品2.jpg" alt="">
<div>包装很让人感动,式样也很可爱，做出的饭全家人都爱吃,超爱五星,手机控制还是不太熟练，最主要是没有连接...</div>
<div>来自于 HZG 的评价</div>
<div>
<div>米家压力IH电饭煲</div>
<span>|</span>
<div>699元</div>
</div>
</div>
<div>
<img src="static/images/buy/热评产品3.jpg" alt="">
<div>这箱子很好,外观漂亮，实用性强。很轻，有点软但不影响它的坚固。</div>
<div>来自于 草莓 的评价</div>
<div>
<div>90分旅行箱 20寸 </div>
<span>|</span>
<div>1499元</div>
</div>
</div>
<div>
<img src="static/images/buy/热评产品4.jpg" alt="">
<div>这箱子很好,外观漂亮，实用性强。很轻，有点软但不影响它的坚固。</div>
<div>来自于 很及时 的评价</div>
<div>
<div>90分旅行箱 20寸 </div>
<span>|</span>
<div>1499元</div>
</div>
</div>
<div></div>
</div>
</div>
<div></div>
<!-- 内容 -->
<div>
<div>
<h2>内容</h2>
</div>
<div></div>
<div>
<div style="margin-left: 0;border-top:1px solid #ffac13;">
<div>
<div style="color:#ffac13;">图书</div>
<div>哈利·波特与被诅咒的孩子</div>
<div>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</div>
<div>29.37元</div>
</div>
<img src="static/images/buy/内容1.png" alt="">
<div><span></span><span></span><span></span><span></span></div>
</div>
<div style="border-top:1px solid #83c44e;">
<div>
<div style="color:#83c44e;">MIUI 主题</div>
<div>复仇者联盟3-原石争夺战</div>
<div>收集无限原石，获取酷炫壁纸！</div>
<div>5.9米币</div>
</div>
<img src="static/images/buy/内容2.png" alt="">
<div><span></span><span></span><span></span><span></span></div>
</div>
<div style="border-top:1px solid #e53935;">
<div>
<div style="color:#e53935;">游戏</div>
<div>剑侠世界2</div>
<div>潮流武侠，炫动江湖！</div>
</div>
<img src="static/images/buy/内容3.png" alt="">
<div><span></span><span></span><span></span><span></span></div>
</div>
<div style="border-top:1px solid #2196f3;">
<div>
<div style="color:#2196f3;">应用</div>
<div>2017金米奖</div>
<div>最优秀的应用和游戏</div>
</div>
<img src="static/images/buy/内容4.png" alt="">
<div><span></span><span></span><span></span><span></span></div>
</div>
<div></div>
</div>
</div>
<div></div>
<!-- 视频 -->
<div>
<div>
<h2>视频</h2>
<span>查看更多<i class="fa fa-angle-right"></i></span>
</div>
<div></div>
<div>
<div style="margin-left: 0;">
<img src="static/images/buy/视频1.jpg" alt="">
<div>小米8，一部与众不同的手机</div>
<div>透明探索版，将科技与美学完美结合</div>
<span><i class="fa fa-play"></i></span>
</div>
<div>
<img src="static/images/buy/视频2.jpg" alt="">
<div>小米8，一部与众不同的手机</div>
<div>透明探索版，将科技与美学完美结合</div>
<span><i class="fa fa-play"></i></span>
</div>
<div>
<img src="static/images/buy/视频3.jpg" alt="">
<div>小米8，一部与众不同的手机</div>
<div>透明探索版，将科技与美学完美结合</div>
<span><i class="fa fa-play"></i></span>
</div>
<div>
<img src="static/images/buy/视频4.jpg" alt="">
<div>小米8，一部与众不同的手机</div>
<div>透明探索版，将科技与美学完美结合</div>
<span><i class="fa fa-play"></i></span>
</div>
<div></div>
</div>
</div>
</div>
</div>
<!-- 底部 -->
<div>
<div>
<div>
<a href=""><i class="fa fa-wrench"&a <
