

.msg-item-common{
  position: relative;
  padding-bottom: 3px;
}
.msg-item-common .im_content{
  display: inline-block;
  background:#e0dfe0;
  padding: 10px;
  border-radius: 10px;
  position: relative;
  left: 5px;
}
.msg-item-common .im_content:after{
  content: '';
  width:12px;
  height: 18px;
  background: url(../images/dot_left.png) no-repeat center center;
  background-size:100% auto;
  position: absolute;
  left: -4px;
  top: 10px;
}
.msg-item-common .avatar{
  width:32px;
  height:32px;
  border-radius: 50%;
}
.msg-item-common .text-che{
  float: right;
  margin: 3px 5px;
}
.msg-item-type-left .im_to,.msg-item-type-left .im_from{
  position: absolute;
  left: 0;
  top:3px;
  color:#999;
  padding-left: 35px;
}
.msg-item-type-left .avatar{
  position: absolute;
  left: 0;
  top: 0;
}
.msg-item-type-left .im_content{
  margin: 25px 0 0 35px;
  word-break:break-all;
  word-wrap: break-word; 
}
.msg-item-type-left .im_content a{
  color:#999;
}
.msg-item-type-right .im_to,.msg-item-type-right .im_from{
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 32px;
  color:#999;
}
.msg-item-type-right .avatar{
  position: absolute;
  right: -3px;
  top: 0;
}
.msg-item-type-right .im_content{
  float: right;
  margin: 5px 35px 0 0;
  background:#009BDB;
  color:#fff;
}
.msg-item-common.msg-item-type-right .im_content:after{
  background-image: url(../images/dot_right.png);
  left: auto;
  right: -4px;
  
}
.msg-item-type-right .im_content a{
  color:#fff;
}
img.emote{
  width:28px;
}
.msg-item-isadmin .im_from,.msg-item-isadmin .im_to{
  color:#f00!important;
}