.chat-item{height:65px;display:flex;margin-bottom:1px;position:relative;padding-left:15px;align-items:center;padding-right:5px;background-color:#fafafa;white-space:nowrap}.chat-item:hover{background-color:#eee}.chat-item.active{background-color:#ddd}.chat-item:hover .close{display:block!important}.chat-item .left{position:relative;display:flex;width:45px;height:45px}.chat-item .left .unread-text{position:absolute;background-color:#f56c6c;right:-8px;top:-8px;color:#fff;border-radius:30px;padding:0 5px;font-size:10px;text-align:center;white-space:nowrap;border:1px solid #f1e5e5}.chat-item .mid{margin-left:15px;flex:2;display:flex;flex-direction:column;height:100%;flex-shrink:0;overflow:hidden}.chat-item .mid>div{display:flex;justify-content:flex-start;align-items:center;flex:1}.chat-item .mid .msg-text{font-size:14px;color:#888;white-space:nowrap}.chat-item .right{flex:1;display:flex;flex-direction:column;align-items:flex-end;height:100%;flex-shrink:0;overflow:hidden}.chat-item .right>div{display:flex;justify-content:flex-start;align-items:center;flex:1}.chat-item .right .close{width:1.5rem;height:1.5rem;right:0;top:1rem;cursor:pointer;display:none}.chat-item .right .msg-time{font-size:14px;color:#888;white-space:nowrap}.friend-item{height:65px;display:flex;margin-bottom:1px;position:relative;padding-left:15px;align-items:center;padding-right:5px;background-color:#fafafa;white-space:nowrap}.friend-item:hover{background-color:#eee}.friend-item.active{background-color:#ddd}.friend-item .close{width:1.5rem;height:1.5rem;right:10px;top:1.825rem;cursor:pointer;display:none}.friend-item:hover .close{display:block}.friend-item .avatar{display:flex;justify-content:center;align-items:center;width:45px;height:45px}.friend-item .text{margin-left:15px;flex:1;display:flex;flex-direction:column;justify-content:space-around;height:100%;flex-shrink:0;overflow:hidden}.friend-item .text>div{display:flex;justify-content:flex-start}.friend-item .text .online-status{font-size:12px;font-weight:600}.friend-item .text .online-status.online{color:#fcd535}.agm-container{display:flex}.agm-container .agm-l-box{flex:1;border:1px solid #ddd}.agm-container .agm-l-box .el-checkbox{display:flex;align-items:center}.agm-container .agm-l-box .el-checkbox .el-checkbox__inner{width:20px;height:20px}.agm-container .agm-l-box .el-checkbox .el-checkbox__inner:after{height:12px;left:7px}.agm-container .agm-l-box .el-checkbox .el-checkbox__input.is-checked+.el-checkbox__label{color:#333}.agm-container .agm-l-box .el-checkbox .el-checkbox__label{line-height:20px;padding-left:8px}.agm-container .agm-l-box .agm-friend-checkbox{margin-right:20px}.agm-container .agm-r-box{flex:1;border:1px solid #ddd}.agm-container .agm-r-box .agm-select-tip{text-align:left;height:40px;line-height:40px;text-indent:5px}.group-member{display:flex;flex-direction:column;align-items:center;width:50px}.group-member .member-name{font-size:12px;text-align:center;width:100%;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.group-member .btn-kick{display:none;position:absolute;right:-8px;top:-8px;color:#8b0000;font-size:20px;cursor:pointer}.group-member:hover .btn-kick{display:block;color:#ce1818}.chat-group-side{position:relative}.chat-group-side .group-side-member-list{padding:10px;display:flex;align-items:center;flex-wrap:wrap;font-size:16px;text-align:center}.chat-group-side .group-side-member-list .group-side-member{margin-left:15px}.chat-group-side .group-side-member-list .group-side-invite{display:flex;flex-direction:column;align-items:center;width:50px;margin-left:15px}.chat-group-side .group-side-member-list .group-side-invite .invite-member-btn{width:100%;height:50px;line-height:50px;border:1px solid #ccc;font-size:25px;cursor:pointer;box-sizing:border-box}.chat-group-side .group-side-member-list .group-side-invite .invite-member-btn:hover{border:1px solid #aaa}.chat-group-side .group-side-member-list .group-side-invite .invite-member-text{font-size:16px;text-align:center;width:100%;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-group-side .group-side-form{text-align:left;padding:10px;height:30%}.chat-group-side .group-side-form .el-form-item{margin-bottom:12px}.chat-group-side .group-side-form .el-form-item .el-form-item__label{padding:0;line-height:30px}.chat-group-side .group-side-form .el-form-item .el-textarea__inner{min-height:100px!important}.chat-group-side .group-side-form .btn-group{text-align:center}.right-menu-mask{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:9999}.right-menu{position:fixed}.right-menu .el-menu-item{height:40px;line-height:40px}.right-menu .el-menu-item i{color:#333}.chat-msg-item .chat-msg-tip{line-height:50px}.chat-msg-item .chat-msg-normal{position:relative;font-size:0;margin-bottom:10px;padding-left:60px;min-height:68px}.chat-msg-item .chat-msg-normal .head-image{position:absolute;width:40px;height:40px;border-radius:50%;overflow:hidden;top:0;left:0}.chat-msg-item .chat-msg-normal .chat-msg-content{display:flex;flex-direction:column}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-top{display:flex;flex-wrap:nowrap;color:#333;font-size:14px;line-height:20px}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-top span{margin-right:12px}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-bottom{text-align:left}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-bottom .chat-msg-text{position:relative;line-height:22px;margin-top:10px;padding:10px;background-color:#eee;border-radius:3px;color:#333;display:inline-block;font-size:14px}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-bottom .chat-msg-text:after{content:"";position:absolute;left:-10px;top:13px;width:0;height:0;border-style:solid dashed dashed;border-color:#eee transparent transparent;overflow:hidden;border-width:10px}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-bottom .chat-msg-image{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-bottom .chat-msg-image .send-image{min-width:20vw;min-height:20vw;max-width:40vw;max-height:40vw;border:1px solid #ddd;cursor:pointer}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-bottom .chat-msg-image .send-fail{color:#e60c0c;font-size:30px;cursor:pointer;margin:0 20px}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-bottom .chat-msg-file{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;cursor:pointer}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-bottom .chat-msg-file .chat-file-box{display:flex;flex-wrap:nowrap;align-items:center;width:20%;min-height:80px;border:1px solid #ddd;border-radius:3px;background-color:#eee;padding:10px 15px}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-bottom .chat-msg-file .chat-file-box .chat-file-info{flex:1;height:100%;text-align:left;font-size:14px}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-bottom .chat-msg-file .chat-file-box .chat-file-info .chat-file-name{font-size:16px;font-weight:600;margin-bottom:15px}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-bottom .chat-msg-file .chat-file-box .chat-file-icon{font-size:50px;color:#d42e07}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-bottom .chat-msg-file .send-fail{color:#e60c0c;font-size:30px;cursor:pointer;margin:0 20px}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-bottom .chat-msg-voice{font-size:14px;cursor:pointer}.chat-msg-item .chat-msg-normal .chat-msg-content .chat-msg-bottom .chat-msg-voice audio{height:45px;padding:5px 0}.chat-msg-item .chat-msg-normal.chat-msg-mine{text-align:right;padding-left:0;padding-right:60px}.chat-msg-item .chat-msg-normal.chat-msg-mine .head-image{left:auto;right:0}.chat-msg-item .chat-msg-normal.chat-msg-mine .chat-msg-content .chat-msg-top{flex-direction:row-reverse}.chat-msg-item .chat-msg-normal.chat-msg-mine .chat-msg-content .chat-msg-top span{margin-left:12px;margin-right:0}.chat-msg-item .chat-msg-normal.chat-msg-mine .chat-msg-content .chat-msg-bottom{text-align:right}.chat-msg-item .chat-msg-normal.chat-msg-mine .chat-msg-content .chat-msg-bottom .chat-msg-text{max-width:60vw;margin-left:10px;background-color:#fcd535;color:#fff;display:inline-block;vertical-align:top;font-size:14px;word-break:break-all;text-align:left}.chat-msg-item .chat-msg-normal.chat-msg-mine .chat-msg-content .chat-msg-bottom .chat-msg-text:after{left:auto;right:-10px;border-top-color:#fcd535}.chat-msg-item .chat-msg-normal.chat-msg-mine .chat-msg-content .chat-msg-bottom .chat-msg-file,.chat-msg-item .chat-msg-normal.chat-msg-mine .chat-msg-content .chat-msg-bottom .chat-msg-image{flex-direction:row-reverse}.chat-msg-item .chat-msg-normal.chat-msg-system{padding-left:10px}.emotion-mask[data-v-a73ef250]{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.emotion-box[data-v-a73ef250]{position:fixed;width:100vw;box-sizing:border-box;padding:5px;border-radius:5px;background-color:#f5f7fa}.emotion-box .emotion-item-list[data-v-a73ef250]{display:flex;flex-wrap:wrap}.emotion-box .emotion-item-list .emotion-item[data-v-a73ef250]{width:40px;height:40px;text-align:center;cursor:pointer}.emotion-box[data-v-a73ef250]:after{content:"";position:absolute;left:5px;bottom:-30px;width:0;height:0;border-style:solid dashed dashed;border-color:#f5f5f5 transparent transparent;overflow:hidden;border-width:15px}.chat-voice .chat-voice-tip{font-size:18px}.chat-voice .chat-voice-btn-group{margin-bottom:20px}.chat-history{display:flex;height:100%}.chat-history .chat-history-scrollbar{flex:1}.chat-history .chat-history-scrollbar .el-scrollbar__thumb{background-color:#555}.chat-history .chat-history-scrollbar ul{padding:20px}.chat-history .chat-history-scrollbar ul li{list-style-type:none}.chat-box{background:#fff;border:none}.chat-box .el-header{padding:0 5px;background-color:#fff;line-height:40px;font-size:18px;font-weight:600;border-bottom:1px solid hsla(0,0%,71.8%,.3)}.chat-box .el-header .btn-side{position:absolute;right:20px;line-height:40px;font-size:18px;cursor:pointer}.chat-box .el-header .btn-side:hover{font-size:18px}.chat-box .im-chat-main{padding:0}.chat-box .im-chat-main .im-chat-box>ul{padding:20px}.chat-box .im-chat-main .im-chat-box>ul li{list-style-type:none}.chat-box .im-chat-footer{display:flex;flex-direction:column;padding:0;border:none}.chat-box .im-chat-footer .chat-tool-bar{display:flex;position:relative;width:100%;height:40px;text-align:left;box-sizing:border-box;border:none;border-top:1px solid hsla(0,0%,71.8%,.3);border-bottom:1px solid hsla(0,0%,71.8%,.3)}.chat-box .im-chat-footer .chat-tool-bar>div{margin-left:10px;font-size:22px;cursor:pointer;color:#333;line-height:40px}.chat-box .im-chat-footer .chat-tool-bar>div:hover{color:#000}.chat-box .im-chat-footer .send-text-area{outline:none;box-sizing:border-box;padding:5px;width:100%;flex:1;border:none;border-bottom:1px solid hsla(0,0%,71.8%,.3);resize:none}.chat-box .im-chat-footer .im-chat-send{text-align:right;padding:7px}.chat-box .chat-group-side-box{border:1px solid #ddd;animation:rtl-drawer-in .3s 1ms}