亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

小米商城首頁(yè)完全布局

??? 2019-03-24 22:32:10 500
????:<!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="#">云服務(wù)</a><span>|</span></li>
				<li><a href="#">小愛(ài)分享平臺(tái)</a><span>|</span></li>
				<li><a href="#">金融</a><span>|</span></li>
				<li><a href="#">有品</a><span>|</span></li>
				<li><a href="#">企業(yè)服務(wù)</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="#">注冊(cè)</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;購(gòu)物車(chē)(0)</a>
						<div>購(gòu)物車(chē)中還沒(méi)有商品,趕緊選購(gòu)吧!</div>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<!-- 內(nèi)容 -->
	<div class="contents">
		<div class="content">
			<!-- 導(dǎo)航 -->
			<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>小米手機(jī)
						<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>服務(wù)</li>
					<li>社區(qū)</li>
				</ul>
				<div class="contentMenu_form">
					<form>
						<input type="text" name="">
						<div class="contentMenu_form_a">
							<a href="">電視新品</a>
							<a href="">618預(yù)熱</a>
						</div>
						<div class="button"><i class="fa fa-search"></i></div>
					</form>
				</div>
			</div>
			<div class="clear"></div>

			<!-- 焦點(diǎn)圖 -->
			<div class="contentPic">
				<div class="contentPic_l">
					<ul class="content_pic_ul">
						<li><a href="">手機(jī) 電話(huà)卡</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="">移動(dòng)4G專(zhuān)區(qū)</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="">移動(dòng)4G專(zhuān)區(qū)</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="">電視機(jī) 盒子</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="">移動(dòng)4G專(zhuān)區(qū)</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="">移動(dòng)4G專(zhuān)區(qū)</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="">路由器 手機(jī)配件</a><i class="fa fa-angle-right"></i></li>
						<li><a href="">移動(dòng)電源 插線板</a><i class="fa fa-angle-right"></i></li>
						<li><a href="">耳機(jī) 音響</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="">移動(dòng)4G專(zhuān)區(qū)</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="">移動(dòng)4G專(zhuān)區(qū)</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>選購(gòu)手機(jī)</li>
						<li class="mr127"><span class="fa fa-gift fa-2x"></span>企業(yè)團(tuán)購(gòu)</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>話(huà)費(fèi)充值</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>

			<!-- 小米閃購(gòu) -->
			<div class="contentShop">
				<h2>小米閃購(gòu)</h2>
				<div class="contentShop_1 mr127 mrborder" style="background: #f1eded;">
					<div class="time">18:00 場(chǎng)</div>
					<div class="flash fa fa-flash fa-4x" style="color: #ef3a3b;"></div>
					<div class="detail">距離開(kāi)始還有</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">大空間,快循環(huán)</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">大空間,快循環(huán)</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">大空間,快循環(huán)</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">大空間,快循環(huán)</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">
			<!-- 手機(jī) -->
			<div class="contentUL">
				<h2>手機(jī)</h2>
				<div class="tab">
					查看更多
					<span><i class="fa fa-angle-right"></i></span>
				</div>
				<div class="clear"></div>
			</div>

			<!-- 手機(jī)詳情 -->
			<div class="contentPhone">
				<div class="contentPhone_l"></div>
				<div class="contentPhone_r">
					<div class="mr127">
						<img src="static/images/buy/手機(jī)1.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光學(xué)變焦雙攝,拍人更美</p>
						<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					</div>
					<div class="mr127">
						<span class="bottomFlagRed">享八折</span>
						<img src="static/images/buy/手機(jī)2.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光學(xué)變焦雙攝,拍人更美</p>
						<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					</div>
					<div class="mr127">
						<img src="static/images/buy/手機(jī)3.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光學(xué)變焦雙攝,拍人更美</p>
						<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					</div>
					<div class="">
						<img src="static/images/buy/手機(jī)4.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光學(xué)變焦雙攝,拍人更美</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/手機(jī)5.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光學(xué)變焦雙攝,拍人更美</p>
						<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					</div>
					<div class="mr127 mt127">
						<img src="static/images/buy/手機(jī)6.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光學(xué)變焦雙攝,拍人更美</p>
						<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					</div>
					<div class="mr127 mt127">
						<img src="static/images/buy/手機(jī)7.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光學(xué)變焦雙攝,拍人更美</p>
						<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					</div>
					<div class="mt127">
						<img src="static/images/buy/手機(jī)8.jpg" class="bottomImg">
						<h3 class="bottomTitle"><a href="">小米5X 4G+64GB</a></h3>
						<p class="bottomDesc">光學(xué)變焦雙攝,拍人更美</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>熱門(mén)</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">光學(xué)變焦雙攝,拍人更美</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">光學(xué)變焦雙攝,拍人更美</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">光學(xué)變焦雙攝,拍人更美</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">光學(xué)變焦雙攝,拍人更美</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">光學(xué)變焦雙攝,拍人更美</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">光學(xué)變焦雙攝,拍人更美</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">光學(xué)變焦雙攝,拍人更美</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>熱門(mén)</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">光學(xué)變焦雙攝,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					<p class="bottomPriceDiscuss">
						<span class="bottomReview">安裝師傅很給力</span><br>
						<span class="bottomAuthor">來(lái)自于 Json的評(píng)價(jià)</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">光學(xué)變焦雙攝,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					<p class="bottomPriceDiscuss">
						<span class="bottomReview">安裝師傅很給力</span><br>
						<span class="bottomAuthor">來(lái)自于 Json的評(píng)價(jià)</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">光學(xué)變焦雙攝,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					<p class="bottomPriceDiscuss">
						<span class="bottomReview">安裝師傅很給力</span><br>
						<span class="bottomAuthor">來(lái)自于 Json的評(píng)價(jià)</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">光學(xué)變焦雙攝,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					<p class="bottomPriceDiscuss">
						<span class="bottomReview">安裝師傅很給力</span><br>
						<span class="bottomAuthor">來(lái)自于 Json的評(píng)價(jià)</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">光學(xué)變焦雙攝,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					<p class="bottomPriceDiscuss">
						<span class="bottomReview">安裝師傅很給力</span><br>
						<span class="bottomAuthor">來(lái)自于 Json的評(píng)價(jià)</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">光學(xué)變焦雙攝,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					<p class="bottomPriceDiscuss">
						<span class="bottomReview">安裝師傅很給力</span><br>
						<span class="bottomAuthor">來(lái)自于 Json的評(píng)價(jià)</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">光學(xué)變焦雙攝,拍人更美</p>
					<p class="bottomPrice"><span style="color: #ff6700;">1499 元</span></p>
					<p class="bottomPriceDiscuss">
						<span class="bottomReview">安裝師傅很給力</span><br>
						<span class="bottomAuthor">來(lái)自于 Json的評(píng)價(jià)</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>預(yù)約維修服務(wù)</a><span></span>
					<a href="#"><i class="fa fa-rotate-right"></i>7天無(wú)理由退貨</a><span></span>
					<a href="#"><i class="fa fa-refresh"></i>15天免費(fèi)換貨</a><span></span>
					<a href="#&a					

?? ???:滅絕師太?? ??:2019-03-25 09:33:26
???? ??:布局代碼還可以精簡(jiǎn),總體完成的不錯(cuò),繼續(xù)加油!

??? ??

?? ??