只做到了智能先鋒的上面。嘗試了絕對定位和相對定位，還有一些css5的樣式，包括圓角，陰影等等。下面是所做的京東的前臺樣式，下一篇文章是css樣式文件，代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>京東</title>
<link rel="stylesheet" type="text/css" href="Jd.css" />
<style type="text/css">
* {
overflow: -Scroll;
overflow-x: hidden;
margin: 0 auto;
padding: 0 0;
text-decoration: none;
list-style: none;
}
div_Zong{
width:100%;
}
div {
overflow: -Scroll;
overflow-y: hidden;
}
body {
background-color: #f1f3ef;
width:100%;
}
</style>
</head>
<body>
<div class="Header_Zong">
<div class="header">
<div class="header_1">
<img class="header_618" alt="正在加載"
src="../images/[email protected]">
</div>
<img class="header_bg" alt="正在加載"
src="../images/5b03b5b6N3bb3f5fd.jpg">
</div>
</div>
<!-- -------------------- -->
<div class="Czx">
<div class="Czx_1">
<div class="logo"><img src="../images/LOGO.gif" alt=""></div>
<!-- ------------------------------------------------------------------------------ -->
<div class="Right_Zong">
<!-- <div class="Nav_Zong"> -->
<div class="nav_zong">
<div class="nav">
<ul>
<li><a href="#">手機京東</a></li>
<li><a href="#">網站導航<img src="../icon/list.png" alt=""><span
class="Shu">|</span></a></li>
<li><a href="#">客戶服務<img src="../icon/list.png" alt=""><span
class="Shu">|</span></a></li>
<li><a href="#">企業採購<span class="Shu">|</span></a></li>
<li><a href="#">京東會員<span class="Shu">|</span></a></li>
<li><a href="#">我的京東<img src="../icon/list.png" alt=""><span
class="Shu">|</span></a></li>
<li><a href="#">我的訂單<span class="Shu">|</span></a></li>
<li><a href="#" style="color: #de3029">免費註冊</a></li>
<li><a href="#">你好，請登錄</a></li>
<li></li>
<li></li>
<li class="DingWei"><img alt="" src="../icon/DingWei.png"> <a
href="#">北京</a></li>
</ul>
</div>
</div>
<!-- </div> -->
<div class="search_Zong">
<div class="search_Kong"></div>
<div class="search">
<img class="search_camera" src="../icon/camera.png" alt="">
<div class="search_search">
<img alt="" src="../icon/search.png">
</div>
</div>
<div class="search_Kong_1"></div>
<div class="search_Shooping">
<img class="search_Shooping_icon" src="../icon/shopping.png" alt=""> 我的購物車
</div>
<div class="search_Kong_1"></div>
<div>
<img class="search_QRcode" src="../images/mobile_qrcode.png" alt="">
</div>
<div class="search_nav">
<ul>
<li><a href="#" style="color: #de3029">新品享好禮</a></li>
<li style="text-align: center;"><a href="#">榴蓮</a></li>
<li><a href="#">京東電器</a></li>
<li><a href="#">遊戲手機</a></li>
<li><a href="#">爆款預約</a></li>
<li><a href="#">華爲P20</a></li>
<li><a href="#">超市越洋</a></li>
<li><a href="#">影音681</a></li>
<li><a href="#">魅族15</a></li>
</ul>
</div>
</div>
<div class="Black_Zong">
<div class="black_zong">
<ul>
<li><a href="#">秒殺</a></li>
<li><a href="#">優惠券</a></li>
<li><a href="#">PLUS會員</a></li>
<li><a href="#">閃購</a><span class="Shu_1">|</span></li>
<li><a href="#">拍賣</a></li>
<li><a href="#">京東服飾</a></li>
<li><a href="#">京東超市</a></li>
<li><a href="#">生鮮</a><span class="Shu_1">|</span></li>
<li><a href="#">全球購</a></li>
<li><a href="#">京東金融</a></li>
<li style="width: 190px"><a href="#"><img
src="../images/5b028b72Nc30ec366.gif" alt=""></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- --------------------------------------- -->
<!-- 右側固定 -->
<a href="#"><img class="Right_618" src="../images/5b052525N3aab8fde.png" alt=""></a>
<div class="Head_Shu"></div>
<div class="Right_button_Zong">
<div class="Right_button_Zong_1"><a href="#"><img src="../icon/My.png"></a></div>
<div class="Right_button_Zong_1"><a href="#"><img src="../icon/Shopping1.png"></a></div>
<div class="Right_button_Zong_1"><a href="#"><img src="../icon/heart.png"></a></div>
<div class="Right_button_Zong_1"><a href="#"><img src="../icon/time.png"></a></div>
<div class="Right_button_Zong_1"><a href="#"><img src="../icon/LiaoTian.png"></a></div>
<div class="Right_button_Zong_1"><a href="#"><img src="../icon/animal.png"></a></div>
</div>
<div class="Right_button_Zong1">
<div class="Right_button_Zong1_1"><a href="#"><img src="../icon/Up_Jiantou.png"></a></div>
<div class="Right_button_Zong1_1"><a href="#"><img src="../icon/Work.png"></a></div>
</div>
<!-- --------------------------------------- -->
<div class="middle_Zong">
<div class="middle">
<div class="middle_left">
<ul>
<li> <a href="#">家用電器</a></li>
<li> <a href="#">手機</a> /<a href="#">運營商</a>/<a
href="#">數碼</a></li>
<li> <a href="#">電腦</a> /<a href="#">辦公</a></li>
<li> <a href="#">家居</a> /<a href="#">傢俱</a>/<a
href="#">家裝</a>/ <a href="#">廚具</a></li>
<li> <a href="#">男裝</a> / <a href="#">女裝</a>/<a
href="#">童裝</a>/<a href="#">內衣</a></li>
<li> <a href="#">美妝</a> / <a href="#">個護清潔</a>/<a
href="#">寵物</a></li>
<li> <a href="#">女鞋</a> / <a href="#">箱包</a>
/<a href="#">鐘錶</a>/<a href="#">珠寶</a></li>
<li> <a href="#">男鞋</a> / <a href="#">運動</a>/<a
href="#">戶外</a></li>
<li> <a href="#">房產</a> / <a href="#">汽車</a>/<a
href="#">汽車用品</a></li>
<li> <a href="#">母嬰</a> / <a href="#">玩具樂器</a></li>
<li> <a href="#">食品</a> / <a href="#">酒類</a>/<a
href="#">生鮮</a>/<a href="#">特產</a></li>
<li> <a href="#">藝術</a> / <a href="#">禮品鮮花</a>
/<a href="#">農資綠植</a></li>
<li> <a href="#">醫藥保健</a> / <a href="#">計生情趣</a></li>
<li> <a href="#">圖書</a> / <a href="#">音像</a>/<a
href="#">電子書</a></li>
<li> <a href="#">機票</a> / <a href="#">酒店</a>/<a
href="#">旅遊</a>/<a href="#">生活</a></li>
<li> <a href="#">理財</a> / <a href="#">衆籌</a>/<a
href="#">白條</a>/<a href="#">保險</a></li>
<li> <a href="#">安裝</a> / <a href="#">維修</a>/<a
href="#">清洗保養</a></li>
</ul>
</div>
<div class="middle_middle">
<img src="../images/add.jpg" alt="">
</div>
<div class="middle_height">
<div class="middle_height_img">
<img alt="" src="../images/5b065d44N2fe99f7c.jpg">
</div>
<div class="middle_height_img">
<img alt="" src="../images/5afe3edcNc3a7fc77.jpg">
</div>
<div>
<img alt="" src="../images/5aed5037Nb622cda1.jpg">
</div>
</div>
<div class="TouXiang">
<img alt="" src="../images/no_login.jpg">
</div>
<div class="middle_right">
<div class="middle_right_top">
<div class="hello">
<span>Hi~歡迎來到京東！</span><br> <a href="#">登錄</a> <a
href="#">註冊</a>
</div>
<div class="Huiyuan">
<a href="#">PLUS 會員</a>
</div>
<div class="Xinrenfuli">
<a href="#">新人福利</a>
</div>
</div>
<div class="middle_right_middle">
<ul>
<li class="li_1"> <a href="#">促銷</a><span
class="Shu_1">|</span></li>
<li> <a href="#">公告</a></li>
<li></li>
<li style="float: right; margin-left: 10px;"> <a
href="#">更多</a></li>
</ul>
</div>
<div class="middle_right_middle_note">
<ul>
<li><a href="#">暢遊無界，1億京豆發不停</a></li>
<li><a href="#">購家電儲值卡至高返500</a></li>
<li><a href="#">京東超市盡享2件8折</a></li>
<li><a href="#">海外直採領券159減30</a></li>
</ul>
</div>
<div class="middle_right_bottom">
<ul>
<li class="li_1"> <a href="#"
style="color: #FF0000;">話費</a></li>
<li> <a href="#">機票</a></li>
<li> <a href="#">酒店</a></li>
<li> <a href="#">遊戲</a></li>
</ul>
</div>
<div class="middle_right_bottom_1">
<ul>
<li> <a href="#" style="color: #FF0000;">話費充值</a></li>
<li> <a href="#">流量充值</a></li>
<li> <a href="#">套餐變更</a></li>
</ul>
<div class="za">
<p>號碼</p>
<input type="text" value="移動/聯通/電信"><br> <br>
面值 <select style="width: 125px;"><option>100元</option>
<option>10元</option>
<option>20元</option>
<option>30元</option>
<option>50元</option>
<option>200元</option>
<option>500元</option>
</select><br> <span style="color: #FF0000;">¥98.0-¥100.0</span><br>
<div class="Kuansucongzhi">
<a href="#">快速充值</a>
</div>
<a href="#" style="color: #0000FF; font-size: 14px;">搶90減50元話費券</a>
</div>
</div>
</div>
</div>
</div>
<div class="MiaoSha_ZongDiv">
<div class="MiaoSha_Zong">
<div class="MiaoSha_1">
<div style="margin-top: 40px;"></div>
<h1>京東秒殺</h1>
<h3>FLASH DEALS</h3>
<img src="../icon/lightning.png" alt="">
<h4>本場距離結束還剩</h4>
<div style="widt: 100%; margin-left: 25px; margin-top: 30px;position: relative;">
<div class="Mb_1">0</div>
<div class="Mb_2">0</div>
<div class="Mb_3">0</div>
<div class="Mb_4">0</div>
<div class="Mb_5">0</div>
<div class="Mb_6">0</div>
<div class="MiaoSha_block_Zong">
<div class="MiaoSha_block"></div>
<div class="MiaoSha_block"></div>
</div>
<div class="MiaoSha_block_Zong">
<div class="MiaoSha_block"></div>
<div class="MiaoSha_block"></div>
</div>
<div class="MiaoSha_block_Zong">
<div class="MiaoSha_block"></div>
<div class="MiaoSha_block"></div>
</div>
</div>
</div>
<div class="MiaoSha_2">
<div class="left_Jt">
<a href="#"><img alt="" src="../icon/left_Jt.png"></a>
</div>
<div style="margin-top: -40px;">
<a href="#"><img alt="" src="../images/59b8d20fN76efcbe6.jpg"><br>
<span>Apple Watch Series 3智能手…</span></a>
<div
style="margin-top: 6px; border: 1px solid #FF0000; width: 160px; height: 20px;">
<div class="MiaoSha_2_red">¥3388.00</div>
<div class="MiaoSha_2_writ">¥3458.00</div>
</div>
</div>
</div>
<div class="MiaoSha_2">
<a href="#"><img alt="" src="../images/5b062f12Nfc822d69.jpg"><br>
<span>心相印紙抽 面巾紙 茶語系…</span></a>
<div
style="margin-top: 6px; border: 1px solid #FF0000; width: 160px; height: 20px;">
<div class="MiaoSha_2_red">¥68.90</div>
<div class="MiaoSha_2_writ">¥175.00</div>
</div>
</div>
<div class="MiaoSha_2">
<a href="#"><img alt="" src="../images/5ad473b6N0bd91510.jpg"><br>
<span>聯想（Lenovo）小新潮7000 20…</span></a>
<div
style="margin-top: 6px; border: 1px solid #FF0000; width: 160px; height: 20px;">
<div class="MiaoSha_2_red">¥5498.00</div>
<div class="MiaoSha_2_writ">¥5799.00</div>
</div>
</div>
<div class="MiaoSha_2">
<div class="right_Jt">
<a href="#"><img alt="" src="../icon/right_Jt.png"></a>
</div>
<div style="margin-top: -40px;">
<a href="#"><img alt="" src="../images/5acdb289N279e1d28.jpg"><br>
<span>諾優能兒童配方調製乳粉(…</span></a>
<div
style="margin-top: 6px; border: 1px solid #FF0000; width: 160px; height: 20px;">
<div class="MiaoSha_2_red">¥144.90</div>
<div class="MiaoSha_2_writ">¥188.00</div>
</div>
</div>
</div>
<div style="padding: 10px; background-color: #FFFFFF;">
<a href="#"><img style="width: 180px; height: 256px;"
src="../images/5b07669bN6068cb78.jpg" alt=""></a>
</div>
</div>
</div>
<div class="meeting-place">
<div class="meeting-place_note_Zong">
<div class="meeting-place_note_margin">
<a href="#"><img src="../images/5b03eb84Ndbcc79b7.jpg" alt=""></a>
</div>
<div class="meeting-place_note">
<a href="#"><img src="../images/5b037593N192d887b.jpg" alt=""></a>
</div>
<div class="meeting-place_note">
<a href="#"><img src="../images/5b07bfe2N66269e2f.jpg" alt=""></a>
</div>
<div class="meeting-place_note">
<a href="#"><img src="../images/5b03c90fN13ba57cf.png" alt=""></a>
</div>
<div class="meeting-place_note">
<a href="#"><img src="../images/5afd6b2dN7712edaa.jpg" alt=""></a>
</div>
</div>
<div class="meeting-place_note_Zong">
<div class="meeting-place_note_margin_1">
<a href="#"><img src="../images/5afba3caN4287fd1a.jpg" alt=""></a>
</div>
<div class="meeting-place_note_1">
<a href="#"><img src="../images/5b067fe4N8824b875.jpg" alt=""></a>
</div>
<div class="meeting-place_note_1">
<a href="#"><img src="../images/5b03e34aN479d0a23.jpg" alt=""></a>
</div>
<div class="meeting-place_note_1">
<a href="#"><img src="../images/5afea9c7Nc2a5b7c1.png" alt=""></a>
</div>
<div class="meeting-place_note_1">
<a href="#"><img src="../images/5afbdec3Naf03e66b.jpg" alt=""></a>
</div>
</div>
<div class="meeting-place_note_Zong">
<div class="meeting-place_note_margin_2">
<a href="#"><img src="../images/5b027a4aN6cfc3a98.png" alt=""></a>
</div>
<div class="meeting-place_note_2">
<a href="#"><img src="../images/5afbecaeN4c195319.jpg" alt=""></a>
</div>
<div class="meeting-place_note_2">
<a href="#"><img src="../images/5afd9b79Nb6f41ee9.jpg" alt=""></a>
</div>
<div class="meeting-place_note_2">
<a href="#"><img src="../images/5b052a64N8f9cec2e.png" alt=""></a>
</div>
<div class="meeting-place_note_2">
<a href="#"><img src="../images/5b052620Nbb999b2d.jpg" alt=""></a>
</div>
</div>
</div>
<div style="width: 100%; height: 40px;"></div>
<div class="grid_c1">
<div class="box_top">
<div class="box_top_hd">
<a href="#"> <span class="box_tit">排行榜</span> <img
src="../icon/XiangYou.png" alt=""> <span class="box_subtit">專屬你的購物指南</span>
</a>
</div>
<div class="tab_item">
<ul>
<li><a href="#" style="color: #ff0000;">大 家 電</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="tab_body">
<div class="tab_body_1">
<a href="#"><img src="../images/5ac9f865Nbad6fef8.jpg" alt="">
<span class="tab_Number">1</span> <span class="top_item_name">創維（Skyworth）32X3
32英寸 窄邊藍光高清節能平板液晶電視機（黑色）</span></a>
</div>
<div class="tab_body_1">
<a href="#"><img src="../images/5ad86c33N80b050b2.jpg" alt="">
<span class="tab_Number">2</span> <span class="top_item_name">海爾模卡（MOOKA）
43A6 43英寸 智能網絡窄邊框全高清LED液晶電視（黑色）</span></a>
</div>
<div class="tab_body_1">
<a href="#"><img src="../images/593a2ce2Nb6558b94.jpg" alt="">
<span class="tab_Number">3</span> <span class="top_item_name">康佳（KONKA）LED24E330C
24英寸高清窄邊液晶平板電視 支持顯示器(黑色)</span></a>
</div>
</div>
<div class="tab_hr"></div>
<div class="tab_circle">
<div class="tab_circle_1"></div>
<div class="tab_circle_border"></div>
</div>
</div>
<div class="box_top m_1">
<div class="box_left_Jt">
<a href="#"><img alt="" src="../icon/left_Jt.png"></a>
</div>
<div class="box_top_hd">
<a href="#"> <span class="box_tit">會買專輯</span> <img
src="../icon/XiangYou.png" alt=""> <span class="box_subtit">甄選優質好物</span>
</a>
</div>
<div class="middle_box">
<a class="BianDan" href="#"><img class="middle_box_img"
src="../images/59ed6bdaN7e1c1533.png" alt=""></a>
</div>
<div class="middle_box_img_1">
<a class="BianDan" href="#"><img src="../images/59ed54d8Ne4160b7c.jpg" alt=""></a>
<a class="BianDan" href="#"><img src="../images/5996ac2bN63d73b17.jpg" alt=""></a>
<a class="BianDan" href="#"><img src="../images/58070a9cNe603d24c.jpg" alt=""></a>
</div>
<div class="middle_box_sp">
<a href="#">精美加溼器，緩解皮膚乾燥好幫手</a>
</div>
<div class="middle_box_note">
<a href="#">轉眼秋天已過將半，人們面臨的皮膚乾燥問題越來越明顯，特別是對於在家或是坐在辦公室的人來說，會造成一</a>
</div>
<div class="tab_hr"></div>
<div class="tab_circle">
<div class="tab_circle_1"></div>
<div class="tab_circle_border"></div>
<div class="tab_circle_border"></div>
</div>
<div class="box_right_Jt">
<a href="#"><img alt="" src="../icon/right_Jt.png"></a>
</div>
</div>
<div class="box_top m_1">
<div class="box_top_hd">
<a href="#"> <span class="box_tit">領券中心</span> <img
src="../icon/XiangYou.png" alt=""> <span class="box_subtit">前往領券中心</span>
</a>
</div>
<div class="tab_circle_2"></div>
<div class="coupon_item">
<div style="float: left;">
<div class="coupon_img">
<a class="BianDan" href="#"><img style="width: 80px; height: 80px;"
src="../images/5adee373Nf9d52792.jpg" alt=""></a>
</div>
<div class="coupon_price">
<a href="#"><span>¥ 7折</span></a>
</div>
<div class="coupon_limit">
<a href="#">滿滿100元可用</a>
</div>
<div class="coupon_desc">
<a href="#">鮮品類專享券</a>
</div>
</div>
<div class="coupon_more">
<div class="coupon_more_inner">
<a href="#">更多精選好券</a>
</div>
</div>
</div>
<div class="tab_circle_2"></div>
<div class="coupon_item" style="background-color: #eeefed;">
<div style="float: left;">
<div class="coupon_img">
<a class="BianDan" href="#"><img style="width: 80px; height: 80px;"
src="../images/5b0e6b28N8052e55d.jpg" alt=""></a>
</div>
<div class="coupon_price">
<a href="#"><span>¥ 150</span></a>
</div>
<div class="coupon_limit">
<a href="#">滿滿2980元可用</a>
</div>
<div class="coupon_desc">
<a href="#">部分自營手機/配件</a>
</div>
</div>
<div class="coupon_more">
<div class="coupon_more_inner">
<a href="#">更多精選好券</a>
</div>
</div>
</div>
<div class="tab_circle_2"></div>
<div class="coupon_item">
<div style="float: left;">
<div class="coupon_img">
<a class="BianDan" href="#"><img style="width: 80px; height: 80px;"
src="../images/5aa77e11Na27afa82.jpg" alt=""></a>
</div>
<div class="coupon_price">
<a href="#"><span>¥ 5</span></a>
</div>
<div class="coupon_limit">
<a href="#">滿滿110元可用</a>
</div>
<div class="coupon_desc">
<a href="#">自營牛奶部分商品</a>
</div>
</div>
<div class="coupon_more">
<div class="coupon_more_inner">
<a href="#">更多精選好券</a>
</div>
</div>
</div>
<div class="tab_circle_1"></div>
<div class="tab_circle_border"></div>
<div class="tab_circle_border"></div>
</div>
</div>
<!-- ______________________________________________________________________________--->
<div class="grid_c1">
<div class="box_top">
<div class="box_left_Jt">
<a href="#"><img alt="" src="../icon/left_Jt.png"></a>
</div>
<div class="box_top_hd">
<a href="#"><span class="box_tit">覓me</span> <img
src="../icon/XiangYou.png" alt=""> <span class="box_subtit">探索生活</span>
</a>
</div>
<div class="sunning">
<a href="#" class="BianDan"><img src="../images/5b091904N71f4b0cf.jpg" class="sunning_img" alt=""></a>
</div>
<div class="middle_box_sp">
<a href="#">熱炸的夏天，幸好空調可以免費裝</a>
</div>
<div class="middle_box_note_1">
<a href="#">套裝內有50只限量版白管口紅，五十隻口紅五十種不同的顏色可以單獨使用也可以疊加使用，有了它你的化妝櫃每個色系的口紅都齊全</a>
</div>
<div class="tab_hr"></div>
<div class="tab_circle">
<div class="tab_circle_1"></div>
<div class="tab_circle_border"></div>
</div>
<div class="box_right_Jt">
<a href="#"><img alt="" src="../icon/right_Jt.png"></a>
</div>
</div>
<div class="box_top m_1">
<div class="box_top_hd">
<a href="#"> <span class="box_tit">發現好貨</span> <img
src="../icon/XiangYou.png" alt=""> <span class="box_subtit">發現品質生活</span>
</a>
</div>
<div class="ForImg_zong">
<div class="ForImg_zong_img"><a class="BianDan" href="#"><img src="../images/5aa8a8f3N341e4b0d.jpg" alt=""></a>
<a href="#" class="ForImg_zong_img_a1">錘子人工智能手機</a>
</div>
<div class="ForImg_zong_img">
<a class="BianDan" href="#"><img src="../images/573ec769Nfa8af95d.jpg" alt=""></a>
<a href="#" class="ForImg_zong_img_a2">TF限量迷你口紅套裝</a>
</div>
</div>
<div class="ForImg_zong">
<div class="ForImg_zong_img"><a class="BianDan" href="#"><img src="../images/59af5ad1N5430fcdf.png" alt=""></a>
<a href="#" class="ForImg_zong_img_a2">原力手環</a></div>
<div class="ForImg_zong_img"><a class="BianDan" href="#"><img src="../images/58cf9a34N0b58819a.jpg" alt=""></a>
<a href="#" class="ForImg_zong_img_a2">駕考模擬器</a></div>
</div>
</div>
<div class="box_top m_1">
<div class="box_top_hd">
<a href="#"> <span class="box_tit">會逛</span> <img
src="../icon/XiangYou.png" alt=""> <span class="box_subtit">你想逛的都在這裏</span>
</a>
</div>
<div class="box_right"><a class="BianDan" href="#"><img src="../images/5b06de10N798800eb.jpg" alt=""></a></div>
<div class="box_right_img"><a class="BianDan" href="#"><img src="../images/5b06de3cN1a3e6bbb.jpg" alt=""></a></div>
<div class="box_right_img"><a class="BianDan" href="#"><img src="../images/5b06de5cN34722f4a.jpg" alt=""></a></div>
<div class="box_right_img"><a class="BianDan" href="#"><img src="../images/5b06de49N41516544.jpg" alt=""></a></div>
</div>
</div>
<!-- ------------------------------------------------------------------------ -->
<div class="floorhd">
<div class="floorhd_looer">
<div class="floorhd_looer_tit"><h1>— 時尚達人 —</h1></div>
</div>
</div>
<!-- -------------------------------------------------------------------- -->
<div class="grid_c1">
<div class="box_top">
<div class="box_top_hd">
<a href="#"> <span class="box_tit">運動戶外</span> <img
src="../icon/XiangYou.png" alt=""> <span class="box_subtit">玩所謂未玩</span>
</a>
</div>
<div class="sp_tit">
<a class="BianDan" href="#"><img src="../images/5af843adN2667e5a8.jpg"></a>
</div>
<div class="sp_tit">
<div class="sp_bottom" style="margin-right:10px;"><a class="BianDan" href="#"><img src="../images/5af843c8N949c555f.jpg"></a></div>
<div class="sp_bottom"><a class="BianDan" href="#"><img src="../images/5af843dbNfbc44b3c.jpg"></a></div>
</div>
</div>
<div class="box_top m_1">
<div class="box_top_hd">
<a href="#"> <span class="box_tit">魅力裝扮</span> <img
src="../icon/XiangYou.png" alt=""> <span class="box_subtit">精緻生活</span>
</a>
</div>
<div class="sp_tit">
<a class="BianDan" href="#"><img src="../images/5ae9617eN40168ca3.jpg"></a>
</div>
<div class="sp_tit">
<div class="sp_bottom" style="margin-right:10px;"><a class="BianDan" href="#"><img src="../images/5aaf6b8cN194ad58e.jpg"></a></div>
<div class="sp_bottom"><a class="BianDan" href="#"><img src="../images/5b0283a3N9a4b2ff2.png"></a></div>
</div>
</div>
<div class="box_bg">
<div class="box_border_img"><a class="BianDan" href="#"><img src="../images/5b0559d8N2baad6a5.jpg"></a></div>
<div class="box_border"></div>
</div>
</div>
<!-- -------------------------------------------------------------------------------------- -->
<div class="grid_c1">
<div class="Box_middle box_bg">
<div class="Box_border_img"><a href="#" class="BianDan"><img src="../images/5b0e12c0Nb69341a8.jpg"></a></div>
<div class="Box_border"></div>
</div>
<div class=" m_1">
<div class="Four_St">
<div class="Four_St_bottom" style="margin-right:10px;">
<a class="BianDan" href="#"><img src="../images/587881b5N4c161654.jpg"></a>
<div style="margin-top:16px;">
<p class="Four_St_bottom_p1"><a href="#">TH/唐後歐美時尚手鍊…</a></p><br>
<p class="Four_St_bottom_p2"><a href="#">¥564.00</a></p>
</div>
</div>
<div class="Four_St_bottom">
<a class="BianDan" href="#"><img src="../images/5a150250N04225c46.jpg"></a>
<div style="margin-top:16px;">
<p class="Four_St_bottom_p1"><a href="#">碩黃 韓版鈦鋼情侶項…</a></p><br>
<p class="Four_St_bottom_p2"><a href="#">¥10.00</a></p>
</div>
</div>
</div>
<div class="Four_St">
<div class="Four_St_bottom" style="margin-right:10px;">
<a class="BianDan" href="#"><img src="../images/5b0b5d84N43660923.jpg"></a>
<div style="margin-top:16px;">
<p class="Four_St_bottom_p1"><a href="#">尚雨茜自有品牌伊潤…</a></p><br>
<p class="Four_St_bottom_p2"><a href="#">¥99.00</a></p>
</div>
</div>
<div class="Four_St_bottom">
<a class="BianDan" href="#"><img src="../images/59d21670N7aec11e3.jpg"></a>
<div style="margin-top:16px;">
<p class="Four_St_bottom_p1"><a href="#">雙開門手拋速開自動…</a></p><br>
<p class="Four_St_bottom_p2"><a href="#">¥228.00</a></p>
</div>
</div>
</div>
</div>
<div class="box_top m_1">
<div class="Box_top_hd">
<a href="#"> <img src="../images/5a475ff2Nb88ab0e8.jpg"> <span>SADI海外旗艦店</span>
</a>
</div>
<div class="sp_tit">
<a class="BianDan" href="#"><img src="../images/5acb108cN75395032.jpg"></a>
</div>
<div class="Sp_tit">
<div class="Sp_bottom" style="margin-right:10px;"><a class="BianDan" href="#"><img src="../images/5b03d62dN0127b0b9.jpg"></a></div>
<div class="Sp_bottom" style="margin-right:10px;"><a class="BianDan" href="#"><img src="../images/5b03d628N4b4a74d8.jpg"></a></div>
<div class="Sp_bottom"><a class="BianDan" href="#"><img src="../images/5b03d631N5a0018ae.jpg"></a></div>
</div>
</div>
</div>
<!-- -------------------------------------------------------------------------------------- -->
<div class="grid_c1">
<div class="box_top">
<div class="box_top_hd">
<a href="#"> <span class="box_tit">京東服飾</span> <img
src="../icon/XiangYou.png" alt=""> <span class="box_subtit">盡享時尚生活</span>
</a>
</div>
<div class="box_right"><a class="BianDan" href="#"><img src="../images/5adf2259N40db6ba1.jpg" alt=""></a></div>
<div class="box_right_img"><a class="BianDan" href="#"><img src="../images/5a9e4591Na6a06f55.jpg" alt=""></a></div>
<div class="box_right_img"><a class="BianDan" href="#"><img src="../images/599ea4c0Na458525b.jpg" alt=""></a></div>
<div class="box_right_img"><a class="BianDan" href="#"><img src="../images/5a7aac18Nbf24e551.jpg" alt=""></a></div>
</div>
<div class="box_top m_1">
<div class="box_top_hd">
<a href="#"> <span class="box_tit">我行我素</span> <img
src="../icon/XiangYou.png" alt=""> <span class="box_subtit">時尚有我 品質生活</span>
</a>
</div>
<div class="sp_tit">
<a class="BianDan" href="#"><img src="../images/5af84229N029a1092.jpg"></a>
</div>
<div class="sp_tit">
<div class="sp_bottom" style="margin-right:10px;"><a class="BianDan" href="#"><img src="../images/5af8423aN68120fe7.jpg"></a></div>
<div class="sp_bottom"><a class="BianDan" href="#"><img src="../images/5af841a3N85351862.jpg"></a></div>
</div>
</div>
<div class="box_bg">
<div class="box_border_img" style="background-color:#f1f3ef;">
<div class="HuanJi_img"><a class="BianDan" href="#"><img src="../images/5a531613N0f56e968.jpg"></a></div>
<div class="HuanJi_img"><a class="BianDan" href="#"><img src="../images/5a2f8f79Ndc3104c2.jpg"></a></div>
</div>
<div class="box_border"></div>
</div>
</div>
<!-- ------------------------------------------------------------------------------------------------ -->
<div class="floorhd">
<div class="floorhd_looer">
<div class="floorhd_looer_tit"><h1>— 智能先鋒 —</h1></div>
</div>
</div>
<!-- ------------------------------------------------------------------------------------------------ -->
</body>
</html>