diff --git a/packages/tree-select/index.less b/packages/tree-select/index.less
index 1adbf39b..862f3548 100644
--- a/packages/tree-select/index.less
+++ b/packages/tree-select/index.less
@@ -6,7 +6,7 @@
   font-size: 16px;
 
   &__nav {
-    width: 143px;
+    width: 35%;
     position: absolute;
     left: 0;
     top: 0;
@@ -21,14 +21,19 @@
     padding: 0 15px;
     background-color: #fff;
 
+    &:active,
     &--active {
-      background-color: #f8f8f8;
+      background-color: @background-color;
+    }
+
+    &--active {
+      font-weight: 500;
     }
   }
 
   &__content {
     padding: 0 15px;
-    margin-left: 143px;
+    margin-left: 35%;
     overflow: scroll;
     -webkit-overflow-scrolling: touch;
   }
@@ -39,8 +44,9 @@
     padding-left: 5px;
     padding-right: 18px;
 
+    &:active,
     &--active {
-      color: #f44;
+      color: @red;
     }
   }
 
diff --git a/packages/tree-select/index.wxml b/packages/tree-select/index.wxml
index fea23c47..7089e32e 100644
--- a/packages/tree-select/index.wxml
+++ b/packages/tree-select/index.wxml
@@ -29,7 +29,7 @@
         wx:if="{{ activeId === item.id }}"
         name="success"
         class="tree-select__selected"
-      ></van-icon>
+      />
     </view>
   </view>
 </view>