/* 容器 */
.room-chat-container{
  padding: 10px 0;
}
.room-chat-padding{
  padding: 0 10px;
}
/* 容器 */

/* 控件功能 */
.room-chat-control{
  margin: 10px 0;
}
.room-chat-control-item{
  @include square(24px);
  margin-right: 10px;
}
.room-chat-radio{
  @include square(16px);
  border-radius: 3px;
  background-color: transparent !important;
  border: 1px solid #fff;
  margin-right: 4px;
}
.room-chat-radio::v-deep .radio-icon{
  @include square(75%);
}
.room-chat-radio-container{
  font-size: 12px;
  line-height: 16px;
}
.room-chat-radio-container:hover .room-chat-type{
  transform: translateX(0%);
}
.room-chat-type{
  width: 160px;
  background-color: #2f294b;
  right: 0;
  bottom: 20px;
  border-radius: 10px;
  padding: 5px 0;
  transition: .3s;
  transform: translateX(120%);
}
.room-chat-shield-item{
  height: 40px;
}
/* 控件功能 */

/* 消息内容 */
.room-chat-input{
  height: 32px;
  border-radius: 16px;
  background-color: rgba(255,255,255,0.05);
  padding: 0 12px;
}
.room-chat-input input{
  height: 100%;
  resize: none;
  line-height: 24px;
  font-size: 14px;
}
.room-chat-input input,.room-chat-input input::placeholder{
  color: #fff;
}
.room-chat-send{
  margin-left: 10px;
  width: 70px;
  height: 32px;
  background: #FF6969;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  border-radius: 16px;
}
/* 消息内容 */

/* 表情 */
.room-chat-chat-emoji{
  bottom: 80px !important;
  left: 10px !important;
  width: 295px !important;
}
/* 表情 */
