diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.module.less b/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.module.less
index f725b00b..87339436 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.module.less
@@ -35,11 +35,11 @@
       }
 
       .image {
-        .size(@w: 558px, @h: 558px);
+        .size(@w: calc(100% - 2apx), @h: calc(100% - 2apx));
         object-fit: contain;
         position: absolute;
-        left: 1px;
-        top: 1px;
+        left: 1apx;
+        top: 1apx;
         border: 0;
       }
 
@@ -155,11 +155,11 @@
     .size(@w: 144px , @h: 144px);
     object-fit: contain;
     margin: 0 0 6px 0;
-    border: solid 1px #dadada;
+    border: solid 1apx #dadada;
     position: relative;
 
     .smallImage {
-      .size(@w: 142px , @h: 142px);
+      .size(@w: 100%, @h: 100%);
       object-fit: contain;
     }
 
@@ -172,7 +172,7 @@
 
     &.selected {
       &:before {
-        .size(@w: 142px , @h: 142px);
+        .size(@w: 100% , @h: 100%);
         content: "";
         position: absolute;
         left: 0;
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicator.module.less b/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicator.module.less
index a63dac46..cebe4508 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicator.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicator.module.less
@@ -33,11 +33,11 @@
         color: #fff;
       }
       .image {
-        .size(@w: 558px, @h: 558px);
+        .size(@w: calc(100% - 2apx), @h: calc(100% - 2apx));
         object-fit: contain;
         position: absolute;
-        left: 1px;
-        top: 1px;
+        left: 1apx;
+        top: 1apx;
         border: 0;
       }
 
@@ -107,11 +107,11 @@
   .image {
     .size(@w: 144px , @h: 144px);
     margin: 0 0 6px 0;
-    border: solid 1px #dadada;
+    border: solid 1apx #dadada;
     position: relative;
 
     .smallImage {
-      .size(@w: 142px , @h: 142px);
+      .size(@w: 100%, @h: 100%);
       object-fit: contain;
     }
     &:focus {
@@ -123,7 +123,7 @@
 
     &.selected {
       &:before {
-        .size(@w: 142px , @h: 142px);
+        .size(@w: 100% , @h: 100%);
         content: "";
         position: absolute;
         left: 0;