diff --git a/im-ui/src/components/chat/ChatBox.vue b/im-ui/src/components/chat/ChatBox.vue
index 82a613b..bbfb698 100644
--- a/im-ui/src/components/chat/ChatBox.vue
+++ b/im-ui/src/components/chat/ChatBox.vue
@@ -778,7 +778,7 @@ export default {
 	width: 100%;
 	background: #f8f8f8;
 	border: #dddddd solid 1px;
-
+	
 	.el-header {
 		padding: 3px;
 		background-color: #5870e6;
diff --git a/im-ui/src/view/Chat.vue b/im-ui/src/view/Chat.vue
index e985c51..6d6d2a6 100644
--- a/im-ui/src/view/Chat.vue
+++ b/im-ui/src/view/Chat.vue
@@ -75,7 +75,6 @@
 
 			.chat-list-header {
 				padding: 3px 8px;
-				background-color: #5870e6;
 				line-height: 50px;
 				
 				.el-input__inner {
diff --git a/im-ui/src/view/Friend.vue b/im-ui/src/view/Friend.vue
index dca7a6f..aecbcff 100644
--- a/im-ui/src/view/Friend.vue
+++ b/im-ui/src/view/Friend.vue
@@ -190,8 +190,7 @@
 				display: flex;
 				align-items: center;
 				padding: 3px 8px;
-				background-color: #5870e6;
-				
+
 				.el-input__inner {
 					border-radius: 10px !important;
 					background-color: #F8F8F8;
diff --git a/im-ui/src/view/Group.vue b/im-ui/src/view/Group.vue
index 9024e75..0afeeb0 100644
--- a/im-ui/src/view/Group.vue
+++ b/im-ui/src/view/Group.vue
@@ -282,7 +282,6 @@
 				display: flex;
 				align-items: center;
 				padding: 3px 8px;
-				background-color: #5870e6;
 				
 				.el-input__inner {
 					border-radius: 10px !important;
diff --git a/im-ui/src/view/Home.vue b/im-ui/src/view/Home.vue
index 66a936f..d6672fd 100644
--- a/im-ui/src/view/Home.vue
+++ b/im-ui/src/view/Home.vue
@@ -341,10 +341,6 @@
 					&.router-link-active .icon {
 						color: #d5894c;
 					}
-					
-					&:hover .icon{
-						color: white;
-					}
 				}
 				
 				.icon  {
@@ -389,7 +385,7 @@
 
 	.content-box {
 		padding: 0;
-		background-color: #eee;
+		background-color: #f8f8f8;
 		color: black;
 		text-align: center;
 	}