品牌一优化

@@ -18,6 +18,7 @@ var swiper,
 var searchH = $('.newbrand-search').outerHeight(),
 var searchH = $('.newbrand-search').outerHeight(),
     headerH = $('.yoho-header').outerHeight(),
     headerH = $('.yoho-header').outerHeight(),
     brandSwipe = parseInt(searchH) + parseInt(headerH) - 1,
     brandSwipe = parseInt(searchH) + parseInt(headerH) - 1,
+    minBrandListTop,
     searchArray = [];
     searchArray = [];
 
 
 var brandsData,
 var brandsData,
@@ -42,13 +43,15 @@ $('.yoho-header').css({
 });
 });
 
 
 $fixTitleBar = $('<div class="title-bar fixed-title-bar"><h2></h2></div>');
 $fixTitleBar = $('<div class="title-bar fixed-title-bar"><h2></h2></div>');
-$fixTitleBar.hide();
+$fixTitleBar.css({
+    position: 'fixed',
+    top: brandSwipe
+}).hide();
+minBrandListTop = brandSwipe + $('.hot-brand').outerHeight() + $('.banner-top').outerHeight();
 $('.brand-list').last().append($fixTitleBar);
 $('.brand-list').last().append($fixTitleBar);
 
 
 $(window).scroll(function() {
 $(window).scroll(function() {
-    var scrTop = $(window).scrollTop(),
-        minBrandListTop = brandSwipe + $('.hot-brand').outerHeight() +
-        $('.banner-top').outerHeight();
+    var scrTop = $(window).scrollTop();
 
 
     if ($brandList.eq(0).offset().top < minBrandListTop) {
     if ($brandList.eq(0).offset().top < minBrandListTop) {
         $fixTitleBar.hide();
         $fixTitleBar.hide();
@@ -59,9 +62,7 @@ $(window).scroll(function() {
 
 
         if (scrTop >= offTop) {
         if (scrTop >= offTop) {
             $fixTitleBar.css({
             $fixTitleBar.css({
-                display: 'block',
-                position: 'fixed',
-                top: brandSwipe
+                display: 'block'
             }).find('h2').html($(this).find('.title-bar').text());
             }).find('h2').html($(this).find('.title-bar').text());
         }
         }
 
 

@@ -55,11 +55,14 @@
                 right: -74rem / $pxConvertRem;
                 right: -74rem / $pxConvertRem;
                 font-size: 32rem / $pxConvertRem;
                 font-size: 32rem / $pxConvertRem;
                 line-height: 60rem / $pxConvertRem;
                 line-height: 60rem / $pxConvertRem;
-                color: #666;
+                color: #bdbdbd;
             }
             }
 
 
             .cancel-btn {
             .cancel-btn {
                 display: inline;
                 display: inline;
+                color: #bdbdbd;
+                font-size: 32rem / $pxConvertRem;
+                vertical-align: middle;
             }
             }
 
 
             .clear-text {
             .clear-text {
@@ -86,9 +89,15 @@
                 .img-box {
                 .img-box {
                     display: table-cell;
                     display: table-cell;
                     vertical-align: middle;
                     vertical-align: middle;
-                    width: 100%;
+                    text-align: center;
+                    width: 158rem / $pxConvertRem;
                     height: 158rem / $pxConvertRem;
                     height: 158rem / $pxConvertRem;
                 }
                 }
+
+                img {
+                    max-width: 140rem / $pxConvertRem;
+                    max-height: 140rem / $pxConvertRem;
+                }
             }
             }
         }
         }
     }
     }