.chat-emoji[data-v-7151ec99]{height:300px;box-sizing:border-box}.chat-emoji .scroller[data-v-7151ec99]{display:flex;flex-wrap:wrap;height:100%;overflow:auto}.chat-emoji .scroller .block[data-v-7151ec99]{display:flex;justify-content:center;align-items:center;height:50px;width:50px;cursor:pointer}.chat-emoji .scroller .block[data-v-7151ec99]:active,.chat-emoji .scroller .block[data-v-7151ec99]:hover{background-color:#f7f7f7}.chat-emoji .scroller .block img[data-v-7151ec99]{display:inline-block;height:25px;width:25px}.icon-voice[data-v-4b50eaba]{display:inline-block;margin-right:5px}.chat-box-message__item[data-v-29320673]{margin-bottom:20px}.chat-box-message__item .date[data-v-29320673]{text-align:center;margin:10px 0}.chat-box-message__item .date span[data-v-29320673]{background-color:#dadada;font-size:12px;color:#fff;border-radius:3px;padding:2px 5px;letter-spacing:1px}.chat-box-message__item .main[data-v-29320673]{display:flex}.chat-box-message__item .main .avatar[data-v-29320673]{flex-shrink:0;height:40px;width:40px}.chat-box-message__item .main .avatar .el-image[data-v-29320673]{border-radius:3px}.chat-box-message__item .main .det[data-v-29320673]{display:flex;flex-direction:column;max-width:60%}.chat-box-message__item .main .det .name[data-v-29320673]{margin-bottom:5px}.chat-box-message__item .main .det .content[data-v-29320673]{display:inline-block;border-radius:8px;box-sizing:border-box;font-size:12px}.chat-box-message__item.is-left .main .det[data-v-29320673]{margin-left:10px;align-items:flex-start}.chat-box-message__item.is-left .main .det .content[data-v-29320673]{border-top-left-radius:0;background-color:#fff}.chat-box-message__item.is-left.is-voice .content[data-v-29320673]{justify-content:flex-start}.chat-box-message__item.is-right .main[data-v-29320673]{flex-direction:row-reverse}.chat-box-message__item.is-right .main .det[data-v-29320673]{margin-right:10px;align-items:flex-end}.chat-box-message__item.is-right .main .det .content[data-v-29320673]{border-top-right-radius:0;background-color:#2f3447;color:#fff}.chat-box-message__item.is-right.is-voice .content[data-v-29320673]{justify-content:flex-end}.chat-box-message__item.is-text .content[data-v-29320673]{max-width:100%;min-width:40px;word-wrap:break-word}.chat-box-message__item.is-text .content[data-v-29320673],.chat-box-message__item.is-voice .content[data-v-29320673]{padding:10px;line-height:20px;letter-spacing:1px}.chat-box-message__item.is-emoji .content[data-v-29320673]{padding:10px}.chat-box-message__item.is-emoji .content img[data-v-29320673]{height:20px;width:20px}.chat-box-message__item.is-voice .content[data-v-29320673]{display:flex;align-items:center;width:65px;cursor:pointer}.chat-box-message__item.is-voice .content[data-v-29320673]:hover{opacity:.8}.chat-box-message__item.is-video .item video[data-v-29320673]{max-width:300px;max-height:300px}.chat-box-message__item.is-goods .item[data-v-29320673]{display:flex;padding:10px}.chat-box-message__item.is-goods .item__cover[data-v-29320673]{height:80px;width:80px;border-radius:6px;margin-right:10px}.chat-box-message__item.is-goods .item__det[data-v-29320673]{width:200px}.chat-box-message__item.is-goods .item__det p[data-v-29320673]:first-child{font-size:15px}.chat-box-message__item.is-goods .item__det p[data-v-29320673]:last-child{font-size:18px;margin-top:18px}.chat-box-message__item.is-goods .item__det p[data-v-29320673]:last-child:before{content:"￥";font-size:12px}.chat-box-message__item.is-image .main .det .content[data-v-29320673]{background-color:#fff}.chat-box-message__item.is-image .main .det .content[data-v-29320673] .el-image{display:block;border-radius:6px;max-width:200px;min-width:80px}.chat-box__wrap{height:650px;min-width:1000px;margin-bottom:0!important}.chat-box__wrap .el-dialog__body{height:calc(100% - 46px);padding:0!important}.chat-box__wrap .el-dialog__footer{display:none}.chat-box{display:flex;height:100%;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: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{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:#2f3447}.chat-box__session ul li:hover{background-color:#eee;cursor:pointer}.chat-box__detail{display:flex;flex-direction:column;flex:1;height:100%;padding:5px;box-sizing:border-box}.chat-box__detail-container{flex:1;border-radius:5px;padding:10px;overflow:auto;margin-bottom:5px}.chat-box__detail-more{display:flex;justify-content:center;margin-bottom:20px}.chat-box__detail-footer{background-color:#fff;padding:10px;border-radius:5px}.chat-box__message{flex:1;border-radius:5px}.chat-box__opbar{margin-bottom:5px}.chat-box__opbar ul{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}