.con[data-v-3844b189]{padding-left:15px;padding-right:15px}.con .left[data-v-3844b189]{width:300px;height:calc(100vh - 130px);background:#fff;margin-right:10px}.con .left .dd[data-v-3844b189]{padding:20px 10px;font-weight:600}.con .left .list[data-v-3844b189]{height:calc(100vh - 200px);overflow-x:hidden;overflow-y:auto}.con .right[data-v-3844b189]{height:calc(100vh - 130px);background:#fff;margin-right:10px}.con .right .dd[data-v-3844b189]{padding:20px 10px;font-weight:600}.con .right .center[data-v-3844b189]{width:100%;height:100%;background:#f7f7f7;overflow-x:hidden;overflow-y:auto}.con .right .footer[data-v-3844b189]{padding:10px;height:180px}.con .right .footer .tool .icon1[data-v-3844b189]{font-size:22px;margin-right:5px}.con .right .footer .tool .icon2[data-v-3844b189]{font-size:28px}.con .right .footer .tool .icon[data-v-3844b189]{width:30px}.con .right .footer .tool .icon_1[data-v-3844b189]{width:22px}.con .right .footer .textarea[data-v-3844b189]{width:100%;height:100%;border:none;outline:none;color:#666;-webkit-appearance:none;-webkit-user-select:auto;resize:none}.list .list-item[data-v-3844b189]{padding:10px;border-bottom:1px solid #eee}.list .list-item .img[data-v-3844b189]{width:60px;height:60px;margin-right:10px}.list .list-item .center[data-v-3844b189]{margin:0 5px}.list .list-item.active[data-v-3844b189]{background:#bae7ff}.list .list-item[data-v-3844b189]:first-child{border-top:1px solid #eee}.msg-list[data-v-3844b189]{padding:10px}.msg-list .msg-item[data-v-3844b189]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px auto}.msg-list .msg-item .avatar[data-v-3844b189]{width:40px;height:40px}.msg-list .msg-item .msg[data-v-3844b189]{max-width:300px;word-break:break-all;position:relative;vertical-align:top;display:inline-block;background:#fff;padding:5px 10px 10px;border-radius:5px}.msg-list .msg-item p[data-v-3844b189]{padding:0;margin:0}.msg-list .my[data-v-3844b189]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.msg-list .my .avatar[data-v-3844b189]{margin-left:15px}.msg-list .my .msg[data-v-3844b189]:after{content:"";position:absolute;top:15px;right:-10px;width:0;height:0;border-top:5px solid transparent;border-left:10px solid #fff;border-bottom:5px solid transparent}.msg-list .other .avatar[data-v-3844b189]{margin-right:15px}.msg-list .other .msg[data-v-3844b189]:before{content:"";position:absolute;top:15px;left:-10px;width:0;height:0;border-top:5px solid transparent;border-right:10px solid #fff;border-bottom:5px solid transparent}.hide[data-v-3844b189]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;filter:alpha(opacity=0);opacity:0;cursor:inherit;display:none}.icon-style[data-v-3844b189]{display:inline-block;background-color:#f04134;padding:0 5px;min-width:20px;height:20px;line-height:20px;border-radius:20px;color:#fff;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.img-style[data-v-3844b189]{width:22px;margin:5px;cursor:pointer}.img-style[data-v-3844b189]:hover{background-color:#7fffd4}.more_user[data-v-3844b189]{display:none}@media screen and (max-width:640px){.more_user[data-v-3844b189]{display:inline-block}.con[data-v-3844b189]{padding-left:5px;padding-right:5px}.con .left[data-v-3844b189]{display:none}.con .right[data-v-3844b189]{margin-right:0;height:calc(100vh - 80px)}}.fast_msg_list[data-v-3844b189]{max-height:400px;overflow-y:auto}.fast_msg_list .fast_msg[data-v-3844b189]:hover{color:#409eff}.auto_msg_icon[data-v-3844b189]{width:30px}#emoji_icon[data-v-3844b189]{font-size:25px}.emoji-box[data-v-3844b189]{position:relative;z-index:99}.emoji-box .picker[data-v-3844b189]{position:absolute;left:10px;bottom:23px}.emoji-box span.emoji_icon[data-v-3844b189]{display:inline-block;vertical-align:bottom;background:url(http://api.mingzheshop.remaiwl.com/upload/article/2021/09/233956dcd841a34393189262151cfc52.png) no-repeat;background-size:100% 100%;width:20px;height:20px;margin:0 10px}.custom-class .menu_item__available[data-v-3844b189]:hover,.custom-class .menu_item_expand[data-v-3844b189]{background:#ffecf2!important;color:#ff4050!important}.audio_recorder_icon[data-v-3844b189]{font-size:80px}.audio_recorder_icon.start[data-v-3844b189]{color:#67c23a;animation:mymove-data-v-3844b189 5s infinite;-webkit-animation:mymove-data-v-3844b189 5s infinite;animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-direction:alternate;-webkit-transition-timing-function:ease-in-out}.audio_recorder_icon.pause[data-v-3844b189]{color:#e6a23c}.audio_recorder_icon.stop[data-v-3844b189]{color:red}@keyframes mymove-data-v-3844b189{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}75%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes mymove-data-v-3844b189{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}75%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.other-cs-rec-panel[data-v-3844b189]{margin-top:10px;border-top:1px solid #eee;padding-top:10px}.other-cs-rec-panel .other-cs-rec-title[data-v-3844b189]{font-size:14px;margin-bottom:10px}.other-cs-rec-panel .other-cs-rec-list[data-v-3844b189]{max-height:400px;overflow-y:auto;background:#f7f7f7}