diff --git a/Pear Admin v 2.0/admin/css/pearSocial.css b/Pear Admin v 2.0/admin/css/pearSocial.css
index 77890a6..e4ac4be 100644
--- a/Pear Admin v 2.0/admin/css/pearSocial.css	
+++ b/Pear Admin v 2.0/admin/css/pearSocial.css	
@@ -39,6 +39,7 @@
 	position: absolute;
 	margin-left: 60px;
 	background-color: lightgray;
+	
 }
 
 .pear-social .pear-social-body {
@@ -165,6 +166,9 @@
 	height: calc(100% - 60px);
 	width: 100%;
 }
+.pear-social .pear-social-list .pear-social-list-body .layui-side-scroll{
+	background-color: #E2E2E2;
+}
 
 .pear-social .pear-social-list .pear-social-list-header .search {
 	height: 30px;
diff --git a/Pear Admin v 2.0/component/layui/lay/extends/pearSocial.js b/Pear Admin v 2.0/component/layui/lay/extends/pearSocial.js
index ebad9f8..9286ed4 100644
--- a/Pear Admin v 2.0/component/layui/lay/extends/pearSocial.js	
+++ b/Pear Admin v 2.0/component/layui/lay/extends/pearSocial.js	
@@ -26,12 +26,10 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
 		
 		var social = '<div class="pear-social-entrance layui-icon layui-icon-dialogue" pear-id="'+option.elem+'"></div>';
 		
-		
-		
 		var body  = '<div class="pear-social" style="display:none;">'+
 			'<div class="pear-social-side">'+
 				'<div class="pear-social-avatar">'+
-					'<img src="assets/images/avatar.jpg" />'+
+					'<img src="admin/images/logo.png" />'+
 				'</div>'+
 		
 				'<div class="pear-social-control">'+
@@ -180,6 +178,7 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
 	
 	
 	$("body").on("click", ".screen-restore", function() {
+		
 		$(this).parents(".pear-social").css({
 			top: top
 		});
diff --git a/Pear Admin v 2.0/index.html b/Pear Admin v 2.0/index.html
index 492b2f3..7b59312 100644
--- a/Pear Admin v 2.0/index.html	
+++ b/Pear Admin v 2.0/index.html	
@@ -61,8 +61,8 @@
 		   <div class="loader"></div>	
 		</div>
 	    
-	
-		<!-- <div class="loader"></div> -->
+		<!-- 聊天组件 -->
+	    <div id="social"></div>
 
 		<!-- 移动端 的 收缩适配 -->
 		<div class="collaspe pe-collaspe layui-hide-sm">
@@ -71,12 +71,13 @@
 
 		<script src="component/layui/layui.js"></script>
 		<script>
-			layui.use(['pearAdmin', 'jquery', 'layer', 'pearTab', 'pearNotice'], function() {
+			layui.use(['pearAdmin', 'jquery','pearSocial', 'layer', 'pearTab', 'pearNotice'], function() {
 				var pearAdmin = layui.pearAdmin;
 				var $ = layui.jquery;
 				var pearTab = layui.pearTab;
 				var pearNotice = layui.pearNotice;
 				var layer = layui.layer;
+				var pearSocial = layui.pearSocial;
 
 				var config = {
 					keepLoad: 2000, // 主 页 加 载 过 度 时 长 可为 false
@@ -95,9 +96,12 @@
 						layer.alert("点击消息 : " + id);
 					}
 				}
-
-
-				pearAdmin.render(config);
+                var setting = {
+					elem: 'social'
+				}
+		   
+		        pearSocial.render(setting);
+		        pearAdmin.render(config);
 				pearNotice.render(option);
 
 			})