/* 视图内容 */
.chat-layout-item {
  height: 80px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  padding: 0 20px;
  width: 100%;
}
.chat-layout-item:last-of-type{
  border-bottom:none;
}
.chat-layout-item-active{
  background-color: rgba(0,0,0,0.2);
  cursor: default;
  //chat-layout-item-active
}
.chat-layout-avatar{
  @include square(40px);
}
.chat-layout-content{
  margin-left: 7px;
  font-size: 14px;
  color: #fff;
}
.chat-layout-label{
  background: $main-linear;
  height: 16px;
  padding: 5px;
  border-radius: 8px;

  font-size: 12px;
  line-height: 12px;
}
.chat-sex-margin{
  margin-left: 5px;
}
.chat-message{
  margin-top: 2px;
  font-size: 12px;
  color: rgba(255,255,255,0.5);
  line-height: 16px;
}
.chat-layout-label-icon{
  font-size: 12px;
  line-height: 12px;
  margin-right: 2px;
}
.chat-layout-label-boy{
  background: #5497F2;
}
.chat-layout-label-girl{
  background: #FE75CC;
}
.chat-dot {
  right: -5px;
  height: 17px;
  min-width: 17px;
  background-color: #FF7D7D;
  border-radius: 8.5px;
  padding: 0 1px;
  width: auto;
  border: 1px solid #fff;
  line-height: 12px;
}
.chat-dot span{
  font-size: 12px;
  transform: scale(0.8);
}

.chat-delete-icon{
  @include square(20px);
}
/* 视图内容 */
