提交修改

wangqing
Commit 7c1163817bde73aba0b6106b38d87a5b662c6bde 1 parent d9e64c0b
Showing 12 changed files with 394 additions and 441 deletions
docs/逛接口说明.xls
template/www.yohobuy.com/partials/layout/page-header.phtml
template/www.yohobuy.com/partials/layout/use.phtml
web-static/img/header/empty_car.png
web-static/img/header/loading.gif
web-static/img/header/qr.png
web-static/js/footer.js
web-static/js/header.js
web-static/package.json
web-static/sass/_footer.scss
web-static/sass/_header.scss
web-static/sass/index.scss
--- a/docs/逛接口说明.xls
View file @7c11638
+++ b/docs/逛接口说明.xls
View file @7c11638
--- a/template/www.yohobuy.com/partials/layout/page-header.phtml
View file @7c11638
+++ b/template/www.yohobuy.com/partials/layout/page-header.phtml
View file @7c11638
@@ -102,7 +102,11 @@
                                                 {{/thirdnav}}
                                             </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>
                             </li>
@@ -132,241 +136,163 @@
         </div>
     </div>
 </div>
+{{/headerdata}}
 <div id="goodcartempwarpper">
     <script type="text/html" id="mini-cart-tpl">
-<div class="gobuy-notempty">
+    \{\{#carData\}\}
+    <div class="gobuy-notempty">
       <div class="goods-list-wrapper">
         <ul class="goods-list">
-            %L~it.cartData.main_goods :v:index%R
+            \{\{#main_goods\}\}
             <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>
                 <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">
                         颜色：
-                        <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>
                 </div>
                 <div class="goods-price float-left">
                     <h3 class="priceandnum">
-                        <span class="price">%L=v.show_price%R</span>
+                        <span class="price">\{\{show_price\}\}</span>
                         x
-                        <span class="num">%L=v.buy_number%R</span>
+                        <span class="num">\{\{buy_number\}\}</span>
                     </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>
             </li>
-            %L~%R
-            %L~it.cartData.advance_goods :v:index%R
+            \{\{/main_goods\}\}
+            \{\{#advance_goods\}\}
             <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">
-                    <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">
                         颜色：
-                        <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>
                 </div>
                 <div class="goods-price float-left">
                     <h3 class="priceandnum">
                         ￥
-                        <span class="price">%L=v.show_price%R</span>
+                        <span class="price">\{\{show_price\}\}</span>
                         x
-                        <span class="num">%L=v.buy_number%R</span>
+                        <span class="num">\{\{buy_number\}\}</span>
                     </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>
             </li>
-            %L~%R
-            %L~it.cartData.outlet_goods :v:index%R
+            \{\{/advance_goods\}\}
+            \{\{# outlet_goods\}\}
             <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">
-                    <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">
                         颜色：
-                        <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>
                 </div>
                 <div class="goods-price float-left">
                     <h3 class="priceandnum">
                         ￥
-                        <span class="price">%L=v.show_price%R</span>
+                        <span class="price">\{\{show_price\}\}</span>
                         x
-                        <span class="num">%L=v.buy_number%R</span>
+                        <span class="num">\{\{buy_number\}\}</span>
                     </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>
             </li>
-            %L~%R
-            %L~it.cartData.gift_goods :v:index%R
+            \{\{/outlet_goods\}\}
+            \{\{#gift_goods\}\}
             <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">
-                    <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">
                         颜色：
-                        <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>
                 </div>
                 <div class="goods-price float-left">
                     <h3 class="priceandnum">
                         ￥
-                        <span class="price">%L=v.show_price%R</span>
+                        <span class="price">\{\{show_price\}\}</span>
                         x
-                        <span class="num">%L=v.buy_number%R</span>
+                        <span class="num">\{\{buy_number\}\}</span>
                     </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>
             </li>
-            %L~%R
-            %L~it.cartData.need_pay_gifts :v:index%R
+            \{\{/gift_goods\}\}
+            \{\{#need_pay_gifts\}\}
             <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">
-                    <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">
                         颜色：
-                        <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>
                 </div>
                 <div class="goods-price float-left">
                     <h3 class="priceandnum">
                         ￥
-                        <span class="price">%L=v.show_price%R</span>
+                        <span class="price">\{\{show_price\}\}</span>
                         x
-                        <span class="num">%L=v.buy_number%R</span>
+                        <span class="num">\{\{buy_number\}\}</span>
                     </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>
             </li>
-            %L~%R
+            \{\{/need_pay_gifts\}\}
         </ul>
-        
         <ul class="activity-list">
-            %L? it.cartData.has_promotion == 1%R
+            {{#equalone has_promotion\}\}
             <li class="activity-item">
                 <span class="activity-name">活动</span>
                 <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>
             </li>
-            %L?%R
-            %L? it.cartData.fit_free_shipping == 1%R
+            \{\{/equalone\}\}
+            \{\{#equalone fit_free_shipping \}\}
             <li  class="activity-item">
                 <span class="activity-name">免运费</span>
                 <h3 class="activity-content">全场满 ￥499免运费</h3>
             </li>
-            %L?%R
+            \{\{/equalone\}\}
         </ul>
     </div>
-
     <div class="gobuy-notempty-footer">
         <h3>
             <a href="<?php print QConfigs_Site_Config::$site_url;?>/shopping/cart">去购物车结算</a>
         </h3>
     </div>
+    \{\{/carData\}\}
+    </script>
+
 </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}}
--- a/template/www.yohobuy.com/partials/layout/use.phtml
View file @7c11638
+++ b/template/www.yohobuy.com/partials/layout/use.phtml
View file @7c11638
 <script>
     seajs.use('js/common');
-    seajs.use('js/header',function(header) {
-        if(header) {
-            header.init();
+    seajs.use('js/header');
+    seajs.use('js/footer',function(footer) {
+        if(footer) {
+            footer.init();
         }
     });
 </script>
-
 {{!-- 首页 --}}
 {{#if boysHomePage}}
-    <script>
+<script>
         /*seajs.use('js/home/entrey', function(h) {
             h.set('boys');
         });*/
@@ -19,7 +19,5 @@
 {{!-- 搜索 --}}
 {{#if searchListPage}}
-    <script>
-        seajs.use('js/product/list');
-    </script>
+<script>seajs.use('js/product/list');</script>
 {{/if}}
--- a/web-static/img/header/empty_car.png 0 → 100644
View file @7c11638
+++ b/web-static/img/header/empty_car.png 0 → 100644
View file @7c11638
--- a/web-static/img/header/loading.gif 0 → 100644
View file @7c11638
+++ b/web-static/img/header/loading.gif 0 → 100644
View file @7c11638
--- a/web-static/img/header/qr.png 0 → 100644
View file @7c11638
+++ b/web-static/img/header/qr.png 0 → 100644
View file @7c11638
--- a/web-static/js/footer.js
View file @7c11638
+++ b/web-static/js/footer.js
View file @7c11638
@@ -5,6 +5,7 @@
  */
 var $ = require('yoho.jquery');
+
 /**
  * 订阅
  * @return {[type]} [description]
@@ -21,11 +22,11 @@ function actionSubscription() {
     };
     var email = $.trim($subscriberBox.val());
     var params = {};
+
     $subscriberBox.focus(function() {
         $(this).val('').css('color', '');
         $subscriberBtn.removeClass('done').text('m');
     });
-    //订阅Start
     $subscriberBtn.click(function() {
         if (email !== '' && emailReg.test(email)) {
@@ -56,10 +57,12 @@ function change(now, icon, box) {
     var obj = now;
     var index = icon.index(this);
     var offset = index * 3;
+    var i;
+
     box.each(function() {
         $(this).hide();
     });
-    for (var i = offset; i < offset + 3; i++) {
+    for (i = offset; i < offset + 3; i++) {
         box.eq(i).show();
     }
     now.each(function() {
@@ -70,7 +73,6 @@ function change(now, icon, box) {
 function actionhomeFootChange() {
-
     //有货services
     $('#button-services a').click(function() {
         change($(this), $('#button-services a'), $('#foot-services ul li'));
@@ -83,9 +85,11 @@ function actionhomeFootChange() {
     //在线调查
     $('#feedbackPage a').click(function() {
+        var indexNum;
+
         $('#feedbackPage').find('a').children('span').removeClass('cur').html('o');
         $(this).children('span').addClass('cur').html('O');
-        var indexNum = $('#feedbackPage a').index(this);
+        indexNum = $('#feedbackPage a').index(this);
         $('.vote li').hide();
         $('.vote li').eq(indexNum).show();
     });
@@ -93,31 +97,35 @@ function actionhomeFootChange() {
     $('.vote li').each(function() {
         var obj = this;
         var index = $(this).index();
+
         $(this).find('#feedbackBtn').click(function() {
             var params = {};
             var _solution = [];
+            var _answer = $(obj).find('#feedback_answer').val();
+            var _feedback = $(obj).find('#feedback_id').val();
+            var _question = $(obj).find('#question_id').val();
+
             $(obj).find('input').each(function() {
-                if ($(this).attr('checked') == true || $(this).attr('checked') == 'checked') {
+                if ($(this).attr('checked') === true || $(this).attr('checked') === 'checked') {
                     _solution.push($(this).val());
                 }
             });
-            var _answer = $(obj).find('#feedback_answer').val();
-            var _feedback = $(obj).find('#feedback_id').val();
-            var _question = $(obj).find('#question_id').val();
+            params.method = 'open.feedback.submit';
+            params.feedback_id = _feedback || 0;
+            params.question_id = _question || 0;
+            params.answer = _answer || '';
+            params.solution = _solution.join(',');
+            $.getData(window.apiDomain, params, function(reData) {
+                var voteCount;
+                var Next;
-            params['method'] = 'open.feedback.submit';
-            params['feedback_id'] = _feedback || 0;
-            params['question_id'] = _question || 0;
-            params['answer'] = _answer || '';
-            params['solution'] = _solution.join(',');
-            $.getData(apiDomain, params, function(reData) {
-                if (reData.result == 1) {
-                    var voteCount = $('.vote li').length - 1;
-                    if (index == voteCount) {
+                if (reData.result === 1) {
+                    voteCount = $('.vote li').length - 1;
+                    if (index === voteCount) {
                         alert('感谢您的参与！');
                         return false;
                     }
-                    var Next = index + 1;
+                    Next = index + 1;
                     $('.vote li').eq(index).hide();
                     $('.vote li').eq(Next).show();
                     $('#feedbackPage').children('a').eq(index).children('span').removeClass('cur').html('o');
@@ -130,6 +138,6 @@ function actionhomeFootChange() {
 }
 exports.init = function() {
-    actionSubscription();//执行订阅
-    actionhomeFootChange();//底部事件
-}
+    actionSubscription(); //执行订阅
+    actionhomeFootChange(); //底部事件
+};
--- a/web-static/js/header.js
View file @7c11638
+++ b/web-static/js/header.js
View file @7c11638
@@ -6,10 +6,25 @@
 var $ = require('yoho.jquery');
-var yohodoT = require('../plugin/yohodoT');
-
+var handlebars = require('yoho.handlebars');
+var json2 = require('json2');
 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 {
+        //不满足条件执行{{else}}部分
+        return options.inverse(this);
+    }
+});
 require('../plugin/yohocookie');
 require('../plugin/yohocart');
 /**
@@ -550,10 +565,10 @@ function loadCartData() {
         shopping_key: $.getShoppingKey()
     }, function(jsonData) {
         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({
-            cartData: jsonData
+            carData: jsonData
         }));
         if (parseInt($('.ic-infomation').html()) === 0) {
             $('#miniCartBox .gobuy-wrapper').html('<div class="gobuy-empty">' +
@@ -561,7 +576,7 @@ function loadCartData() {
         }
         if ($('#miniCartBox .goods-list li').length < 1) {
             shoppingInfo = $.cookie('_g');
-            shoppingData = eval('(' + shoppingInfo + ')');
+            shoppingData = json2.parse(shoppingInfo);
             if (shoppingData !== null) {
                 strK = '{"_k":"' + shoppingData._k + '","_nac":0' + ',"_ac":0,"_r":0}';
                 $.setcookie('_g', strK, {
@@ -589,7 +604,7 @@ function delCartGoods(id, isreduce) {
         isreduce: isreduce
     }, function(jsonData) {
         var shoppingInfo = $.cookie('_g');
-        var shoppingData = eval('(' + shoppingInfo + ')');
+        var shoppingData = json2.parse(shoppingInfo);
         var strK = '{"_k":"' + shoppingData._k + '","_nac":' + jsonData.total_goods_num + ',"_ac":0,"_r":0}';
         $.setcookie('_g', strK, {
@@ -602,9 +617,37 @@ function delCartGoods(id, isreduce) {
 }
 window.apiDomain = 'http://api.open.yohobuy.com';
 window.cartTpl = '';
-window.delCartGoods = delCartGoods;
 /**
+ * 监听购物车删除
+ * @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]
  */
@@ -772,8 +815,7 @@ function actionLoopUpdCartNum() {
  * @return {[type]} [description]
  */
 function actionExeTemplate() {
-    var resulthtml = $('#goodcartempwarpper').html().replace(/\%L/g, '{{').replace(/\%R/g, '}}');
-
+    var resulthtml = $('#goodcartempwarpper').html().replace(/\\/g, '');
     $('#goodcartempwarpper').html(resulthtml);
 }
 /**
@@ -789,7 +831,7 @@ function actionSearch() {
  * 初始化函数
  * @return {[type]} [description]
  */
-exports.init = function() {
+function init() {
     actionExeTemplate(); //处理模板
     actionInitCookie(); //初始化cookie
     actionExeCookieMap(); //格式化cookie
@@ -805,4 +847,7 @@ exports.init = function() {
     actionLoopUpdCartNum(); //循环检测购物车数量
     actionSearch(); //搜索执行
     actionClickMiniCartBox(); //点击购物车跳转
+    actionListenDelCarGoods(); //监听购物车删除
+    actionListenCartMore(); //
 };
+init();
--- a/web-static/package.json
View file @7c11638
+++ b/web-static/package.json
View file @7c11638
@@ -15,7 +15,8 @@
     "dependencies": {
       "yoho.lazyload": "1.0.0",
       "yoho.handlebars": "3.0.3",
-      "yoho.jquery": "1.8.3"
+      "yoho.jquery": "1.8.3",
+      "json2": "1.0.0"
     },
     "devDependencies": {
       "expect.js": "0.3.1"
--- a/web-static/sass/_footer.scss
View file @7c11638
+++ b/web-static/sass/_footer.scss
View file @7c11638
@@ -267,6 +267,7 @@
         .footer-help {
             background: #000;
             font-size: 12px;
+            overflow: hidden;
             ul {
                 width: 110%;
             }
--- a/web-static/sass/_header.scss
View file @7c11638
+++ b/web-static/sass/_header.scss
View file @7c11638
@@ -11,23 +11,23 @@
         line-height: 32px;
         margin: 0 auto;
         position: relative;
-}
+    }
     .leftpart {
         position: relative;
         padding-left: 5px;
         padding-right: 5px;
-}
+    }
     .leftpart:hover {
         background-color: #dcdcdc;
         .yohoproducts-list {
             display: block !important;
         }
-}
+    }
     .leftpart .acttags {
         background-color: #dcdcdc;
-}
+    }
     .yohoproducts-list {
         position: absolute;
@@ -40,71 +40,67 @@
         padding-bottom: 10px;
         padding-left: 20px;
         z-index: 10000000;
-}
+    }
     .yohoproducts-item {
         height: 14px;
         line-height: 14px;
         margin-bottom: 20px;
-}
+    }
     .yohoproducts-item a {
         color: #9196a0;
         font-size: 14px;
-}
+    }
     .yohoproducts-item:hover a {
         color: black;
-}
+    }
     .rightpart {
         position: absolute;
         right: 0;
         top: 0;
-}
+    }
     .rightpart .acttags {
         background-color: #dcdcdc;
-}
-.rightpart .acttags .tag-seprate {
+    }
+    .rightpart .acttags .tag-seprate {
         border-color: #dcdcdc;
-}
-
+    }
     .hi,
     .loginbar,
     .registbar {
         display: inline-block;
         float: left;
-}
+    }
     .hi {
         color: #8e8e8e;
         font-size: 12px;
-}
-#loginBox a,
-#loginBox span {
+    }
+    #loginBox a,
+    #loginBox span {
         color: black;
         font-size: 12px;
-}
+    }
     .header-yoho,
     .loginbar,
     .login-out,
     .registbar {
         color: black;
         font-size: 12px;
-}
+    }
     .registbar {
         margin-left: 7px;
-}
-
+    }
     .tag-list-wrapper {
         margin-left: 13px;
         float: left;
-}
-
+    }
     .tag-list {
         margin-left: 13px;
         height: 34px;
-}
-
+    }
     .tag-seprate {
         margin-top: 11px;
         width: 0;
@@ -112,32 +108,29 @@
         display: inline-block;
         float: left;
         border-left: 1px solid #dcdcdc;
-}
-
+    }
     .tag-item {
         display: inline-block;
         float: left;
         line-height: 32px;
         box-sizing: border-box;
         margin-left: -1px;
-}
+    }
     .tag-item a {
         color: #8e8e8e;
         font-size: 12px;
         display: inline-block;
-}
+    }
     .tag-item span {
         display: inline-block;
-}
-
+    }
     .myyoho {
         padding-right: 10px;
         position: relative;
-}
+    }
     .myyoho .tag-seprate {
         margin-right: 12px;
-}
-
+    }
     .myyoho-info {
         position: absolute;
         display: none;
@@ -146,24 +139,24 @@
         width: 300px;
         background-color: #f8f8f8;
         z-index: 1000000;
-}
+    }
     .myyoho-photo {
         overflow: hidden;
-}
+    }
     .myyoho-photo img{
         display: block;
         margin:0 auto;
         width: 63px;
         height: 63px;
         border-radius: 50%;
-}
+    }
     .myyoho-info-header {
         margin: 17px auto 0;
         width: 257px;
         border-bottom: 1px solid #dcdcdc;
         text-align: center;
         padding-bottom: 15px;
-}
+    }
     .user-email {
         margin-top: 14px;
@@ -171,24 +164,24 @@
         height: 25px;
         line-height: 20px;
         font-size: 18px;
-}
+    }
     .user-level {
         color: black;
         height: 20px;
         line-height: 20px;
         font-size: 18px;
-}
+    }
     .user-level .leveldetail {
         color: #8cc4f9;
-}
+    }
     .levelinfo {
         width: 100%;
         padding-top: 10px;
         clear: both;
         height: 15px;
-}
+    }
     .levelwrapper {
         width: 150px;
@@ -196,83 +189,78 @@
         background-color: #e2e2e2;
         margin-left: 40px;
         position: relative;
-}
+    }
     .levelspan {
         position: absolute;
         left: 2px;
         height: 14px;
         top: 0;
         line-height: 16px;
-}
+    }
     .levelwrapper .integrate {
         height: 14px;
         line-height: 15px;
         background-color: #ceae64;
         text-align: left;
         padding-left: 5px;
-}
+    }
     .cardcate {
         font-size: 14px;
         line-height: 14px;
         margin-left: 5px;
-}
+    }
     .myyoho-info-content {
         margin: 20px auto 0;
         padding-left: 35px;
         padding-right: 29px;
         border-bottom: 1px solid #dcdcdc;
-}
+    }
     .myyoho-info-content .item {
         height: 12px;
         line-height: 12px;
         margin-bottom: 16px;
-}
+    }
     .myyoho-info-content .item a {
         font-size: 14px;
         color: black;
-}
+    }
     .myyoho-info-footer {
         height: 51px;
         line-height: 51px;
         text-align: center;
-}
+    }
     .myyoho-info-footer a {
         color: black;
         font-size: 14px;
-}
-
+    }
     .myorder {
         padding-right: 10px;
-}
+    }
     .myorder .tag-seprate {
         margin-right: 11px;
-}
-
+    }
     .mycollect {
         padding-right: 11px;
-}
+    }
     .mycollect .tag-seprate {
         margin-right: 11px;
-}
-
+    }
     .message {
         padding-right: 10px;
-}
+    }
     .message .tag-seprate {
         margin-right: 11px;
-}
-
+    }
     .phone {
         padding-right: 8px;
         position: relative;
-}
+    }
     .phone .tag-seprate {
         margin-right: 10px;
-}
-
+    }
     .qr {
         position: absolute;
         display: none;
@@ -282,7 +270,7 @@
         height: 290px;
         background-color: #f8f8f8;
         z-index: 10000000;
-}
+    }
     .qr-img {
         position: relative;
@@ -292,47 +280,47 @@
         margin: 32px auto 15px;
         width: 143px;
         height: 147px;
-}
+    } 
     .qr-words {
         height: 25px;
         line-height: 25px;
         font-size: 16px;
         text-align: center;
-}
+    }
     .qr-more {
         margin-top: 6px;
         line-height: 25px;
         font-size: 14px;
         text-align: center;
-}
+    }
     .onlineserver .tag-seprate {
         margin-right: 10px;
-}
+    }
-.header-navwrapper {
+    .header-navwrapper {
         width: 100%;
         height: 130px;
         position: relative;
         min-width: 1150px;    
-}
+    }
     .header-navcontent {
         width: 1150px;
         height: 130px;
         margin: 0 auto;
-}
+    }
     .first-nav-list {
         margin-top: 45px;
-}
+    }
     .first-nav-item {
         float: left;
         padding: 8px 23px 0;
-}
+    }
     .all a,
     .girls a,
@@ -340,27 +328,27 @@
     .kids a,
     .lifestyle a {
         color: white !important;
-}
+    }
     .all span,
     .girls span,
     .boys span,
     .kids span,
     .lifestyle span {
         color: white !important;
-}
+    }
     .all {
         background-color: #5e4b3c;
-}
+    }
     .all .sub-nav-wrapper {
         background-color: black;
         display: block !important;
-}
+    }
     .all .third-nav-wrapper {
         border-top: 2px solid black;
-}
+    }
     .searchcateboys {
         .searchinput {
             border: 1px solid #3a3a3a
@@ -368,7 +356,7 @@
         .icon-search {
             background-color: #3a3a3a!important
         }
-}
+    }
     .searchcategirls {
         .searchinput {
             border: 1px solid #ff88ae
@@ -376,7 +364,7 @@
         .icon-search {
             background-color: #ff88ae!important
         }
-}
+    }
     .searchcatewoman {
         .searchinput {
             border: 1px solid #ff88ae
@@ -384,28 +372,27 @@
         .icon-search {
             background-color: #ff88ae!important
         }
-}
+    }
     .searchcatekids {
         .searchinput {
             border: 1px solid #7bd3f9 !important
-
         }
         .icon-search {
             background-color: #7bd3f9!important
         }
-}
+    }
     .gobuyboys {
         background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0M1MUU5Nzc5NEUwMTFFNThDRDY4NERDMEY4MjRFMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0M1MUU5Nzg5NEUwMTFFNThDRDY4NERDMEY4MjRFMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQzUxRTk3NTk0RTAxMUU1OENENjg0REMwRjgyNEUyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQzUxRTk3Njk0RTAxMUU1OENENjg0REMwRjgyNEUyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po+gT6YAAAG8SURBVHjatJY9S8NAGMdzF5u7hCR9gVJRhw4u4gdQ4lTERTfBUR1d/Sq6iN/AvYPg4ujipA6CL1EKpVVpEvqSxJrEiLW9NElL7eW/hMsd9+Pu+T/3PGBNUTyPCWsxmys+ao1XhpKgFzNhWGaZoSiIWbYbCfq0l6iCLMfh/C/I8/wtOdF13BmaoP5mMuY33k2z9jf+udJ5UTyb+iQA1CrN5iFQFIX87zEJyIcxMHA8CN0kQK7v6wBIRpzKJKQAKIeF9SQgYBhEM0FJpVj4BUM2hIC6IbIIX4dAEocqtEEywqUQKIv5LdrxedAaVgj0rGt3VF+EXsrAqEmWYpwyGN3EgsQU90YNhPhSLCjH83u0QH589FiQqusXVPKHeNJg3CIWTB+nNEL3Y0Fzong8ra0/THO5Px4qEyEV0+mDySGgqhp6ObLwxenFME5/H1ysdl0nkxfEbT/XLsk1C5J0olnWrn9V59VWaycSPu5EvcLluUSvRHZIBUG4qnc6qwM7o7pu27Mjy8SowkVKs8y+K/3yvxJoamy7MLYeTWDbpzh3AgCYf4MkjtPIMlJrtzcH8ZH3ybV+Q3MUtce3AAMAyqGI3gJgP0oAAAAASUVORK5CYII=') !important;
-}
+    }
     .gobuygirls {
         background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTQ0MEE0NEI5NEUwMTFFNUJCM0NDNjJEQzcwRjYzRjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTQ0MEE0NEM5NEUwMTFFNUJCM0NDNjJEQzcwRjYzRjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNDQwQTQ0OTk0RTAxMUU1QkIzQ0M2MkRDNzBGNjNGNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNDQwQTQ0QTk0RTAxMUU1QkIzQ0M2MkRDNzBGNjNGNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsQbj+AAAAJiSURBVHjaYrxSPf2hNq+4HAMSePHz88/D7x4KhErq/GCgEmDS4BGVQxeUYOdl52JiDWKgImA69O7Borvf3r1/+fPLT2QJHhY2X6pa5CisFK/MJSR05sPTJGQJIVZOU2paxAJjfPv3e833v7+XcDKzMoKDj4NXbuOLazaUWvCP4f+XQAntC4z/O9bBBW9+efNSnUdEjIHK4PSHJ6eYkAXe/Pp6hoEGwIhf2gzFog9/fqynhUVf//76h2LRN2Ac/fz3h+oWPf7+4QmKRaAM+vj7x7fUtujNr29HmdAFX/36eoHaFn3683MVhkUffn9fR01Lvvz59e/Hvz+bmDAj7vei3///US9+fnx4AYySfxgWAQW/PPn+8QMV4+cUuAjCJgksvS9Sy6KPv3+swGkRUHILNSwBZpf/3//9WYvTos9/fy34S4V4AmaV18Co+IPTIqDkG6CiT5Ra9PrX11PwagKXImD9dJlSi4BZZSVBi579/JTz6ueXX+RacvnTi3s+4hpLMOojdACqQ4AU+7rnV+VJteQvw//vwOB/hbXiwwWCJLUfguhtr26mMzMySQKLk0lAQ94hq9nw4poxNzNb+Le/v7b4S2gdwmYOSsWHp+I6YyogYwxNSV9PfHgsAmshbX55I8BNVGUdOxMLIyil7np9p8RTTK0Xo81ATFDo8UkYwdiynPzcwBZSJKLFxFMBsgTEBvqYQYaDLxtr44TIjPcXmf/n/78nMPavf3/fIMv9+v/3E9kWnfrwpAlYWvwFVor/j79/tN9fQnM3UjZIv/31zRtQsD38/uHLo+8fErCZARBgABfzGasBpkfVAAAAAElFTkSuQmCC') !important;
-}
+    }
     .gobuykids {
         background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REI3NTMxRkQ5NEUwMTFFNTkxQkFFMTBBNDAzMTQ3NDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REI3NTMxRkU5NEUwMTFFNTkxQkFFMTBBNDAzMTQ3NDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQjc1MzFGQjk0RTAxMUU1OTFCQUUxMEE0MDMxNDc0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQjc1MzFGQzk0RTAxMUU1OTFCQUUxMEE0MDMxNDc0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pme87CMAAAGmSURBVHjaYqy+/PM/Axbw6eB6az77wGMMVAJMuCTYtcz2MlARMP3/+werBJuwBAdVLWJkZmEE0ow/Xz/9gSzByMRMTXsYWGCMn1dOmLI7Bl9Glvx259JDSi34//PHO25tM0NGYGJAEWegEUBNDP9pZg+qRb/ev/5NF4t+XD7qQBeLqJlBUWLk318sGZYG8fTzxaMvGBb9/vTuD7Ut+nXttCyGRd8vHg2ltkV8LmEfMCzis/PbQN0I+o+nUKViPP18/eQ7Tov+fP30j2oWXTmlidOi75eP1VAtfpyCH+K0iNfSs52a8YO34qNGPP16+/wnQYu+Xjt9gVKL2ESkODDqI3QAqkNA9Jez+5aQHGK/ft3ntfSoxVrx4QI8xk4x4BLjw5vfTOyczN/OHyzmtfLqR/H99TNXOZV1tH48vvOES1lHlqTGCbojWQVEWJg5uRmBlvQBW0hW8BL/2f3P3JomWkxsHAxAS2T+fPn4lxKLUACHjuV+OFtSgQcliHj4mahm0d/PHz5SrV2HYvD3L/+Rkz2ngoYYjPv59J4ZKPF19RTW1AoQYAC04pbZt5WEpAAAAABJRU5ErkJggg==') !important;
-}
+    }
     .gobuylifestyle {
         background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkMyMjYwQzA5NEUwMTFFNUJBMTVFMTIwRDMwMTg0RUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkMyMjYwQzE5NEUwMTFFNUJBMTVFMTIwRDMwMTg0RUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQzIyNjBCRTk0RTAxMUU1QkExNUUxMjBEMzAxODRFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQzIyNjBCRjk0RTAxMUU1QkExNUUxMjBEMzAxODRFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnnVB6UAAAInSURBVHjaYswKcP395fd3FgYkwMLIzKAkqCB4693dDwxUAkzoloDAn/9/Gf78/dXCQEXAJMUtepeDme0/yBfI4PufH75UtejZ19cqP/7+YpLjk5qKLPH19zdJaloEDzYWZrYKRgaG7P9wi76zqgjIZ1FsAyPj2zvvH6xkjPO2gYtxsbD//fbnJxMDlYEwB/9XFEN52XjeMtAAvP3xkRvFIi5Wru20sIgRCFEsYmVmy6eFRdysHH9QLAJlUE4W9v/UtggYJU8xIp6Hles9tS3iZOFczoTpTe7d1I4fFmbWWgyLgIJUjSdQlgFGyR8Mi+68v/8SVCRRMX5egYsgbJI8bFwfqeYjVs5VOC0CxtMR6sQPpGjDaREwPxVTJ7Wx/wPGzw+cFgHj6RY7M+t/KsTPa3g1gVMRK/dnyuOHaz1BiwQ4BdKYGckvyPnYuH/f//g4E6M+wgy+ByuB1EpVQUUrUi0BhvkHYPBfw1rx4QK3398/BqIV+GWW/Pv3T4adlSP59rt7d5HVqAgqxPz88yOXjZl9yd0PDyfjrWHxASFgxfXg4xMuEJuNieWOmpAyvIWkxC/Xfvf9gwpoyjGT55N2ffjpqR9Gm4EYi97/+MgFY//694fh959fvTD+x58fc5CT57vv7z2xNk6Iq/ZRlTEyMd2CBwkTyzeUIGJi/k22RTI8EvuYGBnBOV2UU/D9vQ8PO+Gpi53PC5QxocH6X5hLOBGbGQABBgAqqasbPnFSMAAAAABJRU5ErkJggg==') !important;
-}
+    }
     .searchcatelifestyle {
         .searchinput {
             border: 1px solid #5e4b3c!important
@@ -413,79 +400,79 @@
         .icon-search {
             background-color: #5e4b3c!important
         }
-}
+    }
     .boys {
         background-color: #3a3a3a;
-}
+    }
     .boys .sub-nav-wrapper {
         background-color: #3a3a3a;
         display: block !important;
-}
+    }
     .boys .third-nav-wrapper {
         border-top: 2px solid #3a3a3a;
-}
+    }
     .girls {
         background-color: #ff88ae;
-}
+    }
     .girls .sub-nav-wrapper {
         background-color: #ff88ae;
         display: block !important;
-}
+    }
     .girls .third-nav-wrapper {
         border-top: 2px solid #ff88ae;
-}
+    }
     .kids {
         background-color: #7bd3f9;
-}
+    }
     .kids .sub-nav-wrapper {
         background-color: #7bd3f9;
         display: block !important;
-}
+    }
     .kids .third-nav-wrapper {
         border-top: 2px solid #7bd3f9;
-}
+    }
     .lifestyle {
         background-color: #5e4b3c;
-}
+    }
     .lifestyle .sub-nav-wrapper {
         background-color: #5e4b3c;
         display: block !important;
-}
+    }
     .lifestyle .third-nav-wrapper {
         border-top: 2px solid #5e4b3c;
-}
+    }
     .name-cn {
         text-align: center;
         line-height: 16px !important;
-}
+    }
     .name-cn a {
         color: black;
         font-size: 16px !important;
-}
+    }
     .name-en {
         text-align: center;
         line-height: 14px !important;
         margin-bottom: 6px;
-}
-.name-en a {
+    }
+    .name-en a {
         color: #8e8e8e;
         font-size: 12px;
         line-height: 14px !important;
         font-family: 'arial' !important;
-}
+    }
     .sub-nav-wrapper {
         display: none;
@@ -494,33 +481,33 @@
         width: 100%;
         position: absolute;
         z-index: 1000;
-}
+    }
     .sub-nav-list {
         width: 1150px;
         height: 40px;
         margin: 0 auto;
         overflow: hidden;
-}
+    }
     .sub-nav-item {
         float: left;
         padding: 12px 46px 12px 0;
         box-sizing: border-box;
         margin-right: 38px;
-}
+    }
     .sub-nav-item:last-child {
         margin-right: 0 !important;
-}
+    }
     .sub-nav-item a {
         color: white;
         font-size: 14px;
         line-height: 14px;
         display: inline-block;
-}
+    }
     .sub-nav-item a{
         position: relative;
-} 
+    } 
     .newlogo {
         display: block;
         width: 26px;
@@ -530,18 +517,18 @@
         position: absolute;
         right: -29px;
         top: -6px;
-}
+    }
     .sub-nav-item:hover>a {
         padding-bottom: 3px;
         border-bottom: 2px solid white;
-}
-.actsecondnav {
+    }
+    .actsecondnav {
         padding-bottom: 3px;
         border-bottom: 2px solid white;
-}
+    }
     .sub-nav-item:hover .third-nav-wrapper {
         display: block;
-}
+    }
     .third-nav-wrapper {
         box-sizing: border-box;
@@ -556,29 +543,16 @@
         padding-top: 30px;
         padding-bottom: 30px;
         background-color: #f8f8f8;
-}
+    }
     .third-nav {
-  //padding-left: 10px;
         width: 1150px;
         height: 100%;
         margin: 0 auto;
-}
+    }
     .category {
         width: 880px;
-  //-moz-column-width: 133px;
-  //-webkit-column-width: 133px;
-  //column-width: 133px;
-  //-webkit-column-count: 3;
-  //-moz-column-count: 3;
-  //column-count: 3;
-  //-webkit-column-gap: 80px;
- // -moz-column-gap: 80px;
- // column-gap: 80px;
- // -moz-column-rule: 1px solid #ccc;
-  //-webkit-column-rule: 1px solid #ccc;
- // column-rule: 1px solid #ccc;
         float: left;
         overflow: hidden;
             .thirdnavlist {
@@ -590,7 +564,8 @@
                 border-right: 1px solid #dcdcdc;
                 padding-right: 20px;
             }
-}
+    }
+
     .category-title {
         color: black;
         font-size: 16px;
@@ -602,23 +577,23 @@
         a {
             color: black !important;
         }
-}
+    }
     .category-list {
         margin-top: 16px;
         margin-bottom: 30px;
-}
+    }
     .category-item {
         line-height: 28px;
-}
+    }
     .category-item a{
         color: #a1a1a1 !important;
         font-size: 14px;
-}
+    }
     .category-item-act a{
         color: black !important;
-}
+    }
     .showdetail {
         box-sizing: border-box;
         padding-left: 19px;
@@ -626,61 +601,61 @@
         width: 268px;
         height: 100%;
         float: right;
-}
+    }
-[class^="icon-"], [class*=" icon-"] {
+    [class^="icon-"], [class*=" icon-"] {
         display: inline-block;
         vertical-align: middle;
         background-repeat: none;
-}
+    }
     .icon-hamburger {
         background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkNDMTBCN0ExRjAzMTFFNUI1NzZENkM4MUQyMEJGQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkNDMTBCN0IxRjAzMTFFNUI1NzZENkM4MUQyMEJGQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQ0MxMEI3ODFGMDMxMUU1QjU3NkQ2QzgxRDIwQkZBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQ0MxMEI3OTFGMDMxMUU1QjU3NkQ2QzgxRDIwQkZBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqrUNPwAAAAmSURBVHjaYuzr6/vPQCJgAWJGUjUxMZAB6KcJ5KfRgCA3IAACDACZEATHVTZCoQAAAABJRU5ErkJggg==");
         width: 13px;
         height: 11px;
-}
+    }
     .icon-headphones {
         background-image: url("header/headphones.png");
         width: 15px;
         height: 10px;
         margin-top: 2px;
-}
+    }
     .icon-heart {
         background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJFNDA0MDMxRjAzMTFFNTgzQUY4OEM0NzJDQ0YyNzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkJFNDA0MDQxRjAzMTFFNTgzQUY4OEM0NzJDQ0YyNzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQkU0MDQwMTFGMDMxMUU1ODNBRjg4QzQ3MkNDRjI3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQkU0MDQwMjFGMDMxMUU1ODNBRjg4QzQ3MkNDRjI3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgbjRwsAAADJSURBVHjahNC9DgFBEMDxuXWiUUq0Si+i9AqiukQjkdBRi0R8FlrxAhKtgkfw0aiovYGEhP/EhI0cJvldNjOzu3MbRFEUiEgVeVyQxESeUcEVKRwwDvnUsMPQmjQ3srUedLN1QXu1mENP3qENXdy9Zo0liqHEx/FLPnA2X1r+h/akdEMHAyR+NGutj7az64c2dxA3hv2jPsTJWXKPBZoxG1qYW484r7DCFnUv18AGa/He3A+9pYySHXa23CtczAhTZJHB7LP4EGAA/kUjzWzAmh0AAAAASUVORK5CYII=");
         width: 12px;
         height: 11px;
         margin-top: -2px;
-}
+    }
     .icon-mail {
         background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUVFMTA0NDExRjAzMTFFNTg3MzBCMUMzNDQ0Q0E1QkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUVFMTA0NDIxRjAzMTFFNTg3MzBCMUMzNDQ0Q0E1QkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRUUxMDQzRjFGMDMxMUU1ODczMEIxQzM0NDRDQTVCRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRUUxMDQ0MDFGMDMxMUU1ODczMEIxQzM0NDRDQTVCRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ptf44EYAAADcSURBVHjalNJPCwFBGMfxsW3UvgdydJVc7EEOcnH1Amxt/iUHUt6A456EUrwYJS64unkFjhKF79RDk6Q19Znd5nl+M9O2kSAIjkop7aD+GykkbKYdLphgHzKcRh8ni+mMKnrIhgjrnq5kzpYs6ht4aMH9EXalx5OMsoziFb4U81/CBTnVl171uYEed9FB0VgvoW3U38M23qOYYoEVRohJrYwKcpih/rqFbYR1YYyNrDUxxAMNeS5xk17/tYGDOQJsjRvpwODLt1jL6fqmjt4gIz9S7c8fKY7kU4ABAPrAL/PXL7nQAAAAAElFTkSuQmCC");
         width: 16px;
         height: 10px;
         margin-top: -2px;
-}
+    }
     .icon-iphone {
         background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDNDODgxQzgxRjAzMTFFNUIzMUFDQjFGNUQyMzI4RTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDNDODgxQzkxRjAzMTFFNUIzMUFDQjFGNUQyMzI4RTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEM0M4ODFDNjFGMDMxMUU1QjMxQUNCMUY1RDIzMjhFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEM0M4ODFDNzFGMDMxMUU1QjMxQUNCMUY1RDIzMjhFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhJU+6cAAAB7SURBVHjaYnyorNzIwMDwFYgZGVDBPyDmYwESP4C4CyroBqV3QelKkAIeIF4IxNeQdBsCsRYQPwEpYALiE0A8Hc2KTCCWY2IgAIaHAlhI8gFxORCLQsVfQ+kfIAW/gLgTKjALamoJclBzAnEZNLL4oBIg0/4DMRdAgAEA3OsUBsKkQkoAAAAASUVORK5CYII=");
         width: 8px;
         height: 14px;
         margin-top: -2px;
-}
+    }
     .icon-papers {
         background-image: url("data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNCQzI5NzcxRjAzMTFFNTg0MTBDRDUyRkVENTFGQTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCQzI5NzgxRjAzMTFFNTg0MTBDRDUyRkVENTFGQTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQ0JDMjk3NTFGMDMxMUU1ODQxMENENTJGRUQ1MUZBNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0JDMjk3NjFGMDMxMUU1ODQxMENENTJGRUQ1MUZBNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqSzZHsAAACCSURBVHjaYkxLS7vKwMBwhAETuABxGhDvBXFYgPggEGdhUTgdiP2h7L0sDLjBfyDOB+KJMBNxgb9APAOIGYF4DrJCfiBmQuJXAvEXKHsassJMIBZA4t8A4gUwDrLCDjzOQFHYDsRCWNQ0oSuspK+JTAxEAqIVgqy2B+KZBNTZAAQYAEaiFCx+VPXeAAAAAElFTkSuQmCC");
         width: 10px;
         height: 14px;
         margin-top: -2px;
-}
+    }
     .icon-bottomarrow {
         background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUEzRDI1MEQxRjAzMTFFNUJENkRGMUM2QzYwNzc5ODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUEzRDI1MEUxRjAzMTFFNUJENkRGMUM2QzYwNzc5ODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QTNEMjUwQjFGMDMxMUU1QkQ2REYxQzZDNjA3Nzk4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QTNEMjUwQzFGMDMxMUU1QkQ2REYxQzZDNjA3Nzk4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjEPOcUAAABkSURBVHjaYuzr65vBwMDQB8S3GLADNSAuYgISlUDcDsTGWBSBxDpBakAK3wNxLBAXA7EzkiJnqFg0SA0LVPAbEMcB8VQgFgbi/0DsChX7A1LAhGQCSCADap0JEKfDFIEAQIABAH3lEoANPM6QAAAAAElFTkSuQmCC");
         width: 10px;
         height: 5px;
         margin-top: -2px;
-}
+    }
     .icon-logo {
         background-image: url(data:image/png;base64,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);
@@ -691,18 +666,18 @@
         top: 22px;
         left: 44.2%;
         position: absolute;
-}
+    }
     .search {
         position: relative;
-}
+    }
     .searchspan {
         margin-top: 45px;
         float: left;
         display: inline-block;
         overflow: hidden;
-}
+    }
     .searchinput {
         float: left;
@@ -713,7 +688,7 @@
         box-sizing: border-box;
         padding-left: 10px;
         border-right: none;
-}
+    }
     .icon-search {
         background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUM1RjdENDUxRjA0MTFFNUEwRkRCMURDREZCNjYxQTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUM1RjdENDYxRjA0MTFFNUEwRkRCMURDREZCNjYxQTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQzVGN0Q0MzFGMDQxMUU1QTBGREIxRENERkI2NjFBMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQzVGN0Q0NDFGMDQxMUU1QTBGREIxRENERkI2NjFBMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvM9DyUAAAEMSURBVHjanNS/S4JBHMfx59EnCyGcRBDD8Mca1NDm1qJTDU4NjTo4OEmbNNrgJAjR0FBOLe3+Ca06uDu1OIghGE/vb9wDD9epp194wXF3fJ7nufvyuL7vO6E6QQMJ/EAWPbxj6KwrCVGu0UcqNCc81NFFVFv7EwzO0TFtCCmhvSnkGYdbQsQjMvp8hC9KYoqls71ecKNPSkgeE8euZF/RFLJCzDLkQO3/FzLCmWXIJT5NId9qnLYIucPHuj5JYoDEhptp4da0FlFZX7hHD1UchZ5zgScsUEZcfxFXa3sXFVypQ5QaY4AZCnhADXNT29vK4RXHesfu6hRvwRnuGyKywWXoZ7Jrya+j+SvAAPnfjoCz07o6AAAAAElFTkSuQmCC");
@@ -725,7 +700,7 @@
         background-color: #3a3a3a;
         background-repeat: no-repeat;
         background-position: center center;
-}
+    }
     .search-list {
         position: absolute;
@@ -741,7 +716,7 @@
         border-left: 1px solid #000;
         border-right: 1px solid #000;
         border-bottom: 1px solid #000;
-}
+    }
     .search-item {
         position: relative;
@@ -749,10 +724,10 @@
         height: 25px;
         line-height: 25px;
         font: 12px;
-}
+    }
     .search-item:hover {
         background-color: #f4f4f4;
-}
+    }
     .searchvalue {
         position: absolute;
@@ -762,16 +737,16 @@
         text-overflow: ellipsis;
         white-space: nowrap;
         font-size: 12px;
-}
+    }
     .valuenum {
         position: absolute;
         right: 10px;
         font-size: 12px;
-}
-.header-tool {
+    }
+    .header-tool {
         padding-right: 23px;
-}
+    }
     .gobuy {
         margin-top: 47px;
         margin-left: 23px;
@@ -781,7 +756,7 @@
         height: 30px;
         position: relative;
         cursor: pointer;
-}
+    }
     .gobuy-wrapper {
         position: absolute;
@@ -791,7 +766,7 @@
         width: 378px;
         background-color: #f8f8f8;
         z-index: 10000000;
-}
+    }
     .gobuy-empty {
         position: absolute;
@@ -802,7 +777,7 @@
         background-repeat: no-repeat;
         background-position: 106px 132px;
         background-color: #f8f8f8;
-}
+    }
     .gobuy-loading {
         position: absolute;
         width: 100%;
@@ -812,7 +787,7 @@
         background-repeat: no-repeat;
         background-position: center 150px;
         background-color: #f8f8f8;
-}
+    }
     .gobuy-loading .information {
         margin-top: 180px;
         width: 100%;
@@ -820,7 +795,7 @@
         line-height: 12px;
         font-size: 12px;
         text-align: center;
-}
+    }
     .gobuy-empty .information {
         margin-top: 300px;
         width: 100%;
@@ -828,7 +803,7 @@
         line-height: 18px;
         font-size: 18px;
         text-align: center;
-}
+    }
     .gobuy-notempty {
         position: absolute;
@@ -836,7 +811,7 @@
         z-index: 1;
         background-color: #f8f8f8;
         overflow: hidden;
-}
+    }
     .goods-list-wrapper {
         width: 96%;
@@ -844,29 +819,28 @@
         margin-bottom: 19px;
         overflow-y: auto;
         overflow-x: hidden;
-}
+    }
     .goods-list {
         margin-top: 40px;
-}
+    }
     .goods-item {
         height: 64px;
         margin-bottom: 18px;
         padding-left: 18px;
-}
-
+    }
     .goods-img {
         display: inline-block;
         float: left;
         width: 46px;
         height: 62px;
         margin-right: 13px;
-}
+    }
     .goods-detail {
         margin-right: 16px;
-}
+    }
     .goods-detail .content {
         overflow: hidden;
         text-overflow: ellipsis;
@@ -876,13 +850,13 @@
         line-height: 14px;
         font-size: 14px;
         margin-bottom: 13px;
-}
+    }
     .goods-detail .style {
         height: 14px;
         line-height: 14px;
         font-size: 14px;
         color: #b0b0b0;
-}
+    }
     .goods-price .priceandnum {
         height: 14px;
@@ -891,18 +865,18 @@
         margin-bottom: 13px;
         min-width: 75px;
         text-align: right;
-}
+    }
     .goods-price .delete {
         display: inline-block;
         float: right;
         font-size: 14px;
         color: #000;
-}
+    }
     .activity-item {
         margin-bottom: 8px;
         padding-left: 18px;
-}
+    }
     .activity-name {
         display: inline-block;
@@ -916,20 +890,20 @@
         font-size: 14px;
         text-align: center;
         margin-right: 13px;
-}
+    }
     .activity-content {
         display: inline-block;
         line-height: 14px;
         height: 14px;
         color: #3a3a3a;
-}
+    }
     .gobuy-notempty-footer {
         width: 100%;
         height: 61px;
         text-align: center;
-}
+    }
     .gobuy-notempty-footer h3 {
         box-sizing: border-box;
         width: 349px;
@@ -937,11 +911,11 @@
         height: 61px;
         line-height: 61px;
         border-top: 1px solid #dcdcdc;
-}
+    }
     .gobuy-notempty-footer a {
         font-size: 18px;
         color: #444;
-}
+    }
     .ic-infomation {
         position: absolute;
@@ -954,22 +928,22 @@
         text-align: center;
         line-height: 20px;
         font-size: 12px;
-}
+    }
-.float-left {
+    .float-left {
         float: left;
-}
+    }
-.float-right {
+    .float-right {
         float: right;
-}
+    }
     .showdetail img {
         display: block;
         box-sizing: border-box;
         width: 226px;
         height: 200px;
-}
+    }
    .showdetail .title {
         display: block;
         margin-top: 17px;
@@ -982,60 +956,100 @@
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
-}
-.cate_row {
+    }
+    .cate_row {
         float:left;
         height:352px;
         box-sizing:border-box;
-}
-.cate_row li {
+    }
+    .cate_row li {
         box-sizing:border-box;
-}
-.cate_row1 {
+    }
+    .cate_row1 {
         width:253px;
-}
-.cate_row2{
+    }
+    .cate_row2{
         width:278px;
         border-left:1px solid #ccc;
         padding-left: 50px;
-}
-.cate_row3{
+    }
+    .cate_row3{
         width: 270px;
         border-left:1px solid #ccc;
         padding-left: 50px;
-}
-.third-nav .cattitle {
+    }
+    .third-nav .cattitle {
         width: 180px;
         padding-bottom: 10px;
         border-bottom: 1px solid #000;
         line-height: 18px;
         margin-bottom: 20px;
-}
-.third-nav .catdetail {
+    }
+    .third-nav .catdetail {
         line-height: 14px;
         height: 14px;
         margin-bottom: 24px;
         min-width: 200px;
-}
-.third-nav .cattitle h3 a{
+    }
+    .third-nav .cattitle h3 a{
         color: black !important;
         font-size: 14px;
-}
-.third-nav .catdetail a {
+    }
+    .third-nav .catdetail a {
         color: #a1a1a1 !important;
         font-size: 14px;
-}
+    }
     .thirdcatelink:hover {
         text-decoration: underline !important ;
-}
-.third-nav .catdetail a.hot {
+    }
+    .third-nav .catdetail a.hot {
         color: #ee0011 !important ;
-}
-.hovercontent {
+    }
+    .hovercontent {
         display: none;
+    }
+    .noticewrapper{
+        width: 100%;
+        height: 100px;
+        background-color: #3a3a3a
+    }
+    .noticecontainer {
+        width: 1150px;
+        margin: 0 auto;
+    }
+    .noticecontainer .noticetitle{
+        padding:0;
+        margin: 0;
+        float: left;
+        height: 100px;
+        line-height: 100px;
+        font-size: 27px;
+        font-weight: bold;
+        color: #fff;
+        width: 245px;
+        font-family: '微软雅黑'
+    }     
+    .noticecontainer .noticecontent {
+        width: 853px;
+        float: left;
+        margin-left: 38px;
+    }
+    .noticecontainer .noticecontent .tips {
+        margin-top: 16px;
+        margin-bottom: 10px;
+        color: #fff;
+        font-family: '微软雅黑';
+        font-size: 12px;
+    }
+    .noticecontainer .noticecontent .detail {
+        color: #fff;
+        font-family: '微软雅黑';
+        font-size: 12px;
+        line-height: 16px;
+    }
 }
-
 @media (max-width:1180px) {
+    .yoho-header {
         .header-topwrapper {
             min-width: 990px;
         }
@@ -1102,46 +1116,6 @@
                 height: 155px;
             }
         }
+    }
 }
-.noticewrapper{
-    width: 100%;
-    height: 100px;
-    background-color: #3a3a3a
-}
-.noticecontainer {
-    width: 1150px;
-    margin: 0 auto;
-}
-.noticecontainer .noticetitle{
-    padding:0;
-    margin: 0;
-    float: left;
-    height: 100px;
-    line-height: 100px;
-    font-size: 27px;
-    font-weight: bold;
-    color: #fff;
-    width: 245px;
-    font-family: '微软雅黑'
-}     
-.noticecontainer .noticecontent {
-    width: 853px;
-    float: left;
-    margin-left: 38px;
-}
-.noticecontainer .noticecontent .tips {
-    margin-top: 16px;
-    margin-bottom: 10px;
-    color: #fff;
-    font-family: '微软雅黑';
-    font-size: 12px;
-}
-.noticecontainer .noticecontent .detail {
-    color: #fff;
-    font-family: '微软雅黑';
-    font-size: 12px;
-    line-height: 16px;
-}
-
-}
--- a/web-static/sass/index.scss
View file @7c11638
+++ b/web-static/sass/index.scss
View file @7c11638
@@ -60,7 +60,7 @@ a:focus {
     outline: none;
 }
-.yoho-page {
+.center-content {
     width: 1150px;
     margin-left: auto;
     margin-right: auto;