updata

@@ -32,8 +32,10 @@ $('.banner-top').css('padding-top', '90px');
 if ($brandList.length > 0) {
     $(window).scroll(function() {
         var scrTop = $(window).scrollTop();
+
         $('.brand-list').each(function() {
             var offTop = $(this).offset().top - brandSwipe;
+
             if (scrTop >= offTop) {
                 $brandList.find('.title-bar').css('position', 'static');
                 $(this).find('.title-bar').css({
@@ -47,10 +49,11 @@ if ($brandList.length > 0) {
     });
 }
 
-$('#right-bar .con').find('b').unbind().on('tap',function(){
-    var index=$(this).index();
-    if($('.bar-'+index).size()>0){
-        document.body.scrollTop = parseInt($('.bar-'+index)[0].offsetTop) - parseInt(brandSwipe-1);
+$('#right-bar .con').find('b').unbind().on('tap', function() {
+    var index = $(this).index();
+
+    if ($('.bar-' + index).size() > 0) {
+        document.body.scrollTop = parseInt($('.bar-' + index)[0].offsetTop) - parseInt(brandSwipe - 1);
     }
 });
 

@@ -3,7 +3,6 @@
  * @author: xuqi<qi.xu@yoho.cn>
  * @date: 2015/10/20
  */
-
 var $ = require('yoho.zepto'),
     Swiper = require('yoho.iswiper'),
     lazyLoad = require('yoho.zeptolazyload');

@@ -2,7 +2,7 @@
     position: absolute;
     left: 0;
     right: 0;
-    top: 0;
+    top: 2px;
 }
 
 .filter-mask {

 .good-info {
     float: left;
-    width: 44%;
+    width: 46.4%;
     height: 486rem / $pxConvertRem;
-    margin: 28rem / $pxConvertRem 3% 0;
+    margin: 28rem / $pxConvertRem 0 0 2.4%;
 
 
     .tag-container {

 .discount-page {
-    background-color: #f0f0f0;
+    background-color: #fff;
 
      .swiper-container {
         width: 100%;
@@ -32,6 +32,7 @@
     }
   
     .list-nav {
+        border:1px solid #e6e6e6;
         > li {
             float: left;
             width: 25%;
@@ -50,9 +51,14 @@
         }
 
         .active > a {
-            border-bottom: 2px solid #000;
             color: #000;
-
+            .spanTest{
+                width: auto;
+                height: 100%;
+                border-bottom: 2px solid #000;
+                display: inline-block;
+                box-sizing:border-box;
+            }
             .iconfont {
                 color: #999;
 

@@ -7,13 +7,13 @@
            <ul id="list-nav" class="list-nav clearfix">
             <li class="new active">
                 <a href="javascript:void(0);">
-                    最新
+                    <span class="spanTest">最新</span>
                     <span class="iconfont cur">&#xe616;</span>
                 </a>
             </li>
             <li class="price">
                 <a href="javascript:void(0);">
-                    价格
+                    <span class="spanTest">价格</span>
                     <span class="icon">
                         <i class="iconfont up">&#xe615;</i>
                         <i class="iconfont down cur">&#xe616;</i>
@@ -22,7 +22,7 @@
             </li>
             <li class="discount">
                 <a href="javascript:void(0);">
-                    折扣
+                    <span class="spanTest">折扣</span>
                     <span class="icon">
                         <i class="iconfont up">&#xe615;</i>
                         <i class="iconfont down cur">&#xe616;</i>
@@ -31,7 +31,7 @@
             </li>
             <li class="filter">
                 <a href="javascript:void(0);">
-                    筛选
+                    <span class="spanTest">筛选</span>
                     <span class="iconfont">&#xe613;</span>
                 </a>
             </li>