no message

src/assets/css/home.css

@@ -45,7 +45,7 @@ ul,li{
 }
 
 .remTetil{
-  font-size: 1.1rem;
+  font-size: 18px;
 }
 .remText{
   font-size: .8rem;
@@ -125,7 +125,7 @@ ul,li{
   text-overflow: ellipsis;
   word-spacing: normal;
 }
-@media (min-width: 300px) {
+@media screen and (min-width: 300px) {
   .indexNavxcTM li{
     padding: 5px 10px;
     margin-left: 10px;
@@ -144,9 +144,11 @@ ul,li{
     padding-right: 10px;
   }
   .containerRoll2{
-    padding-left: 10px;
     padding-right: 10px;
   }
+  .swipercomR2{
+    padding-left: 10px;
+  }
   .gap-1{
     padding-bottom: 55px;
     padding-top: 55px;
@@ -241,7 +243,7 @@ ul,li{
     width: 90%
   }
 }
-@media (min-width: 768px) {
+@media screen and (min-width: 768px) {
   .indexNavxcTM li{
     padding: 10px 20px;
     margin-left: 15px;
@@ -264,9 +266,11 @@ ul,li{
     padding-right: 20px;
   }
   .containerRoll2{
-    padding-left: 30px;
     padding-right: 30px;
   }
+  .swipercomR2{
+    padding-left: 30px;
+  }
   .isDisplay{
     display: none;
   }
@@ -324,7 +328,7 @@ ul,li{
     width: 480px
   }
 }
-@media (min-width: 992px) {
+@media screen and (min-width: 992px) {
   .indexNavxcT{
     padding-top: 20%;
   }
@@ -397,11 +401,13 @@ ul,li{
     width: 55%;
   }
   .containerRoll2{
-    padding-left: 130px;
     padding-right: 40px;
   }
+  .swipercomR2{
+    padding-left: 130px;
+  }
 }
-@media (min-width: 1280px) {
+@media screen and (min-width: 1280px) {
   .indexNavxcT{
     padding-top: 20%;
   }
@@ -411,9 +417,11 @@ ul,li{
     padding-right: 40px;
   }
   .containerRoll2{
-    padding-left: 130px;
     padding-right: 40px;
   }
+  .swipercomR2{
+    padding-left: 130px;
+  }
   .isDisplay{
     display: none;
   }
@@ -439,7 +447,7 @@ ul,li{
     left: -1.5rem;
   }
 }
-@media (min-width: 1440px) {
+@media screen and (min-width: 1440px) {
   .indexNavxcT{
     padding-top: 20%;
   }
@@ -502,16 +510,18 @@ ul,li{
     width: 35%;
   }
   .containerRoll2{
-    padding-left: 280px;
     padding-right: 40px;
   }
+  .swipercomR2{
+    padding-left: 280px;
+  }
   .swipercomSubEn{
     left: -1.5rem;
   }
 }
-@media (min-width: 1800px) {
+@media screen and (min-width: 1800px) {
   .indexRoll2Hd{
-    width: 408px
+    width: 468px
   }
   .indexNavxcT{
     padding-top: 20%;
@@ -528,9 +538,11 @@ ul,li{
     padding-right: 40px;
   }
   .containerRoll2{
-    padding-left: 240px;
     padding-right: 40px;
   }
+  .swipercomR2{
+    padding-left: 240px;
+  }
   .w3{
     width: 50%;
   }

src/components/home/indexRoll2.vue

@@ -385,13 +385,13 @@
   opacity: .7;
   border-radius: 10px;
   z-index: 1;
-  transition: all .3s;
+  transition: all .1s;
 }
 .swipercomTvR2{
   color: #fff;
   z-index: 2;
   padding: 0 20px 40px 20px;
-  transition: all .3s;
+  transition: all .1s;
 }
 .swipercomTitleLR2{
   font-size: 1.5rem;
@@ -408,6 +408,9 @@
   padding: 5px 20px 8px 20px;
   font-size: 1.1rem;
 }
+.swiperR2Hover{
+  overflow: hidden;
+}
 .swiperR2Hover:hover .swipercomTvR2Bj{
   top: 0;
   bottom: 0;