.chat-item[data-v-b273e57c]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:40px 0;padding:0 20px}.chat-item .other[data-v-b273e57c]{width:100%;position:relative}.chat-item .other .avatar[data-v-b273e57c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%;position:absolute;top:0;left:.2rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#409eff}.chat-item .other .avatar img[data-v-b273e57c]{width:60%;height:60%}.chat-item .other .nt[data-v-b273e57c]{font-size:14px;left:60px;top:-26px;position:absolute;color:#686868}.chat-item .other .nt span[data-v-b273e57c]{padding-right:.1rem}.chat-item .other .nt span[data-v-b273e57c]:nth-child(2){font-size:.1rem}.chat-item .other .msg[data-v-b273e57c]{position:relative;float:left;max-width:60%;margin-left:60px;padding:6px 8px;border-radius:4px;font-size:14px;line-height:21px;background-color:#f3f3f3;word-break:break-all}.chat-item .other .msg[data-v-b273e57c]:after{content:"";position:absolute;right:100%;top:10px;width:14px;height:14px;border-width:0;border-style:solid;border-color:transparent;border-bottom-width:10px;border-bottom-color:#f3f3f3;border-radius:0 0 0 32px;color:#f0f8ff}.chat-item .other .file[data-v-b273e57c],.chat-item .other .img[data-v-b273e57c]{float:left;max-width:60%;margin-left:60px}.chat-item .other .file[data-v-b273e57c]{position:relative;width:120px;height:80px;background-color:#f3f3f3;border-radius:4px;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer}.chat-item .other .file img[data-v-b273e57c]{width:40px;height:40px}.chat-item .other .file[data-v-b273e57c]:after{content:"";position:absolute;right:100%;top:10px;width:14px;height:14px;border-width:0;border-style:solid;border-color:transparent;border-bottom-width:10px;border-bottom-color:#f3f3f3;border-radius:0 0 0 32px;color:#f0f8ff}.chat-item .my[data-v-b273e57c]{width:100%;position:relative}.chat-item .my .avatar[data-v-b273e57c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%;right:0;position:absolute;top:0;right:.2rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#6a5acd}.chat-item .my .avatar img[data-v-b273e57c]{width:60%;height:60%}.chat-item .my .nt[data-v-b273e57c]{font-size:14px;right:60px;top:-26px;position:absolute;color:#686868}.chat-item .my .nt span[data-v-b273e57c]{padding-left:.1rem}.chat-item .my .msg[data-v-b273e57c]{position:relative;float:right;max-width:60%;margin-right:60px;padding:6px 8px;border-radius:4px;font-size:14px;line-height:21px;background-color:#daf4fe;color:#000;word-break:break-all}.chat-item .my .msg[data-v-b273e57c]:after{content:"";position:absolute;left:100%;top:10px;width:14px;height:14px;border-width:0;border-style:solid;border-color:transparent;border-bottom-width:10px;border-bottom-color:#daf4fe;border-radius:0 0 32px 0;color:#f0f8ff}.chat-item .my .img[data-v-b273e57c]{float:right;max-width:60%;margin-right:60px;border-radius:4px}.chat-item .my .img img[data-v-b273e57c]{border-radius:4px}.chat-item .my .file[data-v-b273e57c]{position:relative;float:right;max-width:60%;margin-right:60px;width:120px;height:80px;background-color:#daf4fe;border-radius:4px;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer}.chat-item .my .file img[data-v-b273e57c]{width:40px;height:40px}.chat-item .my .file[data-v-b273e57c]:after{content:"";position:absolute;left:100%;top:10px;width:14px;height:14px;border-width:0;border-style:solid;border-color:transparent;border-bottom-width:10px;border-bottom-color:#daf4fe;border-radius:0 0 32px 0;color:#f0f8ff}.image-slot[data-v-b273e57c]{width:100px;height:100px;line-height:100px;text-align:center;color:#c0c4cc;background:#f5f7fa;font-size:14px}