.chatlist[data-v-210ff56f]{margin:20px;padding:12px}.chatlist p.time[data-v-210ff56f]{margin:0;text-align:center}.chatlist p.time span[data-v-210ff56f]{padding:5px 18px;display:inline-block;font-size:9pt;color:#fff;border-radius:2px;background-color:#dcdcdc}.chatlist .chatin[data-v-210ff56f],.chatlist .chatout[data-v-210ff56f]{position:relative;margin:10px 0}.chatlist .chatout[data-v-210ff56f]{text-align:right}.chatlist .chatout img[data-v-210ff56f]{float:right;width:40px;height:40px;border-radius:50%;margin:0 0 0 10px}.chatlist .chatout .content[data-v-210ff56f]{display:inline-block;position:relative;padding:10px;max-width:calc(100% - 90px);min-height:40px;line-height:20px;font-size:13px;word-break:break-all;border-radius:4px;background-color:#66a6ff;color:#fff}.chatlist .chatout .content[data-v-210ff56f]:before{content:" ";position:absolute;top:9px;left:100%;border:6px solid transparent;border-left-color:#66a6ff}.chatlist .chatin .username[data-v-210ff56f]{position:absolute;font-size:12px;left:35px;color:#b3b1b1}.chatlist .chatin .face[data-v-210ff56f]{float:left;width:40px;height:40px;border-radius:50%;margin:0 10px 0 0}.chatlist .chatin .content[data-v-210ff56f]{margin-top:18px;margin-left:5px;display:inline-block;position:relative;padding:10px;max-width:calc(100% - 90px);min-height:40px;line-height:20px;font-size:13px;word-break:break-all;border-radius:4px;text-align:left;background-color:#a6c1ee}.chatlist .chatin .content[data-v-210ff56f]:before{content:" ";position:absolute;top:9px;right:100%;border:6px solid transparent;border-right-color:#a6c1ee}.chart[data-v-3fe01c08]{background-color:#fff}.chart .message[data-v-3fe01c08]{height:calc(100vh - 235px);border:1px solid #f1f1f1;overflow:auto;position:relative}.chart .message .long-click[data-v-3fe01c08]{background:transparent;left:50%;margin-left:-130px;z-index:9;top:0;position:absolute}.chart .message .item .c_checkbox[data-v-3fe01c08]{-webkit-transform:translate(-3px,3px);transform:translate(-3px,3px)}.chart .message .item .chart-image[data-v-3fe01c08]{max-height:200px;max-width:1000px;vertical-align:top}.chart .message .item .operation[data-v-3fe01c08]{opacity:0;-webkit-transform:translate(-50);transform:translate(-50);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.chart .message .item:hover .operation[data-v-3fe01c08]{-webkit-transform:translate(0);transform:translate(0);opacity:1}