diff --git a/src/less/views/tree.less b/src/less/views/tree.less
index 6178ac4dcf91656082fb1983ad7e0e5f72f3d3f5..5092ca2dad2b5309b78324e40364ea5773b1cdb6 100644
--- a/src/less/views/tree.less
+++ b/src/less/views/tree.less
@@ -112,21 +112,6 @@
 }
 
 .tree-lines {
-  li {
-    &.has-list {
-      &.open > ul:after {
-        display: block;
-        position: absolute;
-        content: ' ';
-        border-left: 1px dotted #999;
-        top: -5px;
-        left: -11px;
-        bottom: 12px;
-        z-index: 1;
-      }
-    }
-  }
-
   ul > li {
     &:after {
       display: block;
@@ -139,11 +124,33 @@
       width: 18px;
     }
 
-    &.drag-shadow:after {display: none}
+    &:before,
+    &.has-list:before {
+      background: none;
+      content: ' ';
+      display: block;
+      position: absolute;
+      width: auto;
+      height: auto;
+      border: none;
+      border-left: 1px dotted #999;
+      top: -12px;
+      bottom: 13px;
+      left: -11px;
+    }
+
+    &:last-child:before {
+      bottom: auto;
+      height: 23px;
+    }
+
+    &:first-child:before {top: -7px;}
 
     &.has-list:after {
       width: 14px;
     }
+
+    &.drag-shadow:after {display: none}
   }
 }
 
@@ -151,7 +158,7 @@
   li > .list-toggle:before {content: '\e6ef'}
   li.open > .list-toggle:before {content: '\e6f0'}
 
-  li:before {border: 1px solid #999; background-color: #fff; width: 4px; height: 4px; border-radius: 2px; left: 7px; top: 9px;}
+  &.tree-lines ul > li:first-child:before {top: -6px;}
 
   &.tree-lines li.has-list.open > ul:after {top: 16px}
   ul > li.has-list:after {width: 13px}