.previewImage-text{
    display: none;
}

.chatInfo[data-v-bfe1d524] {
  background: #f3f5fa;
  height: 100%;
  overflow: scroll;
}
.chatInfo .wrap-container[data-v-bfe1d524] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.chatInfo #image[data-v-bfe1d524] {
  opacity: 0;
  width: 24px;
  height: 24px;
}
.chatInfo .title[data-v-bfe1d524] {
  height: 44px;
  background: #387cff;
}
.chatInfo .nim-container[data-v-bfe1d524] {
  margin-bottom: 115px;
  margin-top: 212px;
}
.chatInfo .nim-container .nim-container-wrap[data-v-bfe1d524] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chatInfo .footer[data-v-bfe1d524] {
  position: fixed;
  height: 84px;
  width: 100%;
  bottom: 0;
  background: #fff;
}
.chatInfo .footer .footer-wrap[data-v-bfe1d524] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.chatInfo .footer .footer-wrap .left-img[data-v-bfe1d524] {
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADpElEQVRoQ+2ZT4gbVRzHv9+XPy0qLFUQKh4UPFRcDe6MM+1kVo2gVVAPIltxpVTBm4iiUFARS6kX9SbetJRFQaSoFZeqeHA3s22myaVIL9JSFBYPaittkU0m71fGdrchTpLZ7Ew2i3mXDJnf/N738/v93nvz3hAbvHGD68cIYL0zOMrAKANrjEDHEir7tWnR8jKJ27BeY50SQFCRDF6ZNM1fo1gjAcrHTjwJxa/XGJzEHifwC5v1guM4/7Q7jQTwKtUvBHg6MQUJOFLgo45tfBcLYL5S8whxEug3MRckXyhaxsH/B4Dn1zyR6AwQ+BvEGxkdHNE6u0Wy3Csi04mFuoOjRDJAUhN8xLEmfmztp+zXZiDyXJoQiQAAqLi2ub1daNn374Kon4cGoHMJ8ahrG4+1C52bq25Vm7A4NAAdZyHyfE6uu8O27/yzVazn154XkU+GBqDbIAbxQ0Ph2ZJp/hEKXvB9R4s6AuCmtQCISJOK72mtZhT1/SLyIcnMss9VjYGuAFc8ng+1QzAGIhwTKx31CdFQ4C7HNr5cfr58/MRhkE/1BTDghUyD3O1axqdtZXlQRPYMNQBJAeSlomV+1J45z69tAADwraJtHIgqu6EHIPFB0TJf7zRmhhpAAR/vsIwXr5RQdBs8APGbaLmldeqLlEYeXjx7etfU1FSz24w1UACC+4q28c7CQvVuneEMIIUocQS+H7t+8xPj4+P1XtPtwABImXPuM0vhi14oanZ2dtPYjTcfgOKrIqKuCeWxS5uzD+8sFC71Eh/eHwiAhAtaBoWo/apXqT2kIYcI3ArwpNRzD05O3nMujviBAYB8xrWMzzuJmp8/uYX5+r4G9bsly/o9rviBACiqQ441sbJSrkZcHNt0S4g4jfoN97rutgtxxPRjkyZAAOGku9043o+wuM+kB0C87Vrm/rhC+rVLB4DwFs+eeaDXItSv6MTeRjvtBwg8XrTNb5MQ2MvHmjLQBeArpbG/mdFL1wTkVy7JxtWTvjzYuHqdB4KAzOeARvgLIGDYAob/tzalmko3lRJIViBvEti57HxVO7IBb2h6JePf+6sC8CrVo9JCH6uH9I2mXdv8rL2b6MNdv/qaCN5PX1PsHi6goba57sR/jm4iAarVam5JM9zSpX5kGAPhrwy5Z4dlfBNl2/Ub2U+Vyu055rcGDNblW1oWucbSxXOnSqXSxU6g6yIsRtRjm4wAYocqJcNRBlIKbGy3owzEDlVKhpcB0MIIT7ZPxW0AAAAASUVORK5CYII=);
  background-size: cover;
}
.chatInfo .footer .footer-wrap .left-img[data-v-bfe1d524] .cube-upload-btn {
  opacity: 0;
}
.chatInfo .footer .footer-wrap .right-img[data-v-bfe1d524] {
  width: 24px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADc0lEQVRoQ+2Xy2vUUBTGvzNji3WjpSC40IW48tGFIiZtdeFjIepKR/8AaRfiC91OJm0za18gUvEvqK+VrRUUUWyC1oX1taoIdaFURAQV7SRHMjR1GpPcZHKnMwNmN3PPPff77vmdexNCkz/U5Prx30C9K9g0Fejq551cwj0GskuzWPVwgD66m9fwBpQ8XwXQu6DShF7LoGsNa2BHkVfP/sIEM1YGIWoVaX7jG6oCSoFPwMElUV81lIGczq3TNu4D6BEJn0NmxizSfGXqVgG1wLvgYMxtyjjCvZhMBsfGB+mK97suBro0PukwLiYR7sW2AusfFentohtIikqYuUr+F+UUUnTeTTbuJkWl7gZUjYeY0VcNJmFziDBsGnSkclxqD3TrvMZx8Czs/BaaIThgZMLi/PxLQ0jN8ykGLggFhgQQMAVCBzNWROXw85/KgNuUHxw8YEZ3tcLLAjI4DkZRJN6NlWKgu8B7HAejMpqyPYvlX228Z6BdtAkEXDeLdNgfF7sHAl+qRKtGIGMWaZ2a5y9xxLtpWrLY8HiA3iQykLopAwy4yJiDdDmJ+DB8QntA1fg0M85XucGh01xkRgfoW1LxiQyoBc6xg2GZ4t1TxkXGzVmN+DD+AyvQN8Qtk9P4LcuAh0y14qP4D0UoN8zZ6UmU0prwkEkjPgof4T2g5PkzgI6kRiqRSSs+lQF3sqLxCBh745qoREaGeCLcMA3Kha0f6x5QC3yUHZQ/oqOeSmRkiHdzZAkbnxj0OpUBd3KPzmtLNqaCEvmRkSVehI+wB/xidZ0zYzbsyv/9yMgUL92AJ1zV+JP7yuxHRrZ4Ef+JKyDqgWouqaicIv6lGpAtPg4+0gxs17lz1sYLUYWSjge9//tzxDpGRQv3aLytxLBEcYnGCTctgw6J5jSsgcwSbBrvp1dNayAOPtJ6oBYINbeBmPzXvgKEEcugfXMX3A8G2kRMu+Nx+a+tgQrxnmhF4wkwtohMxMWnZgaIcMc0aH+QULXAg+xAizKx6AYUnTfDxvPyjkSI90R3abzVYTwNNEG4ZRl0UFQlb1zKPeAmU/L8DoTblkFn4yx+oJ+XzZTw/Z+bldBpGvQyTg5pCMVdLBCpPC9o7iT4NISBcvX+NvesVaTWJBsiDaEkiwZW4hy3mWfoZ9I8DWMgqXDpTVytgLTz/gAZRoBASJIxCwAAAABJRU5ErkJggg==);
  background-size: cover;
}
.chatInfo .footer .footer-wrap .center-input[data-v-bfe1d524] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chatInfo .footer .footer-wrap .center-input input[data-v-bfe1d524] {
  width: 90%;
  height: 36px;
  line-height: 36px;
  outline: none;
  border: none;
  background: #f4f5fa;
  border-radius: 18px;
  margin-left: 5%;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  color: #0c2233;
}
.chatInfo .footer .footer-wrap .center-input input[data-v-bfe1d524]::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #c4c9cc;
}
.chatInfo .footer .footer-wrap .center-input input[data-v-bfe1d524]::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #c4c9cc;
}
.chatInfo .footer .footer-wrap .center-input input[data-v-bfe1d524]::placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #c4c9cc;
}
.chatInfo .content .s[data-v-bfe1d524] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 51px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.chatInfo .content .s .s-right[data-v-bfe1d524] {
  margin-right: 15px;
}
.chatInfo .content .s .wrap[data-v-bfe1d524] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.chatInfo .content .s .wrap .flag[data-v-bfe1d524] {
  margin-right: 8px;
  width: 39px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #08c98a;
  border-radius: 0px 50px 50px 0px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.chatInfo .content .s .wrap .flag.active[data-v-bfe1d524] {
  background: #f9535b;
}
.chatInfo .content .x .x-s[data-v-bfe1d524] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  font-weight: 400;
  color: #a2a8c3;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 10px;
}
.chatInfo .content .x .x-x[data-v-bfe1d524] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 15px;
}
.chatInfo .content .x .x-x .x-x-left[data-v-bfe1d524] {
  font-size: 22px;
  font-weight: 600;
  color: #387cff;
}
.chatInfo .content .x .x-x .x-x-right[data-v-bfe1d524] {
  font-size: 20px;
  font-weight: 500;
  color: #387cff;
}
.chatInfo .info[data-v-bfe1d524] {
  height: 168px;
  background: #fff;
}
.chatInfo .info .info-title[data-v-bfe1d524] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #0c2233;
  -webkit-box-shadow: 0px 1px 0px 0px #ededf0;
          box-shadow: 0px 1px 0px 0px #ededf0;
  border-radius: 8px 8px 0px 0px;
}
.chatInfo .info .info-title .left[data-v-bfe1d524] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.chatInfo .info .info-title .left span[data-v-bfe1d524] {
  font-size: 16px;
  font-weight: 500;
  color: #0c2233;
}
.chatInfo .info .info-title .left img[data-v-bfe1d524] {
  margin-right: 8px;
}
.chatInfo .info .info-title .right[data-v-bfe1d524] {
  font-size: 14px;
  font-weight: 400;
  color: #a2a8c3;
}