brand

+/**
+ * 分类
+ * @author: xuqi<qi.xu@yoho.cn>
+ * @date: 2015/10/14
+ */
+
+var $ = require('yoho.zepto'),
+    Swiper = require('yoho.iswiper'),
+    lazyLoad = require('yoho.zeptolazyload');
+
+var swiper;
+
+swiper = new Swiper('.swiper-container', {
+    lazyLoading: true,
+    loop: true,
+    autoplay: 3000,
+    pagination: '.swiper-pagination'
+});
+
+lazyLoad($('img.lazy'));

-/**
- *  男首
- * @author: liangzhifeng<zhifeng.liang@yoho.cn>
- * @date: 2015/10/12
- */
- var $ = require('yoho.zepto'),
-    lazyLoad = require('yoho.zeptolazyload');
-
-//Init LazyLoad
-lazyLoad($('img.lazy'));

+.brand-page {
+    font-size: 30rem / $pxConvertRem;
+ 
+    .hot-brand {
+        margin: (30rem / $pxConvertRem) 0 0;
+ 
+        .hot-brand-list {
+            background: #fff;     
+            li {
+                float: left;
+                width: 158rem / $pxConvertRem;
+                height: 158rem / $pxConvertRem;
+            
+                .img-box {
+                    width: 100%;
+                    height: 100%;
+    
+                }
+            }
+        }
+    }
+ 
+
+}

+.hot-category {
+    margin: (30rem / $pxConvertRem) 0 0;
+    border-top: 1px solid #e0e0e0;
+    .category-banner {
+        height: 198rem / $pxConvertRem;
+        img {
+            display: block;
+            width: 100%;
+            height: 100%;
+        }
+    }
+    .category-list {
+        background: #fff;
+        border-top: 1px solid #e0e0e0;
+        li {
+            float: left;
+            width: 158rem / $pxConvertRem;
+            height: 174rem / $pxConvertRem;
+            border-bottom: 1px solid #e0e0e0;
+            border-left: 1px solid #e0e0e0;
+            .img-box {
+                width: 100%;
+                height: 138rem / $pxConvertRem;
+                text-align: center;
+                vertical-align: middle;
+                img {
+                    max-width: 100%;
+                    max-height: 100%;
+                    vertical-align: middle;
+                }
+            }
+
+        }
+    }
+}

@@ -29,12 +29,7 @@
                     vertical-align: middle;
                     vertical-align: middle;
                 }
                 }
             }
             }
-            .category-title {
-                line-height: 22rem / $pxConvertRem;
-                color: #aaa;
-                font-size: 18rem / $pxConvertRem;
-                text-align: center;
-            }
+
         }
         }
     }
     }
 }
 }

@@ -92,4 +92,4 @@ a {
     @include border-radius(10px);
     @include border-radius(10px);
 }
 }
 
 
-@import "layout/header", "layout/footer", "good", "filter", "passport/index", "guang/index", "home/index", "category/index", "product/index", "index/index";
+@import "layout/header", "layout/footer", "good", "filter", "passport/index", "guang/index", "home/index", "category/index","category/brand", "product/index", "index/index";