diff --git a/src/views/energy/LeadershipView/ApparentState/index.vue b/src/views/energy/LeadershipView/ApparentState/index.vue
index 9e357b2a..f6ec1cb9 100644
--- a/src/views/energy/LeadershipView/ApparentState/index.vue
+++ b/src/views/energy/LeadershipView/ApparentState/index.vue
@@ -463,4 +463,41 @@ export default {
   background-color: rgba(0, 0, 0, 0.4);
   z-index: 1;
 }
+
+.zoom {
+  width: 100%;
+  height: 100%;
+}
+
+.zoomButton {
+  position: absolute;
+  top: 7%;
+  left: 17.6%;
+  color: #fff;
+}
+.menu{
+  position: absolute;
+  top: 15%;
+  left: 1.6%;
+  width: 14.8%;
+  height: 80%;
+  overflow: auto;
+}
+.menu::-webkit-scrollbar{
+  display: none;
+}
+::v-deep .el-tree{
+  background-color: #0000;
+}
+::v-deep .el-tree-node__content{
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+}
+::v-deep .el-tree-node__content:hover{
+  background-color: #00afff;
+}
+::v-deep .el-tree-node:focus > .el-tree-node__content {
+  background-color: #00afff;
+}
 </style>