Merge branch 'release/4.6' of git.yoho.cn:fe/yohobuy-node into release/4.6

-{{!-- <pre>{{resultShow}}</pre> --}}
 {{# result}}
 <div class="outlets-page product-page yoho-page">
     {{> common/main-banner}}

+{{# comeSoon}}
+    <div class="extra-pack">
+        <div class="extra-title">{{title}}</div>
+        <div class="brand-list">
+            <ul class="list-page">
+                {{# brands}}
+                    <li class="brand-item">
+                        <img class="lazy" data-original="{{image logo 126 87}}">
+                    </li>
+                {{/ brands}}
+            </ul>
+        </div>
+        <div class="brand-page-btns page-btns" onselectstart="return false">
+            <label class="iconfont pre-page-btn">&#xe609;</label>
+            <label class="iconfont next-page-btn">&#xe608;</label>
+        </div>
+    </div>
+{{/ comeSoon}}
\ No newline at end of file

@@ -22,7 +22,7 @@
                 {{/ goods}}
             </div>
         </div>
-        <div class="good-page-btns" onselectstart="return false">
+        <div class="good-page-btns page-btns" onselectstart="return false">
             <label class="iconfont pre-page-btn">&#xe609;</label>
             <label class="iconfont next-page-btn">&#xe608;</label>
         </div>

@@ -10,6 +10,7 @@
                         </a>
                     {{/ sourceImg}}
                     {{> outlets/extra-recommend}}
+                    {{> outlets/extra-feature}}
                     {{> outlets/extra-product}}
                 {{/ extra}}
             </div>

@@ -108,6 +108,33 @@
             }
         }
 
+        .brand-list {
+            width: 300%;
+
+            .list-page {
+                width: 378px;
+                max-height: 918px;
+                overflow: hidden;
+                display: inline-block;
+                vertical-align: top;
+            }
+
+            .brand-item {
+                width: 125px;
+                height: 90px;
+                float: left;
+                border: 1px solid #ccc;
+                margin-top: -1px;
+                margin-left: -1px;
+                text-align: center;
+            }
+
+            .brand-item img {
+                width: 90%;
+                margin-top: 20px;
+            }
+        }
+
         .good-list {
             width: 300%;
 
@@ -161,7 +188,7 @@
             }
         }
 
-        .good-page-btns {
+        .page-btns {
             text-align: center;
             padding-bottom: 10px;
             user-select: none;

@@ -49,14 +49,16 @@
 
         .list-item {
             width: 222px;
+            height: 372px;
             margin: 23px 10px 23px 0;
+            overflow: hidden;
             float: left;
         }
 
         .thumb {
             width: 100%;
-            height: 130%;
-            display: inline-block;
+            height: 296px;
+            display: block;
 
             img {
                 width: 100%;