diff --git a/demo/yohood2.0/index.html b/demo/yohood2.0/index.html
index b25b53a..083edff 100644
--- a/demo/yohood2.0/index.html
+++ b/demo/yohood2.0/index.html
@@ -3,188 +3,397 @@
 <head>
     <meta charset="UTF-8">
     <title>Home</title>
-    <link rel="stylesheet" href="http://res.yohood.test.yoho.cn/css/style.css"/>
+    <link rel="stylesheet" href="../../res/css/index.css"/>
 </head>
 <body>
-    <div class="wrapper">
-        <div class="container">
-            <div class="header">
-                <a href="/"><img src="http://res.yohood.test.yoho.cn/images/yohood/logo.png" alt=""/></a>
-            </div>
-            <!-- navigator start -->
-            <div class="navigator">
-                <ul class="clearfix">
-                    <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="">SHOW</a></li>
-                    <li><a href="">入场券</a></li>
-                </ul>
-                <a href="" class="goToYohobuy" title="有货"></a>
-                <span class="navigatorBar"></span>
-            </div>
-            <!-- slider start -->
+    <div class="yoho-nav clearfix">
+        <ul class="clearfix">
+            <li>
+                <span>YOHO!</span>
+                <a href="http://www.yoho.cn" target="_blank">集团官网</a>
+            </li>
+            <li>
+                <span>YOHO!有货</span>
+                <a href="http://www.yohobuy.com" target="_blank">潮流购物</a>
+            </li>
+            <li>
+                <span>YOHO!BOYS</span>
+                <a href="http://www.yohoboys.com">男生潮流</a>
+            </li>
+            <li>
+                <span>YOHO!GIRLS</span>
+                <a href="http://www.yohogirls.com" target="_blank">女生潮流</a>
+            </li>
+            <li>
+                <span>YOHO!SHOW</span>
+                <a href="http://www.yohoshow.com" target="_blank">物趣分享</a>
+            </li>
+            <li class="current">
+                <span>YOHOOD</span>
+                <a href="javascript:;" target="_blank">潮流嘉年华</a>
+            </li>
+        </ul>
+        <a class="contact-btn" href="javascript:;">contact</a>
+    </div>
+    <div class="header">
+        <h1 class="logo"></h1>
+        <div class="nav">
+            <ul class="clearfix">
+                <li>
+                    <a href="javascript:;">HOME</a>
+                    <span>首页</span>
+                </li>
+                <li>
+                    <a href="javascript:;">ACTIVITY</a>
+                    <span>活动详情</span>
+                </li>
+                <li>
+                    <a href="javascript:;">COUNSEL</a>
+                    <span>最新资讯</span>
+                </li>
+                <li>
+                    <a href="javascript:;">BRAND</a>
+                    <span>参展品牌</span>
+                </li>
+                <li>
+                    <a href="javascript:;">VIDEO</a>
+                    <span>热点视频</span>
+                </li>
+                <li>
+                    <a href="javascript:;">RECOMMEND</a>
+                    <span>限量推荐</span>
+                </li>
+                <li>
+                    <a href="javascript:;">SCENE</a>
+                    <span>现场活动</span>
+                </li>
+                <li>
+                    <a href="javascript:;">SHOW</a>
+                    <span>潮流分享</span>
+                </li>
+            </ul>
+        </div>
+    </div>
+    <div class="bd">
+        <div class="slide-main">
             <div class="slide-box">
-                <div class="slide-wrap">
-                    <div class="box"><img src="http://res.yohood.test.yoho.cn/images/yohood/slide.jpg" alt=""/></div>
-                    <div class="box"><img src="http://res.yohood.test.yoho.cn/images/yohood/slide.jpg" alt=""/></div>
-                    <div class="box"><img src="http://res.yohood.test.yoho.cn/images/yohood/slide.jpg" alt=""/></div>
+                <div class="slide-wrap clearfix">
+                    <div class="box"><a href="javascript:;"><img src="http://img03.res.yoho.cn/blogimg/2014/09/23/13/0179e17640e29e62b52439902484a8fa50.gif?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div>
+                    <div class="box"><a href="javascript:;"><img src="http://img03.res.yoho.cn/blogimg/2014/09/23/13/01f0a56c52203da48881a64b336b41091b.jpg?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div>
+                    <div class="box"><a href="javascript:;"><img src="http://img04.res.yoho.cn/blogimg/2014/11/17/11/025aadd704383ed18365f15a5e1cde9e5d.jpg?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div>
                 </div>
-                <div class="slide-navigator">
-                    <div class="dib clearfix">
-                        <a href="" class="on"></a>
-                        <a href=""></a>
-                        <a href=""></a>
-                    </div>
+            </div>
+            <div class="slide-navigator">
+                <div class="dib clearfix">
+                    <a href="javascript:;" class="on"></a>
+                    <a href="javascript:;"></a>
+                    <a href="javascript:;"></a>
                 </div>
             </div>
             <div class="slide-control">
-                <a class="slide-prev" href="javascript:void(0);"></a>
-                <a class="slide-next" href="javascript:void(0);"></a>
+                <a class="slide-prev iconfont" href="javascript:void(0);">&#xe601;</a>
+                <a class="slide-next iconfont" href="javascript:void(0);">&#xe603;</a>
             </div>
-            <!-- content start -->
-            <div class="content-wrap clearfix">
-                <div class="fluid-list">
-                    <div class="clearfix fluid-list-inner">
-                        <div class="fluid-item">
-                            <div class="image-box">
-                                <a href="#">
-                                    <img src="http://res.yohood.test.yoho.cn/images/yohood/photo_02.png" alt=""/>
-                                    <a href="" class="fluid-tag">brand</a>
-                                </a>
-                            </div>
-                            <div class="content">
-                                <h2 class="volupia"><a href="#">LeBron James</a></h2>
-                                <h3><a href="#">不爱猿人更爱咖喱</a></h3>
-                                <p class="time">2014.07.13</p>
-                                <p>自从Nigo离开自己一手创立的A Bathing Ape后,A Bathing Ape的设计美感早和...</p>
-                            </div>
-                        </div>
-                        <div class="fluid-item">
-                            <div class="image-box">
-                                <a href="#">
-                                    <img src="http://res.yohood.test.yoho.cn/images/yohood/photo_01.png" alt=""/>
-                                    <a href="" class="fluid-tag">brand</a>
-                                </a>
-                            </div>
-                            <div class="content">
-                                <h2 class="volupia"><a href="#">LeBron James</a></h2>
-                                <h3><a href="#">不爱猿人更爱咖喱</a></h3>
-                                <p class="time">2014.07.13</p>
-                                <p>自从Nigo离开自己一手创立的A Bathing Ape后,A Bathing Ape的设计美感早和...</p>
-                            </div>
-                        </div>
-                        <div class="fluid-item">
-                            <div class="image-box image-video">
-                                <a href="#">
-                                    <img src="http://res.yohood.test.yoho.cn/images/yohood/video_01.png" alt=""/>
-                                    <span class="icon-video"></span>
-                                    <a href="" class="fluid-tag">video</a>
-                                </a>
-                            </div>
-                            <div class="content">
-                                <h2 class="volupia"><a href="#">LeBron James</a></h2>
-                                <h3><a href="#">不爱猿人更爱咖喱</a></h3>
-                                <p class="time">2014.07.13</p>
-                                <p>自从Nigo离开自己一手创立的A Bathing Ape后,A Bathing Ape的设计美感早和...</p>
-                            </div>
+        </div>
+        
+       
+        <div class="content-wrap clearfix">
+            <div class="fluid-list">
+                <div class="fluid-list-inner clearfix">
+                    <div class="fluid-item tiled">
+                        <div class="image-box">
+                            <a href="javascript:;">
+                                <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="" style="height:230px;width:230px;">
+                            </a>
+                            <a class="fluid-tag" href="javascript:;">独家合作</a>
+                        </div>
+                        <div class="content">
+                            <h2 class="volupia">
+                                <a href="/news/detail/id/169">test</a>
+                            </h2>
+                            <p>content</p>
+                            <p class="time">2014.07.25</p>
                         </div>
                     </div>
-                </div>
-                <div class="ads-list">
-                    <div class="ads">
-                        <a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/ads.png" alt=""/></a>
+                    <div class="fluid-item tiled">
+                        <div class="image-box">
+                            <a href="javascript:;">
+                                <img src="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" alt="" style="height:345px;width:230px;">
+                            </a>
+                            <a class="fluid-tag" href="javascript:;">独家合作</a>
+                        </div>
+                        <div class="content">
+                            <h2 class="volupia">
+                                <a href="/news/detail/id/169">test</a>
+                            </h2>
+                            <p>content</p>
+                            <p class="time">2014.07.25</p>
+                        </div>
                     </div>
-                    <div class="ads-small">
-                        <a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a>
+                    <div class="fluid-item tiled">
+                        <div class="image-box">
+                            <a href="javascript:;">
+                                <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/015a858eda76bac64d84a0dbcea87dbd3a.gif" alt="" style="height:300px;width:230px;">
+                            </a>
+                            <a class="fluid-tag" href="javascript:;">独家合作</a>
+                        </div>
+                        <div class="content">
+                            <h2 class="volupia">
+                                <a href="/news/detail/id/169">test</a>
+                            </h2>
+                            <p>content</p>
+                            <p class="time">2014.07.25</p>
+                        </div>
+                    </div>
+                    <div class="fluid-item tiled">
+                        <div class="image-box">
+                            <a href="javascript:;">
+                                <img src="http://img02.res.yoho.cn/blogimg/2014/10/17/14/02e26b4e08c06766b619b3bf40e31cfc14.jpg" alt="" style="height:154px;width:230px;">
+                            </a>
+                            <a class="fluid-tag" href="javascript:;">独家合作</a>
+                        </div>
+                        <div class="content">
+                            <h2 class="volupia">
+                                <a href="/news/detail/id/169">test</a>
+                            </h2>
+                            <p>content</p>
+                            <p class="time">2014.07.25</p>
+                        </div>
+                    </div>
+                    <div class="fluid-item tiled">
+                        <div class="image-box">
+                            <a href="javascript:;">
+                                <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="" style="height:230px;width:230px;">
+                            </a>
+                            <a class="fluid-tag" href="javascript:;">独家合作</a>
+                        </div>
+                        <div class="content">
+                            <h2 class="volupia">
+                                <a href="/news/detail/id/169">test</a>
+                            </h2>
+                            <p>content</p>
+                            <p class="time">2014.07.25</p>
+                        </div>
                     </div>
-                    <div class="ads-small">
-                        <a href=""><img class="mb6" src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a>
-                        <a href=""><img class="mb6" src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a>
-                        <a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a>
+                    <div class="fluid-item tiled">
+                        <div class="image-box">
+                            <a href="javascript:;">
+                                <img src="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" alt="" style="height:345px;width:230px;">
+                            </a>
+                            <a class="fluid-tag" href="javascript:;">独家合作</a>
+                        </div>
+                        <div class="content">
+                            <h2 class="volupia">
+                                <a href="/news/detail/id/169">test</a>
+                            </h2>
+                            <p>content</p>
+                            <p class="time">2014.07.25</p>
+                        </div>
                     </div>
-                    <div class="ads-small">
-                        <a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a>
+                    <div class="fluid-item tiled">
+                        <div class="image-box">
+                            <a href="javascript:;">
+                                <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/015a858eda76bac64d84a0dbcea87dbd3a.gif" alt="" style="height:300px;width:230px;">
+                            </a>
+                            <a class="fluid-tag" href="javascript:;">独家合作</a>
+                        </div>
+                        <div class="content">
+                            <h2 class="volupia">
+                                <a href="/news/detail/id/169">test</a>
+                            </h2>
+                            <p>content</p>
+                            <p class="time">2014.07.25</p>
+                        </div>
                     </div>
-                    <div class="show-goods">
-                        <h2>TOP10 <a class="goods_prev" href="javascript:void(0);"></a><a class="goods_next" href="javascript:void(0);"></a></h2>
-                        <div class="show-goods-list">
-                            <ul>
-                                <li>
-                                    <div class="goods-image">
-                                        <img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/>
-                                        <span class="number_1"></span>
-                                    </div>
-                                    <h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3>
-                                    <p>2014.07.13</p>
-                                </li>
-                                <li>
-                                    <div class="goods-image">
-                                        <img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/>
-                                        <span class="number_2">2</span>
-                                    </div>
-                                    <h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3>
-                                    <p>2014.07.13</p>
-                                </li>
-                                <li>
-                                    <div class="goods-image">
-                                        <img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/>
-                                        <span class="number_2">3</span>
-                                    </div>
-                                    <h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3>
-                                    <p>2014.07.13</p>
-                                </li>
-                                <li>
-                                    <div class="goods-image">
-                                        <img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/>
-                                        <span class="number_2">4</span>
-                                    </div>
-                                    <h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3>
-                                    <p>2014.07.13</p>
-                                </li>
-                                <li>
-                                    <div class="goods-image">
-                                        <img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/>
-                                        <span class="number_2">5</span>
-                                    </div>
-                                    <h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3>
-                                    <p>2014.07.13</p>
-                                </li>
+                    <div class="fluid-item tiled">
+                        <div class="image-box">
+                            <a href="javascript:;">
+                                <img src="http://img02.res.yoho.cn/blogimg/2014/10/17/14/02e26b4e08c06766b619b3bf40e31cfc14.jpg" alt="" style="height:154px;width:230px;">
+                            </a>
+                            <a class="fluid-tag" href="javascript:;">独家合作</a>
+                        </div>
+                        <div class="content">
+                            <h2 class="volupia">
+                                <a href="/news/detail/id/169">test</a>
+                            </h2>
+                            <p>content</p>
+                            <p class="time">2014.07.25</p>
+                        </div>
+                    </div>
+                </div>
+                <div id="pageContent" style="text-align: center;" class="pagination">
+                    <div class="pagination-inner" id="img_page" model="default" rel="">
+                        <a class="current" p="1">1</a>
+                        <a href="http://www.yohood.cn/default/index/page/2" class="link2" p="2">2</a>
+                        <a href="http://www.yohood.cn/default/index/page/3" class="link2" p="3">3</a>
+                        <a href="http://www.yohood.cn/default/index/page/4" class="link2" p="4">4</a>
+                        <a href="http://www.yohood.cn/default/index/page/5" class="link2" p="5">5</a>
+                        <a href="http://www.yohood.cn/default/index/page/6" class="link2" p="6">6</a>
+                        <a href="http://www.yohood.cn/default/index/page/2" class="link2" p="2">>></a>
+                        </div>
+                    </div>
+            </div>
+        </div>
+        
+        <div class="cooperation clearfix">
+            <div class="cooperation-slide-box">
+                <div class="slide-wrap clearfix">
+                    <div class="box clearfix">
+                        <div class="partner">
+                            <h2>特邀合作伙伴</h2>
+                            <ul class="clearfix">
+                                <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/tudou.png" alt=""></a></li>
+                                <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/letv.png" alt=""></a></li>
+                            </ul>
+                        </div>
+                        <div class="media">
+                            <h2>特邀合作媒体</h2>
+                            <ul class="clearfix">
+                                <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/tx.png" alt=""></a></li>
+                                <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/sina.png" alt=""></a></li>
+                                <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/iqy.png" alt=""></a></li>
+                                <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/wy.png" alt=""></a></li>
                             </ul>
                         </div>
                     </div>
-                    <div class="partner">
-                        <h2>特邀合作伙伴</h2>
-                        <div class="partner-image">
-                        <ul>
-                        	<li><a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/tudou.png" alt=""/></a>
-                        		 <span></span>
-                        	</li>
-                        </ul>
+                    <div class="box clearfix">
+                        <div class="partner">
+                            <h2>特邀合作伙伴</h2>
+                            <ul class="clearfix">
+                                <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/tudou.png" alt=""></a></li>
+                                <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/letv.png" alt=""></a></li>
+                                <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/tx.png" alt=""></a></li>
+                            </ul>
                         </div>
-                       <h2>赞助品牌</h2>
-                        <div class="partner-image">
-                        <ul>
-                        	<li><a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/tudou.png" alt=""/></a>
-                        		 <span></span>
-                        	</li>
-                        	<li>
-                        		<a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/aiqiyi.png" alt=""/></a>
-                        		<span></span>
-                        	</li>
-                        	<li>
-                        		<a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/qq.png" alt=""/></a>
-                        		<span></span>
-                        	</li>
-                        </ul>
+                        <div class="media">
+                            <h2>特邀合作媒体</h2>
+                            <ul class="clearfix">
+                                <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/sina.png" alt=""></a></li>
+                                <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/iqy.png" alt=""></a></li>
+                                <li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/wy.png" alt=""></a></li>
+                            </ul>
                         </div>
                     </div>
                 </div>
             </div>
+            <div class="cooperation-slide-control">
+                <a class="cooperation-slide-prev iconfont" href="javascript:void(0);">&#xe600;</a>
+                <a class="cooperation-slide-next iconfont" href="javascript:void(0);">&#xe602;</a>
+            </div>
+        </div>
+    </div>
+    <div class="ft">
+        <div class="limited-goods">
+            <h2>限量商品</h2>
+            <div class="limited-slide-box">
+                <div class="slide-wrap clearfix">
+                    <div class="box">
+                        <ul class="goods-list clearfix">
+                            <li><a href="javascript:;">
+                                <div class="img-box">
+                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
+                                    <span class="red">TOP 1</span>
+                                </div>
+                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
+                                <p class="price">¥339.00</p>
+                            </a></li>
+                            <li><a href="javascript:;">
+                                <div class="img-box">
+                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
+                                    <span class="red">TOP 2</span>
+                                </div>
+                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
+                                <p class="price">¥339.00</p>
+                            </a></li>
+                            <li><a href="javascript:;">
+                                <div class="img-box">
+                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
+                                    <span class="red">TOP 3</span>
+                                </div>
+                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
+                                <p class="price">¥339.00</p>
+                            </a></li>
+                            <li><a href="javascript:;">
+                                <div class="img-box">
+                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
+                                    <span>TOP 4</span>
+                                </div>
+                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
+                                <p class="price">¥339.00</p>
+                            </a></li>
+                            <li><a href="javascript:;">
+                                <div class="img-box">
+                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
+                                    <span>TOP 5</span>
+                                </div>
+                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
+                                <p class="price">¥339.00</p>
+                            </a></li>
+                        </ul>
+                    </div>
+                    <div class="box">
+                        <ul class="goods-list clearfix">
+                            <li><a href="javascript:;">
+                                <div class="img-box">
+                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
+                                    <span class="red">TOP 1</span>
+                                </div>
+                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
+                                <p class="price">¥339.00</p>
+                            </a></li>
+                            <li><a href="javascript:;">
+                                <div class="img-box">
+                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
+                                    <span class="red">TOP 2</span>
+                                </div>
+                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
+                                <p class="price">¥339.00</p>
+                            </a></li>
+                            <li><a href="javascript:;">
+                                <div class="img-box">
+                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
+                                    <span class="red">TOP 3</span>
+                                </div>
+                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
+                                <p class="price">¥339.00</p>
+                            </a></li>
+                            <li><a href="javascript:;">
+                                <div class="img-box">
+                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
+                                    <span>TOP 4</span>
+                                </div>
+                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
+                                <p class="price">¥339.00</p>
+                            </a></li>
+                            <li><a href="javascript:;">
+                                <div class="img-box">
+                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
+                                    <span>TOP 5</span>
+                                </div>
+                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
+                                <p class="price">¥339.00</p>
+                            </a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <div class="limited-slide-control">
+                <a class="limited-slide-prev iconfont" href="javascript:void(0);">&#xe600;</a>
+                <a class="limited-slide-next iconfont" href="javascript:void(0);">&#xe602;</a>
+            </div>
         </div>
     </div>
+    <div class="return-top">
+        <a href="javascript:void(0);" id="toTop" class="ifont" style="display: inline;">
+        <span class="iconfont">&#xe605;</span>
+        TOP
+        </a>
+    </div>
 </body>
+<script type="text/javascript" src="../../res/js/lib/seajs.js"></script>
+<script type="text/javascript">
+    seajs.use(['jquery','channel'],function($,channel){
+        channel.index();
+    })
+</script>
 </html>
\ No newline at end of file