.chat li[data-v-3d5d15ac]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;opacity:0;-webkit-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards}.chat li .face[data-v-3d5d15ac]{border-radius:50%;overflow:hidden;width:40px;height:40px;margin-right:10px}.chat li .face img[data-v-3d5d15ac]{width:100%}.chat li .content[data-v-3d5d15ac]{width:calc(100% - 50px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.chat li .content .name[data-v-3d5d15ac]{margin-bottom:5px}.chat li .content .meg>span[data-v-3d5d15ac]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:10px;border-radius:0 10px 10px 10px;padding:10px;background:#eee;position:relative;text-align:left;line-height:1.3;letter-spacing:1px;white-space:pre-wrap}.chat li .content .meg>span[data-v-3d5d15ac]::before{position:absolute;left:-10px;top:0;content:"";background:#eee;display:inline-block;width:10px;height:10px}.chat li .content .meg>span[data-v-3d5d15ac]::after{position:absolute;left:-10px;top:0;content:"";background:#fff;display:inline-block;width:10px;height:10px;border-radius:0 10px 0 0}.chat li .content .meg>span:hover i[data-v-3d5d15ac]{opacity:1}.chat li .content .meg>span i[data-v-3d5d15ac]{position:absolute;right:0;top:0;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);opacity:0;font-size:1.2rem;z-index:1}.chat li .content .meg>span p[data-v-3d5d15ac]{margin-bottom:10px;white-space:pre-line}.chat li .content .meg>span span[data-v-3d5d15ac]{-ms-flex-item-align:end;align-self:flex-end}.chat li.reverse .face[data-v-3d5d15ac]{margin-right:0;margin-left:10px}.chat li.reverse .content[data-v-3d5d15ac]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.chat li.reverse .content .name[data-v-3d5d15ac]{margin-bottom:5px}.chat li.reverse .content .meg>span[data-v-3d5d15ac]{margin-right:10px;border-radius:10px 0 10px 10px;white-space:pre-wrap}.chat li.reverse .content .meg>span[data-v-3d5d15ac]::before{left:auto;right:-10px;top:0}.chat li.reverse .content .meg>span[data-v-3d5d15ac]::after{left:auto;right:-10px;top:0;border-radius:10px 0 0 0}.chat li.reverse .content .meg>span i[data-v-3d5d15ac]{left:0;right:auto;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.chat li.reverse .content .read[data-v-3d5d15ac]{margin-top:5px;margin-right:10px}.message_input[data-v-3d5d15ac]{width:calc(100% - 100px)}