.icon-voice[data-v-4b50eaba]{display:inline-block;margin-right:5px}.chat-box-message__item[data-v-fe757bf2]{margin-bottom:20px}.chat-box-message__item .date[data-v-fe757bf2]{text-align:center;margin:10px 0}.chat-box-message__item .date span[data-v-fe757bf2]{background-color:#dadada;font-size:12px;color:#fff;border-radius:3px;padding:2px 5px;letter-spacing:1px}.chat-box-message__item .main[data-v-fe757bf2]{display:-webkit-box;display:-ms-flexbox;display:flex}.chat-box-message__item .main .avatar[data-v-fe757bf2]{-ms-flex-negative:0;flex-shrink:0;height:40px;width:40px}.chat-box-message__item .main .avatar .el-image[data-v-fe757bf2]{border-radius:3px}.chat-box-message__item .main .det[data-v-fe757bf2]{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-fe757bf2]{margin-bottom:5px}.chat-box-message__item .main .det .content[data-v-fe757bf2]{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-fe757bf2]{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-fe757bf2]{border-top-left-radius:0;background-color:#fff}.chat-box-message__item.is-left.is-voice .content[data-v-fe757bf2]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.chat-box-message__item.is-right .main[data-v-fe757bf2]{-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-fe757bf2]{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-fe757bf2]{border-top-right-radius:0;background-color:#2f3447;color:#fff}.chat-box-message__item.is-right.is-voice .content[data-v-fe757bf2]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chat-box-message__item.is-text .content[data-v-fe757bf2]{max-width:100%;min-width:40px;word-wrap:break-word}.chat-box-message__item.is-text .content[data-v-fe757bf2],.chat-box-message__item.is-voice .content[data-v-fe757bf2]{padding:10px;line-height:20px;letter-spacing:1px}.chat-box-message__item.is-emoji .content[data-v-fe757bf2]{padding:10px}.chat-box-message__item.is-emoji .content img[data-v-fe757bf2]{height:20px;width:20px}.chat-box-message__item.is-voice .content[data-v-fe757bf2]{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-fe757bf2]:hover{opacity:.8}.chat-box-message__item.is-video .item video[data-v-fe757bf2]{max-width:300px;max-height:300px}.chat-box-message__item.is-goods .item[data-v-fe757bf2]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px}.chat-box-message__item.is-goods .item__cover[data-v-fe757bf2]{height:80px;width:80px;border-radius:6px;margin-right:10px}.chat-box-message__item.is-goods .item__det[data-v-fe757bf2]{width:200px}.chat-box-message__item.is-goods .item__det p[data-v-fe757bf2]:first-child{font-size:15px}.chat-box-message__item.is-goods .item__det p[data-v-fe757bf2]:last-child{font-size:18px;margin-top:18px}.chat-box-message__item.is-goods .item__det p[data-v-fe757bf2]:last-child:before{content:"￥";font-size:12px}.chat-box-message__item.is-image .main .det .content[data-v-fe757bf2]{background-color:#fff}.chat-box-message__item.is-image .main .det .content[data-v-fe757bf2] .el-image{display:block;border-radius:6px;max-width:200px;min-width:80px}