fix product scroll

@@ -115,6 +115,7 @@ export default {
 
 
   &.single {
   &.single {
     width: 690px;
     width: 690px;
+    margin-right: 0;
   }
   }
 }
 }
 
 

 <template>
 <template>
   <div class="product-group">
   <div class="product-group">
-    <ProductGroupItem
-      v-for="(product, inx) in data"
-      :share="share"
-      :thumb="thumb"
-      :single="single"
-      :product="product"
-      :article-id="articleId"
-      :pos-id="posId"
-      :lazy="lazy"
-      :index="index"
-      :key="inx">
-    </ProductGroupItem>
+    <div class="product-group-scroll">
+      <ProductGroupItem
+        v-for="(product, inx) in data"
+        :share="share"
+        :thumb="thumb"
+        :single="single"
+        :product="product"
+        :article-id="articleId"
+        :pos-id="posId"
+        :lazy="lazy"
+        :index="index"
+        :key="inx">
+      </ProductGroupItem>
+    </div>
   </div>
   </div>
 </template>
 </template>
 
 
@@ -51,11 +53,16 @@ export default {
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 .product-group {
 .product-group {
+  height: 182px;
+  margin: 40px 0;
+  overflow-y: hidden;
+}
+
+.product-group-scroll {
   width: 100%;
   width: 100%;
   overflow-x: auto;
   overflow-x: auto;
   overflow-y: hidden;
   overflow-y: hidden;
-  height: 180px;
-  margin: 40px 0;
+  height: 220px;
   white-space: nowrap;
   white-space: nowrap;
   -webkit-overflow-scrolling: touch;
   -webkit-overflow-scrolling: touch;
 }
 }