From 6adc8729deb864701a52282f5819a1dc570ccecf Mon Sep 17 00:00:00 2001
From: zhangguorong <zhangguorong@kaihongdigi.com>
Date: Fri, 27 May 2022 16:54:35 +0800
Subject: [PATCH] =?UTF-8?q?web=20testcase=20=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: bayanxing <bayanxing@kaihongdigi.com>
---
 .../src/main/resources/rawfile/index.html     | 1573 +++++++++++++++++
 1 file changed, 1573 insertions(+)

diff --git a/arkui/ace_ets_webView/entry/src/main/resources/rawfile/index.html b/arkui/ace_ets_webView/entry/src/main/resources/rawfile/index.html
index 2abb40cdd..64ed3f9a3 100644
--- a/arkui/ace_ets_webView/entry/src/main/resources/rawfile/index.html
+++ b/arkui/ace_ets_webView/entry/src/main/resources/rawfile/index.html
@@ -3385,3 +3385,1576 @@
             </div>
         </div>
     </div>
+    <!--main-->
+    <div class="sub-nav">
+        <input type="button" class="more-btn" value="更多"/>
+        <!--sub-nav-cell-->
+        <div class="sub-nav-cell">
+            <h3 class="orange">主题市场</h3>
+            <ul class="sub-nav-box">
+                <li><a href="#">爱美女人</a></li>
+                <li><a href="#">品质男人</a></li>
+                <li><a href="#">二手</a></li>
+                <li><a href="#">全球购</a></li>
+                <li><a href="#">品牌街</a></li>
+                <li><a href="#">汽车生活</a></li>
+                <li><a href="#">花嫁新娘</a></li>
+                <li><a href="#">孕婴童</a></li>
+                <li><a href="#">同城便民</a></li>
+                <li><a href="#">爱么装</a></li>
+                <li><a href="#">运动户外</a></li>
+                <li><a href="#">家用电器</a></li>
+                <li><a href="#">狠爱</a></li>
+                <li><a href="#">网络游戏</a></li>
+                <li><a href="#">潮流设计</a></li>
+                <li><a href="#">星愿</a></li>
+            </ul>
+        </div>
+        <div class="sub-nav-cell">
+            <h3 class="green-sp">特色购物</h3>
+            <ul class="sub-nav-box sp">
+                <li><a href="#">爱美女人</a></li>
+                <li><a href="#">品质男人</a></li>
+                <li><a href="#">二手</a></li>
+                <li><a href="#">全球购</a></li>
+                <li><a href="#">品牌街</a></li>
+                <li><a href="#">汽车生活</a></li>
+                <li><a href="#">花嫁新娘</a></li>
+                <li><a href="#">孕婴童</a></li>
+                <li><a href="#">同城便民</a></li>
+                <li><a href="#">爱么装</a></li>
+                <li><a href="#">运动户外</a></li>
+                <li><a href="#">家用电器</a></li>
+                <li><a href="#">狠爱</a></li>
+                <li><a href="#">网络游戏</a></li>
+                <li><a href="#">潮流设计</a></li>
+                <li><a href="#">星愿</a></li>
+
+            </ul>
+        </div>
+        <div class="sub-nav-cell">
+            <h3 class="red-now">当前热点</h3>
+            <ul class="sub-nav-box now">
+                <li><a href="#">爱美女人</a></li>
+                <li><a href="#">品质男人</a></li>
+                <li><a href="#">二手</a></li>
+                <li><a href="#">全球购</a></li>
+                <li><a href="#">品牌街</a></li>
+                <li><a href="#">汽车生活</a></li>
+                <li><a href="#">花嫁新娘</a></li>
+                <li><a href="#">孕婴童</a></li>
+                <li><a href="#">同城便民</a></li>
+                <li><a href="#">爱么装</a></li>
+                <li><a href="#">运动户外</a></li>
+                <li><a href="#">家用电器</a></li>
+                <li><a href="#">狠爱</a></li>
+                <li><a href="#">网络游戏</a></li>
+                <li><a href="#">潮流设计</a></li>
+                <li><a href="#">星愿</a></li>
+
+            </ul>
+        </div>
+        <div class="sub-nav-cell">
+            <h3 class="blue-more">更多精彩</h3>
+            <ul class="sub-nav-box more">
+                <li><a href="#">爱美女人</a></li>
+                <li><a href="#">品质男人</a></li>
+                <li><a href="#">二手</a></li>
+                <li><a href="#">全球购</a></li>
+                <li><a href="#">品牌街</a></li>
+                <li><a href="#">汽车生活</a></li>
+                <li><a href="#">花嫁新娘</a></li>
+                <li><a href="#">孕婴童</a></li>
+                <li><a href="#">同城便民</a></li>
+                <li><a href="#">爱么装</a></li>
+                <li><a href="#">运动户外</a></li>
+                <li><a href="#">家用电器</a></li>
+                <li><a href="#">狠爱</a></li>
+                <li><a href="#">网络游戏</a></li>
+                <li><a href="#">潮流设计</a></li>
+                <li><a href="#">星愿</a></li>
+            </ul>
+        </div>
+    </div>
+    <!--main-->
+    <div class="main">
+        <div class="main-left">
+            <div class="main-title">
+                <h1>万能的<span class="show-title">下面有30个特色市场等你来逛哦！</span></h1>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="product-box">
+                <div class="inner-info">
+                    <div>
+                        <span class="line-f40">|</span>
+                        <span class="text-title">女人爱搭配</span>
+                        <span class="share-weitao">
+                            <span class="line-f40">+</span>
+                            <a href="#">关注到微淘</a>
+                        </span>
+                    </div>
+                    <div class="inner-left">
+                        <img src="img/icon.png" />
+                        <h1><a href="#">有到一年雪绒坊</a></h1>
+                        <span>优雅的温柔</span>
+                    </div>
+                    <div class="inner-right">
+                        <div>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春夏美鞋</p>
+                            </a>
+                            <a href="#">
+                                <img src="img/icon.png" />
+                                <p>春季亮色搭</p>
+                            </a>
+                        </div>
+                        <table class="tab-inner">
+                            <tr><td><a href="#">潮流女装</a></td>
+                                <td><a href="#">小个子美搭</a></td>
+                            </tr>
+                            <tr><td><a href="#">胖MM显廋</a></td>
+                                <td><a href="#">复古多包袋</a></td>
+                            </tr>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="main-right">
+            <div class="time-go">
+                <div class="time-cell">
+                    <h1><a href="#" class="text_shadow">我收藏的店铺上新</a><span class="now-news">更新<span class="">3</span></span></h1>
+                    <div class="inner-show">
+                        <a href="#">
+                            <img src="img/icon.png">
+                            <p class="price-info">￥118.00</p>
+                        </a>
+                        <a href="#">
+                            <img src="img/icon.png">
+                            <p>￥118.00</p>
+                        </a>
+                        <a href="#">
+                            <img src="img/icon.png">
+                            <p>￥118.00</p>
+                        </a>
+                        <h3><a href="$">更多店铺上新</a><i class="fa fa-angle-right"></i></h3>
+                    </div>
+                </div>
+                <div class="time-cell">
+                    <h1><a href="#" class="text_shadow">你可能新欢的店铺推荐</a></h1>
+                    <div class="inner-show">
+                        <a href="#">
+                            <img src="img/icon.png">
+                            <p class="price-info">￥118.00</p>
+                        </a>
+                        <a href="#">
+                            <img src="img/icon.png">
+                            <p>￥118.00</p>
+                        </a>
+                        <a href="#">
+                            <img src="img/icon.png">
+                            <p>￥118.00</p>
+                        </a>
+                        <h3><a href="$">更多店铺上新</a><i class="fa fa-angle-right"></i></h3>
+                    </div>
+                </div>
+                <div class="time-cell">
+                    <h1><a href="#" class="text_shadow">我的足迹</a></h1>
+                    <div class="inner-show">
+                        <a href="#">
+                            <img src="img/icon.png">
+                            <p class="price-info">￥118.00</p>
+                        </a>
+                        <a href="#">
+                            <img src="img/icon.png">
+                            <p>￥118.00</p>
+                        </a>
+                        <a href="#">
+                            <img src="img/icon.png">
+                            <p>￥118.00</p>
+                        </a>
+                        <h3><a href="#">更多店铺上新</a><i class="fa fa-angle-right"></i></h3>
+                    </div>
+                </div>
+                <!--goto-see-->
+                <h1 class="goto-see text_shadow">微淘动态<a href="#">去广场看看</a></h1>
+                <!--dynamic动态-->
+                <div class="dynamic">
+                    <h3 class="text_shadow">天猫美妆<span>04-19 10:00</span><span class="follow">√&nbsp;<a href="#">已关注</a>&nbsp;|&nbsp;<a href="#">取消</a></span></h3>
+                    <p>【美妆课堂】“羽”你相约步步惊情 若曦四爷再续... <a href="#" style="color: #5684bc;">查看全文</a></p>
+                    <a href="#"><img width="80px" height="80px" src="img/icon.png"></a>
+                    <a href="#"><img width="80px" height="80px" src="img/icon.png"></a>
+                    <a href="#"><img width="80px" height="80px" src="img/icon.png"></a>
+                    <h6><a href="#">评论(26)</a></h6>
+                    <h4><a href="#">更多动态&nbsp;</a><i class="fa fa-angle-right"></i></h4>
+                    <div class="arrow"></div>
+                </div>
+                <div class="dynamic">
+                    <h3 class="text_shadow">天猫美妆<span>04-19 10:00</span><span class="follow">√&nbsp;<a href="#">已关注</a>&nbsp;|&nbsp;<a href="#">取消</a></span></h3>
+                    <p>【美妆课堂】“羽”你相约步步惊情 若曦四爷再续... <a href="#" style="color: #5684bc;">查看全文</a></p>
+                    <a href="#"><img width="80px" height="80px" src="img/icon.png"></a>
+                    <a href="#"><img width="80px" height="80px" src="img/icon.png"></a>
+                    <a href="#"><img width="80px" height="80px" src="img/icon.png"></a>
+                    <h6><a href="#">评论(26)</a></h6>
+                    <h4><a href="#">更多动态&nbsp;</a><i class="fa fa-angle-right"></i></h4>
+                    <div class="arrow"></div>
+                </div>
+                <!--circle-big-->
+                <div class="circle-new">新</div>
+                <div class="circle-go">逛</div>
+                <!--time-circle-->
+                <div class="time-circle"></div>
+                <div class="time-circle bottom-circle"></div>
+            </div>
+            <!--fix-right-->
+            <div class="fix-right-sub">
+                <!--gogo-choose-->
+                <div class="gogo-choose">
+                    <h1 class="text_shadow">逛逛-精选</h1>
+                    <div class="sub-show">
+                        <div class="content-sub">
+                            <ul class="imgBox2">
+                                <li><a href="#"><img src="img/icon.png"></a></li>
+                                <li><a href="#"><img src="img/icon.png"></a></li>
+                                <li><a href="#"><img src="img/icon.png"></a></li>
+                            </ul>
+                            <div class="currentNum-sub">
+                                <span class="imgNum2 mark-color"></span>
+                                <span class="imgNum2"></span>
+                                <span class="imgNum2"></span>
+                            </div>
+
+                            <div class="control2 to-left2"><i class="fa fa-angle-left"></i></div>
+                            <div class="control2 to-right2"><i class="fa fa-angle-right"></i></div>
+
+                        </div>
+                        <div class="sub-right">
+                            <img src="img/icon.png" />
+                            <img src="img/icon.png" />
+                        </div>
+
+                    </div>
+                    <p class="text-show">
+                        <span><span class="orange">[雪纺]&nbsp;</span><a href="#">无袖雪纺背心 巧减龄</a></span>
+                        <span>[配饰]&nbsp;<a href="#">萌！美妙星空配饰</a></span>
+                        <span>[家装]&nbsp;<a href="#">29平小户竟啥都有！</a></span>
+                        <span><span class="orange">[包包]&nbsp;</span><a href="#">浪漫蕾丝包 淑女范</a></span>
+                    </p>
+                    <!--just-look-->
+                    <div class="just-look">
+                        <a href="#"><img src="img/icon.png"><h6>超美公主装搭配</h6></a>
+                        <a href="#"><img src="img/icon.png"><h6>小户型这样装</h6></a>
+                        <a href="#"><img src="img/icon.png"><h6>闪耀水钻凉鞋</h6></a>
+                    </div>
+                    <p class="text-show">
+                        <span>[雪纺]&nbsp;<a href="#">无袖雪纺背心 巧减龄</a></span>
+                        <span><span class="orange">[配饰]</span>&nbsp;<a href="#">萌！美妙星空配饰</a></span>
+                        <span><span class="orange">[家装]</span>&nbsp;<a href="#">29平小户竟啥都有！</a></span>
+                        <span>[包包]&nbsp;<a href="#">浪漫蕾丝包 淑女范</a></span>
+                    </p>
+                    <div class="just-look">
+                        <a href="#"><img src="img/icon.png"><h6>超美公主装搭配</h6></a>
+                        <a href="#"><img src="img/icon.png"><h6>小户型这样装</h6></a>
+                        <a href="#"><img src="img/icon.png"><h6>闪耀水钻凉鞋</h6></a>
+                    </div>
+                    <!--just-text-->
+                    <ul class="jst-text">
+                        <li><em class="orange">1</em><a href="">85后小夫妻！3室2厅温馨窝</a><span>jjwwlove99</span></li>
+                        <li><em class="orange">2</em><a href="">糖果色豆豆鞋 甜美减龄</a><span>qh100330</span></li>
+                        <li><em class="orange">3</em><a href="">小美妞可爱装扮 吸睛百分百</a><span>琉光易彩</span></li>
+                        <li><em>4</em><a href="">显瘦小脚休闲裤 瘦腿利器</a><span>vnc9999</span></li>
+                    </ul>
+                </div>
+                <!--last-->
+                <div class="last-box">
+                    <img src="img/icon.png" />
+                    <img src="img/icon.png" />
+                </div>
+            </div>
+
+        </div>
+    </div>
+    <!--main-bottom-->
+    <div class="main-bottom">
+        <div class="sub-bottom-nav">
+            <h1>热卖单品</h1>
+           <div class="sub-nav-info">
+               <a href="#">s5皮套</a>|
+               <a href="#">Bose</a>|
+               <a href="#">春秋</a>|
+               <a href="#">定制</a>|
+               <a href="#">高腰裤</a>|
+               <a href="#">打底裙</a>|
+               <a href="#">文胸</a>|
+               <a href="#">春装</a>|
+               <a href="#">男鞋</a>|
+               <a href="#">iphone</a>|
+               <a href="#">婚纱</a>|
+               <a href="#">男牛仔</a>|
+               <a href="#">女T恤</a>|
+               <a href="#">针织衫</a>|
+               <a href="#">客厅灯</a>|
+               <a href="#">巧克力</a>|
+               <a href="#">更多</a>
+           </div>
+        </div>
+        <div class="single-sale">
+            <a href="#">
+                <img src="img/icon.png" />
+                <h3>褶皱立领雪纺衫</h3>
+            </a>
+            <p><span class="orange">￥&nbsp;</span><span class="orange">129.00</span><span class="send-free">包邮</span></p>
+            <p class="gary-text"><span>￥&nbsp;</span><span><del>399.00</del></span>&nbsp;|&nbsp;<span>月消29件</span></p>
+        </div>
+        <div class="single-sale">
+            <a href="#">
+                <img src="img/icon.png" />
+                <h3>褶皱立领雪纺衫</h3>
+            </a>
+            <p><span class="orange">￥&nbsp;</span><span class="orange">129.00</span><span class="send-free">包邮</span></p>
+            <p class="gary-text"><span>￥&nbsp;</span><span><del>399.00</del></span>&nbsp;|&nbsp;<span>月消29件</span></p>
+        </div>
+        <div class="single-sale">
+            <a href="#">
+                <img src="img/icon.png" />
+                <h3>褶皱立领雪纺衫</h3>
+            </a>
+            <p><span class="orange">￥&nbsp;</span><span class="orange">129.00</span><span class="send-free">包邮</span></p>
+            <p class="gary-text"><span>￥&nbsp;</span><span><del>399.00</del></span>&nbsp;|&nbsp;<span>月消29件</span></p>
+        </div>
+        <div class="single-sale">
+            <a href="#">
+                <img src="img/icon.png" />
+                <h3>褶皱立领雪纺衫</h3>
+            </a>
+            <p><span class="orange">￥&nbsp;</span><span class="orange">129.00</span><span class="send-free">包邮</span></p>
+            <p class="gary-text"><span>￥&nbsp;</span><span><del>399.00</del></span>&nbsp;|&nbsp;<span>月消29件</span></p>
+        </div>
+        <div class="single-sale">
+            <a href="#">
+                <img src="img/icon.png" />
+                <h3>褶皱立领雪纺衫</h3>
+            </a>
+            <p><span class="orange">￥&nbsp;</span><span class="orange">129.00</span><span class="send-free">包邮</span></p>
+            <p class="gary-text"><span>￥&nbsp;</span><span><del>399.00</del></span>&nbsp;|&nbsp;<span>月消29件</span></p>
+        </div>
+        <div class="single-sale">
+            <a href="#">
+                <img src="img/icon.png" />
+                <h3>褶皱立领雪纺衫</h3>
+            </a>
+            <p><span class="orange">￥&nbsp;</span><span class="orange">129.00</span><span class="send-free">包邮</span></p>
+            <p class="gary-text"><span>￥&nbsp;</span><span><del>399.00</del></span>&nbsp;|&nbsp;<span>月消29件</span></p>
+        </div>
+        <div class="single-sale">
+            <a href="#">
+                <img src="img/icon.png" />
+                <h3>褶皱立领雪纺衫</h3>
+            </a>
+            <p><span class="orange">￥&nbsp;</span><span class="orange">129.00</span><span class="send-free">包邮</span></p>
+            <p class="gary-text"><span>￥&nbsp;</span><span><del>399.00</del></span>&nbsp;|&nbsp;<span>月消29件</span></p>
+        </div>
+        <div class="single-sale">
+            <a href="#">
+                <img src="img/icon.png" />
+                <h3>褶皱立领雪纺衫</h3>
+            </a>
+            <p><span class="orange">￥&nbsp;</span><span class="orange">129.00</span><span class="send-free">包邮</span></p>
+            <p class="gary-text"><span>￥&nbsp;</span><span><del>399.00</del></span>&nbsp;|&nbsp;<span>月消29件</span></p>
+        </div>
+        <div class="single-sale">
+            <a href="#">
+                <img src="img/icon.png" />
+                <h3>褶皱立领雪纺衫</h3>
+            </a>
+            <p><span class="orange">￥&nbsp;</span><span class="orange">129.00</span><span class="send-free">包邮</span></p>
+            <p class="gary-text"><span>￥&nbsp;</span><span><del>399.00</del></span>&nbsp;|&nbsp;<span>月消29件</span></p>
+        </div>
+        <div class="single-sale">
+            <a href="#">
+                <img src="img/icon.png" />
+                <h3>褶皱立领雪纺衫</h3>
+            </a>
+            <p><span class="orange">￥&nbsp;</span><span class="orange">129.00</span><span class="send-free">包邮</span></p>
+            <p class="gary-text"><span>￥&nbsp;</span><span><del>399.00</del></span>&nbsp;|&nbsp;<span>月消29件</span></p>
+        </div>
+        <div class="single-sale">
+            <a href="#">
+                <img src="img/icon.png" />
+                <h3>褶皱立领雪纺衫</h3>
+            </a>
+            <p><span class="orange">￥&nbsp;</span><span class="orange">129.00</span><span class="send-free">包邮</span></p>
+            <p class="gary-text"><span>￥&nbsp;</span><span><del>399.00</del></span>&nbsp;|&nbsp;<span>月消29件</span></p>
+        </div>
+        <div class="single-sale">
+            <a href="#">
+                <img src="img/icon.png" />
+                <h3>褶皱立领雪纺衫</h3>
+            </a>
+            <p><span class="orange">￥&nbsp;</span><span class="orange">129.00</span><span class="send-free">包邮</span></p>
+            <p class="gary-text"><span>￥&nbsp;</span><span><del>399.00</del></span>&nbsp;|&nbsp;<span>月消29件</span></p>
+        </div>
+        <div class="single-sale">
+            <a href="#">
+                <img src="img/icon.png" />
+                <h3>褶皱立领雪纺衫</h3>
+            </a>
+            <p><span class="orange">￥&nbsp;</span><span class="orange">129.00</span><span class="send-free">包邮</span></p>
+            <p class="gary-text"><span>￥&nbsp;</span><span><del>399.00</del></span>&nbsp;|&nbsp;<span>月消29件</span></p>
+        </div>
+        <div class="single-sale">
+            <a href="#">
+                <img src="img/icon.png" />
+                <h3>褶皱立领雪纺衫</h3>
+            </a>
+            <p><span class="orange">￥&nbsp;</span><span class="orange">129.00</span><span class="send-free">包邮</span></p>
+            <p class="gary-text"><span>￥&nbsp;</span><span><del>399.00</del></span>&nbsp;|&nbsp;<span>月消29件</span></p>
+        </div>
+    </div>
+    <!--ad-->
+    <div class="ad">
+        <img src="img/icon.png" />
+        <img src="img/icon.png" />
+    </div>
+    <!--help-->
+    <div class="help">
+        <div class="help-info">
+            <h1><img src="img/icon.png"><span class="help-text">消费者保障</span></h1>
+            <a class="help-a" href="#">保障范围</a>
+            <a class="help-a" href="#">退货退款流程</a>
+            <a class="help-a" href="#">服务中心</a>
+            <a class="help-a" href="#">更多特色服务</a>
+        </div>
+        <div class="help-info">
+            <h1><img src="img/icon.png"><span class="help-text">新手上路</span></h1>
+            <a class="help-a" href="#">新手专区</a>
+            <a class="help-a"v href="#">消费警示</a>
+            <a class="help-a" href="#">交易安全</a>
+            <a class="help-a margin-r" href="#">24小时在线帮助</a>
+        </div>
+        <div class="help-info">
+            <h1><img src="img/icon.png"><span class="help-text">付款方式</span></h1>
+            <a class="help-a-litter" href="#">支付宝快捷支付</a>
+            <a class="help-a-litter" href="#">支付宝卡（现金）付款</a>
+            <a class="help-a-litter" href="#">支付宝余额付款</a>
+            <a class="help-a" href="#">货到付款</a>
+        </div>
+        <div class="help-info">
+            <h1><img src="img/icon.png"><span class="help-text">特色</span></h1>
+            <a class="help-a" href="#">指数</a>
+            <a class="help-a" href="#">淘公仔</a>
+            <a class="help-a" href="#">手机</a>
+            <a class="help-a" href="#">旺信</a>
+        </div>
+    </div>
+    <!--footer-->
+    <div class="footer">
+        <div class="footer-right">
+            <div class="about-tao">
+                <a href="#">关于</a>
+                <a href="#">合作伙伴</a>
+                <a href="#">营销中心</a>
+                <a href="#">廉正举报</a>
+                <a href="#">联系客服</a>
+                <a href="#">开放平台</a>
+                <a href="#">诚征英才</a>
+                <a href="#">联系我们</a>
+                <a href="#">网站地图</a>
+                <a href="#">法律声明</a>
+                <span class="gary-text">&copy; 2014 版权所有</span>
+            </div>
+            <div class="some-info">
+                <img src="img/icon.png" />
+            </div>
+        </div>
+        <div class="tao-man">
+            <img src="img/icon.png" />
+        </div>
+    </div>
+
+    <!--backtoTop1-->
+    <!--兼容所有现代浏览器同时包括 ie6/7/8/9 （ie6会有一点点抖动）-->
+    <div class="backtoTop" id="backToTop1">
+        <div id="backToTop-up" class="up-back"><i class="fa fa-angle-up"></i></div>
+        <div id="backToTop-down" class="down-back"><i class="fa fa-angle-down"></i></div>
+    </div>
+
+
+    <script src="js/jquery_1.9.js"></script>
+    <script src="js/main.js"></script>
+    <script src="js/img-show.js"></script>
+</body>
+</html>
\ No newline at end of file
-- 
GitLab