[data-v-8ba9e576]:export{colorPrimary:#4165d7;colorSuccess:#67c23a;colorDanger:#f56c6c;colorInfo:#909399;colorWarning:#e6a23c}.chat-emoji[data-v-8ba9e576]{height:250px;-webkit-box-sizing:border-box;box-sizing:border-box}.chat-emoji .scroller[data-v-8ba9e576]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%;overflow:auto}.chat-emoji .scroller .block[data-v-8ba9e576]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;width:50px;cursor:pointer}.chat-emoji .scroller .block[data-v-8ba9e576]:active,.chat-emoji .scroller .block[data-v-8ba9e576]:hover{background-color:#f7f7f7}.chat-emoji .scroller .block img[data-v-8ba9e576]{display:inline-block;height:25px;width:25px}[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}.chat-box__wrap{height:650px;min-width:1000px;margin-bottom:0!important}.chat-box__wrap .el-dialog__body{height:calc(100% - 46px);padding:0}.chat-box,.chat-box__wrap .el-dialog__body .cl-dialog__container{height:100%}.chat-box{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f7f7f7}.chat-box__session{height:calc(100% - 10px);width:250px;margin:5px 0 5px 5px;border-radius:5px;background-color:#fff}.chat-box__session-search{padding:10px}.chat-box__session ul{height:calc(100% - 52px);overflow:auto}.chat-box__session ul li{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:10px;border-left:5px solid #fff}.chat-box__session ul li .avatar{height:40px;width:40px;margin-right:12px}.chat-box__session ul li .avatar img{display:block;height:100%;width:100%;border-radius:3px;background-color:#eee}.chat-box__session ul li .avatar .el-badge__content{height:14px;line-height:14px;padding:0 4px;background-color:#fa5151;border:0}.chat-box__session ul li .det{-webkit-box-flex:1;-ms-flex:1;flex:1}.chat-box__session ul li .det .name{font-size:13px;margin-top:1px}.chat-box__session ul li .det .content{font-size:12px;margin-top:5px;color:#666}.chat-box__session ul li .det .content,.chat-box__session ul li .det .name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.chat-box__session ul li.is-active{background-color:#eee;border-color:var(--color-primary,#4165d7)}.chat-box__session ul li:hover{background-color:#eee;cursor:pointer}.chat-box__detail{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-flex:1;-ms-flex:1;flex:1;height:100%;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box}.chat-box__detail-container{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:5px;padding:10px;overflow:auto;margin-bottom:5px}.chat-box__detail-more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}.chat-box__detail-footer{background-color:#fff;padding:10px;border-radius:5px}.chat-box__message{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:5px}.chat-box__opbar{margin-bottom:5px}.chat-box__opbar ul{display:-webkit-box;display:-ms-flexbox;display:flex}.chat-box__opbar ul li{list-style:none;margin-right:10px;cursor:pointer}.chat-box__opbar ul li:hover{opacity:.7}.chat-box__opbar ul li img{height:26px;width:26px}.chat-box__input{position:relative}.chat-box__input .el-button{position:absolute;right:10px;bottom:10px}