@charset "utf-8";
/* CSS Document */
* { margin:0px; padding:0px; }
html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;border:0; }
body { line-height:1.6em; font-family:"Microsoft YaHei", "微软雅黑", Helvetica, "黑体", Arial, Tahoma; color:#222; font-size:16px; padding:5px; word-wrap:break-word;border:0; }
input, textarea, button, a { outline:0 }
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, fieldset, textarea { margin:0 }
a img, fieldset { border:0 }
a { text-decoration:none;}
a:hover { text-decoration:underline }
.clear { clear:both; }
.chatContent { font-size:16px; color:#000000; margin-top:8px; }
.chatItem { color: #333; }
.name { font-weight:bold; margin:0 5px 0 0; }
.time { font-size:14px; color:#999; }
.system { color: #a8a8a8 }
.system .chatText {margin-left:2em;color:#0003C6;}
.system  *{color:#0003C6;}
.me .name { color:#1D7626; }
.you .name { color:#4C9BCD; }
.chatItemInfo { font-size:16px; display: block; }
.chatText { margin-left:2em; }
/*............气泡样式.........*/
.cloudBody { display:inline-block; position:relative;cursor: pointer;}
.cloud_bg { position:relative; }
.top, .bottom { height:5px; }
.you .cloud_bg_l, .you .cloud_bg_r { background: url(../img/qipao_v.png); }
.me .cloud_bg_l, .me .cloud_bg_r { background: url(../img/qipao_op.png); }
.you .middle { border-right:1px solid #AFAFAF; border-left:1px solid #AFAFAF; background:#B2CF73; }
.me .middle { border-right:1px solid #C8C8C8; border-left:1px solid #C8C8C8; background:#EDEDED; }
.cloud_bg_l, .cloud_bg_r { position:absolute; height:5px; top:0; width:4px; background-repeat: no-repeat; _font-size:0px; _line-height:0px; }
.cloud_bg_m { height:5px; margin:0 4px; _font-size:0px; _line-height:0px; }
.top .cloud_bg_l { left:0; background-position: -22px -7px; }
.you .top .cloud_bg_m { border-top:1px solid #AFAFAF; background:#B2CF73; }
.me .top .cloud_bg_m { border-top:1px solid #C8C8C8; background:#EDEDED; }
.top .cloud_bg_r { right:0; background-position: -54px -7px; }
.bottom .cloud_bg_l { left:0; background-position:-22px -29px; }
.you .bottom .cloud_bg_m { border-bottom:1px solid #AFAFAF; background:#B2CF73; }
.me .bottom .cloud_bg_m { border-bottom:1px solid #C8C8C8; background:#EDEDED; }
.bottom .cloud_bg_r { right:0; background-position:-54px -29px; }
/*............语音............*/
.voiceManager{z-index: 10000;position: absolute;width: 6px;height: 6px;top: -9999px;left: -9999px;}
.jiao { position:absolute; top:8px; left:-6px; width:9px; height:10px; _font-size:0px; _line-height:0px; }
.you .jiao { background: url(../img/qipao_v.png) -4px -15px no-repeat; }
.me .jiao { background: url(../img/qipao_op.png) -4px -15px no-repeat; }
.icoVoice { position:absolute; top:1px; left:5px; width: 19px; height: 21px; cursor: pointer; }
.you .start { background:url(../img/voice01_ie17ced3.gif) no-repeat; }
.me .start { background:url(../img/voice02_ie17ced3.gif) no-repeat; }
.you .stop { background:url(../img/laba1.png) 1px 1px no-repeat; _background-image: none; /* IE6 */_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/laba1.png'); /* IE6 */}
.me .stop { background:url(../img/laba2.png) 1px 1px no-repeat; _background-image: none; /* IE6 */_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/laba2.png'); /* IE6 */}
.voice_long { height:20px;font-size:14px; line-height:20px; color: #646363; text-align:right; display:block; padding-right:20px; }
.noPlayed { position:absolute; top:0px; right:5px; width:12px; height:12px; background: url(../img/dian.png) no-repeat 0px 0px;
_background-image: none; /* IE6 */_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/dian.png'); /* IE6 */ _font-size:0px; _line-height:0px; }
/*..........视频...........*/
.forVideo{ width:auto; };
.video_switch{color: #2e7dc6;}
.video_switch{cursor: pointer;}
a:hover .icon14_common.switch_gray {background: url(../img/jiantou.png) 0 0 no-repeat;_background-image: none; /* IE6 */_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/jiantou2.png'); /* IE6 */}
.icon14_common.switch_gray {background: url(../img/jiantou2.png) 0 0 no-repeat;_background-image: none; /* IE6 */_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/jiantou2.png'); /* IE6 */}
.video_switch i {display: inline-block;width: 18px;height: 18px;vertical-align: middle;padding-left: 0;}
.icon14_common {width: 14px;height: 14px;vertical-align: middle;display: inline-block;line-height: 100px;overflow: hidden;}
.wxVideoBoxAction a:hover {text-decoration: underline;}
.videoPanel { padding:5px 9px; }
.imageBorder { display:block;}
.wx_ico_video { position: absolute; z-index: 3; top: 50%; left: 50%; margin: -18px 0 0 -18px; padding:13px; width: 36px; height: 36px; background: url(../img/ico_video17ced3.png) no-repeat; opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;
_background-image: none; /* IE6 */_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/ico_video17ced3.png'); /* IE6 */}
.wx_ico_video:hover { opacity: 1; filter: none; }
.wx_video_duration { display:none; position: absolute; z-index: 3; left:9px; bottom:0px; _bottom:15px;  width:160px; line-height: 20px; height:20px; text-align: right; color: #FFFFFF; background: #000000; filter: alpha(opacity=60); }
/*..........图文..........*/
.imgText .chatText{ width:300px;}
.imgText_content { border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; background:#F3F3F3; padding-bottom:5px;}
.cover_appmsg_item { position:relative; margin:0px 9px 0px 9px; zoom:1;}
.cover_appmsg_item img { margin-top:5px; }
.cover_appmsg_item .appmsg_title { position:absolute; left:0px; bottom:-1px; background: #666; width:100%; height:28px; overflow: hidden; filter: alpha(opacity=60); }
.appmsg_title { font-weight:400; font-style:normal; font-size:16px; padding-top:0px; height: 40px;
overflow: hidden; word-wrap:break-word; word-break:break-all }
.appmsg_title a { display:block; color:#fff;}
.cover_appmsg_item .appmsg_title a { padding:0 4px; color:#fff; text-decoration:none}

.appmsg_item{ border-top:1px solid #D3D3D3; position:relative;zoom:1; margin-top:10px; padding:8px 7px;height:40px;}
.appmsg_item .appmsg_thumb{ float:right; display:inline;}
.appmsg_item .appmsg_title a{ color:#000; line-height:20px;text-decoration:none;}
.imgText_time {padding-left:9px;}
.imgText .top, .imgText .bottom, .more .top, .more .bottom { position: relative; }
.imgText .top, .imgText .bottom, .imgText .top div, .imgText .bottom div, .more .top, .more .bottom, .more .top div, .more .bottom div { height:5px; font-size:0px; line-height:0px; }
.top_l_radius, .top_r_radius, .bottom_l_radius, .bottom_r_radius { position:absolute; width:5px; height:5px; background:#333 }
.top_l_radius { background:url(../img/t_l.png) no-repeat; left:0px; top:0px; }
.top_r_radius { background:url(../img/t_r.png) no-repeat; right:0px; top:0px; }
.bottom_l_radius { background:url(../img/b_l.png) no-repeat; left:0px; bottom:0px; }
.bottom_r_radius { background:url(../img/b_r.png) no-repeat; right:0px; bottom:0px; }
.top_m_radius { border-top:1px solid #D3D3D3; background:#F3F3F3; }
.top_m_radius, .bottom_m_radius { margin:0px 5px; }
.bottom_m_radius { border-bottom:1px solid #D3D3D3; background:#F3F3F3; }
/**..............已结束的对话记录*/
.over *{color:#999999 !important;}

/*..............系统客服通知...................*/
.notice .title{line-height:1.5em;color:red;}
.notice .title img.icon{vertical-align:middle;}
.notice .notice_content{line-height:1.5em; color:#333; text-indent:0em;}

/*...............系统图标.................*/
.icon em{ display:inline-table; float:left; width:20px; height:20px; vertical-align:bottom;  clear:both;}
.notice .icon em{ background:url(../new_email.png) no-repeat;}