diff --git a/pages/template/drop-card/card/card.uvue b/pages/template/drop-card/card/card.uvue
index 42cc8b08834c7d8260a2db9184db87b9cbe070c5..ff118bddfa9c093da04b54695c35dfa093a3815e 100644
--- a/pages/template/drop-card/card/card.uvue
+++ b/pages/template/drop-card/card/card.uvue
@@ -204,11 +204,11 @@
 
 <style>
   .card {
-    width: 350px;
+    width:95%;
     height: 375px;
     position: absolute;
-    top: 0;
-    left: 0;
+    top: 0px;
+    /* left: 0px; */
     margin: 0 12px;
     margin-top: 50px;
     border-radius: 10px;
@@ -219,7 +219,7 @@
   }
 
   .card-img {
-    width: 350px;
+    width: 100%;
     height: 375px;
     border-radius: 10px;
   }
@@ -227,7 +227,7 @@
   .state {
     top: 10px;
     left: 10px;
-    width: 325px;
+    width: 86%;
     padding: 4px;
     position: absolute;
     flex-direction: row;
diff --git a/pages/template/drop-card/drop-card.uvue b/pages/template/drop-card/drop-card.uvue
index e2a1c0b5ee199265fda4cf1f59941bb904d4b136..6645ca77fe2dc247df3bc52ec974dce8d65d8ff3 100644
--- a/pages/template/drop-card/drop-card.uvue
+++ b/pages/template/drop-card/drop-card.uvue
@@ -25,6 +25,7 @@
 <style>
   .root {
     flex: 1;
-    position: relative;
+    position: relative;
+    align-items: center;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/template/scroll-fold-nav/scroll-fold-nav.uvue b/pages/template/scroll-fold-nav/scroll-fold-nav.uvue
index 17f15126fcd90641d9643312dba56f544280365a..f3fe0fc31d1af293d361e6d84efd8ca134d02cf3 100644
--- a/pages/template/scroll-fold-nav/scroll-fold-nav.uvue
+++ b/pages/template/scroll-fold-nav/scroll-fold-nav.uvue
@@ -158,7 +158,7 @@
 
   .scroll-fold-nav {
     height: 44px;
-    width: 375px;
+    width: 100%;
     justify-content: center;
   }
 
diff --git a/pages/template/swiper-vertical-video/swiper-vertical-video.uvue b/pages/template/swiper-vertical-video/swiper-vertical-video.uvue
index 9e0925989bf77933eeb5056230e6ee4d8cbbbd55..ca87514941dcc614fd5183452556a9cd95f70625 100644
--- a/pages/template/swiper-vertical-video/swiper-vertical-video.uvue
+++ b/pages/template/swiper-vertical-video/swiper-vertical-video.uvue
@@ -206,7 +206,7 @@
   .swiper-item,
   .video-box,
   .video-cover {
-    width: 375px;
+    width: 100%;
     flex: 1;
     height: 100%;
   }
@@ -216,7 +216,7 @@
   }
 
   .video-box {
-    width: 375px;
+    width: 100%;
   }
 
   .video-cover {