小米商城首页完全布局

Original 2019-03-24 22:32:10 493
abstract:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小米商城</title> <link rel="shortcut icon" type="ima
<!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" type="text/css" href="static/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="static/css/style.css">
</head>
<body>
	<!-- 头部 -->
	<div class="header">
		<div class="menu">
			<ul class="header_left">
				<li><a href="#">小米商城</a><span>|</span></li>
				<li><a href="#">MIUI</a><span>|</span></li>
				<li><a href="#">IOT</a><span>|</span></li>
				<li><a href="#">云服务</a><span>|</span></li>
				<li><a href="#">小爱分享平台</a><span>|</span></li>
				<li><a href="#">金融</a><span>|</span></li>
				<li><a href="#">有品</a><span>|</span></li>
				<li><a href="#">企业服务</a><span>|</span></li>
				<li><a href="#">SelectRegion</a></li>
			</ul>
			<div class="header_right">
				<ul>
					<li><a href="#">登陆</a><span>|</span></li>
					<li><a href="#">注册</a><span>|</span></li>
					<li><a href="shop/order.html">我的订单</a><span>|</span></li>
					<li class="header_right_li"><a href="shop/cart.html"><i class="fa fa-shopping-cart"></i>&nbsp;购物车(0)</a>
						<div>购物车中还没有商品,赶紧选购吧!</div>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<!-- 内容 -->
	<div class="contents">
		<div class="content">
			<!-- 导航 -->
			<div class="contentMenu">
				<div class="contentMenu_pic">
					<img src="static/images/footlogo.png" style="margin: 5px 0px;margin-right: 10px;">
					<img src="static/images/logoAD.gif">
				</div>
				<ul class="contentMenu_ul">
					<li>小米手机
						<div class="MI_phone">
							<div class="MI_phoneDiv">
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li>红米
						<div class="MI_phone">
							<div class="MI_phoneDiv">
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li>电视</li>
					<li>笔记本
						<div class="MI_phone">
							<div class="MI_phoneDiv">
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li>盒子</li>
					<li>新品</li>
					<li>路由器
						<div class="MI_phone">
							<div class="MI_phoneDiv">
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
								<span></span>
								<div class="MI_phone1">
									<div class="new">新品</div>
									<div class="MI_phone1_shop">
										<img src="static/images/phone/phone1.png">
										<br>
										<a href="">小米2S</a>
										<br>
										<a href="" style="color: #ff6700;">1299 元</a>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li>智能硬件</li>
					<li>服务</li>
					<li>社区</li>
				</ul>
				<div class="contentMenu_form">
					<form>
						<input type="text" name="">
						<div class="contentMenu_form_a">
							<a href="">电视新品</a>
							<a href="">618预热</a>
						</div>
						<div class="button"><i class="fa fa-search"></i></div>
					</form>
				</div>
			</div>
			<div class="clear"></div>

			<!-- 焦点图 -->
			<div class="contentPic">
				<div class="contentPic_l">
					<ul class="content_pic_ul">
						<li><a href="">手机 电话卡</a><i class="fa fa-angle-right"></i>

							<div class="contentPic_l_menu">
								<div><img src="static/images/phone/phone1.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone2.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone6.jpg"><a href="">移动4G专区</a></div>

								<div><img src="static/images/phone/phone1.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone2.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone6.jpg"><a href="">移动4G专区</a></div>

								<div><img src="static/images/phone/phone1.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone2.png"><a href="">红米6A</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>
							<div class="contentPic_l_menu">
								<div><img src="static/images/phone/phone1.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone2.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone6.jpg"><a href="">移动4G专区</a></div>

								<div><img src="static/images/phone/phone1.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone2.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone6.jpg"><a href="">移动4G专区</a></div>

								<div><img src="static/images/phone/phone1.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone2.png"><a href="">红米6A</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>
							<div class="contentPic_l_menu">
								<div><img src="static/images/phone/phone1.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone2.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone6.jpg"><a href="">移动4G专区</a></div>

								<div><img src="static/images/phone/phone1.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone2.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone6.jpg"><a href="">移动4G专区</a></div>

								<div><img src="static/images/phone/phone1.png"><a href="">红米6A</a></div>
								<div><img src="static/images/phone/phone2.png"><a href="">红米6A</a></div>
							</div>
						</li>
						<li><a href="">生活 米兔</a><i class="fa fa-angle-right"></i></li>
					</ul>
				</div>
				<div class="contentPic_r"></div>
			</div>
			<div class="clear"></div>


			<!-- 详情 -->
			<div class="contentPic_ul">
				<div class="contentPic_ul_1">
					<ul>
						<li class="mr127"><span class="fa fa-mobile-phone fa-2x"></span>选购手机</li>
						<li class="mr127"><span class="fa fa-gift fa-2x"></span>企业团购</li>
						<li><span class="fa fa-facebook fa-2x"></span>F码通道</li>
						<li class="mr127"><span class="fa fa-file-text fa-2x"></span>米粉卡</li>
						<li class="mr127"><span class="fa fa-refresh fa-2x"></span>以旧换新</li>
						<li><span class="fa fa-credit-card fa-2x"></span>话费充值</li>
					</ul>
				</div>
				<div class="contentPic_ul_0" style="background: url(static/images/midAD1.jpg); margin-right: 13px;"></div>
				<div class="contentPic_ul_0" style="background: url(static/images/midAD1.jpg); margin-right: 13px;"></div>
				<div class="contentPic_ul_0" style="background: url(static/images/midAD1.jpg);"></div>
			</div>
			<div class="clear"></div>

			<!-- 小米闪购 -->
			<div class="contentShop">
				<h2>小米闪购</h2>
				<div class="contentShop_1 mr127 mrborder" style="background: #f1eded;">
					<div class="time">18:00 场</div>
					<div class="flash fa fa-flash fa-4x" style="color: #ef3a3b;"></div>
					<div class="detail">距离开始还有</div>
					<div class="clock">
						<span class="hour">00</span>
						<span class="maohao">:</span>
						<span class="minute">00</span>
						<span class="maohao">:</span>
						<span class="second">00</span>
					</div>
				</div>
				<div class="contentShop_1 mr127" style="border-top: 1px solid #ff6700;">
					<img src="static/images/flashbuy/flashbuy1.jpg" class="picshopImg">
					<h3 class="picshopTitle"><a href="">米家空气净化器Pro 白色</a></h3>
					<p class="picshopDesc">大空间,快循环</p>
					<p class="picshopPrice">
						<span style="color: #ff6709;">1399 元</span>&nbsp;&nbsp;
						<del>1499元</del>
					</p>
					<div class="bg"></div>
				</div>
				<div class="contentShop_1 mr127" style="border-top: 1px solid green;">
					<img src="static/images/flashbuy/flashbuy2.jpg" class="picshopImg">
					<h3 class="picshopTitle"><a href="">米家空气净化器Pro 白色</a></h3>
					<p class="picshopDesc">大空间,快循环</p>
					<p class="picshopPrice">
						<span style="color: #ff6709;">1399 元</span>&nbsp;&nbsp;
						<del>1499元</del>
					</p>
					<div class="bg"></div>
				</div>
				<div class="contentShop_1 mr127" style="border-top: 1px solid blue;">
					<img src="static/images/flashbuy/flashbuy3.jpg" class="picshopImg">
					<h3 class="picshopTitle"><a href="">米家空气净化器Pro 白色</a></h3>
					<p class="picshopDesc">大空间,快循环</p>
					<p class="picshopPrice">
						<span style="color: #ff6709;">1399 元</span>&nbsp;&nbsp;
						<del>1499元</del>
					</p>
					<div class="bg"></div>
				</div>
				<div class="contentShop_1" style="border-top: 1px solid red;">
					<img src="static/images/flashbuy/flashbuy4.jpg" class="picshopImg">
					<h3 class="picshopTitle"><a href="">米家空气净化器Pro 白色</a></h3>
					<p class="picshopDesc">大空间,快循环</p>
					<p class="picshopPrice">
						<span style="color: #ff6709;">1399 元</span>&nbsp;&nbsp;
						<del>1499元</del>
					</p>
					<div class="bg"></div>
				</div>
			</div>
			<div class="clear"></div>
			<!-- 图片 -->
			<div class="contentImg" style="background: url(static/images/longAD1.jpg);"></div>
	</div>
</div>

<div class="contents" style="background: #f5f5f5;">
	<div class="content">
			<!-- 手机 -->
			<div class="contentUL">
				<h2>手机</h2>
				<div class="tab">
					查看更多
					<span><i class="fa fa-angle-right"></i></span>
				</div>
				<div class="clear"></div>
			</div>

			<!-- 手机详情 -->
			<div class="contentPhone">
				<div class="contentPhone_l"></div>
				<div class="contentPhone_r">
					<div class="mr127">
						<img src="static/images/buy/手机1.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光学变焦双摄,拍人更美</p>
						<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					</div>
					<div class="mr127">
						<span class="bottomFlagRed">享八折</span>
						<img src="static/images/buy/手机2.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光学变焦双摄,拍人更美</p>
						<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					</div>
					<div class="mr127">
						<img src="static/images/buy/手机3.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光学变焦双摄,拍人更美</p>
						<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					</div>
					<div class="">
						<img src="static/images/buy/手机4.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光学变焦双摄,拍人更美</p>
						<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					</div>
					<div class="mr127 mt127">
						<span class="bottomFlagRed">享八折</span>
						<img src="static/images/buy/手机5.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光学变焦双摄,拍人更美</p>
						<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					</div>
					<div class="mr127 mt127">
						<img src="static/images/buy/手机6.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光学变焦双摄,拍人更美</p>
						<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					</div>
					<div class="mr127 mt127">
						<img src="static/images/buy/手机7.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光学变焦双摄,拍人更美</p>
						<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					</div>
					<div class="mt127">
						<img src="static/images/buy/手机8.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光学变焦双摄,拍人更美</p>
						<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>

			<!-- 图片 -->
			<div class="contentImg" style="background: url(static/images/longAD2.jpg);"></div>
			<!-- 智能 -->
			<div class="contentUL">
				<h2>智能</h2>
				<div class="tab">
					<ul>
						<li>热门</li>
						<li>电视影音</li>
						<li>电脑</li>
						<li>家居</li>
						<div class="clear"></div>
					</ul>
				</div>
			</div>
			<div class="clear"></div>

			<!-- 智能详情 -->
			<div class="contentPhone">
				<div class="contentPhone_0 mr127" style="background: url(static/images/buy/家电AD1.jpg)"></div>
				<div class="contentPhone_1 mr127">
					<img src="static/images/buy/智能1.png" class="bottomImg">
					<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
					<p class="bottomDesc">光学变焦双摄,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
				</div>
				<div class="contentPhone_1 mr127">
					<img src="static/images/buy/智能2.jpg" class="bottomImg">
					<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
					<p class="bottomDesc">光学变焦双摄,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
				</div>
				<div class="contentPhone_1 mr127">
					<img src="static/images/buy/智能3.jpg" class="bottomImg">
					<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
					<p class="bottomDesc">光学变焦双摄,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
				</div>
				<div class="contentPhone_1">
					<img src="static/images/buy/智能4.png" class="bottomImg">
					<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
					<p class="bottomDesc">光学变焦双摄,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
				</div>
				<div class="contentPhone_0 mr127" style="margin-top: 15.7px;background: url(static/images/buy/家电AD2.jpg)"></div>
				<div class="contentPhone_1 mr127 mt127">
					<img src="static/images/buy/智能5.jpg" class="bottomImg">
					<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
					<p class="bottomDesc">光学变焦双摄,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
				</div>
				<div class="contentPhone_1 mr127 mt127">
					<span class="bottomFlagRed">享八折</span>
					<img src="static/images/buy/智能6.jpg" class="bottomImg">
					<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
					<p class="bottomDesc">光学变焦双摄,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
				</div>
				<div class="contentPhone_1 mr127 mt127">
					<img src="static/images/buy/智能7.jpg" class="bottomImg">
					<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
					<p class="bottomDesc">光学变焦双摄,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
				</div>
				<div class="contentPhone_2 mt127">
					<div class="contentPhone_1_t">
						<div class="contentPhone_1_t_l">
							<span>小米手表</span>
							<span style="color: #ff6700;">999元</span>
						</div>
						<img src="static/images/buy/智能8.jpg" class="contentPhone_1_t_r">
					</div>
					<div class="contentPhone_1_d">
						<div class="contentPhone_1_d_l">
							<span>浏览更多</span>
							<a href="">更多</a>
						</div>
						<div class="contentPhone_1_d_r"><i class="fa fa-arrow-right"></i></div>
					</div>
				</div>
			</div>
			<!-- 图片 -->
			<div class="contentImg" style="background: url(static/images/longAD3.jpg);"></div>
			<div class="clear"></div>

			<!-- 家电 -->
			<div class="contentUL">
				<h2>家电</h2>
				<div class="tab">
					<ul>
						<li>热门</li>
						<li>电视影音</li>
						<li>电脑</li>
						<li>家居</li>
					</ul>
					<div class="clear"></div>
				</div>
			</div>
			<!-- 家电详情 -->
			<div class="contentPhone">
				<div class="contentPhone_0 mr127" style="background: url(static/images/buy/智能AD1.jpg)"></div>
				<div class="contentPhone_1 mr127">
					<img src="static/images/buy/家电1.jpg" class="bottomImg">
					<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
					<p class="bottomDesc">光学变焦双摄,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					<p class="bottomPriceDiscuss">
						<span class="bottomReview">安装师傅很给力</span><br>
						<span class="bottomAuthor">来自于 Json的评价</span>
					</p>
				</div>
				<div class="contentPhone_1 mr127">
					<img src="static/images/buy/家电2.jpg" class="bottomImg">
					<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
					<p class="bottomDesc">光学变焦双摄,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					<p class="bottomPriceDiscuss">
						<span class="bottomReview">安装师傅很给力</span><br>
						<span class="bottomAuthor">来自于 Json的评价</span>
					</p>
				</div>
				<div class="contentPhone_1 mr127">
					<span class="bottomFlagRed">享八折</span>
					<img src="static/images/buy/家电3.jpg" class="bottomImg">
					<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
					<p class="bottomDesc">光学变焦双摄,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					<p class="bottomPriceDiscuss">
						<span class="bottomReview">安装师傅很给力</span><br>
						<span class="bottomAuthor">来自于 Json的评价</span>
					</p>
				</div>
				<div class="contentPhone_1">
					<img src="static/images/buy/家电4.jpg" class="bottomImg">
					<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
					<p class="bottomDesc">光学变焦双摄,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					<p class="bottomPriceDiscuss">
						<span class="bottomReview">安装师傅很给力</span><br>
						<span class="bottomAuthor">来自于 Json的评价</span>
					</p>
				</div>
				<div class="contentPhone_0 mr127" style="margin-top: 15.7px;background: url(static/images/buy/智能AD2.jpg)"></div>
				<div class="contentPhone_1 mr127 mt127">
					<img src="static/images/buy/家电5.png" class="bottomImg">
					<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
					<p class="bottomDesc">光学变焦双摄,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					<p class="bottomPriceDiscuss">
						<span class="bottomReview">安装师傅很给力</span><br>
						<span class="bottomAuthor">来自于 Json的评价</span>
					</p>
				</div>
				<div class="contentPhone_1 mr127 mt127">
					<span class="bottomFlagRed">享八折</span>
					<img src="static/images/buy/家电6.jpg" class="bottomImg">
					<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
					<p class="bottomDesc">光学变焦双摄,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					<p class="bottomPriceDiscuss">
						<span class="bottomReview">安装师傅很给力</span><br>
						<span class="bottomAuthor">来自于 Json的评价</span>
					</p>
				</div>
				<div class="contentPhone_1 mr127 mt127">
					<img src="static/images/buy/家电7.jpg" class="bottomImg">
					<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
					<p class="bottomDesc">光学变焦双摄,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					<p class="bottomPriceDiscuss">
						<span class="bottomReview">安装师傅很给力</span><br>
						<span class="bottomAuthor">来自于 Json的评价</span>
					</p>
				</div>
				<div class="contentPhone_2 mt127" >
					<div class="contentPhone_1_t">
						<div class="contentPhone_1_t_l">
							<span>小米净水器</span>
							<span style="color: #ff6700;">1999元</span>
						</div>
						<img src="static/images/buy/家电8.jpg" class="contentPhone_1_t_r">
					</div>
					<div class="contentPhone_1_d">
						<div class="contentPhone_1_d_l">
							<span>浏览更多</span>
							<a href="">更多</a>
						</div>
						<div class="contentPhone_1_d_r"><i class="fa fa-arrow-right"></i></div>
					</div>
				</div>
			</div>
			<!-- 图片 -->
			<div class="contentImg" style="background: url(static/images/longAD4.jpg);"></div>
	
	</div>
</div>
	<div class="clear"></div>
	<!-- 底部 -->
	<div class="footers">
		<div class="footer">
			<div class="footer-top_li">
				<div class="footer-top_li_1">
					<a href="#"><i class="fa fa-wrench"></i>预约维修服务</a><span></span>
					<a href="#"><i class="fa fa-rotate-right"></i>7天无理由退货</a><span></span>
					<a href="#"><i class="fa fa-refresh"></i>15天免费换货</a><span></span>
					<a href="#&a					

Correcting teacher:灭绝师太Correction time:2019-03-25 09:33:26
Teacher's summary:布局代码还可以精简,总体完成的不错,继续加油!

Release Notes

Popular Entries