update for category nav active style

@@ -4,7 +4,7 @@
         <li class='cartegory'><a href="?gender=1,3">全部</a></li>
         }}
         {{#data}}
-            <li class='cartegory'>
+            <li class='category'>
                 <a href="{{url}}">{{categoryName}}</a>
                 {{#unless @last}}
                 <span>|</span>

@@ -39,6 +39,9 @@ $categoryNavItem.on('click', function(e) {
 
     var query = {};
 
+    $('.category a').removeClass('active');
+    $(this).addClass('active');
+
     e.preventDefault();
 
     querys.forEach(function(value) {
@@ -55,7 +58,6 @@ $categoryNavItem.on('click', function(e) {
 });
 
 // 触发第一个search
-
 if ($categoryNavItem.length > 0) {
     $categoryNavItem.eq(0).trigger('click');
 }
@@ -76,7 +78,7 @@ if ($('#list-nav').length > 0) {
 if ($('.back-ground-white').length > 10) {
     $('.more-activity').show();
     $('.back-ground-white').each(function(index, e) {
-        if(index > 9) {
+        if (index > 9) {
             e.hide();
         }
     });
@@ -85,7 +87,7 @@ if ($('.back-ground-white').length > 10) {
 $('.more-activity').click(function() {
     $('.more-activity').hide();
     $('.back-ground-white').each(function(index, e) {
-        if(index > 9) {
+        if (index > 9) {
             e.show();
         }
     });

@@ -221,7 +221,7 @@ function search(opt, params) {
             order: nav.order,
             page: page
         });
-    } else{
+    } else {
         $.extend(setting, defaultOpt, {
             type: navType,
             order: nav.order,

@@ -55,6 +55,10 @@
         a {
             height: 38px;
             line-height: 70px;
+
+            &.active {
+                color: #444;
+            }
         }
         span {
             color: #b0b0b0;