Merge branch 'feature/header-footer' into 'web'

Feature/header footer

YOHOBUY公共导航和底部

See merge request !21

@@ -387,4 +387,100 @@
                 ...
                 ...
             ]
             ]
         }
         }
+    }
+
+## 站点头部
+    {
+        gobuytype: 'gobuyboys',//购物车样式
+        searchcate: 'searchcateboys', //搜索栏样式
+        navbars: [{//一级导航
+            name_cn: '男生',
+            name_en: 'BOYS',
+            link: '',
+            classname: 'boys', 
+            index_main: 0,
+            subnav: [{
+                name: '新品到着',
+                link: '',
+                index_sub:0,
+                thirdnav: [
+                    {
+                        title: '上装',
+                        branditems: [
+                            {
+                                brandname: '背心',
+                                link: ''
+                            }, 
+                            {
+                                brandname: 'T恤',
+                                link: ''
+                            }, 
+                            {
+                                brandname: '衬衫',
+                                link: ''
+                            }, 
+                            {
+                                brandname: 'POLO',
+                                link: ''
+                            }, 
+                            {
+                                brandname: '毛衣/针织',
+                                link: ''
+                            }]
+                    }
+            ]
+            }, {
+                name: '品牌一览',
+                link: '',
+                thirdnav: []
+            }]
+        }],
+        myyoho: {
+            email: 'caomei@163.com',
+            viptype: '普通会员',
+            currentscore: 495,
+            totalscore: 600,
+            cardtype: '银卡',
+            infolist: [{
+                name: '待处理的订单',
+                link: '',
+                num: '0'
+            }, {
+                name: '我的收藏',
+                link: '',
+                num: '1'
+            }, {
+                name: '我的优惠券',
+                link: '',
+                num: '2'
+            }, {
+                name: '我的YOHO币',
+                link: '',
+                num: '1'
+            }, {
+                name: '我的退货换货',
+                link: '',
+                num: '1'
+            }],
+            updlink: ''
+        },
+        gobuy: {
+            gobuynum: 3
+        },
+        breadcrumbnav: [{
+            notend: {
+                link: 'http://www.yohobuy.com',
+                name: 'BOYS首页'
+            }
+        }, {
+            notend: {
+                link: 'http://www.yohobuy.com',
+                name: '上衣'
+            }
+        }, {
+            isend: {
+                link: 'http://list.yohobuy.com/?msort=1&gender=1,3',
+                name: '衬衫'
+            }
+        }]
     }
     }

 <div class="yoho-footer">
 <div class="yoho-footer">
     <div class="footertop">
     <div class="footertop">
         <div class="index-foot">
         <div class="index-foot">
-            <dl class="clearfix screen">
+            <dl class="center-content clearfix">
                 <dd>
                 <dd>
                     <div class="foot-panel">
                     <div class="foot-panel">
-                        <div class="title relative">
+                        <div class="title">
                             <div class="title-line"></div>
                             <div class="title-line"></div>
                             <div class="text">
                             <div class="text">
                                 <span>有货SERVICES</span>
                                 <span>有货SERVICES</span>
                             </div>
                             </div>
                         </div>
                         </div>
                         <div id="foot-services">
                         <div id="foot-services">
-                            <ul class="clearfix two-dim">
+                            <ul class="two-dim clearfix">
                                 <li class="left">
                                 <li class="left">
-                                    <div class="">
-                                        <a href="javascript:void(0);">
-                                            <img class="dim-img lazy" data-original="http://img11.static.yhbimg.com/adpic/2014/03/20/16/01863b297051f11c2be833785566cf11d1.png" src="http://img11.static.yhbimg.com/adpic/2014/03/20/16/01863b297051f11c2be833785566cf11d1.png" style=""></a>
-                                        <p>YOHO!有货</p>
-                                    </div>
+                                    <img class="dim-img lazy" data-original="http://img11.static.yhbimg.com/adpic/2014/03/20/16/01863b297051f11c2be833785566cf11d1.png">
+                                    <p>YOHO!有货</p>
                                 </li>
                                 </li>
                                 <li class="left">
                                 <li class="left">
-                                    <div class="">
-                                        <a href="javascript:void(0);">
-                                            <img class="dim-img lazy" data-original="http://img12.static.yhbimg.com/adpic/2014/04/11/14/022ddc2b6d6b2fcabee8cdc03735e5687e.jpg" src="http://img12.static.yhbimg.com/adpic/2014/04/11/14/022ddc2b6d6b2fcabee8cdc03735e5687e.jpg" style=""></a>
-                                        <p>微信</p>
-                                    </div>
+                                    <img class="dim-img lazy" data-original="http://img12.static.yhbimg.com/adpic/2014/04/11/14/022ddc2b6d6b2fcabee8cdc03735e5687e.jpg">
+                                    <p>微信</p>
                                 </li>
                                 </li>
                                 <li class="left">
                                 <li class="left">
-                                    <div class="">
-                                        <a href="javascript:void(0);">
-                                            <img class="dim-img lazy" data-original="http://img13.static.yhbimg.com/adpic/2014/03/20/16/02e69d0afa222cf173d17411fd04be380e.png" src="http://img13.static.yhbimg.com/adpic/2014/03/20/16/02e69d0afa222cf173d17411fd04be380e.png" style="display: inline;"></a>
-                                        <p>微博</p>
-                                    </div>
+                                    <img class="dim-img lazy" data-original="http://img13.static.yhbimg.com/adpic/2014/03/20/16/02e69d0afa222cf173d17411fd04be380e.png">
+                                    <p>微博</p>
                                 </li>
                                 </li>
                             </ul>
                             </ul>
                         </div>
                         </div>
                     </div>
                     </div>
-                    <p class="item-nav center" id="button-services">
-                        <a href="javascript:void(0);" key="0">
-                            <span class="ifont10 cur">O</span>
-                        </a>
+                    <p class="item-nav center">
+                        <span class="iconfont cur" key="0">&#xe619;</span>
                     </p>
                     </p>
                 </dd>
                 </dd>
                 <dd>
                 <dd>
-                    <div class="foot-panel" id="feedbackBoxList">
-                        <div class="title relative">
+                    <div id="feed-back-box-list" class="foot-panel">
+                        <div class="title">
                             <div class="title-line"></div>
                             <div class="title-line"></div>
                             <div class="text">
                             <div class="text">
                                 <span>意见反馈</span>
                                 <span>意见反馈</span>
                             </div>
                             </div>
                         </div>
                         </div>
-                        <ul class="clearfix vote">
-                            <li style="display:block" key="0">
-                                <form action="#" id="feedbackForm">
-                                    <input type="hidden" name="question_id" id="question_id" value="38">
-                                    <input type="hidden" name="feedback_id" id="feedback_id" value="5">
+                        <ul class="vote clearfix">
+                            <li key="0">
+                                <form class="feed-back-form" action="#">
                                     <div>您喜欢有货的新版吗?</div>
                                     <div>您喜欢有货的新版吗?</div>
                                     <div class="vote-item clearfix">
                                     <div class="vote-item clearfix">
                                         <p>
                                         <p>
-                                            <input type="radio" name="solution" value="33">非常喜欢</p>
+                                            <input type="radio" name="solution" value="33">非常喜欢
+                                        </p>
                                         <p>
                                         <p>
-                                            <input type="radio" name="solution" value="34">喜欢</p>
+                                            <input type="radio" name="solution" value="34">喜欢
+                                        </p>
                                         <p>
                                         <p>
-                                            <input type="radio" name="solution" value="35">一般般</p>
+                                            <input type="radio" name="solution" value="35">一般般
+                                        </p>
                                         <p>
                                         <p>
-                                            <input type="radio" name="solution" value="36">不喜欢</p>
+                                            <input type="radio" name="solution" value="36">不喜欢
+                                        </p>
                                         <p>
                                         <p>
-                                            <input type="radio" name="solution" value="37">非常不喜欢</p>
+                                            <input type="radio" name="solution" value="37">非常不喜欢
+                                        </p>
                                     </div>
                                     </div>
                                     <div>
                                     <div>
-                                        <a href="javascript:void(0);" id="feedbackBtn" class="button">提交</a>
+                                        <span class="feed-back-btn button">提交</span>
                                     </div>
                                     </div>
+                                    <input class="question-id" type="hidden" name="question_id" value="38">
+                                    <input class="feedback-id" type="hidden" name="feedback_id" value="5">
                                 </form>
                                 </form>
                             </li>
                             </li>
-                            <li style="display:none" key="1">
-                                <form action="#" id="feedbackForm">
-                                    <input type="hidden" name="question_id" id="question_id" value="39">
-                                    <input type="hidden" name="feedback_id" id="feedback_id" value="5">
+                            <li class="hide" key="1">
+                                <form class="feed-back-form" action="#">
                                     <div>您可以方便的找到想查看的内容吗？</div>
                                     <div>您可以方便的找到想查看的内容吗？</div>
                                     <div class="vote-item clearfix">
                                     <div class="vote-item clearfix">
                                         <p>
                                         <p>
-                                            <input type="radio" name="solution" value="38">非常方便</p>
+                                            <input type="radio" name="solution" value="38">非常方便
+                                        </p>
                                         <p>
                                         <p>
-                                            <input type="radio" name="solution" value="39">方便</p>
+                                            <input type="radio" name="solution" value="39">方便
+                                        </p>
                                         <p>
                                         <p>
-                                            <input type="radio" name="solution" value="40">一般般</p>
+                                            <input type="radio" name="solution" value="40">一般般
+                                        </p>
                                         <p>
                                         <p>
-                                            <input type="radio" name="solution" value="41">不方便</p>
+                                            <input type="radio" name="solution" value="41">不方便
+                                        </p>
                                         <p>
                                         <p>
-                                            <input type="radio" name="solution" value="42">非常不方便</p>
+                                            <input type="radio" name="solution" value="42">非常不方便
+                                        </p>
                                     </div>
                                     </div>
                                     <div>
                                     <div>
-                                        <a href="javascript:void(0);" id="feedbackBtn" class="button">提交</a>
+                                        <span class="feed-back-btn button">提交</span>
                                     </div>
                                     </div>
+                                    <input class="question-id" type="hidden" value="39">
+                                    <input class="feedback-id" type="hidden" value="5">
                                 </form>
                                 </form>
                             </li>
                             </li>
-                            <li style="display:none" key="2">
-                                <form action="#" id="feedbackForm">
-                                    <input type="hidden" name="question_id" id="question_id" value="37">
-                                    <input type="hidden" name="feedback_id" id="feedback_id" value="5">
+                            <li class="hide" key="2">
+                                <form class="feed-back-form" action="#">
                                     <div>您对新版还有哪些意见或建议？</div>
                                     <div>您对新版还有哪些意见或建议？</div>
-                                    <textarea name="answer" id="feedback_answer"></textarea>
+                                    <textarea name="answer" id="feedback-answer"></textarea>
                                     <div>
                                     <div>
-                                        <a href="javascript:void(0);" id="feedbackBtn" class="button">提交</a>
+                                        <span class="feed-back-btn button">提交</span>
                                     </div>
                                     </div>
+                                    <input class="question-id" type="hidden" value="37">
+                                    <input class="feedback-id" type="hidden" value="5">
                                 </form>
                                 </form>
                             </li>
                             </li>
                         </ul>
                         </ul>
                     </div>
                     </div>
-                    <p class="item-nav center" id="feedbackPage">
-                        <a href="javascript:void(0);">
-                            <span class="ifont10 cur">O</span>
-                        </a>
-                        <a href="javascript:void(0);">
-                            <span class="ifont10 ">o</span>
-                        </a>
-                        <a href="javascript:void(0);">
-                            <span class="ifont10 ">o</span>
-                        </a>
+                    <p id="feed-back-page" class="item-nav center">
+                        <span class="iconfont cur">&#xe619;</span>
+                        <span class="iconfont ">&#xe619;</span>
+                        <span class="iconfont ">&#xe619;</span>
                     </p>
                     </p>
                 </dd>
                 </dd>
                 <dd class="last">
                 <dd class="last">
                     <div class="foot-panel">
                     <div class="foot-panel">
-                        <div class="title relative">
+                        <div class="title">
                             <div class="title-line"></div>
                             <div class="title-line"></div>
                             <div class="text">
                             <div class="text">
                                 <span>更多 YOHO!产品</span>
                                 <span>更多 YOHO!产品</span>
                             </div>
                             </div>
                         </div>
                         </div>
                         <div id="foot-mobile">
                         <div id="foot-mobile">
-                            <ul class="clearfix mobile">
+                            <ul class="mobile clearfix">
                                 <li>
                                 <li>
-                                    <a href="http://app.yohoshow.com/" target="_blank" titl="">
-                                        <img alt="" data-original="http://img13.static.yhbimg.com/adpic/2014/07/21/15/02d5e1cbc15ab59856f4a758fa860462ed.jpg" class="lazy" src="http://img13.static.yhbimg.com/adpic/2014/07/21/15/02d5e1cbc15ab59856f4a758fa860462ed.jpg" style=""></a>
+                                    <a href="http://app.yohoshow.com/" target="_blank">
+                                        <img class="lazy" data-original="http://img13.static.yhbimg.com/adpic/2014/07/21/15/02d5e1cbc15ab59856f4a758fa860462ed.jpg">
+                                    </a>
                                 </li>
                                 </li>
                                 <li>
                                 <li>
-                                    <a href="http://www.yohoboys.com/" target="_blank" titl="">
-                                        <img alt="" data-original="http://img13.static.yhbimg.com/adpic/2014/07/21/15/0210a3490eae2aad6ef8bf3b8133a49ca9.jpg" class="lazy" src="http://img13.static.yhbimg.com/adpic/2014/07/21/15/0210a3490eae2aad6ef8bf3b8133a49ca9.jpg" style=""></a>
+                                    <a href="http://www.yohoboys.com/" target="_blank">
+                                        <img class="lazy" data-original="http://img13.static.yhbimg.com/adpic/2014/07/21/15/0210a3490eae2aad6ef8bf3b8133a49ca9.jpg">
+                                    </a>
                                 </li>
                                 </li>
                                 <li>
                                 <li>
-                                    <a href="http://www.yohogirls.com/" target="_blank" titl="">
-                                        <img alt="" data-original="http://img11.static.yhbimg.com/adpic/2014/07/21/15/018be2a193424658b5201240ef8c7729e6.jpg" class="lazy" src="http://img11.static.yhbimg.com/adpic/2014/07/21/15/018be2a193424658b5201240ef8c7729e6.jpg" style=""></a>
+                                    <a href="http://www.yohogirls.com/" target="_blank">
+                                        <img class="lazy" data-original="http://img11.static.yhbimg.com/adpic/2014/07/21/15/018be2a193424658b5201240ef8c7729e6.jpg">
+                                    </a>
                                 </li>
                                 </li>
                             </ul>
                             </ul>
                         </div>
                         </div>
                     </div>
                     </div>
-                    <p class="item-nav center" id="button-mobile">
-                        <a href="javascript:void(0);">
-                            <span class="ifont10 cur">O</span>
-                        </a>
+                    <p class="item-nav center">
+                        <span class="iconfont cur">&#xe619;</span>
                     </p>
                     </p>
                 </dd>
                 </dd>
             </dl>
             </dl>
@@ -156,39 +150,36 @@
     </div>
     </div>
     <div class="footerbottom">
     <div class="footerbottom">
         <div class="promise">
         <div class="promise">
-            <div class="screen clearfix">
+            <div class="center-content clearfix">
                 <div class="left">
                 <div class="left">
-                    <span class="ifont rgbf">g</span>
+                    <span class="iconfont rgbf">g</span>
                     <span class="red">100%</span>
                     <span class="red">100%</span>
                     <span class="rgbf">品牌授权正品</span>
                     <span class="rgbf">品牌授权正品</span>
                 </div>
                 </div>
                 <div class="left">
                 <div class="left">
-                    <span class="ifont rgbf">L</span>
+                    <span class="iconfont rgbf">L</span>
                     <span class="red">7天</span>
                     <span class="red">7天</span>
                     <span class="rgbf">无理由退换货</span>
                     <span class="rgbf">无理由退换货</span>
                 </div>
                 </div>
                 <div class="left">
                 <div class="left">
-                    <span class="ifont rgbf">p</span>
+                    <span class="iconfont rgbf">p</span>
                     <span class="rgbf">客服电话：</span>
                     <span class="rgbf">客服电话：</span>
                     <span class="red">400-889-9646</span>
                     <span class="red">400-889-9646</span>
                     &nbsp;&nbsp;
                     &nbsp;&nbsp;
                     <span class="rgb9">08:00-22:30(周一至周日)</span>
                     <span class="rgb9">08:00-22:30(周一至周日)</span>
                     &nbsp;&nbsp;
                     &nbsp;&nbsp;
                     <span>
                     <span>
-                        <a href="http://chat80.live800.com/live800/chatClient/chatbox.jsp?companyID=493979&amp;configID=123576&amp;jid=9277320930" target="_blank" style="color:red">在线客服</a>
+                        <a class="red" href="http://chat80.live800.com/live800/chatClient/chatbox.jsp?companyID=493979&amp;configID=123576&amp;jid=9277320930" target="_blank">在线客服</a>
                     </span>
                     </span>
                 </div>
                 </div>
                 <div class="right subscribe footer-right">
                 <div class="right subscribe footer-right">
-                    <input class="rgb6 top" name="subscriberBox" id="subscriberBox" value="订阅我们的邮件">
-                    <a href="javascript:void(0);" id="subscriberBtn" class="ifont rgbf">m</a>
-                    <!--<input class="rgb6 top wrong" value="订阅我们的邮件" />
-                    <a href="" class="ifont rgbf done">=</a>
-                    -->
+                    <input id="subscriber-box"  class="rgb6 top" name="subscriberBox"value="订阅我们的邮件">
+                    <a id="subscriber-btn"  href="javascript:void(0);" class="ifont rgbf">m</a>
                 </div>
                 </div>
             </div>
             </div>
         </div>
         </div>
         <div class="footer-help">
         <div class="footer-help">
-            <div class="screen clearfix">
+            <div class="center-content clearfix">
                 <div class="left">
                 <div class="left">
                     <ul class="clearfix">
                     <ul class="clearfix">
                         <li class="left">
                         <li class="left">
@@ -315,12 +306,14 @@
             </div>
             </div>
         </div>
         </div>
         <div class="footer-link">
         <div class="footer-link">
-            <div class="screen clearfix">
+            <div class="center-content clearfix">
                 <div class="left right-flag">
                 <div class="left right-flag">
                     <a href="https://ss.knet.cn/verifyseal.dll?sn=e14021832010046477dka7000000&amp;ct=df&amp;a=1&amp;pa=0.5902942178957805" target="_blank" rel="nofollow">
                     <a href="https://ss.knet.cn/verifyseal.dll?sn=e14021832010046477dka7000000&amp;ct=df&amp;a=1&amp;pa=0.5902942178957805" target="_blank" rel="nofollow">
-                        <img src="http://static.yohobuy.com/images/v3/icon/credit-flag3.png"></a>
+                        <img src="http://static.yohobuy.com/images/v3/icon/credit-flag3.png">
+                    </a>
                     <a href="http://www.isc.org.cn/" target="_blank" rel="nofollow">
                     <a href="http://www.isc.org.cn/" target="_blank" rel="nofollow">
-                        <img src="http://static.yohobuy.com/images/v3/icon/isc2.png"></a>
+                        <img src="http://static.yohobuy.com/images/v3/icon/isc2.png">
+                    </a>
                 </div>
                 </div>
                 <div class="left about-us">
                 <div class="left about-us">
                     <p>
                     <p>
@@ -340,7 +333,7 @@
                     </p>
                     </p>
                     <p>
                     <p>
                         CopyRight © 2007-2016 南京新与力文化传播有限公司
                         CopyRight © 2007-2016 南京新与力文化传播有限公司
-                        <a href="http://www.miibeian.gov.cn/" target="_blank" style="color:#666">苏ICP备09011225号</a>
+                        <a class="rbg6" href="http://www.miibeian.gov.cn/" target="_blank">苏ICP备09011225号</a>
                         NewPower Co. 版权所有 经营许可证编号：苏B2-20120395
                         NewPower Co. 版权所有 经营许可证编号：苏B2-20120395
                     </p>
                     </p>
                 </div>
                 </div>
@@ -348,4 +341,7 @@
             </div>
             </div>
         </div>
         </div>
     </div>
     </div>
+    <div class="return-top">
+        <span class="iconfont">&#xe610;</span>
+    </div>
 </div>
 </div>

@@ -102,7 +102,11 @@
                                                 {{/thirdnav}}
                                                 {{/thirdnav}}
                                             </div>
                                             </div>
                                         </div>
                                         </div>
-                                        <div class="showdetail" data-code="220eec926e0d2c48b2f7e36fb9c42b83"><a href="http://list.yohobuy.com/?gender=1,3&amp;msort=8"><img src="http://img12.static.yhbimg.com/yhb-img01/2015/10/30/06/02af834d146e3f00b1f5fcc8388f641922.jpg?imageView/1/w/337/h/250" alt="" style=""></a><a class="title" href="http://list.yohobuy.com/?gender=1,3&amp;msort=8">热门小物优选</a></div>
+                                        <div class="showdetail" data-code="220eec926e0d2c48b2f7e36fb9c42b83">
+                                            <a href="http://list.yohobuy.com/?gender=1,3&amp;msort=8">
+                                                <img src="http://img12.static.yhbimg.com/yhb-img01/2015/10/30/06/02af834d146e3f00b1f5fcc8388f641922.jpg?imageView/1/w/337/h/250" alt="" style=""></a>
+                                            <a class="title" href="http://list.yohobuy.com/?gender=1,3&amp;msort=8">热门小物优选</a>
+                                        </div>
                                     </div>
                                     </div>
                                 </div>
                                 </div>
                             </li>
                             </li>
@@ -132,241 +136,163 @@
         </div>
         </div>
     </div>
     </div>
 </div>
 </div>
+{{/headerdata}}
 <div id="goodcartempwarpper">
 <div id="goodcartempwarpper">
     <script type="text/html" id="mini-cart-tpl">
     <script type="text/html" id="mini-cart-tpl">
-<div class="gobuy-notempty">
-    <div class="goods-list-wrapper">
+    \{\{#carData\}\}
+    <div class="gobuy-notempty">
+      <div class="goods-list-wrapper">
         <ul class="goods-list">
         <ul class="goods-list">
-            %L~it.cartData.main_goods :v:index%R
+            \{\{#main_goods\}\}
             <li class="goods-item">
             <li class="goods-item">
-                <a href="%L=v.product_url%R">
-                    <img src="%L=v.default_img%R" alt="" class="goods-img" />
+                <a href="\{\{product_url\}\}">
+                    <img src="\{\{default_img\}\}" alt="" class="goods-img" />
                 </a>
                 </a>
                 <div class="goods-detail float-left">
                 <div class="goods-detail float-left">
-                    <h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
+                    <h3 class="content"><a href="\{\{product_url\}\}">\{\{product_name\}\}</a></h3>
                     <h3 class="style">
                     <h3 class="style">
                         颜色：
                         颜色：
-                        <span class="color">%L=v.color_name%R</span>
+                        <span class="color">\{\{color_name\}\}</span>
                         尺码：
                         尺码：
-                        <span class="size">%L=v.size_name%R</span>
+                        <span class="size">\{\{size_name\}\}</span>
                     </h3>
                     </h3>
                 </div>
                 </div>
                 <div class="goods-price float-left">
                 <div class="goods-price float-left">
                     <h3 class="priceandnum">
                     <h3 class="priceandnum">
-                        <span class="price">%L=v.show_price%R</span>
+                        <span class="price">\{\{show_price\}\}</span>
                         x
                         x
-                        <span class="num">%L=v.buy_number%R</span>
+                        <span class="num">\{\{buy_number\}\}</span>
                     </h3>
                     </h3>
-                    <a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
+                    <a href="javascript:void(0)" class="delete goodscardelete" goodsid=\{\{goods_incart_id\}\} cheapest=\{\{is_cheapest_free\}\}>删除</a>
                 </div>
                 </div>
             </li>
             </li>
-            %L~%R
-            %L~it.cartData.advance_goods :v:index%R
+            \{\{/main_goods\}\}
+            \{\{#advance_goods\}\}
             <li class="goods-item">
             <li class="goods-item">
-                <a href="%L=v.product_url%R">
-                    <img src="%L=v.default_img%R" alt="" class="goods-img"></a>
+                <a href="\{\{product_url\}\}">
+                    <img src="\{\{default_img\}\}" alt="" class="goods-img"></a>
                 <div class="goods-detail float-left">
                 <div class="goods-detail float-left">
-                    <h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
+                    <h3 class="content"><a href="\{\{product_url\}\}">\{\{product_name\}\}</a></h3>
                     <h3 class="style">
                     <h3 class="style">
                         颜色：
                         颜色：
-                        <span class="color">%L=v.color_name%R</span>
+                        <span class="color">\{\{color_name\}\}</span>
                         尺码：
                         尺码：
-                        <span class="size">%L=v.size_name%R</span>
+                        <span class="size">\{\{size_name\}\}</span>
                     </h3>
                     </h3>
                 </div>
                 </div>
                 <div class="goods-price float-left">
                 <div class="goods-price float-left">
                     <h3 class="priceandnum">
                     <h3 class="priceandnum">
                         ￥
                         ￥
-                        <span class="price">%L=v.show_price%R</span>
+                        <span class="price">\{\{show_price\}\}</span>
                         x
                         x
-                        <span class="num">%L=v.buy_number%R</span>
+                        <span class="num">\{\{buy_number\}\}</span>
                     </h3>
                     </h3>
-                    <a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
+                    <a href="javascript:void(0)" class="delete goodscardelete" goodsid=\{\{goods_incart_id\}\} cheapest=\{\{is_cheapest_free\}\}>删除</a>
                 </div>
                 </div>
             </li>
             </li>
-            %L~%R
-            %L~it.cartData.outlet_goods :v:index%R
+            \{\{/advance_goods\}\}
+            \{\{# outlet_goods\}\}
             <li class="goods-item">
             <li class="goods-item">
-                <a href="%L=v.product_url%R">
-                    <img src="%L=v.default_img%R" alt="" class="goods-img"></a>
+                <a href="\{\{product_url\}\}">
+                    <img src="\{\{default_img\}\}" alt="" class="goods-img"></a>
                 <div class="goods-detail float-left">
                 <div class="goods-detail float-left">
-                    <h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
+                    <h3 class="content"><a href="\{\{product_url\}\}">\{\{product_name\}\}</a></h3>
                     <h3 class="style">
                     <h3 class="style">
                         颜色：
                         颜色：
-                        <span class="color">%L=v.color_name%R</span>
+                        <span class="color">\{\{color_name\}\}</span>
                         尺码：
                         尺码：
-                        <span class="size">%L=v.size_name%R</span>
+                        <span class="size">\{\{size_name\}\}</span>
                     </h3>
                     </h3>
                 </div>
                 </div>
                 <div class="goods-price float-left">
                 <div class="goods-price float-left">
                     <h3 class="priceandnum">
                     <h3 class="priceandnum">
                         ￥
                         ￥
-                        <span class="price">%L=v.show_price%R</span>
+                        <span class="price">\{\{show_price\}\}</span>
                         x
                         x
-                        <span class="num">%L=v.buy_number%R</span>
+                        <span class="num">\{\{buy_number\}\}</span>
                     </h3>
                     </h3>
-                    <a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
+                    <a href="javascript:void(0)" class="delete goodscardelete" goodsid=\{\{goods_incart_id\}\} cheapest=\{\{is_cheapest_free\}\}>删除</a>
                 </div>
                 </div>
             </li>
             </li>
-            %L~%R
-            %L~it.cartData.gift_goods :v:index%R
+            \{\{/outlet_goods\}\}
+            \{\{#gift_goods\}\}
             <li class="goods-item">
             <li class="goods-item">
-                <a href="%L=v.product_url%R">
-                    <img src="%L=v.default_img%R" alt="" class="goods-img"></a>
+                <a href="\{\{product_url\}\}">
+                    <img src="\{\{default_img\}\}" alt="" class="goods-img"></a>
                 <div class="goods-detail float-left">
                 <div class="goods-detail float-left">
-                    <h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
+                    <h3 class="content"><a href="\{\{product_url\}\}">\{\{product_name\}\}</a></h3>
                     <h3 class="style">
                     <h3 class="style">
                         颜色：
                         颜色：
-                        <span class="color">%L=v.color_name%R</span>
+                        <span class="color">\{\{color_name\}\}</span>
                         尺码：
                         尺码：
-                        <span class="size">%L=v.size_name%R</span>
+                        <span class="size">\{\{size_name\}\}</span>
                     </h3>
                     </h3>
                 </div>
                 </div>
                 <div class="goods-price float-left">
                 <div class="goods-price float-left">
                     <h3 class="priceandnum">
                     <h3 class="priceandnum">
                         ￥
                         ￥
-                        <span class="price">%L=v.show_price%R</span>
+                        <span class="price">\{\{show_price\}\}</span>
                         x
                         x
-                        <span class="num">%L=v.buy_number%R</span>
+                        <span class="num">\{\{buy_number\}\}</span>
                     </h3>
                     </h3>
-                    <a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
+                    <a href="javascript:void(0)" class="delete goodscardelete" goodsid=\{\{goods_incart_id\}\} cheapest=\{\{is_cheapest_free\}\}>删除</a>
                 </div>
                 </div>
             </li>
             </li>
-            %L~%R
-            %L~it.cartData.need_pay_gifts :v:index%R
+            \{\{/gift_goods\}\}
+            \{\{#need_pay_gifts\}\}
             <li class="goods-item">
             <li class="goods-item">
-                <a href="%L=v.product_url%R">
-                    <img src="%L=v.default_img%R" alt="" class="goods-img"></a>
+                <a href="\{\{product_url\}\}">
+                    <img src="\{\{default_img\}\}" alt="" class="goods-img"></a>
                 <div class="goods-detail float-left">
                 <div class="goods-detail float-left">
-                    <h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
+                    <h3 class="content"><a href="\{\{product_url\}\}">\{\{product_name\}\}</a></h3>
                     <h3 class="style">
                     <h3 class="style">
                         颜色：
                         颜色：
-                        <span class="color">%L=v.color_name%R</span>
+                        <span class="color">\{\{color_name\}\}</span>
                         尺码：
                         尺码：
-                        <span class="size">%L=v.size_name%R</span>
+                        <span class="size">\{\{size_name\}\}</span>
                     </h3>
                     </h3>
                 </div>
                 </div>
                 <div class="goods-price float-left">
                 <div class="goods-price float-left">
                     <h3 class="priceandnum">
                     <h3 class="priceandnum">
                         ￥
                         ￥
-                        <span class="price">%L=v.show_price%R</span>
+                        <span class="price">\{\{show_price\}\}</span>
                         x
                         x
-                        <span class="num">%L=v.buy_number%R</span>
+                        <span class="num">\{\{buy_number\}\}</span>
                     </h3>
                     </h3>
-                    <a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
+                    <a href="javascript:void(0)" class="delete goodscardelete" goodsid=\{\{goods_incart_id\}\} cheapest=\{\{is_cheapest_free\}\}>删除</a>
                 </div>
                 </div>
             </li>
             </li>
-            %L~%R
+            \{\{/need_pay_gifts\}\}
         </ul>
         </ul>
-        
         <ul class="activity-list">
         <ul class="activity-list">
-            %L? it.cartData.has_promotion == 1%R
+            {{#equalone has_promotion\}\}
             <li class="activity-item">
             <li class="activity-item">
                 <span class="activity-name">活动</span>
                 <span class="activity-name">活动</span>
                 <h3 class="activity-content">
                 <h3 class="activity-content">
-                    %L? it.cartData.fit_outlet_promotion %R购outlet商品，满￥1999再享9折%L?%R
-                    %L? it.cartData.has_other_promotion == 1 %R<span class="mycart_i_down" title="更多" onclick="dispDom(this, 'mycartmore');"></span>%L?%R
-                    %L? it.cartData.has_first_promotion == 1 %R%L=it.cartData.first_promotions.promotion_title%R%L?%R
+                    \{\{fit_outlet_promotion \}\}购outlet商品，满￥1999再享9折\}\}
+                    {{#equalone has_other_promotion\}\}
+                        <span class="mycart_i_down" title="更多" ></span>
+                    {{/equalone\}\}
+                    \{\{#equalone has_first_promotion\}\}
+                        \{\{first_promotions.promotion_title\}\}
+                    \{\{/equalone\}\}
                 </h3>
                 </h3>
             </li>
             </li>
-            %L?%R
-            %L? it.cartData.fit_free_shipping == 1%R
+            \{\{/equalone\}\}
+            \{\{#equalone fit_free_shipping \}\}
             <li  class="activity-item">
             <li  class="activity-item">
                 <span class="activity-name">免运费</span>
                 <span class="activity-name">免运费</span>
                 <h3 class="activity-content">全场满 ￥499免运费</h3>
                 <h3 class="activity-content">全场满 ￥499免运费</h3>
             </li>
             </li>
-            %L?%R
+            \{\{/equalone\}\}
         </ul>
         </ul>
     </div>
     </div>
-
     <div class="gobuy-notempty-footer">
     <div class="gobuy-notempty-footer">
         <h3>
         <h3>
             <a href="<?php print QConfigs_Site_Config::$site_url;?>/shopping/cart">去购物车结算</a>
             <a href="<?php print QConfigs_Site_Config::$site_url;?>/shopping/cart">去购物车结算</a>
         </h3>
         </h3>
     </div>
     </div>
-</div>
-</script>
-    <script type="text/html" id="tmpl-my-login-new">
-<div class="myyoho-info-header clearfix">
-    %L? it.head_ico %R
-    <div class="myyoho-photo" style="display:none;"><img src="" alt="" data-url ="%L=it.head_ico%R"></div>
-    %L?%R
-    <h3 class="user-email"><a href="<?php print QConfigs_Site_Config::$site_url?>/home?t=%L=it.random%R">%L=it.profile_name%R</a></h3>
-    <h3 class="user-level">
-        VIP:
-        <span class="leveldetail">%L=it.vip.curVipInfo.title%R</span>
-    </h3>
-    %L? it.vip.curVipInfo.curLevel < 3%R
-    <div class="levelinfo">
-        <div class="levelwrapper float-left">
-            <div class="levelspan">
-                <span class="has">%L=it.vip.curYearCost%R</span>
-                /
-                <span class="total">%L=it.vip.nextVipInfo.needCost%R</span>
-            </div>
-            <p class="%L? it.vip.curYearCostPer !=0%Rintegrate%L?%R" style="width: %L=it.vip.curYearCostPer%R%;"></p>
-        </div>
-        <span class="cardcate float-left">%L=it.vip.nextVipInfo.title%R</span>
-    </div>
-    %L?%R
-</div>
-<ul class="myyoho-info-content">
-    <li class="item">
-        <span class="itemdetail float-left">
-            <a href="<?php print QConfigs_Site_Config::$site_url?>/home/orders?t=<?php print microtime(true);?>">待处理的订单</a>
-        </span>
-        <span class="itemnum float-right">%L=it.orderCount%R</span>
-    </li>
-    <li class="item">
-        <span class="itemdetail float-left">
-            <a href="<?php print QConfigs_Site_Config::$site_url?>/home/favorite?t=<?php print microtime(true);?>">我的收藏</a>
-        </span>
-        <span class="itemnum float-right"></span>
-    </li>
-    <li class="item">
-        <span class="itemdetail float-left">
-            <a href="<?php print QConfigs_Site_Config::$site_url?>/home/coupons?t=<?php print microtime(true);?>">我的优惠券</a>
-        </span>
-        <span class="itemnum float-right">%L=it.couponCount%R</span>
-    </li>
-    <li class="item">
-        <span class="itemdetail float-left">
-            <a href="<?php print QConfigs_Site_Config::$site_url?>/home/currency?t=<?php print microtime(true);?>">我的YOHO币</a>
-        </span>
-        <span class="itemnum float-right">%L=it.YohocoinCount%R</span>
-    </li>
-    <li class="item">
-        <span class="itemdetail float-left">
-            <a href="<?php print QConfigs_Site_Config::$site_url?>/home/returns?t=<?php print microtime(true);?>">我的退货换货</a>
-        </span>
-        <span class="itemnum float-right">%L=it.refundCount%R</span>
-    </li>
-</ul>
-<div class="myyoho-info-footer">
-    <a href="<?php print QConfigs_Site_Config::$site_url?>/home/user?t=<?php print microtime(true);?>">完善资料</a>
-</div>
-</script>
-    <script type="text/html" id="tmpl-nologin">
-<span>Hi~</span>[<a href="<?php print QConfigs_Site_Config::$site_url;?>/signin.html" class="list-a login-out">请登录</a>]&nbsp;[<a href="<?php print QConfigs_Site_Config::$site_url;?>/reg.html" class="list-a login-out" onclick="getSource('会员部_注册统计','免费注册','homepage_man');">免费注册</a>]
-</script>
-    <script type="text/html" id="tmpl-login">
-<span>Hi~<a href="<?php print QConfigs_Site_Config::$site_url;?>/home?t=<?php print microtime(true);?>">%L=it.user_name%R</a></span>&nbsp;%L? it.is_login == 1%R[<a href="%L=it.logout%R" class="list-a login-out">退出</a>]%L??%R[<a href="<?php print QConfigs_Site_Config::$site_url;?>/signin.html" class="list-a login-out">请登录</a>]&nbsp;[<a href="<?php print QConfigs_Site_Config::$site_url;?>/reg.html" onclick="getSource('会员部_注册统计','免费注册','homepage_man');" class="list-a login-out">免费注册</a>]%L?%R
-</script>
-    <script type="text/html" id="tmpl-my-noLogin">
-<div class="account-login">
-    <div><a href="<?php print QConfigs_Site_Config::$site_url?>/signin.html" class="button">立即登录</a></div>
-    <div><span>新用户？</span><a href="<?php print QConfigs_Site_Config::$site_url?>/reg.html" onclick="getSource('会员部_注册统计','免费注册','homepage_man');">[免费注册]</a></div>
-</div>
-<ul class="home-layer">
-    <li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/orders?t=<?php print microtime(true);?>" class="left">我的订单</a></li>
-    <li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/favorite?t=<?php print microtime(true);?>" class="left">我的收藏</a></li>
-    <li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/coupons?t=<?php print microtime(true);?>" class="left">我的优惠券</a></li>
-    <li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/currency?t=<?php print microtime(true);?>" class="left">我的YOHO币</a></li>
-    <li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/returns?t=<?php print microtime(true);?>" class="left">我的退换货</a></li>
-</ul>
-</script>
-    <script type="text/html" id="tmpl-message">
-<ul>%L~ it :v:index%R<li><a href="<?php print QConfigs_Site_Config::$site_url;?>/home/message/content?id=%L=v.id%R">%L=v.title%R</a></li>%L~%R</ul>
-</script>
-</div>
-{{/headerdata}}
+    \{\{/carData\}\}
+    </script>
+
+</div>

 <script>
 <script>
     seajs.use('js/common');
     seajs.use('js/common');
-    seajs.use('js/header',function(header) {
-        if(header) {
-            header.init();
-        }
-    });
 </script>
 </script>
-
 {{!-- 首页 --}}
 {{!-- 首页 --}}
 {{#if boysHomePage}}
 {{#if boysHomePage}}
     <script>
     <script>
-        /*seajs.use('js/home/entrey', function(h) {
-            h.set('boys');
-        });*/
         seajs.use('js/home/home');
         seajs.use('js/home/home');
     </script>
     </script>
 {{/if}}
 {{/if}}
 
 
 {{!-- 搜索 --}}
 {{!-- 搜索 --}}
 {{#if searchListPage}}
 {{#if searchListPage}}
-    <script>
-        seajs.use('js/product/list');
-    </script>
+<script>seajs.use('js/product/list');</script>
 {{/if}}
 {{/if}}

@@ -2,7 +2,7 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <svg xmlns="http://www.w3.org/2000/svg">
 <svg xmlns="http://www.w3.org/2000/svg">
 <metadata>
 <metadata>
-Created by FontForge 20120731 at Wed Dec  2 17:34:20 2015
+Created by FontForge 20120731 at Fri Dec  4 15:54:33 2015
  By Ads
  By Ads
 </metadata>
 </metadata>
 <defs>
 <defs>
@@ -19,7 +19,7 @@ Created by FontForge 20120731 at Wed Dec  2 17:34:20 2015
     bbox="0 -214 1172.1 864"
     bbox="0 -214 1172.1 864"
     underline-thickness="50"
     underline-thickness="50"
     underline-position="-100"
     underline-position="-100"
-    unicode-range="U+0078-E616"
+    unicode-range="U+0078-E619"
   />
   />
 <missing-glyph horiz-adv-x="374" 
 <missing-glyph horiz-adv-x="374" 
 d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
 d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
@@ -84,5 +84,13 @@ d="M704 569l-41 39l-343 -320l343 -320l41 39l-301 281z" />
     <glyph glyph-name="uniE616" unicode="&#xe616;" horiz-adv-x="1173" 
     <glyph glyph-name="uniE616" unicode="&#xe616;" horiz-adv-x="1173" 
 d="M586 588q-64 150 -188 203q-114 47 -222 -7q-112 -56 -155 -192q-20 -67 -21 -144q0 -41 9 -78.5t24 -66.5t39 -57.5t47 -48.5t55.5 -43t56.5 -38t58.5 -35.5t53.5 -33.5q63 -42 118 -94.5t86.5 -95t39.5 -69.5q4 19 25.5 50t53.5 66t75 74t88 71q21 15 53.5 35.5t58 36
 d="M586 588q-64 150 -188 203q-114 47 -222 -7q-112 -56 -155 -192q-20 -67 -21 -144q0 -41 9 -78.5t24 -66.5t39 -57.5t47 -48.5t55.5 -43t56.5 -38t58.5 -35.5t53.5 -33.5q63 -42 118 -94.5t86.5 -95t39.5 -69.5q4 19 25.5 50t53.5 66t75 74t88 71q21 15 53.5 35.5t58 36
 t57 38t55 43t47 48t39 56.5t25 66.5t8.5 78.5q0 75 -19.5 138t-52.5 105.5t-76.5 70.5t-91 37.5t-98 1t-96 -34.5t-85.5 -72.5t-67 -108.5z" />
 t57 38t55 43t47 48t39 56.5t25 66.5t8.5 78.5q0 75 -19.5 138t-52.5 105.5t-76.5 70.5t-91 37.5t-98 1t-96 -34.5t-85.5 -72.5t-67 -108.5z" />
+    <glyph glyph-name="uniE617" unicode="&#xe617;" 
+d="M500 775l-348 -298q-16 -14 -16 -35v-386q0 -16 8 -30t22 -22t30 -8h197v257h238v-257h197q25 0 42.5 17.5t17.5 42.5v386q0 10 -4.5 19t-11.5 16l-348 298q-3 2 -6 3.5t-6 1.5t-6 -1.5t-6 -3.5z" />
+    <glyph glyph-name="uniE618" unicode="&#xe618;" horiz-adv-x="1000" 
+d="M751 670q21 -20 34 -33t20 -23q3 -4 5 -8t3 -7t1.5 -6t0.5 -5v-13h-119q-4 0 -7.5 1.5t-6.5 4.5q-6 6 -10 14t-6 16.5t-2 12.5v100h3q3 0 6.5 -0.5t6.5 -1.5q7 -2 16 -8q4 -3 9.5 -7t12.5 -9q13 -10 33 -28zM614 624q0 -16 5 -33.5t15 -32t26 -24t38 -9.5h117v-451
+q0 -24 -9.5 -42t-24.5 -31t-33.5 -20t-35.5 -7h-394q-15 0 -33 8.5t-33.5 23t-26.5 32.5q-2 5 -4 9.5t-3.5 9.5t-2 10t-0.5 10v543q0 9 2 17.5t6 17.5q7 18 20.5 33.5t30 25.5t35.5 10h305v-100zM664 125q21 0 35.5 14.5t14.5 35.5t-14.5 35.5t-35.5 14.5h-299
+q-21 0 -35.5 -14.5t-14.5 -35.5t14.5 -35.5t35.5 -14.5h299zM714 374q0 21 -14.5 36t-35.5 15h-299q-21 0 -35.5 -15t-14.5 -36t14.5 -35t35.5 -14h299q21 0 35.5 14t14.5 35zM714 374z" />
+    <glyph glyph-name="uniE619" unicode="&#xe619;" 
+d="M512 515q47 0 88 -18t72 -49t49 -72t18 -89q0 -23 -4.5 -45t-13.5 -42q-18 -41 -49 -72t-72 -49q-20 -9 -42 -13.5t-46 -4.5q-47 0 -88 18t-72 49t-49 72t-18 87q0 48 18 89t49 72t72 49t88 18v0zM512 515z" />
   </font>
   </font>
 </defs></svg>
 </defs></svg>

@@ -5,6 +5,9 @@
  */
  */
 var $ = require('yoho.jquery');
 var $ = require('yoho.jquery');
 
 
+require('./footer');
+require('./header');
+
 function cookie(name) {
 function cookie(name) {
     var cookies = document.cookie,
     var cookies = document.cookie,
         cookieVal,
         cookieVal,

+/**
+ * 尾部
+ * @author: wangqing<robin.wang@yoho.cn>
+ * @date: 2015/12/01
+ */
+
+var $ = require('yoho.jquery');
+
+var apiDomain;
+
+/**
+ * 订阅
+ * @return {[type]} [description]
+ */
+function actionSubscription() {
+    var $subscriberBox = $('#subscriber-box'),
+        $subscriberBtn = $('#subscriber-btn'),
+        emailReg = /^[.\-_a-zA-Z0-9]+@[\-_a-zA-Z0-9]+\.[a-zA-Z0-9]/;
+
+    var subscribeParam = {
+        method: 'open.subscriber.subscriber',
+        v: 1,
+        return_type: 'jsonp',
+        open_key: '12345'
+    };
+
+    var iconCode = {
+        mail: '&#xe61b;',
+        tick: '&#xe61a'
+    };
+
+    var email = $.trim($subscriberBox.val());
+
+    var params = {};
+
+    $subscriberBox.focus(function() {
+        $(this).val('').css('color', '');
+        $subscriberBtn.removeClass('done').html(iconCode.mail);
+    });
+
+    $subscriberBtn.click(function() {
+        if (email !== '' && emailReg.test(email)) {
+            $.extend(params, subscribeParam, {
+                email: email,
+                tmp: Math.random(),
+                uid: $.uid('_UID')
+            });
+            try {
+                $.getJSON('http://test.open.yohobuy.com' + '/?callback=?', params, function(data) {
+                    if (data.data.result === 1) {
+                        $subscriberBox.val('已订阅到:' + email);
+                        $subscriberBtn.addClass('done').html(iconCode.tick);
+                    } else {
+                        $subscriberBox.css('color', 'red');
+                    }
+                });
+            } catch (e) {
+                console.log(e.message);
+            }
+        } else {
+            $subscriberBox.css('color', 'red');
+        }
+    });
+}
+
+function actionhomeFootChange() {
+    var $vote = $('.vote'),
+        $feedBackPage = $('#feed-back-page'),
+        count = $vote.children('li').length;
+
+    //意见反馈
+    $feedBackPage.on('click', 'span', function() {
+        var $this = $(this);
+
+        if ($this.hasClass('cur')) {
+            return;
+        }
+
+        $this.siblings('.cur').removeClass('cur');
+        $this.addClass('cur');
+
+        $vote.children().not('.hide').addClass('hide')
+            .end()
+            .eq($this.index()).removeClass('hide');
+    });
+
+    $vote.on('click', '.feed-back-btn', function() {
+        var $this = $(this),
+            $li = $this.closest('li'),
+            index = $li.index(),
+            params = {},
+            _solution = [];
+
+        var _answer = $li.find('.feedback-answer').val(),
+            _feedback = $li.find('.feedback-id').val(),
+            _question = $li.find('.question-id').val();
+
+        $li.find(':checked').each(function() {
+            _solution.push($(this).val());
+        });
+
+        params = {
+            method: 'open.feedback.submit',
+            feedback: _feedback || 0,
+            question: _question || 0,
+            answer: _answer || '',
+            solution: _solution.join(',')
+        };
+
+        $.getData(apiDomain, params, function(data) {
+            var next = index + 1;
+
+            if (data.result === 1) {
+                if (index === count - 1) {
+                    alert('感谢您的参与！');
+                    return;
+                }
+
+                $li.addClass('hide');
+
+                $vote.eq(index + 1).removeClass('hide');
+                $feedBackPage.children('.cur').removeClass('cur');
+                $feedBackPage.eq(next).addClass('cur');
+            }
+        });
+    });
+}
+
+//初始化
+actionSubscription();
+actionhomeFootChange();

@@ -6,11 +6,26 @@
 
 
 
 
 var $ = require('yoho.jquery');
 var $ = require('yoho.jquery');
-var $yohocookie = require('../plugin/yohocookie');
-var $yohocart = require('../plugin/yohocart');
-var yohodoT = require('../plugin/yohodoT');
-
+var handlebars = require('yoho.handlebars');
+var json2 = require('json2');
 var noticeSuccess = false;
 var noticeSuccess = false;
+
+/**
+ * 判断为1的helper
+ * @param  {[type]} v1       [description]
+ * @param  {[type]} options) {               if (v1 [description]
+ * @return {[type]}          [description]
+ */
+handlebars.registerHelper('equalone', function(v1, options) {
+
+    if (v1 === '1') {
+        return options.fn(this);
+    } else {
+        return options.inverse(this);
+    }
+});
+require('../plugin/yohocookie');
+require('../plugin/yohocart');
 /**
 /**
  * 获取头部banner的回调函数
  * 获取头部banner的回调函数
  * @param {[type]} data [description]
  * @param {[type]} data [description]
@@ -549,10 +564,10 @@ function loadCartData() {
         shopping_key: $.getShoppingKey()
         shopping_key: $.getShoppingKey()
     }, function(jsonData) {
     }, function(jsonData) {
         if (window.cartTpl === '') {
         if (window.cartTpl === '') {
-            window.cartTpl = yohodoT.template($('#mini-cart-tpl').html());
+            window.cartTpl = handlebars.compile($('#mini-cart-tpl').html());
         }
         }
         $('#miniCartBox').children('.gobuy-wrapper').html(window.cartTpl({
         $('#miniCartBox').children('.gobuy-wrapper').html(window.cartTpl({
-            cartData: jsonData
+            carData: jsonData
         }));
         }));
         if (parseInt($('.ic-infomation').html()) === 0) {
         if (parseInt($('.ic-infomation').html()) === 0) {
             $('#miniCartBox .gobuy-wrapper').html('<div class="gobuy-empty">' +
             $('#miniCartBox .gobuy-wrapper').html('<div class="gobuy-empty">' +
@@ -560,7 +575,7 @@ function loadCartData() {
         }
         }
         if ($('#miniCartBox .goods-list li').length < 1) {
         if ($('#miniCartBox .goods-list li').length < 1) {
             shoppingInfo = $.cookie('_g');
             shoppingInfo = $.cookie('_g');
-            shoppingData = JSON.parse('(' + shoppingInfo + ')');
+            shoppingData = json2.parse(shoppingInfo);
             if (shoppingData !== null) {
             if (shoppingData !== null) {
                 strK = '{"_k":"' + shoppingData._k + '","_nac":0' + ',"_ac":0,"_r":0}';
                 strK = '{"_k":"' + shoppingData._k + '","_nac":0' + ',"_ac":0,"_r":0}';
                 $.setcookie('_g', strK, {
                 $.setcookie('_g', strK, {
@@ -588,7 +603,7 @@ function delCartGoods(id, isreduce) {
         isreduce: isreduce
         isreduce: isreduce
     }, function(jsonData) {
     }, function(jsonData) {
         var shoppingInfo = $.cookie('_g');
         var shoppingInfo = $.cookie('_g');
-        var shoppingData = JSON.parse('(' + shoppingInfo + ')');
+        var shoppingData = json2.parse(shoppingInfo);
         var strK = '{"_k":"' + shoppingData._k + '","_nac":' + jsonData.total_goods_num + ',"_ac":0,"_r":0}';
         var strK = '{"_k":"' + shoppingData._k + '","_nac":' + jsonData.total_goods_num + ',"_ac":0,"_r":0}';
 
 
         $.setcookie('_g', strK, {
         $.setcookie('_g', strK, {
@@ -602,12 +617,40 @@ function delCartGoods(id, isreduce) {
 window.apiDomain = 'http://api.open.yohobuy.com';
 window.apiDomain = 'http://api.open.yohobuy.com';
 window.cartTpl = '';
 window.cartTpl = '';
 
 
+/**
+ * 监听购物车删除
+ * @return {[type]} [description]
+ */
+function actionListenDelCarGoods() {
+    var $delcargoods;
+    var goodsid,
+        cheapest;
+
+    $(document).on('click', '.goodscardelete', function(e) {
+        $delcargoods = $(this);
+        goodsid = $delcargoods.attr('goodsid');
+        cheapest = $delcargoods.attr('cheapest');
+        delCartGoods(goodsid, cheapest);
+    });
+}
+/**
+ * 监听点击更多打折商品
+ * @return {[type]} [description]
+ */
+function actionListenCartMore() {
+    var $morecart;
 
 
+    $(document).on('click', '.mycart_i_down', function(e) {
+        $morecart = $(this);
+        $morecart.toggleClass('mycart_i_up');
+        $('#mycartmore').slideToggle(300);
+    });
+}
 /**
 /**
  * 点击购物车
  * 点击购物车
  * @return {[type]} [description]
  * @return {[type]} [description]
  */
  */
-function clickMiniCartBox() {
+function actionClickMiniCartBox() {
     var $target;
     var $target;
     var shopcarurl = 'http://www.yohobuy.com/shopping/cart';
     var shopcarurl = 'http://www.yohobuy.com/shopping/cart';
 
 
@@ -771,7 +814,7 @@ function actionLoopUpdCartNum() {
  * @return {[type]} [description]
  * @return {[type]} [description]
  */
  */
 function actionExeTemplate() {
 function actionExeTemplate() {
-    var resulthtml = $('#goodcartempwarpper').html().replace(/\%L/g, '{{').replace(/\%R/g, '}}');
+    var resulthtml = $('#goodcartempwarpper').html().replace(/\\/g, '');
 
 
     $('#goodcartempwarpper').html(resulthtml);
     $('#goodcartempwarpper').html(resulthtml);
 }
 }
@@ -788,7 +831,7 @@ function actionSearch() {
  * 初始化函数
  * 初始化函数
  * @return {[type]} [description]
  * @return {[type]} [description]
  */
  */
-exports.init = function() {
+function init() {
     actionExeTemplate(); //处理模板
     actionExeTemplate(); //处理模板
     actionInitCookie(); //初始化cookie
     actionInitCookie(); //初始化cookie
     actionExeCookieMap(); //格式化cookie
     actionExeCookieMap(); //格式化cookie
@@ -803,8 +846,9 @@ exports.init = function() {
     actionUpdateCartNum(); //更新购物车数量
     actionUpdateCartNum(); //更新购物车数量
     actionLoopUpdCartNum(); //循环检测购物车数量
     actionLoopUpdCartNum(); //循环检测购物车数量
     actionSearch(); //搜索执行
     actionSearch(); //搜索执行
-    delCartGoods();
-    clickMiniCartBox();
-    $yohocookie();
-    $yohocart();
-};
+    actionClickMiniCartBox(); //点击购物车跳转
+    actionListenDelCarGoods(); //监听购物车删除
+    actionListenCartMore(); //
+}
+
+init();

@@ -15,7 +15,8 @@
     "dependencies": {
     "dependencies": {
       "yoho.lazyload": "1.0.0",
       "yoho.lazyload": "1.0.0",
       "yoho.handlebars": "3.0.3",
       "yoho.handlebars": "3.0.3",
-      "yoho.jquery": "1.8.3"
+      "yoho.jquery": "1.8.3",
+      "json2": "1.0.0"
     },
     },
     "devDependencies": {
     "devDependencies": {
       "expect.js": "0.3.1"
       "expect.js": "0.3.1"

 
 
-var jQuery = require('jquery');
+var jQuery = require('yoho.jquery');
 var $yohocookie = require('./yohocookie');
 var $yohocookie = require('./yohocookie');
 
 
 (function($) {
 (function($) {
@@ -126,4 +126,7 @@ var $yohocookie = require('./yohocookie');
             return shoppingData._k;
             return shoppingData._k;
         },
         },
     })
     })
-})(jQuery);
+})(jQuery);
+exports.init = function() {
+
+}

-var jQuery = require('jquery');
+var jQuery = require('yoho.jquery');
 
 
 (function($) {
 (function($) {
     $.extend({
     $.extend({

-@font-face {
-    font-family: 'icomoon';
-    src:font-url('icomoon.eot');
-    src:font-url('icomoon.eot?#iefix') format('embedded-opentype'),
-        font-url('icomoon.ttf') format('truetype'),
-        font-url('icomoon.woff') format('woff'),
-        font-url('icomoon.svg#icomoon') format('svg');
-    font-weight: normal;
-    font-style: normal;
-}
 .yoho-footer {
 .yoho-footer {
     font-size: 12px;
     font-size: 12px;
-    /*----文字颜色----*/
-    .red{
-        color: #ee0011;
+
+    .left {
+        float: left;
     }
     }
-    .orange{
-        color: #f9761a;
+
+    .right {
+        float: right;
     }
     }
-    .rgb0{
-        color: #000;
+
+    .center {
+        text-align: center;
     }
     }
-    .rgb2{
-        color: #222;
+
+    * {
+        box-sizing: border-box;
     }
     }
-    .rgb4{
-        color: #444;
+
+    .red {
+        color: #ee0011;
     }
     }
-    .rgb6{
+
+    .rgb6 {
         color: #666;
         color: #666;
     }
     }
-    .rgb9{
+
+    .rgb9 {
         color: #999;
         color: #999;
     }
     }
 
 
-    .rgbc{
-        color: #ccc;
-    }
-    .rgbf{
+    .rgbf {
         color: #fff;
         color: #fff;
     }
     }
-    .blue{
-        color: #006699;
-    }
-    .blue2{
-        color: #468fa2;
-    }
-    /**函数类**/
-    .hidden{ display:none !important;}
-    .show{ display:block;}
-    .left{float: left;}
-    .right{float: right;}
-    .relative{position: relative;}
-    .absolute{position: absolute;}
-    .inline-block{
-        display: inline-block;
-    }
-    .top{
-         vertical-align: top;
-    }
-    .middle{
-        vertical-align: middle;
-    }
-    .center{
-        text-align: center;
-    }
-    .footertop {
-        .index-foot {
-            background: #eeeeee;
-            padding:20px 0;
-        }
-        .index-foot dd{
+
+    .index-foot {
+        background: #eeeeee;
+        padding:20px 0;
+
+        dd {
+            width: 370px;
             margin-right: 20px;
             margin-right: 20px;
             float: left;
             float: left;
             overflow:hidden;
             overflow:hidden;
-        }
-        .index-foot dd.last{
-            margin-right: 0;
-        }
-        .index-foot dd .foot-panel{
-            background: #fff;
-            padding: 20px;
-            _padding-right: 10px;
-        }
 
 
-        .index-foot dd .title{
-            text-align: center;
-            _zoom:1;
-        }
-        .index-foot dd .title .title-line{
-            border-bottom: 1px solid #dddddd;
-            position: absolute;
-            top: 9px;
-            width: 100%;
-            left: 0;
-            *top: -6px;
-        }
-        .index-foot dd .title .text{
-            position: absolute;
-            width: 100%;
-            text-align: center;
-            left: 0;
-            top: 0;
-        }
-        .index-foot dd .title .text span{
-            background: #fff;
-            font-size: 18px;
-            line-height: 18px;
-            padding: 0 10px;
-        }
-        .index-foot dd ul{
-            margin-top: 18px;
-            padding-top: 18px;
-        }
-        .index-foot dd .two-dim{
-            margin-right: -10px;
-        }
-        .index-foot dd .two-dim li{
-            border: 1px solid #ddd;
-            padding: 7px;
-            margin-right: 10px;
-        }
+            &.last {
+                margin-right: 0;
+            }
 
 
+            .foot-panel {
+                background: #fff;
+                padding: 20px;
+            }
 
 
-        .index-foot dd .two-dim img.dim-img{
-            /*opacity: 0.5;
-            filter:alpha(opacity=50);*/
-        }
-        .index-foot dd .two-dim .dim-hover{
-            position: absolute;
-        }
-        .index-foot dd .two-dim .dim-hover img{
-            width: 38px;
-            height: 38px;
-        }
-        .index-foot dd .two-dim .dim-active .dim-img{
-            opacity: 1;
-            filter:alpha(opacity=100);
-        }
-        .index-foot dd .two-dim .dim-active .dim-hover{
-            display: none;
-        }
-        .index-foot dd .two-dim li a{
-            display: block;
-        }
-        .index-foot dd .two-dim li p{
-            text-align: center;
-            margin-top: 13px;
-            margin-bottom: 3px;
-            line-height: 12px;
-        }
-        .index-foot dd .item-nav{
-            padding-top: 20px;
-        }
-        .index-foot dd .item-nav a{
-            color: #999;
-            padding: 0 3px;
-            cursor:pointer;
-        }
-        .index-foot .vote{
-            height: 131px;
-            line-height: 24px;
-        }
-        .index-foot .vote input{
-            margin: 0 5px 0 1px;
-        }
-        .index-foot .vote .button{
-            height: 24px;
-            line-height: 24px;
-            width: 55px;
-            font-size: 12px;
-            margin-top: 10px;
-            margin-right: 10px;
-            background: #222;
-            color: #fff;
-            display: inline-block;
-            text-align: center;
-        }
-        .index-foot .vote p{
-            height: 24px;
-            overflow: hidden;
-        }
-        .index-foot .vote .vote-item p{
-            float: left;
-            width: 50%;
+            .title {
+                position: relative;
+                text-align: center;
+            }
 
 
-        }
+            .title-line {
+                border-bottom: 1px solid #dddddd;
+                position: absolute;
+                top: 9px;
+                width: 100%;
+                left: 0;
+            }
 
 
-        .index-foot .vote textarea{
-            width: 98%;
-            height: 60px;
-            vertical-align: middle;
-            margin: 5px 0px 0px 0px;
-            resize:none;
-        }
+            .text {
+                position: absolute;
+                width: 100%;
+                text-align: center;
+                left: 0;
+                top: 0;
+
+                span {
+                    background: #fff;
+                    font-size: 18px;
+                    line-height: 18px;
+                    padding: 0 10px;
+                }
+            }
 
 
-        .index-foot  ul.mobile{
-            margin-right: -10px;
-        }
-        .index-foot .mobile li{
-            margin-right: 10px;
-            float: left;
-            margin-bottom: 12px;
-        }
+            ul {
+                margin-top: 18px;
+                padding-top: 18px;
+            }
 
 
-        .index-foot dd li{
-            /*height: 131px;*/
-            zoom:1;
-        }
+            .two-dim {
+                margin-right: -10px;
+                overflow: hidden;
 
 
-        .index-banner{
-            width: 100%;
-            margin-top: 20px;
-        }
-        .ifont10{
-            font-family: "icomoon" ;
-            display:inline-block;
-            font-size: 13px;
-            line-height: 10px;
-            -webkit-transform:scale(0.8);
-        }
-    }
-    .footerbottom {
-        width: 100%;
-        .promise {
-            padding: 20px 0 10px 0;
-            background: #000;
-            .left {
-                line-height: 30px;
-                font-size: 12px;
-                font-weight: bold;
-                .ifont {
-                    font-size: 24px;
-                    line-height: 24px;
-                    vertical-align: middle;
-                    margin-right: 5px;
-                    font-weight: normal;
-                    font-family: "icomoon" ;
-                    display:inline-block;
+                li {
+                    border: 1px solid #ddd;
+                    padding: 7px;
+                    margin-right: 10px;
+
+                    a {
+                        display: block;
+                    }
+
+                    p {
+                        text-align: center;
+                        margin-top: 13px;
+                        margin-bottom: 3px;
+                        line-height: 12px;
+                    }
                 }
                 }
             }
             }
-        }
-        .subscribe {
-            border: 1px solid #262626;
-            input {
-                height: 32px;
-                padding: 0 10px;
-                line-height: 32px;
-                border: none;
-                margin: 0;
-                *height: 28px;
-                *line-height: 28px;
-                background: #000;
-
-                &.wrong{
-                    color: #ee0011;
+
+            .dim-img {
+                display: block;
+                width: 87px;
+                height: 87px;
+            }
+
+            .dim-hover {
+                position: absolute;
+
+                img {
+                    width: 38px;
+                    height: 38px;
                 }
                 }
             }
             }
-            a {
-                margin-left: 10px;
-                font-size: 18px;
-                line-height: 32px;
-                opacity: 0.5;
-                filter: alpha(opacity=50);
+
+            .dim-active .dim-img {
+                opacity: 1;
+                filter:alpha(opacity=100);
             }
             }
-        }
-        .footer-help {
-            background: #000;
-            font-size: 12px;
-            ul {
-                width: 110%;
+
+            .dim-active .dim-hover {
+                display: none;
             }
             }
-            li p {
-                line-height: 24px;
 
 
-                span{
+            .item-nav{
+                padding-top: 20px;
+
+                span {
                     color: #fff;
                     color: #fff;
+                    padding: 0 3px;
+                    cursor:pointer;
+                    font-size: 20px;
                 }
                 }
 
 
-                a {
-                    color: #666;
-
-                    &:hover {
-                        text-decoration: underline;
-                    }
+                .cur {
+                    color: #999;
                 }
                 }
             }
             }
-            .screen {
-                border-top: 1px solid #262626;
-                padding: 15px 0;
-            }
         }
         }
-        .client-title p {
+
+        .vote {
             line-height: 24px;
             line-height: 24px;
-        }
-        .client {
-            padding-top: 6px;
-            a.ifont {
-                font-size: 20px;
-                background: #444;
-                width: 32px;
-                height: 32px;
-                margin-right: 3px;
-                text-align: center;
-                line-height: 32px;
-            }
-        }
-        .footer-link{
-            background: #000;
-            padding: 10px 0 30px 0;
-            font-size: 12px;
-        }
-        .about-us {
-            margin-left: 10px;
-            line-height: 20px;
-            color: #666;
-            a {
-                color: #666;
-            }
-            p span {
-                padding: 0 10px;
+
+            input {
+                margin: 0 5px 0 1px;
             }
             }
-        }
-        .footer-link .right-flag a {
-            margin-right: 5px;
-        }
-        .footer-client {
-            padding: 0px;
-            bottom: 25px;
-            left: -37px;
-            z-index: 10;
-            width: 106px;
-            top: -140px;
-            .client-img {
-                background: #fff;
+
+            .button {
+                height: 24px;
+                line-height: 24px;
+                width: 55px;
+                font-size: 12px;
+                margin-top: 10px;
+                margin-right: 10px;
+                background: #222;
+                color: #fff;
+                display: inline-block;
+                text-align: center;
+                cursor: pointer;
             }
             }
-            a {
-                padding: 8px;
-                background: #fff;
-                display: block;
-                p {
-                    text-align: center;
-                    padding-top: 5px;
-                }
+
+            p {
+                height: 24px;
+                overflow: hidden;
             }
             }
-            .arrow {
-                line-height: 12px;
-                text-align: center;
-                width: 100%;
-                font-size: 12px;
-                vertical-align: top;
-                margin-top: -2px;
+
+            textarea{
+                width: 98%;
+                height: 68px;
+                vertical-align: middle;
+                margin: 5px 0px 0px 0px;
+                resize:none;
             }
             }
         }
         }
-        .right-flag{
-            margin-top: 3px;
-        } 
-    }
-    .return-top {
-        position: fixed;
-        width: 60px;
-        height: 60px;
-        font-size: 18px;
-        text-align: center;
-        line-height: 60px;
-        color: #fff;
-        background: #000;
-        opacity: 0.5;
-        filter: alpha(opacity=50);
-        bottom: 20px;
-        cursor: pointer;
-        z-index: 99999;
-        &:hover {
-            opacity: 0.9;
-            filter: alpha(opacity=90);
-        }
-    }
-}
-@media (max-width:1310px){
-    .yoho-footer{
-       .return-top{
-            left: 100%;
-            right: 20px;
-            margin-left: auto;
-      } 
-    }
-    
-}
 
 
-@media (min-width:1310px){
-    .yoho-footer{
-        .return-top{
-            left: 50%;
-            margin-left: 595px;
-        }
-    }
-}
-@media (max-width:1180px){
-    .yoho-footer {
-        .screen{
-            width: 990px;
-            margin-left: auto;
-            margin-right: auto;
-        }
-        .screen-l{
-            display: none;
-        }
-        .footerbottom{
-            min-width: 990px;
-        }
-        .footerbottom .footer-right{
-            width: 200px;
-            width: 202px \9;
-        }
-        .footerbottom .footer-help ul{
-            /*width: 690px;*/
-        }
-        .footerbottom .footer-help li{
-            width: 150px;
-        }
-        .footerbottom .promise .left{
-            margin-right: 45px;
-        }
-        .footerbottom .subscribe input{
-            width: 140px;
-            outline: none;
-        }
+        .vote-item p {
+            float: left;
+            width: 50%;
 
 
-        /*trends*/
-        .article-list{
-            width: 670px;
-        }
-        .article-list ul .article-cover img{
-            width: 320px;
-            height: 214px;
-        }
-        .article-list ul .article-summary{
-            width: 330px;
-            height: 214px;
-            overflow: hidden;
-        }
-        .trends-suggestion ul li{
-            width: 208px;
-        }
-        .trends-suggestion ul li img{
-            width: 208px;
-            height: 138px;
-        }
-        .article-list .article-detail img{
-            max-width: 670px;
         }
         }
 
 
-        /*lookbook*/
-        .trends-list ul li{
-            width: 232px;
-        }
-        .trends-list ul li a img{
-            width: 232px;
-            height: 330px;
-        }
-        .trends-list ul li p{
-            width: 222px;
-        }
+        .mobile {
+            margin-right: -10px;
 
 
-        .focus-top3{
-            height: 618px;
-        }
-        .focus-top3 .focus-img img{
-            width: 495px;
-            height: 618px;
-        }
-        .focus-top3 ul li, .trends-content iframe{
-            height: 618px;
-            width: 990px;
-        }
-    }
-}
-@media (min-width:1180px){
-    .yoho-footer{
-        .screen{
-            width: 1150px;
-            margin-left: auto;
-            margin-right: auto;
-        }
-        .footerbottom .footer-right{
-            width: 240px;
-            width: 242px \9;
-        }
-        .footerbottom .footer-help ul{
-            /*width: 810px;*/
-        }
-        .footerbottom .footer-help li{
-            width: 180px;
-        }
-        .footerbottom .promise .left{
-            margin-right: 60px;
-        }
-        .footerbottom .subscribe input{
-            width: 180px;
-            outline: none;
-        }
+            li {
+                margin-right: 10px;
+                float: left;
+            }
 
 
-        /*trends*/
-        .article-list{
-            width: 830px;
-        }
-        .article-list ul .article-cover img{
-            width: 360px;
-            height: 240px;
-        }
-        .article-list ul .article-summary{
-            width: 450px;
-            height: 240px;
-            overflow: hidden;
-        }
-        .trends-suggestion ul li{
-            width: 262px;
-        }
-        .trends-suggestion ul li img{
-            width: 262px;
-            height: 175px;
-        }
-        .article-list .article-detail img{
-            max-width: 830px;
+            img {
+                display: block;
+                width: 103px;
+                height: 131px;
+            }
         }
         }
 
 
-        /*lookbook*/
-        .trends-list ul li{
-            width: 272px;
-        }
-        .trends-list ul li a img{
-            width: 272px;
-            height: 388px;
-        }
-        .trends-list ul li p{
-            width: 262px;
-        }
-        .focus-top3{
-            height: 716px;
-        }
-        .focus-top3 .focus-img img{
-            width: 575px;
-            height: 716px;
-        }
-        .focus-top3 ul li, .trends-content iframe{
-            height: 716px;
-            width: 1150px;
+        .index-banner {
+            width: 100%;
+            margin-top: 20px;
         }
         }
     }
     }
-    
-}
-
-
-/* new index 990 */
-@media (max-width:1180px){
-    .sort-enter a, .sort-enter a img{
-        width:494px;
-        height:388px;
-    }
-    .sort-enter a span{
-        bottom:40px;
-    }
-    .new-arrial img{
-        width:990px;
-    }
-    .arrial-list ul li, .arrial-list ul li img{
-        width:325px;
-        height: 265px;
-    }
-    .hot-brand .con{
-        height: 103px;
-    }
-    .hot-brand .con .btn-page{
-        width:90px;
-        height:103px;
-        background-position: -106px 0;
-    }
-    .hot-brand .con .btn-page a{
-        width: 30px;
-        height:30px;
-    }
-    .hot-brand .con .btn-page a.page-before{
-        top: 22px;
-        left: 8px;
-    }
-    .hot-brand .con .btn-page a.page-next{
-        top: 50px;
-        left: 44px;
-    }
-    .hot-brand .con .list{
-        margin-right: 90px;
-    }
-    .hot-brand .con .list ul li img{
-        width:100px;
-        height:103px;
-    }
-}
-@media (min-width:1180px){
-    .sort-enter a, .sort-enter a img{
-        width:574px;
-        height:450px;
-    }
-    .sort-enter a span{
-        bottom:50px;
-    }
-    .new-arrial img{
-        width:1150px;
-    }
-    .arrial-list ul li, .arrial-list ul li img{
-        width:378px;
-        height:308px;
-    }
-    .hot-brand .con{
-        height: 120px;
-    }
-    .hot-brand .con .btn-page{
-        width:106px;
-        height:120px;
-        background-position: 0 0;
-    }
-    .hot-brand .con .btn-page a{
-        width: 40px;
-        height:40px;
-    }
-    .hot-brand .con .btn-page a.page-before{
-        top: 24px;
-        left: 4px;
-    }
-    .hot-brand .con .btn-page a.page-next{
-        top: 58px;
-        left: 50px;
-    }
-    .hot-brand .con .list{
-        margin-right: 106px;
-    }
-    .hot-brand .con .list ul li img{
-        width:116px;
-        height:120px;
-    }
-}
-
-
-
-/*new index*/
-@media (max-width:1180px){
-    /*
-    .page-index-new .screen{
-        width: 988px;
-    }*/
-
-    .focus-top2{
-        height: 388px;
-    }
-    .focus-top2 .focus-img img{
-        width: 988px;
-        height: 388px;
-    }
-    .focus-bottom ul{
-        padding: 0 1px;
-        height: 46px;
-        overflow: hidden;
-    }
-    .focus-bottom ul li img{
-        width: 118px;
-        height: 46px;
-    }
-    .focus-bottom ul li a{
-        width: 118px;
-        height: 46px;
-    }
 
 
-    #bigSlide{
-        width: 988px;
-        height: 388px;
-    }
-    #bigSlide li{
-        width: 988px;
-        height: 388px;
-    }
+    .footerbottom {
+        width: 100%;
 
 
-    .dl-index .hot-brands li a img{
-        width: 163px;
-        height: 163px;
-    }
-    .dl-index .hot-brands li.li-h-2 a img{
-        width: 328px;
-    }
-    .dl-index .hot-brands li.li-v-2 a img{
-        height: 328px;
-    }
-    .dl-index .hot-brands li .btn-page{
-        padding: 36px 0 0 36px;
-        width: 127px;
-        height: 127px;
-    }
-    .wrapper-index2{
-        width: 988px;
-    }
-    .wrapper-index2 .index-unit-5{
-        width: 823px;
-    }
-    .wrapper-index2  .index-unit-1{
-        width: 163px;
-    }
-    .wrapper-index2 .index-unit-5 ul.hot-brands{
-        height: 330px;
-    }
 
 
-    .dl-index .index-ul li a img{
-        width: 163px;
-        height: 206px;
-    }
-    .dl-index .index-ul li.li-h-2 a img{
-        width: 328px;
     }
     }
 
 
-    .wrapper-index2 .index-ads img{
-        width: 163px;
-    }
-    .wrapper-index2 .index-ads .ads-1 img{
-        height: 279px;
-    }
-    .wrapper-index2 .index-ads .ads-2 img{
-        height: 163px;
-    }
+    .promise {
+        padding: 20px 0 10px 0;
+        background: #000;
 
 
-    .dl-index .category-top img{
-        width: 163px;
-        height: 146px;
-    }
-    .dl-index .category-list{
-        padding: 7px 0;
-    }
-    .dl-index .category-list li{
-        width: 76px;
-    }
-    .dl-index .category-list li a{
-        padding: 0px 0 0px 15px;
-        height: 24px;
-        line-height: 24px;
-    }
-    .dl-index .brands-list{
-        padding: 7px 0;
-    }
-    .dl-index .brands-list li a{
-        line-height: 24px;
-        height: 24px;
-        padding: 0px 15px 0px 15px;
+        .left {
+            margin-right: 60px;
+            line-height: 30px;
+            font-size: 12px;
+            font-weight: bold;
+        }
     }
     }
 
 
-    .index-foot dd{
-        width: 316px;
+    .subscribe {
+        border: 1px solid #262626;
+        width: 240px;
 
 
-    }
-    .index-foot dd .two-dim img.dim-img{
-        width: 69px;
-        height: 69px;
-    }
-    .index-foot .mobile li img{
-        width: 85px;
-        height: 108px;
-    }
-    .index-foot ul.mobile{
-        margin-top: 30px;
-        padding-bottom: 11px;
-        height: 108px;
-        overflow: hidden;
-    }
-    .index-foot dd .two-dim{
-        margin-top: 26px;
-        margin-bottom: 10px;
-        /*padding-bottom: 10px;*/
-        height: 113px;
-        overflow: hidden;
-    }
+        input {
+            width: 180px;
+            height: 32px;
+            padding: 0 10px;
+            line-height: 32px;
+            border: none;
+            margin: 0;
+            background: #000;
+        }
 
 
-    .index-foot dd .two-dim .dim-hover{
-        left: 16px;
-        top: 16px;
-    }
-    /*hotBrand*/
-    .dl-index .hot-brand-new .ids img{
-        width:163px;
-    }
-    .hot-brand-new .recommendBox-new{
-        width:891px;
-        height:156px;
-    }
-    .hot-brand-new .recommendBox-new ul li{
-        width:99px;
-        height:78px;
-    }
-    .hot-brand-new .recommendBox-new ul li img{
-        width:99px;
-        height:78px;
-    }
-    .dl-index .hot-brand-new .index-unit-1{
-        width:97px;
-        height:156px;
-    }
-    .dl-index .hot-brand-new .index-unit-1 ul li{
-        width:97px;
-        height:78px;
-    }
-    .dl-index .hot-brand-new .index-unit-1 ul li img{
-        width:97px;
-        height:78px;
-    }
-    .dl-index .hot-brand-new .btn-page{
-        width:97px;
-        height:78px;
-        background: url('http://static.yohobuy.com/images/v3/icon/btn_page_small.jpg')  no-repeat center center ;
-    }
-    /*猜你喜欢*/
-    .index-guess-like li{
-        width: 163px;
-         float: left;
-         margin-right: 2px;
-         text-align: center;
-    }
-    .index-guess-like li img{
-        width: 163px;
+        a {
+            margin-left: 10px;
+            font-size: 18px;
+            line-height: 32px;
+            opacity: 0.5;
+            filter: alpha(opacity=50);
+        }
     }
     }
 
 
-}
-
-@media (min-width:1180px){
-    .focus-top2{
-        height: 450px;
-    }
-    .focus-top2 .focus-img img{
-        width: 1150px;
-        height: 450px;
-    }
-    .focus-bottom ul{
-        padding: 0 2px;
-        height: 54px;
+    .footer-help {
+        background: #000;
+        font-size: 12px;
         overflow: hidden;
         overflow: hidden;
-    }
-    .focus-bottom ul li img{
-        width: 138px;
-        height: 54px;
-    }
-    .focus-bottom ul li a{
-        width: 138px;
-        height: 54px;
-    }
-    #bigSlide{
-        width: 1150px;
-        height: 450px;
-    }
-    #bigSlide li{
-        width: 1150px;
-        height: 450px;
-    }
-
-    .dl-index .hot-brands li a img{
-        width: 190px;
-        height: 190px;
-    }
-    .dl-index .hot-brands li.li-h-2 a img{
-        width: 382px;
-    }
-    .dl-index .hot-brands li.li-v-2 a img{
-        height: 382px;
-    }
-    .dl-index .hot-brands li .btn-page{
-        padding: 50px 0 0 50px;
-        width: 140px;
-        height: 140px;
-    }
-
-    .wrapper-index2 .index-unit-5{
-        width: 958px;
-    }
-    .wrapper-index2  .index-unit-1{
-        width: 190px;
-    }
-    .wrapper-index2 .index-unit-5 ul.hot-brands{
-        height: 384px;
-    }
-
-    .dl-index .index-ul li a img{
-        width: 190px;
-        height: 240px;
-    }
-    .dl-index .index-ul li.li-h-2 a img{
-        width: 382px;
-    }
 
 
-    .wrapper-index2 .index-ads img{
-        width: 190px;
-    }
-    .wrapper-index2 .index-ads .ads-1 img{
-        height: 320px;
-    }
-    .wrapper-index2 .index-ads .ads-2 img{
-        height: 190px;
-    }
+        ul {
+            width: 110%;
+        }
 
 
-    .dl-index .category-top img{
-        width: 190px;
-        height: 170px;
-    }
+        p {
+            line-height: 24px;
 
 
-    .dl-index .category-list{
-        padding: 8px 0;
-    }
-    .dl-index .category-list li{
-        width: 90px;
-    }
-    .dl-index .category-list li a{
-        padding: 0px 0 0px 15px;
-        height: 28px;
-        line-height: 28px;
-    }
-    .dl-index .brands-list{
-        padding: 8px 0;
-    }
-    .dl-index .brands-list li a{
-        line-height: 28px;
-        height: 28px;
-        padding: 0px 15px 0px 15px;
-    }
+            span {
+                color: #fff;
+            }
 
 
-    .index-foot dd{
-        width: 370px;
+            a {
+                color: #666;
 
 
-    }
-    .index-foot dd .two-dim{
-        overflow: hidden;
-    }
-    .index-foot dd .two-dim img.dim-img{
-        width: 87px;
-        height: 87px;
-    }
-    .index-foot .mobile li img{
-        width: 103px;
-        height: 131px;
-    }
+                &:hover {
+                    text-decoration: underline;
+                }
+            }
+        }
 
 
-    .index-foot dd .two-dim .dim-hover{
-        left: 25px;
-        top: 25px;
-    }
-    .index-foot ul.mobile{
-        height: 131px;
-        overflow: hidden;
-    }
-    /*hotBrand*/
-    .dl-index .hot-brand-new .ids{
-        width:190px;
-    }
-    .hot-brand-new .recommendBox-new{
-        width:1035px;
-        height:180px;
-    }
-    .hot-brand-new .recommendBox-new ul li{
-        width:115px;
-        height:90px;
-    }
-    .hot-brand-new .recommendBox-new ul li img{
-        width:115px;
-        height:90px;
-    }
-    .dl-index .hot-brand-new .index-unit-1{
-        width:115px;
-        height:180px;
+        li {
+            width: 180px;
+        }
 
 
+        .screen {
+            border-top: 1px solid #262626;
+            padding: 15px 0;
+        }
     }
     }
-    .dl-index .hot-brand-new .index-unit-1 ul li{
-        width:115px;
-        height:90px;
-    }
-    .dl-index .hot-brand-new .index-unit-1 ul li img{
-        width:115px;
-        height:90px;
-    }
-    .dl-index .hot-brand-new .btn-page{
-        width:115px;
-        height:90px;
-        background: url('http://static.yohobuy.com/images/v3/icon/btn_page_big.jpg')  no-repeat center center ;
-    }
-    /*猜你喜欢*/
-    .index-guess-like li{
-        width: 190px;
-        height: 320px;
-         float: left;
-         margin-right: 2px;
-         text-align: center;
-    }
-
-}
-
-/*boys*/
 
 
+    .footer-link {
+        background: #000;
+        padding: 10px 0 30px 0;
+        font-size: 12px;
 
 
-@media (max-width:1180px){
-
-    .wrapper-right{
-        width: 810px;
-    }
-    .wrapper-main .list-unit{
-        width: 195px;
+        .right-flag {
+            margin-top: 3px;
 
 
-    }
-    .wrapper-main .index-tab{
-        width: 615px;  /*750*/
-        overflow: hidden;
-    }
-    .banner-zone .feedback .item-vote{
-        width: 150px;
-        padding: 10px;
-        overflow: hidden;
-    }
-    .wrapper-main .banner-zone div.phone .left-a{
-        padding-right: 5px;
-    }
-    .wrapper-main .banner-zone div.phone .right-a{
-        padding-left: 5px;
-    }
-    .banner-zone .recent-view .recent-goods{
-        width: 153px;
-    }
-    .banner-zone .recent-view .recent-goods img{
-        width: 50px;
-        height: 50px;
-    }
-    .focus-top{
-        height: 334px;
-    }
-    .focus-brands .focus-brands-wrapper{
-        width: 640px;
-    }
-    .focus-top .button-switch .ifont{
-        margin-top: 160px;
-    }
+            a {
+                margin-right: 5px;
+            }
+        }
 
 
-}
+        .about-us {
+            line-height: 20px;
+            color: #666;
+            margin-left: 10px;
 
 
-@media (min-width:1180px){
+            a {
+                color: #666;
+            }
 
 
-    .wrapper-right{
-        width: 970px;  /*990px*/
+            span {
+                padding: 0 10px;
+            }
+        }
     }
     }
-    .wrapper-main .list-unit{
-        width: 235px; /*240*/
 
 
-    }
-    .wrapper-main .index-tab{
-        width: 735px;  /*750*/
-        overflow: hidden;
-    }
-    .banner-zone .feedback .item-vote{
-        width: 170px;
-        padding: 20px;
-        overflow: hidden;
-    }
-    .wrapper-main .banner-zone div.phone .left-a{
-        padding-right: 20px;
-    }
-    .wrapper-main .banner-zone div.phone .right-a{
-        padding-left: 20px;
-    }
-    .banner-zone .recent-view .recent-goods{
-        width: 183px;
-    }
-    .banner-zone .recent-view .recent-goods img{
+    .return-top {
+        position: fixed;
         width: 60px;
         width: 60px;
         height: 60px;
         height: 60px;
-    }
-    .focus-top{
-        height: 400px;
-    }
-    .focus-brands .focus-brands-wrapper{
-        width: 800px;
-    }
-    .focus-top .button-switch .ifont{
-        margin-top: 185px;
-    }
-}
+        left: 50%;
+        margin-left: 595px;
+        text-align: center;
+        line-height: 50px;
+        color: #fff;
+        background: #000;
+        opacity: 0.5;
+        filter: alpha(opacity=50);
+        bottom: 20px;
+        cursor: pointer;
+        &:hover {
+            opacity: 0.9;
+            filter: alpha(opacity=90);
+        }
 
 
-/*brands*/
-@media (max-width:1180px){
-    .brands-ad .ad-img1 img{
-        width: 490px;
-        height: 240px;
-    }
-    .brands-ad .ad-img2 img{
-        width: 240px;
-        height: 240px;
-    }
-    .brands-logo a{
-        /*margin-left: 19px;*/
-        margin-left: 18px;
-    }
-    .brands-logo a.first{
-        margin-left: 10px;
-    }
-    .wrapper-brands .brands-fixed{
-        width: 956px;
-    }
-    .wrapper-brands .brands-az a{
-        padding: 0 6px;
+        .iconfont {
+            font-size: 34px;
+        }
     }
     }
 }
 }
 
 
-@media (min-width:1180px){
-    .brands-ad .ad-img1 img{
-        width: 570px;
-        height: 280px;
-    }
-    .brands-ad .ad-img2 img{
-        width: 280px;
-        height: 280px;
-    }
-    .brands-logo a{
-        margin-left: 35px;
-    }
-    .brands-logo a.first{
-        margin-left: 18px;
-    }
-    .wrapper-brands .brands-fixed{
-        width: 1116px;
+@media (max-width: 1360px) {
+    .yoho-footer .return-top {
+        left: 100%;
+        right: 20px;
+        margin-left: auto;
     }
     }
 }
 }
 
 
-/*goods list*/
-
-@media (max-width:1180px){
-    .goods-list{
-        margin-right: -10px;
-    }
-    .goods-list .goods{
-        width: 195px;
-        margin-right: 10px;
-        height: 353px;
-        overflow: hidden;
-    }
-    /*
-    .goods-mini .goods-list{
-        margin-right: -12px;
-    }
-    .goods-mini .goods-list .goods{
-        width: 125px;
-        margin-right: 12px;
-    }*/
-
-    /*图片固定高度*/
-    .goods-list .goods img{
-        width: 195px;
-        height: 261px;
-    }
-    /*end*/
-
-    .sort-condition .sort-num{
-        display: none;
-    }
-    .goods-suggestion .goods-more{
-        /*display: none;*/
-    }
-
-    .brands-suggestion li a{
-        margin: 0 0 0 6px;
-    }
-    .brands-suggestion li a{
-        width: 130px;
-    }
-    .brands-suggestion li img{
-        padding: 22px 24px 22px 24px;
-    }
-
-    /*0124*/
-    .goods-suggestion .goods-list{
-        height: 353px;
-        overflow: hidden;
-    }
-    .goods-view .goods-list .goods{
-        width: 190px;
-        overflow: hidden;
-    }
-
-}
-
-@media (min-width: 1180px){
-
-    .goods-list{
-        margin-right: -10px;
-    }
-    .goods-list .goods{
-        width: 235px;
-        margin-right: 10px;
-        height: 406px;
-    }
-    .goods-mini .goods-list{
-        margin-right: -14px;
-    }
-    .goods-mini .goods-list .goods{
-        width: 150px;
-        margin-right: 14px;
-        height: 293px;
-    }
-    .goods-mini .goods-list .li-first-4{
-        clear: none;
-    }
-    .goods-mini .goods-list .li-first-6{
-        clear: left;
-    }
-
-    /*图片固定高度*/
-    .goods-list .goods img{
-        width: 235px;
-        height: 314px;
-    }
-    .goods-mini .goods-list .goods img{
-        width: 150px;
-        height: 201px;
-    }
-    /*end*/
-
-    .brands-suggestion li a{
-        margin: 0 0 0 8px;
-    }
-    .brands-suggestion li a{
-        width: 155px;
-    }
-    .brands-suggestion li img{
-        padding: 22px 37px 22px 36px;
-    }
-
-
-    .goods-suggestion .goods-list{
-        height: 293px;
-        overflow: hidden;
-    }
-    .goods-view .goods-mini .goods-list .goods{
-        margin-right: 16px;
-    }
-
-}
+@media (max-width:1180px) {
+    .yoho-footer {
 
 
+        .index-foot dd {
+            width: 316px;
 
 
+            .two-dim {
+                margin-top: 26px;
+                margin-bottom: 10px;
+                overflow: hidden;
+            }
 
 
+            .dim-img {
+                width: 69px;
+                height: 69px;
+            }
 
 
-/*goods list top*/
+            .mobile img {
+                width: 85px;
+                height: 108px;
+            }
+        }
 
 
-@media (max-width:1180px){
-    .goods-right{
-        width: 810px;
-    }
+        .subscribe {
+            width: 200px;
 
 
-    .goods-right .goods-ad .ad-text{
-        width: 748px;
-        /*height: 248px;*/
-        padding:0px 30px 30px 30px;
-        border:1px solid #eaeceb;
-    }
-    .goods-right .goods-ad .ad-half .ad-text{
-        width: 348px;
-        height: 218px;
-    }
-    .goods-right .goods-ad .ad-half-img{
-        width: 400px;
-        height: 250px;
-    }
-    .goods-right .goods-ad .ad-img{
-        width: 810px;
-        height: 250px;
-    }
-    .goods-right .goods-ad .text-title .title{
-        margin-top: 30px;
-    }
-    /*
-    .search-condition .search-selected p{
-        width: 640px;
-    }*/
-}
+            input {
+                width: 140px;
+            }
+        }
 
 
-@media (min-width:1180px){
-    .goods-right{
-        width: 970px;
-    }
-    .goods-right .goods-ad .ad-text{
-        width: 868px;
-        height: 298px;
-        padding:0px 50px;
-        border:1px solid #eaeceb;
-    }
-    .goods-right .goods-ad .ad-half .ad-text{
-        width: 388px;
-        height: 298px;
-    }
-    .goods-right .goods-ad .ad-half-img{
-        width: 480px;
-        height: 300px;
-    }
-    .goods-right .goods-ad .ad-img{
-        width: 970px;
-        height: 300px;
-    }
-    .goods-right .goods-ad .text-title .title{
-        margin-top: 60px;
+        .footer-help li {
+            width: 150px;
+        }
     }
     }
-    
-
 }
 }