[data-v-c10bd3de]:export{colorPrimary:#4165d7;colorSuccess:#67c23a;colorDanger:#f56c6c;colorInfo:#909399;colorWarning:#e6a23c}.icon-voice[data-v-c10bd3de]{display:inline-block;margin-right:5px}[data-v-b7f3bcf8]:export{colorPrimary:#4165d7;colorSuccess:#67c23a;colorDanger:#f56c6c;colorInfo:#909399;colorWarning:#e6a23c}.chat-box-message__item[data-v-b7f3bcf8]{margin-bottom:20px}.chat-box-message__item .date[data-v-b7f3bcf8]{text-align:center;margin:10px 0}.chat-box-message__item .date span[data-v-b7f3bcf8]{background-color:#dadada;font-size:12px;color:#fff;border-radius:3px;padding:2px 5px;letter-spacing:1px}.chat-box-message__item .main[data-v-b7f3bcf8]{display:-webkit-box;display:-ms-flexbox;display:flex}.chat-box-message__item .main .avatar[data-v-b7f3bcf8]{-ms-flex-negative:0;flex-shrink:0;height:40px;width:40px}.chat-box-message__item .main .avatar .el-image[data-v-b7f3bcf8]{border-radius:3px}.chat-box-message__item .main .det[data-v-b7f3bcf8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:60%}.chat-box-message__item .main .det .name[data-v-b7f3bcf8]{margin-bottom:5px}.chat-box-message__item .main .det .content[data-v-b7f3bcf8]{display:inline-block;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px}.chat-box-message__item.is-left .main .det[data-v-b7f3bcf8]{margin-left:10px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.chat-box-message__item.is-left .main .det .content[data-v-b7f3bcf8]{border-top-left-radius:0;background-color:#fff}.chat-box-message__item.is-left.is-voice .content[data-v-b7f3bcf8]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.chat-box-message__item.is-right .main[data-v-b7f3bcf8]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chat-box-message__item.is-right .main .det[data-v-b7f3bcf8]{margin-right:10px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.chat-box-message__item.is-right .main .det .content[data-v-b7f3bcf8]{border-top-right-radius:0;background-color:var(--color-primary,#4165d7);color:#fff}.chat-box-message__item.is-right.is-voice .content[data-v-b7f3bcf8]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chat-box-message__item.is-text .content[data-v-b7f3bcf8]{max-width:100%;min-width:40px;word-wrap:break-word}.chat-box-message__item.is-text .content[data-v-b7f3bcf8],.chat-box-message__item.is-voice .content[data-v-b7f3bcf8]{padding:10px;line-height:20px;letter-spacing:1px}.chat-box-message__item.is-emoji .content[data-v-b7f3bcf8]{padding:10px}.chat-box-message__item.is-emoji .content img[data-v-b7f3bcf8]{height:20px;width:20px}.chat-box-message__item.is-voice .content[data-v-b7f3bcf8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:65px;cursor:pointer}.chat-box-message__item.is-voice .content[data-v-b7f3bcf8]:hover{opacity:.8}.chat-box-message__item.is-video .item video[data-v-b7f3bcf8]{max-width:300px;max-height:300px}.chat-box-message__item.is-image .main .det .content[data-v-b7f3bcf8]{background-color:#fff}.chat-box-message__item.is-image .main .det .content[data-v-b7f3bcf8] .el-image{display:block;border-radius:6px;max-width:200px;min-width:80px}.chat-box-message__item.is-undefined .main .det .content[data-v-b7f3bcf8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;letter-spacing:1px;background-color:#f56c6c;color:#fff}.chat-box-message__item.is-undefined .main .det .content .el-icon-warning-outline[data-v-b7f3bcf8]{font-size:15px;margin-left:4px}