diff --git a/src/views/tunnel/index.vue b/src/views/tunnel/index.vue
index 985b09a..f3f4e7f 100644
--- a/src/views/tunnel/index.vue
+++ b/src/views/tunnel/index.vue
@@ -238,21 +238,40 @@ const closeSocket = () => {
 initWebSocket();
 </script>
 <style lang="scss">
+.el-dropdown__popper.el-popper {
+  background: transparent;
+  //border: none;
+  border: 1px solid #0E7DAA;
+  border-radius: 10px;
+}
+.is-light{
+  background:rgba(7,35,72,0.9);
+}
 .el-popper{
-  border: 1px solid #0F82AF;
-
+  padding: 20px;
+  margin-left: 50px;
+  width: 150px;
+  background:rgba(7,35,72,0.9);
   .el-scrollbar__wrap {
     .el-dropdown__list {
       .el-dropdown-menu {
-
-        background-color:#072247;
+        background-color:rgba(7,35,72,0.9);
+        border-radius: 10px;
+        padding: 5px;
         .el-dropdown-menu__item{
           color: #FFFFFF;
-          border:none;
+          //border:none;
+          padding: 5px;
+
+          border-bottom: 1px solid #05FEFF;
+          &:last-child{
+            border-bottom: none;
+          }
         }
-        .el-dropdown-menu__item:hover{
-          background-color:#072247;
-          color: #08B7B8;
+
+        .el-dropdown-menu__item.hover,.el-dropdown-menu__item:hover{
+          background-color:transparent!important;
+          color: #F7B500;
         }
       }
     }