对聊天室外观和功能进行大改，添加使用表情包功能

WebRoot/css/chart_style.css

@@ -1,9 +1,11 @@
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 
 body {
-	
-
+	background: url(../chartroom/images/top.jpg); 
+	height: 100%;
+	width: 100%;
 }
+
 td {
 	font-size: 9pt; line-height:144%;
 }
@@ -22,11 +24,9 @@ a {
 }
 .btn_orange {
 	font-size: 9pt;color: #FFFFFF;	
-	background-color: #FF6600;cursor: hand;padding:1px;height:19px;
-	border-top: 1px solid #FF6600;border-right:1px solid #666666;
-	border-bottom: 1px solid #666666;border-left: 1px solid #FF6600;
 	float:right;
-	magin-top:15px;
+	margin-top: -17px;
+	margin-right: 2px;
 }
 .btn_blank {
 	font-family: "<22><><EFBFBD><EFBFBD>";	font-size: 9pt;color: #FFFFFF;	
@@ -71,37 +71,82 @@ input {
 }
 .chatTop{
 	max-width:100%;
-	height:148;
-	background-image: url(../chartroom/images/top.jpg);
-
-
+	margin-top:25px;
+	padding-top:25px;
+	height:130px;
+	background-color:#317cb5;
+	
 }
-.message{max-width:200px;}
+
+.chatTopspan{
+	color: #fff;
+	font-size: 60px;
+}
+
 .chatsent{
-	padding:15px 0px 5px 50px;
-	background-color:#adadad;
+	padding:25px 0px 5px 0px;
+	background-color:#317cb5;
+}
 
+.chatsent2{
+	display:inline;
+	max-width: 50px;
+}
 
+.chatsenttable{
+	display:inline;
+	max-width: 50px;
+	margin-bottom: 500px;
 }
 .chatsentinput{
-	padding:0px 0px 10px 70px;
+	padding:0px 0px 10px 0px;
+}
+.chat1{
+	padding-left:100px;
+	padding-right:100px;
+	background-color:#317cb5;
 }
 .chat{
 	padding-top:20px;
+	padding-left:50px;
 	background-color:#f5f5f5;
-	overflow:scroll;
-	  height:500px;
-}
-.list{
-	padding:5px;
-	background-color:#eae8e7;
 	overflow-y:auto;
 	 overflow-x:auto;
-	  width:400px; 
 	  height:500px;
+	 max-width:100%; 
+ border-radius:10px 10px 10px 10px;
+}
+.list{
+	position:fixed;
+	margin-left:1170px;
+	top:180px;
+	padding:5px;
+	background-color:#3d87c6;
+	overflow-y:auto;
+	 overflow-x:auto;
+	  width:120px; 
+	  height:400px;
+	  border-radius:0px 10px 10px 0px;
 }
 .send{
 	margin-left:20px;
 	
 }
-
+.tempuser{
+	display:none;
+}
+.message{
+	width:400px; 
+	 height:100px;
+	  border-radius:10px 10px 10px 10px;
+}
+.mes{
+	background-color:#fff;
+	padding:5px 10px 5px 10px; 
+	display: inline;
+	width:400px; 
+	border-radius:10px 10px 10px 10px;
+}
+.me{
+	margin-top:2px;
+}