h5 3.0.4 YW589 YW591

@@ -352,64 +352,72 @@ module.exports = {
             img: 'http://img11.static.yhbimg.com/yhb-img01/2015/07/13/15/014f7ba48071160053ac3b8f045b9fc264.jpg?imageView/2/w/640/h/640'
         }
     }, {
+        bannerCenter: {
+            img: 'http://img02.yohoboys.com/staticimg/2015/06/24/16/02ee02f1dd11c9103f7cf7995eafdaa605.jpg',
+            url: ''
+        }
+    }, {
         plusStar: {
             name: 'STAR 明星潮牌',
             url: '',
             img: 'http://img11.static.yhbimg.com/yhb-img01/2015/07/13/15/014f7ba48071160053ac3b8f045b9fc264.jpg?imageView/2/w/640/h/640'
         }
     }, {
-        maybeLike: {
-            goods: [{
-                id: 1,
-                thumb: 'http://img11.static.yhbimg.com/goodsimg/2015/03/02/07/01ebfb219e22770ffb0c2c3a2cbb2b4bef.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
-                name: 'GAWS DIGI 丛林数码印花拼接卫衣',
-                isLike: false,
-                price: 1268,
-                salePrice: 589,
-                isSale: true,
-                isFew: true,
-                isNew: false,
-                url: ''
-            }, {
-                id: 2,
-                thumb: 'http://img13.static.yhbimg.com/goodsimg/2015/03/03/08/023d70c59e81ccbfb39404487aaf642da2.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
-                name: 'CLOTtee 撞色连帽外套',
-                isLike: false,
-                price: 488,
-                salePrice: 139,
-                isSale: true,
-                isFew: true,
-                isNew: false,
-                url: ''
-            }, {
-                id: 3,
-                thumb: 'http://img12.static.yhbimg.com/goodsimg/2015/03/02/08/02e2d44125e95495e3152aa459fa6b9b0c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
-                name: 'HALFGIRL 插肩棒球服短裙套装',
-                isLike: true,
-                price: 478,
-                salePrice: 208,
-                isSale: true,
-                isFew: true,
-                isNew: false,
-                url: ''
-            }, {
-                id: 4,
-                thumb: 'http://img12.static.yhbimg.com/goodsimg/2015/03/03/08/022f25fbe177ee12803c522f04fcce06d0.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
-                name: '黄伟文Wyman X yohood联名商品YYYOHOOD连帽卫衣',
-                isLike: false,
-                salePrice: 148,
-                isSale: false,
-                isFew: false,
-                isNew: true,
-                url: ''
-            }]
-        }
-    }, {
-        bannerBottom: {
+        bannerCenter: {
             img: 'http://img02.yohoboys.com/staticimg/2015/06/24/16/02ee02f1dd11c9103f7cf7995eafdaa605.jpg',
             url: ''
         }
     }],
+    maybeLike: {
+        goods: [{
+            id: 1,
+            thumb: 'http://img11.static.yhbimg.com/goodsimg/2015/03/02/07/01ebfb219e22770ffb0c2c3a2cbb2b4bef.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
+            name: 'GAWS DIGI 丛林数码印花拼接卫衣',
+            isLike: false,
+            price: 1268,
+            salePrice: 589,
+            isSale: true,
+            isFew: true,
+            isNew: false,
+            url: ''
+        }, {
+            id: 2,
+            thumb: 'http://img13.static.yhbimg.com/goodsimg/2015/03/03/08/023d70c59e81ccbfb39404487aaf642da2.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
+            name: 'CLOTtee 撞色连帽外套',
+            isLike: false,
+            price: 488,
+            salePrice: 139,
+            isSale: true,
+            isFew: true,
+            isNew: false,
+            url: ''
+        }, {
+            id: 3,
+            thumb: 'http://img12.static.yhbimg.com/goodsimg/2015/03/02/08/02e2d44125e95495e3152aa459fa6b9b0c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
+            name: 'HALFGIRL 插肩棒球服短裙套装',
+            isLike: true,
+            price: 478,
+            salePrice: 208,
+            isSale: true,
+            isFew: true,
+            isNew: false,
+            url: ''
+        }, {
+            id: 4,
+            thumb: 'http://img12.static.yhbimg.com/goodsimg/2015/03/03/08/022f25fbe177ee12803c522f04fcce06d0.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
+            name: '黄伟文Wyman X yohood联名商品YYYOHOOD连帽卫衣',
+            isLike: false,
+            salePrice: 148,
+            isSale: false,
+            isFew: false,
+            isNew: true,
+            url: ''
+        }]
+    },
+    bannerBottom: {
+        img: 'http://img02.yohoboys.com/staticimg/2015/06/24/16/02ee02f1dd11c9103f7cf7995eafdaa605.jpg',
+        url: ''
+    },
     footer: {
         // 已登录
         user: {

@@ -10,7 +10,7 @@ module.exports = {
         url: 'http://www.baidu.com'
     },
     homeHeader: {
-        bgColor: '#fd307f',
+        bgColor: '#FF88AE',
         searchUrl: ''
     },
     searchUrl: '',
@@ -174,6 +174,26 @@ module.exports = {
                 textCn: 'Moussy',
                 img: 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
                 url: ''
+            }, {
+                textCn: 'Moussy',
+                img: 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
+                url: ''
+            }, {
+                textCn: 'Moussy',
+                img: 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
+                url: ''
+            }, {
+                textCn: 'Moussy',
+                img: 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
+                url: ''
+            }, {
+                textCn: 'Moussy',
+                img: 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
+                url: ''
+            }, {
+                textCn: 'Moussy',
+                img: 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
+                url: ''
             }]
         }
     }, {
@@ -203,6 +223,21 @@ module.exports = {
             }, {
                 url: '',
                 img: 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
+            }, {
+                url: '',
+                img: 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
+            }, {
+                url: '',
+                img: 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
+            }, {
+                url: '',
+                img: 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
+            }, {
+                url: '',
+                img: 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
+            }, {
+                url: '',
+                img: 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
             }]
         }
     }, {
@@ -226,66 +261,64 @@ module.exports = {
                 time: '2月13日 12:34'
             }]
         }
-    }, {
-        maybeLike: {
-            goods: [{
-                id: 1,
-                thumb: 'http://img11.static.yhbimg.com/goodsimg/2015/03/02/07/01ebfb219e22770ffb0c2c3a2cbb2b4bef.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
-                name: 'GAWS DIGI 丛林数码印花拼接卫衣',
-                isLike: false,
-                price: 1268,
-                salePrice: 589,
-                tags: [
-                    /*需要显示的放入即可，不需要显示不写*/
-                    {
-                        isNew: true
-                    }, {
-                        isSale: true
-                    }, {
-                        isLimit: false
-                    }, {
-                        isYohood: false
-                    }, {
-                        isReNew: true
-                    }
-                ],
-                isFew: true, //单独的即将售罄标志，不显示不写
-                url: '',
-                likeUrl: ''
-            }, {
-                id: 2,
-                thumb: 'http://img13.static.yhbimg.com/goodsimg/2015/03/03/08/023d70c59e81ccbfb39404487aaf642da2.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
-                name: 'CLOTtee 撞色连帽外套',
-                isLike: false,
-                price: 488,
-                salePrice: 139,
-                url: '',
-                likeUrl: ''
-            }, {
-                id: 3,
-                thumb: 'http://img12.static.yhbimg.com/goodsimg/2015/03/02/08/02e2d44125e95495e3152aa459fa6b9b0c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
-                name: 'HALFGIRL 插肩棒球服短裙套装',
-                isLike: true,
-                price: 478,
-                salePrice: 208,
-                url: '',
-                likeUrl: ''
-            }, {
-                id: 4,
-                thumb: 'http://img12.static.yhbimg.com/goodsimg/2015/03/03/08/022f25fbe177ee12803c522f04fcce06d0.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
-                name: '黄伟文Wyman X yohood联名商品YYYOHOOD连帽卫衣',
-                isLike: false,
-                salePrice: 148,
-                url: '',
-                likeUrl: ''
-            }]
-        }
-    }, {
-        bannerBottom: {
-            img: 'http://img02.yohoboys.com/staticimg/2015/06/24/16/02ee02f1dd11c9103f7cf7995eafdaa605.jpg',
-            url: ''
-        }
     }],
+    maybeLike: {
+        goods: [{
+            id: 1,
+            thumb: 'http://img11.static.yhbimg.com/goodsimg/2015/03/02/07/01ebfb219e22770ffb0c2c3a2cbb2b4bef.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
+            name: 'GAWS DIGI 丛林数码印花拼接卫衣',
+            isLike: false,
+            price: 1268,
+            salePrice: 589,
+            tags: [
+                /*需要显示的放入即可，不需要显示不写*/
+                {
+                    isNew: true
+                }, {
+                    isSale: true
+                }, {
+                    isLimit: false
+                }, {
+                    isYohood: false
+                }, {
+                    isReNew: true
+                }
+            ],
+            isFew: true, //单独的即将售罄标志，不显示不写
+            url: '',
+            likeUrl: ''
+        }, {
+            id: 2,
+            thumb: 'http://img13.static.yhbimg.com/goodsimg/2015/03/03/08/023d70c59e81ccbfb39404487aaf642da2.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
+            name: 'CLOTtee 撞色连帽外套',
+            isLike: false,
+            price: 488,
+            salePrice: 139,
+            url: '',
+            likeUrl: ''
+        }, {
+            id: 3,
+            thumb: 'http://img12.static.yhbimg.com/goodsimg/2015/03/02/08/02e2d44125e95495e3152aa459fa6b9b0c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
+            name: 'HALFGIRL 插肩棒球服短裙套装',
+            isLike: true,
+            price: 478,
+            salePrice: 208,
+            url: '',
+            likeUrl: ''
+        }, {
+            id: 4,
+            thumb: 'http://img12.static.yhbimg.com/goodsimg/2015/03/03/08/022f25fbe177ee12803c522f04fcce06d0.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
+            name: '黄伟文Wyman X yohood联名商品YYYOHOOD连帽卫衣',
+            isLike: false,
+            salePrice: 148,
+            url: '',
+            likeUrl: ''
+        }]
+    },
+    bannerBottom: {
+        img: 'http://img02.yohoboys.com/staticimg/2015/06/24/16/02ee02f1dd11c9103f7cf7995eafdaa605.jpg',
+        url: ''
+    },
     footer: {
         // 已登录
         //user: {

@@ -7,7 +7,7 @@
 module.exports = {
     header: {
         title: '商品分类',
-        bgColor: '#fd307f'
+        bgColor: '#FF88AE'
     },
     searchUrl: 'www.baidu.com',
     cateNav: {

@@ -84,7 +84,6 @@ if ($('.banner-swiper').find('li').size() > 1) {
 //热门品牌滑动
 hotBrandsSwiper = new swiper('.brands-swiper', {
     grabCursor: true,
-    setWrapperSize: true,
     slidesPerView: 'auto',
     wrapperClass: 'brands-list',
     slideElement: 'li'
@@ -94,7 +93,6 @@ hotBrandsSwiper = new swiper('.brands-swiper', {
 recommendSwiper = new swiper('.recommend-swiper', {
     grabCursor: true,
     slidesPerView: 'auto',
-    setWrapperSize: true,
     wrapperClass: 'recommend-list',
     slideElement: 'li'
 });
@@ -141,7 +139,7 @@ $('.header-download').on('click', '.close-btn', function() {
 
 
 //logo动画
-/*var requestFrame = (function() {
+var requestFrame = (function() {
     var thisFunc, prefixList = ['webkit', 'moz', 'ms'];
     for (var i = 0; i < prefixList.length; i++) {
         thisFunc = prefixList[i] + 'RequestAnimationFrame';
@@ -157,10 +155,10 @@ $('.header-download').on('click', '.close-btn', function() {
     }
 })();
 var start = 0,
-    logotrans = $('.header .logo');
+    logotrans = $('.home-header .logo');
 var isen = true;
 
-function tsAnimate() {
+/*function tsAnimate() {
     start = start + 10;
     logotrans.css({
         "transform": 'rotateX(' + start + 'deg)',
@@ -169,12 +167,12 @@ function tsAnimate() {
     });
     if (start / 90 % 2 == 1) { //
         if (isen) {
-            logotrans.css("background-image", 'url(http://static.yohobuy.com/newheader/img/logo1.png)');
-            //logotrans.addClass('animate');
+            //logotrans.css("background-image", 'url(http://static.yohobuy.com/newheader/img/logo1.png)');
+            logotrans.addClass('animate');
             isen = false;
         } else {
-            //logotrans.removeClass('animate');
-            logotrans.css("background-image", 'url(http://static.yohobuy.com/newheader/img/logo_e.png)');
+            logotrans.removeClass('animate');
+            //logotrans.css("background-image", 'url(http://static.yohobuy.com/newheader/img/logo_e.png)');
             isen = true;
         }
     }

 .banner-top {
     position: relative;
+
     .swiper-pagination {
         position: absolute;
         left: 0;
         right: 0;
         bottom: 20rem / $pxConvertRem;
         text-align: center;
+
         .pagination-inner {
             display: inline-block;
+
             span {
                 display: inline-block;
                 width: 14rem / $pxConvertRem;
@@ -17,6 +20,7 @@
                 margin: 0 (9rem / $pxConvertRem);
                 border-radius: 50%;
             }
+
             span.swiper-pagination-bullet-active {
                 opacity: 1;
             }
@@ -25,14 +29,19 @@
 }
 
 .banner-swiper {
+    position: relative;
     height: 309rem / $pxConvertRem;
     overflow: hidden;
+
     ul {
         position: relative;
         height: 309rem / $pxConvertRem;
+
         li {
             float: left;
-            height: 309rem / $pxConvertRem;
+            width: 100%;
+            height: 100%;
+
             img {
                 width: 100%;
                 height: 100%;

-
-@keyframes turn {
+/* @include keyframes(turn) {
     1% {
-        transform: rotateX(90deg);
+        @include rotateX(90deg);
         background: image-url('yohologo02.png') no-repeat center center;
         background-size: 100%
     }
     2% {
+        @include rotateX(180deg);
         background: image-url('yohologo01.png') no-repeat center center;
         background-size: 100% 
     }
-    3% {
-        transform: rotateX(180deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
-    }
-    4% {
-        transform: rotateX(90deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
-    }
-    5% {
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-    6% {
-        transform: rotateX(0deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-    100% {
-        transform: rotateX(0deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-    
-}
 
-@-webkit-keyframes turn {
-    1% {
-        -webkit-transform: rotateX(90deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100%
-    }
-    2% {
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100% 
-    }
     3% {
-        -webkit-transform: rotateX(180deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
-    }
-    4% {
-        -webkit-transform: rotateX(90deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
-    }
-    5% {
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-    6% {
-        -webkit-transform: rotateX(0deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-    100% {
-        -webkit-transform: rotateX(0deg);
+        @include rotateX(90deg);
         background: image-url('yohologo02.png') no-repeat center center;
         background-size: 100% 
-    }
-    
-}
-
-
-
-@-moz-keyframes turn {
-    1% {
-        -moz-transform: rotateX(90deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100%
-    }
-    2% {
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100% 
-    }
-    3% {
-        -moz-transform: rotateX(180deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
-    }
-    4% {
-        -moz-transform: rotateX(90deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
-    }
-    5% {
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-    6% {
-        -moz-transform: rotateX(0deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-    100% {
-        -moz-transform: rotateX(0deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-}
-
-@-o-keyframes turn {
-    1% {
-        -o-transform: rotateX(90deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100%
-    }
-    2% {
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100% 
-    }
-    3% {
-        -o-transform: rotateX(180deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
+        
     }
     4% {
-        -o-transform: rotateX(90deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
-    }
-    5% {
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-    6% {
-        -o-transform: rotateX(0deg);
+        @include rotateX(0deg);
         background: image-url('yohologo02.png') no-repeat center center;
         background-size: 100% 
+        
     }
     100% {
-        -o-transform: rotateX(0deg);
+        @include rotateX(0deg);
         background: image-url('yohologo02.png') no-repeat center center;
         background-size: 100% 
-    }
-}
+    }   
+} */
 .home-header {
     height: 87rem / $pxConvertRem;
     line-height: 87rem / $pxConvertRem;
@@ -170,26 +52,27 @@
         height: 87rem / $pxConvertRem;
         background: image-url("yohologo02.png") no-repeat center center;
         background-size: 100%;
-        animation: 60s turn infinite ease-out;
-        -webkit-animation: 60s turn infinite ease-out;
-        -moz-animation: 60s turn infinite ease-out;
-        -o-animation: 60s turn infinite ease-out;
+        /*@include animation(60s turn infinite);*/
+
+         &.animate{
+            background: image-url("yohologo01.png") no-repeat center center;
+            background-size: 100%;
+         }
     } 
-    .logo.animate{
-        background: image-url("yohologo01.png") no-repeat center center;
-        background-size: 100%;
-    }
 
     .search-btn {
         position: absolute;
         right: 32rem / $pxConvertRem;
         top: 0;
         bottom: 0;
+        a{
+            color: #fff;
+        }
     }
 }
 
 .girls-wrap .home-header {
-    background: #fd307f;
+    background: #FF88AE;
 }
 
 .kids-wrap .logo {

@@ -75,6 +75,7 @@
 
 .recommend-list {
     position: relative;
+    height: 100%;
 }
 
 .recommend-list .recommend-item {

@@ -57,17 +57,18 @@
                     {{> common/plus_star}}
                 {{/ plusStar}}
 
-                {{! 可能喜欢}}
-                {{# maybeLike}}
-                    {{> common/maybe_like}}
-                {{/ maybeLike}}
-                
-                {{! 底部banner}}
-                {{# bannerBottom}}
-                    {{> common/banner_bottom}}
-                {{/ bannerBottom}}
             {{/ content}}
 
+            {{! 可能喜欢}}
+            {{# maybeLike}}
+                {{> common/maybe_like}}
+            {{/ maybeLike}}
+            
+            {{! 底部banner}}
+            {{# bannerBottom}}
+                {{> common/banner_bottom}}
+            {{/ bannerBottom}}
+
             {{! footer}}
             {{# footer}}
                 {{> footer}}

@@ -41,18 +41,19 @@
             {{# hotBrands}}
                 {{> girls/hot_brands}}
             {{/ hotBrands}}
-            
-            {{! 可能喜欢}}
-            {{# maybeLike}}
-                {{> common/maybe_like}}
-            {{/ maybeLike}}
-
-            {{! 底部banner}}
-            {{# bannerBottom}}
-                {{> common/banner_bottom}}
-            {{/ bannerBottom}}
+        
         {{/ content}}
         
+        {{! 可能喜欢}}
+        {{# maybeLike}}
+            {{> common/maybe_like}}
+        {{/ maybeLike}}
+
+        {{! 底部banner}}
+        {{# bannerBottom}}
+            {{> common/banner_bottom}}
+        {{/ bannerBottom}}
+            
         {{! footer}}
         {{# footer}}
             {{> footer}}

@@ -4,7 +4,7 @@
             {{# list}}
             <li class="swiper-slide">
                 <a href="{{url}}">
-                    <img src="{{img}}" alt="">
+                    <img class="lazy" src="{{img}}" alt="">
                 </a>
             </li>
             {{/ list}}

@@ -15,7 +15,7 @@
 	<div class="trend-coll-tail">
 		<h3 class="recommend-title">推荐搭配</h3>
 		<div class="recommend-swiper">
-			<ul class="recommend-list clearfix">
+			<ul class="recommend-list swiper-wrapper clearfix">
 				{{# recommendlist}}
 				<li class="recommend-item swiper-slide"><a href="{{url}}"><img class="lazy" src="{{img}}" alt="" /></a></li>
 				{{/ recommendlist}}

 <div class="hot-brands girls">
     {{> common/floor_header_more}}
     <div class="brands-swiper">
-        <ul class="brands-list clearfix">
+        <ul class="brands-list swiper-wrapper clearfix">
             {{# list}}
             <li class="swiper-slide">
                 <a href="{{url}}">

 <div class="home-header clearfix" {{# bgColor}}style="background-color:{{.}};background-image:none"{{/ bgColor}}>
     <span class="nav-btn iconfont">&#xe60b;</span>
     <span class="logo"></span>
-    <a href="{{searchUrl}}" class="search-btn iconfont">&#xe60f;</span>
+    <span class="search-btn iconfont"><a href="{{searchUrl}}">&#xe60f;</a></span>
 </div>
\ No newline at end of file