diff --git a/src/component/HomePage/ExportNewCoolection.vue b/src/component/HomePage/ExportNewCoolection.vue
index c124cd33..7e6a0e43 100644
--- a/src/component/HomePage/ExportNewCoolection.vue
+++ b/src/component/HomePage/ExportNewCoolection.vue
@@ -216,8 +216,10 @@ export default defineComponent({
             display: inline-block;
             vertical-align: top;
             // padding: 0 0.5rem;
-            margin-right: 1.6rem;
+            // margin-right: 1.6rem;
+			margin-right: 4%;
             margin-bottom: 0.5rem;
+			width: 21%;
 
             &:nth-child(4n){
                 margin-right: 0;
@@ -225,11 +227,12 @@ export default defineComponent({
         }
 
         .color_content{
-            width: 9rem;
+            // width: 9rem;
+			width: 100%;
             height:6.2rem
         }
         .color_content_body{
-            width: 9rem;
+			width: 100%;
             padding: 0.7rem 0.2rem;
             background: #FEFEFE;
             border: 1px solid #E6E6E6;
diff --git a/src/component/HomePage/NewCollectionReview.vue b/src/component/HomePage/NewCollectionReview.vue
index 877051b3..9787546b 100644
--- a/src/component/HomePage/NewCollectionReview.vue
+++ b/src/component/HomePage/NewCollectionReview.vue
@@ -231,20 +231,21 @@ export default defineComponent({
             display: inline-block;
             vertical-align: top;
             // padding: 0 0.5rem;
-            margin-right: 1.6rem;
+            // margin-right: 1.6rem;
+			margin-right: 4%;
             margin-bottom: 0.5rem;
-
+			width: 21%;
             &:nth-child(4n){
                 margin-right: 0;
             }
         }
 
         .color_content{
-            width: 10rem;
-            height:6.2rem
+            height:6.2rem;
+			width: 100%;
         }
         .color_content_body{
-            width: 10rem;
+			width: 100%;
             padding: 0.7rem 0.2rem;
             background: #FEFEFE;
             border: 1px solid #E6E6E6;