diff --git a/src/views/Index.vue b/src/views/Index.vue
index 24d342f1..e4a44f6a 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -1189,15 +1189,23 @@
       height: 38px;
       left: 44%;
       top:auto;
-      background: url('../assets/images/icon/ban-left.png') no-repeat;
+      padding: 0 16px;
+      background: rgba($color: #000000, $alpha: 0.1) url('../assets/images/icon/ban-left.png') no-repeat;
+      background-size: 12px 18px;
+      background-position: 16px 10px;
       bottom: 66px;
+      border-radius: 19px 0 0 19px;
     }
     .swiper-button-next{
       height: 38px;
-      right: 53%;
+      right: 52.65%;
       bottom: 66px;
       top:auto;
-      background: url('../assets/images/icon/ban-right.png') no-repeat;
+      padding: 0 16px;
+      background: rgba($color: #000000, $alpha: 0.1) url('../assets/images/icon/ban-right.png') no-repeat;
+      background-size: 12px 18px;
+      background-position: 6px 10px;
+      border-radius: 0 19px 19px 0;
     }
     .swiper-pagination-bullets{
       // background: #000;
@@ -1250,11 +1258,6 @@
   // .case-box {
   //   display: flex;
 .xindex-case{
-  // &:nth-child(1) {
-  //       .case-top {
-  //         background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%);
-  //       }
-  //     }
   &:nth-child(2) {
     .case-top {
       background: linear-gradient(333deg, #D2DEF3 0%, #B4C4E0 100%);