diff --git a/src/components/configure/RtuConfig.vue b/src/components/configure/RtuConfig.vue
index c323511..41964ed 100644
--- a/src/components/configure/RtuConfig.vue
+++ b/src/components/configure/RtuConfig.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="content">
+  <div class="content">
     <div
       v-if="formAll && formAllBody && formAllBody.length"
       style="text-align:left;padding:10px"
@@ -865,75 +865,105 @@
   // }
 };
 </script>
-<style scoped>
-#content{
+<style lang="scss" scoped>
+.content{
     width: 100% !important;
     height: 100% !important;
+    #navMenuContent {
+      /* height: calc(100% - 20px);
+      width: calc(100% - 20px);
+      float: left;
+      border: 1px solid aqua;
+      box-sizing: border-box;
+      margin: 10px;
+      position: relative; */
+      width: 100%;
+      /* background-color: #fff; */
+    }
+    /deep/ .switchContent {
+      // color: rgb(99, 96, 96);
+      color: red;
+      /* background-color: #fff; */
+      /* background-color: #fff; */
+      // color: white !important;
+      
+      padding: 2%;
+      .el-form-item__content .el-input .el-input__inner {
+        color: var(--white);
+      }
+      .el-form-item .el-form-item__label{
+        color: var(--white);
+      }
+      .el-form-item__content i{
+          font-style:normal !important;
+          padding-right: 5px !important;
+      }
+      .el-form-item, .el-form-item-input{
+        margin:11px 0 11px 0 !important;
+      }
+      .rowClass .subTitle {
+        /* height:40px!important; */
+        line-height:51px !important;
+        color:aqua !important;
+        /* margin-top: 11px; */
+      }
+      .el-col .input-switch .el-form-item-input{
+        /* display: flex; */
+        margin: initial !important;
+      }
+      .rowClass .el-col{
+        height: 51px !important;
+      }
+      .form-switch .el-form-item__label{
+        width: 180px !important;
+      }
+     .form-switch .el-form-item__content{
+        width: 150px !important;
+        margin-left: 150px !important;
+      }
+      .input-switch .el-form-item__content{
+        margin-left: 0 !important;
+      }
+      .input-switch-div{
+        position:absolute !important;
+        left:0 !important;
+        top:0 !important;
+        width:1000px !important;
+        display:flex !important;
+      }
+      .el-col .input-switch-div .el-form-item__content{
+        width: 66px !important
+      }
+    }
+    // /deep/.el-menu-item{
+    //   background-color: #fff !important;
+    // }
+    /deep/ .el-menu{
+      // background-color: var(--dialogtitle)!important;
+      .el-menu-item{
+        background-color: #fff !important;
+      }
+      .el-menu-item.is-active {
+        // background-color: var(--dialogtitle)!important;
+        // background-color: #fff !important;
+      }
+      .el-menu-item:hover {
+        background-color: #fff !important;
+      }
+    } 
+    // .el-menu--horizontal>.el-menu-item.is-active{
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item .is-active {
+    //   background-color: #fff !important;
+    // }
+    // .el-menu-item:hover {
+    //   background-color: #fff !important;
+    // }
+    // /deep/ .el-menu-item {
+    //   background-color: #fff!important;
+    // }
+    
 }
-#navMenuContent {
-  /* height: calc(100% - 20px);
-  width: calc(100% - 20px);
-  float: left;
-  border: 1px solid aqua;
-  box-sizing: border-box;
-  margin: 10px;
-  position: relative; */
-  width: 100% !important;
-  /* background-color: #fff; */
-}
-.switchContent {
-  color: rgb(99, 96, 96);
-  /* background-color: #fff; */
-  /* background-color: #fff; */
-  padding: 2% !important;
-}
-.el-menu-item.is-active {
-  background-color: #fff !important;
-}
-.el-menu-item:hover {
-  background-color: #fff !important;
-}
-.el-form-item__content >>> .el-input .el-input__inner {
-  color: black !important;
-}
-.el-form-item__content >>> i{
-    font-style:normal !important;
-    padding-right: 5px !important;
-}
-.el-form-item, .el-form-item-input{
-  margin:11px 0 11px 0 !important;
-}
-.rowClass  >>> .subTitle {
-  /* height:40px!important; */
-  line-height:51px !important;
-  color:aqua !important;
-  /* margin-top: 11px; */
-}
-.el-col >>> .input-switch  .el-form-item-input{
-  /* display: flex; */
-  margin: initial !important;
-}
-.rowClass >>> .el-col{
-  height: 51px !important;
-}
-.form-switch >>> .el-form-item__label{
-  width: 180px !important;
-}
-.form-switch >>> .el-form-item__content{
-  width: 150px !important;
-  margin-left: 150px !important;
-}
-.input-switch >>> .el-form-item__content{
-  margin-left: initial !important;
-}
-.input-switch-div{
-  position:absolute !important;
-  left:0 !important;
-  top:0 !important;
-  width:1000px !important;
-  display:flex !important;
-}
-.el-col >>> .input-switch-div .el-form-item__content{
-  width: 66px !important
-}
+
 </style>