diff --git a/src/views/AppMain.vue b/src/views/AppMain.vue
index 8aa9b16..9bbaf63 100644
--- a/src/views/AppMain.vue
+++ b/src/views/AppMain.vue
@@ -27,7 +27,8 @@ onMounted(() => {})
     // height: 1080px;
 }
 .container {
-    width: 1552px;
+    /* width: 1552px; */
+    width: 98%;
     background-color: pink;
     margin: 0 auto;
     background: #ffffff;
diff --git a/src/views/cart/index.vue b/src/views/cart/index.vue
index 3bbfcc5..932f7d6 100644
--- a/src/views/cart/index.vue
+++ b/src/views/cart/index.vue
@@ -1128,14 +1128,14 @@ isShowPriceFun()
 
 <style lang="scss" scoped>
 .container {
-    // width: 1200px;
-    width: 1552px;
+    /* width: 1552px; */
+    width: 98%;
     margin: 15px auto;
     flex: 1;
     // min-height: 550px;
     background: #eeeff6;
     font-size: 16px;
-    padding: 20px 10px;
+    padding: 20px 0;
     background-color: #fff;
     border-radius: 15px;
 
diff --git a/src/views/order/index.vue b/src/views/order/index.vue
index 1a855a0..5ac11f1 100644
--- a/src/views/order/index.vue
+++ b/src/views/order/index.vue
@@ -723,13 +723,14 @@ isShowPriceFun()
 
 <style lang="scss" scoped>
 .container {
-    width: 1553px;
+    /* width: 1553px; */
+    width: 98%;
     margin: 15px auto;
     flex: 1;
     // min-height: 550px;
     background: #eeeff6;
     font-size: 16px;
-    padding: 20px 10px;
+    padding: 20px 0px;
     background-color: #fff;
     border-radius: 15px;