diff --git a/website/assets/css/style.css b/website/assets/css/style.css
index 6baa096..a6e80a8 100644
--- a/website/assets/css/style.css
+++ b/website/assets/css/style.css
@@ -2114,15 +2114,29 @@ blockquote:before {
     display: flex;
     align-items: center;
     padding-bottom: 30px;
+    width: 100%;
 }
 
 .dot-item{
-    padding:20px;
+    padding:10px;
     cursor: pointer;
+    display: flex;
+    align-items: center;
 }
-.dot-item-active,.dot-item:hover{
-    background-color:#e43730;
+.dot-item-title{
+    font-size: 18px;
+    font-weight: bold;
+    flex:1;
+    background-color: #f3f5f8;
     border-radius: 5px;
+    padding:20px;
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+
+.dot-item-active .dot-item-title,.dot-item:hover .dot-item-title{
+    background-color:#e43730;
     color:#ffffff;
 }
 @media (min-width: 992px){
@@ -2240,11 +2254,6 @@ blockquote:before {
 .footer-widget h4{
     color:#fff;
 }
-.dot-item-title{
-    font-size: 14px;
-
-    font-weight: bold;
-}
 .cursor-pointer{
     cursor: pointer;
 }
diff --git a/website/src/views/serviceSecond/maintenance/index.html b/website/src/views/serviceSecond/maintenance/index.html
index 63b8983..b71df55 100644
--- a/website/src/views/serviceSecond/maintenance/index.html
+++ b/website/src/views/serviceSecond/maintenance/index.html
@@ -67,7 +67,7 @@
                 <div class="dot-container row">
                     <div @click="changeCharacter(indexC)" :class="['dot-item', 'col-lg-4', {'dot-item-active':indexC==characterActive,'div-hide':!itemC.isDisplay}]" v-for="(itemC,indexC) in item.dataFour">
                         <div class="dot-item-title"  v-if="itemC.isDisplay">{{itemC.title}}</div>
-                        <div class="dot-item-intro"  v-if="itemC.isDisplay">{{itemC.introduction}}</div>
+<!--                        <div class="dot-item-intro"  v-if="itemC.isDisplay">{{itemC.introduction}}</div>-->
                     </div>
                 </div>
                 <i class="iconCharacter icon-right"  @click="next(item.dataFour.length)"></i>
diff --git a/website/src/views/serviceSecond/securityLog/index.html b/website/src/views/serviceSecond/securityLog/index.html
index 3eda1dc..34f7c9b 100644
--- a/website/src/views/serviceSecond/securityLog/index.html
+++ b/website/src/views/serviceSecond/securityLog/index.html
@@ -53,14 +53,14 @@
                 </div>
             </div>
             <div class="row-bottom row pt-30">
-                <i class="iconCharacter icon-left" @click="prev(item.dataFour.length)"></i>
+<!--                <i class="iconCharacter icon-left" @click="prev(item.dataFour.length)"></i>-->
                 <div class="dot-container row">
-                    <div @click="changeCharacter(indexC)" :class="['dot-item', 'col-lg-4', {'dot-item-active':indexC==characterActive,'div-hide':!itemC.isDisplay}]" v-for="(itemC,indexC) in item.dataFour">
+                    <div @click="changeCharacter(indexC)" :class="['dot-item', 'col-lg-3', {'dot-item-active':indexC==characterActive,'div-hide':!itemC.isDisplay}]" v-for="(itemC,indexC) in item.dataFour">
                         <div class="dot-item-title"  v-if="itemC.isDisplay">{{itemC.title}}</div>
-                        <div class="dot-item-intro"  v-if="itemC.isDisplay">{{itemC.introduction}}</div>
+<!--                        <div class="dot-item-intro"  v-if="itemC.isDisplay">{{itemC.introduction}}</div>-->
                     </div>
                 </div>
-                <i class="iconCharacter icon-right"  @click="next(item.dataFour.length)"></i>
+<!--                <i class="iconCharacter icon-right"  @click="next(item.dataFour.length)"></i>-->
             </div>
         </div>
         <div class="row pt-30" v-if="item.dataFive && item.dataFive.length>0">