*				{margin:0; padding:0;  text-decoration:none}
a				{color:#4d4d4d}
.clear			{height:0; overflow:hidden; clear:both}
.hide           {display:none}
.blue           {color:#4b7ec1}
ul li           {list-style-type:none}
p,div           {margin:0}
#chatWindow            { overflow:hidden; z-index:9999999}
img             {border:0}
.chat_tt            {height:50px; background:#308bd8; position:relative; border-radius: 6px 6px 0 0;}
.chat_ct        { position:relative; border: 1px solid #308bd8; border-radius: 0 0 6px 6px;}
.chat_ct .tab   {margin-bottom:10px}
.chat_ct .info  {width:170px; float:right; padding:30px 15px 0 20px; border-left:1px solid #eee; position:relative}
.chat_ct .info ul li   {line-height:22px; color:#4b7ec1; height:22px; overflow:hidden}
.chat_ct .info .fdname {text-indent:32px}
.chat_ct .info .person {border-bottom:1px dashed #4b7ec1; padding-bottom:20px; padding-left:10px;}
.chat_ct .info .contact {padding-top:10px; padding-bottom:40px; background:url(../images/leftbg.gif) no-repeat bottom center}
.chat_ct .info .banner  {position:absolute; bottom:40px; left:20px}
.chat_ct .chatwnd .chatview {line-height:20px; height: 330px; overflow-y: auto; color:#787878;padding:10px; }
.chat_ct .chatwnd .chatview .welcome    {margin-bottom:5px}
.chat_ct .chatwnd .chatview .fromuser   {color:#4b7ec1; margin-top:5px}
.chat_ct .chatwnd .chatview .touser     {color:#4b7ec1; margin-top:5px}
.chat_ct .chatwnd .chatview .say        {padding-left:12px}
.chat_ct .chatwnd .chatview .emot       {background:url(../images/emotion.jpg) no-repeat; position:relative; width:20px; height:20px; display:inline-block}
.chat_ct .chatwnd .chatedit             { height: 150px;}
.chat_ct .chatwnd .chatedit .toolbar    {height:25px; padding-top:5px; padding-bottom: 3px; position:relative; border-top: 1px solid #ddd;}
.chat_ct .chatwnd .chatedit .toolbar .toolIcon  {float:left; cursor:pointer;margin: 0 0px 0 10px;}
.chat_ct .chatwnd .chatedit .toolbar .toolIcon img{ background: #bbb; }
.chat_ct .chatwnd .chatedit .toolbar p img      {vertical-align:middle; display: block; width: 20px; height: 20px;}
.chat_ct .chatwnd .chatedit .inputarea          {position:relative}
.chat_ct .chatwnd .chatedit .inputarea textarea {width:100%; border:0; overflow-y:auto}
.chat_ct .chatwnd .chatedit .inputarea .btsend  {position:absolute; top:80px; right:10px;}
.chat_ct .chatwnd .chatedit .inputarea .ctrlmenu    {position:absolute; top:46px; right:0; background:url(../images/ctrlmenu.gif) repeat-y; width:121px; border:1px solid #ccc; display:none}
.chat_ct .chatwnd .chatedit .inputarea .ctrlmenu li {height:24px; line-height:24px}
.loginwrp               {height:230px; width:400px; position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-115px; background-color:rgb(113,101,100); padding:10px; filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9; z-index:999; display:none}
.loginct                {background:white; height:230px; width:400px;}
.loginct h6             {background:url(../images/bgtop.jpg) repeat-x 0 -5px; height:30px; line-height:30px; text-indent:20px; font-size:14px; font-family:"微软雅黑"; font-weight:normal; position:relative}
.loginct h6 a           {position:absolute; right:10px; top:0px; color:#222}
.loginct .loginform                 {float:left; width:240px}
.loginct .loginform ul             {margin:20px}
.loginct .loginform ul li          {line-height:25px}
.loginct .loginform ul li input    {width:100%; height:20px; line-height:20px}
.loginct .loginform ul li strong   {color:#606060}
.loginct .loginform .loginbt       {text-align:right; padding-right:20px}
.loginct .loginform img            {cursor:pointer}
.loginct .regform                  {float:right; width:125px; border-left:1px solid #ccc; height:80px; margin-top:50px; padding-left:30px}
.loginct .regform .temp            {cursor:pointer; width:100px; margin-bottom:10px}
.loginct .regform .temp img        {vertical-align:middle}
.loginct .regform .reg a           {text-decoration:underline}
.loginct .loading                   {text-align:center; margin-top:5px; display:none}
.alertwrp               {height:160px; width:400px; position:absolute; left:50%; top:50%; margin-left:-250px; margin-top:-80px; background-color:rgb(113,101,100); padding:10px; filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9; display:none; z-index:1000}
.alertct                {background:white; height:160px; width:400px; background:rgb(245,245,245)}
.alertct h6             {height:30px; line-height:30px; text-indent:20px; font-family:"微软雅黑"; font-size:14px; background:white; position:relative}
.alertct h6 img         {position:absolute; top:10px; right:10px; cursor:pointer}
.alertct .message       {padding:10px 20px; height:60px; line-height:20px; background:white}
.alertct .dlgbutton     {text-align:right; padding:10px 20px}
.alertct .dlgbutton img {cursor:pointer}
/*
 * changeStyle BY liushengnan*/
.fl{ float: left; }
.fr{ float: right; }
.pr{ position: relative; }
.pa{ position: absolute; }
.pf{ position: fixed; }
/*清除浮动*/
.clearfix:after { content: ""; display: block; height: 0; line-height: 0px; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
textarea { resize:none; }
textarea{outline: none;}
#chatWindow{
	width: 355px;
	height: 552px;
	+width: 400px;
	+height: 562px;
	position: fixed;
	right: 30px;
	bottom: -560px;
	display: none;
	overflow-y: hidden;
}
#chatWindow iframe{
	border: none;
}
#chatBox{
	+width: 350px;
	+height: 530px;
	width: 355px;
	height: 552px;
    background:#fff;
    border-radius:8px;
	/*position: fixed;
	right: 10px;
	bottom: 10px;*/
}
#MsgArea{
	width: 337px;
	height: 60px;
	display: block;
	border: none;
	padding: 5px 8px;
	font-size: 14px;
}
.songEnter{
	height: 26px;
	line-height: 26px;
	color: #666;
	margin-right: 12px;
}
#sendBtn{
	width: 50px;
	height: 26px;
	line-height: 26px;
	background: #308bd8;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	cursor:pointer;
}
.chat_tt{
	position: relative;
}
.chat_tt .logo{
	display: block;
	margin: 0px auto 0;
	padding-top: 8px;
	width: 16px;
	height: 16px;
}
.chat_tt .name{
	color: #fff;
	text-align: center;
	margin-top: 7px;
}
.chat_tt .closeBtn,.chat_tt .slideDownBtn{
	display: block;
	position: absolute;
	right: 10px;
	top: 19px;
	cursor: pointer;
}
.chat_tt .slideDownBtn{
	right: 38px;
}
.chat_tt .closeBtn img,.chat_tt .slideDownBtn img{
	width: 13px;
	height: 13px;
}
#leaveword{
	margin-left: 3px;
}
/*聊天气泡*/
.chatMsg{
	margin-bottom: 15px;
}
.service_name{
	width: 100%;
	margin-left: 5px;
}
.myname{
	width: 100%;
	text-align: right;
	margin-right: 5px;
}
.chatWindow_left{
	margin-left: 5px;
}
.chatWindow_right{
	margin-right: 5px;
}
.chatWindow_left,.chatWindow_right{
	position: relative;
	width: 80%;
}
.chatWindow_left .service{
	float: left;
	background: #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 2%;
	padding-right: 2%;
	border-radius: 4px;
	max-width: 96%;
	word-break: break-all;
	word-wrap: break-word;
	color: #333;
	font-size: 14px;
}
.chatWindow_right .service{
	background: #5ab3ff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 2%;
	padding-right: 2%;
	border-radius: 4px;
	max-width: 96%;
	word-break: break-all;
	word-wrap: break-word;
	color: #fff;
	font-size: 14px;
}
.chatWindow_left:before{
	width: 0;
	height: 1;
	border-width: 6px 7px;
	border-style: dashed solid dashed solid;
	border-color: transparent #eee transparent transparent;
	font-size: 0;
	line-height: 0;  
	content: "";
	position: absolute;
	top: 15px;
	left: -14px;
}
.chatWindow_right:before{
	width: 0;
	height: 1;
	border-width: 6px 7px;
	border-style: dashed solid dashed solid;
	border-color: transparent transparent transparent #5ab3ff;
	font-size: 0;
	line-height: 0;  
	content: "";
	position: absolute;
	top: 15px;
	right: -14px;
}
/*表情盒子*/
.emotionBox{
	width: 341px;
	padding:5px;
	height: 240px;
	border: 1px solid #eee;
	background: #fff;
	z-index: 10;
	left: -10px;
	top: -257px;
	display: none;
}
.chat_ct .chatwnd .chatedit .toolbar .toolIcon img:hover,.chat_ct .chatwnd .chatedit .toolbar .toolIcon img.on{
	background: #308bd8;
}