@charset "UTF-8";::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.1)}.chat-window{transition:.3s ease-in-out;background:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;position:relative}.chat-window .vue-alert{position:absolute;top:0;width:100%;border:0;border-radius:unset;margin-bottom:0;z-index:10;padding:0}.chat-window .vue-alert p{margin:0 10px;font-size:12px;line-height:30px;max-height:30px;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-group-notification{padding:5px!important;margin-bottom:0;position:absolute;border:0;border-radius:0!important;width:100%;z-index:5}.alert-group-notification~.current-conversation-wrapper{padding-top:30px}.current-conversation-wrapper{height:100%;background-color:#f5f5f5}.current-conversation-wrapper .current-conversation{width:100%}.current-conversation-wrapper .profile{height:80vh;overflow-y:scroll;width:220px;border-left:1px solid #e7e7e7;flex-shrink:0}.current-conversation-wrapper .more,.current-conversation-wrapper .no-more{display:flex;justify-content:center;font-size:12px}.current-conversation-wrapper .no-more{padding:10px}.current-conversation-wrapper .header{border-bottom:1px solid #e7e7e7;height:50px;position:relative}.current-conversation-wrapper .btn-more-info{position:absolute;top:10px;right:-15px;border-radius:50%;width:30px;height:30px;cursor:pointer}.current-conversation-wrapper .btn-more-info:before{position:absolute;right:0;z-index:0;content:"";width:15px;height:30px;border-radius:0 100% 100% 0/50%;border:1px solid #e7e7e7;border-left:none;background-color:#f5f5f5}.current-conversation-wrapper .btn-more-info:after{content:"";width:8px;height:8px;transition:transform .8s;border-top:2px solid #a5b5c1;border-right:2px solid #a5b5c1;float:right;position:relative;top:11px;right:8px;transform:rotate(45deg)}.current-conversation-wrapper .btn-more-info.left-arrow{transform:rotate(180deg)}.current-conversation-wrapper .btn-more-info:before{background-color:#fff}.current-conversation-wrapper .btn-more-info:after,.current-conversation-wrapper .btn-more-info:hover{border-color:#5cadff}.current-conversation-wrapper .content{display:flex;flex:1;flex-direction:column;height:100%;overflow:hidden;position:relative}.current-conversation-wrapper .message-list{width:100%;box-sizing:border-box;overflow-y:scroll;padding:0 20px}.current-conversation-wrapper .newMessageTips{position:absolute;cursor:pointer;padding:5px;width:120px;margin:auto;left:0;right:0;bottom:5px;font-size:12px;text-align:center;border-radius:10px;border:1px solid #e9eaec;background-color:#fff;color:#2d8cf0}.current-conversation-wrapper .footer{border-top:1px solid #e7e7e7}.current-conversation-wrapper .show-more{text-align:right;padding:10px 20px 0 0}.el-notification{display:flex;padding:10px;border-radius:8px;box-sizing:border-box;border:1px solid #ebeef5;position:fixed;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:13px;margin-right:8px}.el-notification__title{font-weight:700;font-size:16px;color:#303133;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:3px 0 0;color:#606266;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{display:none;height:24px;width:24px;font-size:24px}.el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:#909399;font-size:16px}.el-notification__closeBtn:hover{color:#606266}.el-notification .el-icon-success{color:#67c23a}.el-notification .el-icon-error{color:#f56c6c}.el-notification .el-icon-info{color:#909399}.el-notification .el-icon-warning{color:#e6a23c}.el-notification-fade-enter.right{right:0;transform:translateX(100%)}.el-notification-fade-enter.left{left:0;transform:translateX(-100%)}.el-notification-fade-leave-active{opacity:0}.chat-bubble{position:relative}.chat-bubble .message-content{outline:none;font-size:14px;position:relative;max-width:220px;word-wrap:break-word;word-break:break-all;padding:10px;box-shadow:0 5px 10px 0 rgba(0,0,0,.1)}.chat-bubble .message-content span{white-space:pre-wrap;margin:0;text-shadow:#495060 0 0 .05em}.chat-bubble .message-content img{vertical-align:bottom}.chat-bubble .message-content:before{position:absolute;top:1px;width:12px;height:40px;content:"\E900";font-family:tim!important;font-size:24px}.chat-bubble .message-received{background-color:#fff;margin-left:15px;border-radius:0 4px 4px 4px}.chat-bubble .message-received:before{left:-10px;transform:scaleX(-1);color:#fff}.chat-bubble .message-received.new{transform:scale(0);transform-origin:top left;animation:bounce .5s linear both}.chat-bubble .message-send{background-color:#5cadff;margin-right:15px;border-radius:4px 0 4px 4px;color:#fff}.chat-bubble .message-send:before{right:-10px;color:#5cadff}.chat-bubble .message-send.new{transform:scale(0);transform-origin:top right;animation:bounce .5s linear both}.group-tip-element-wrapper{background:#fff;padding:4px 15px;border-radius:3px;color:#a5b5c1;font-size:12px}.edit-button{padding-top:4px;height:20px;font-size:10px}.cmd-icon{cursor:pointer}@keyframes bounce{0%{transform:matrix(0,0,0,0,0,0)}4.7%{transform:matrix(.45,0,0,.45,0,0)}9.41%{transform:matrix(.883,0,0,.883,0,0)}14.11%{transform:matrix(1.141,0,0,1.141,0,0)}18.72%{transform:matrix(1.212,0,0,1.212,0,0)}24.32%{transform:matrix(1.151,0,0,1.151,0,0)}29.93%{transform:matrix(1.048,0,0,1.048,0,0)}35.54%{transform:matrix(.979,0,0,.979,0,0)}41.04%{transform:matrix(.961,0,0,.961,0,0)}52.15%{transform:matrix(.991,0,0,.991,0,0)}63.26%{transform:matrix(1.007,0,0,1.007,0,0)}85.49%{transform:matrix(.999,0,0,.999,0,0)}to{transform:matrix(1,0,0,1,0,0)}}.el-dropdown{display:inline-block;position:relative;color:#606266;font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button:before{content:"";position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:hsla(0,0%,100%,.5)}.el-dropdown .el-dropdown__caret-button.el-button--default:before{background:rgba(220,223,230,.5)}.el-dropdown .el-dropdown__caret-button:hover:before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown-menu{position:absolute;top:0;left:0;z-index:10;padding:10px 0;margin:5px 0;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 20px;margin:0;font-size:14px;color:#606266;cursor:pointer;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#ecf5ff;color:#66b1ff}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #ebeef5}.el-dropdown-menu__item--divided:before{content:"";height:6px;display:block;margin:0 -20px;background-color:#fff}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}.message-wrapper{margin:20px 0}.message-wrapper .content-wrapper{display:flex;align-items:center}.c2c-layout,.group-layout,.system-layout{display:flex}.c2c-layout .col-a .avatar,.group-layout .col-a .avatar,.system-layout .col-a .avatar{width:56px;height:56px;border-radius:50%;box-shadow:0 5px 10px 0 rgba(0,0,0,.1)}.c2c-layout .group-member-avatar,.group-layout .group-member-avatar,.system-layout .group-member-avatar{cursor:pointer}.c2c-layout .col-b,.group-layout .col-b,.system-layout .col-b{display:flex;flex-direction:column}.c2c-layout .col-c,.group-layout .col-c,.system-layout .col-c{width:30px}.c2c-layout.position-left .col-b,.group-layout.position-left .col-b,.system-layout.position-left .col-b{align-items:flex-start}.c2c-layout.position-right,.group-layout.position-right,.system-layout.position-right{flex-direction:row-reverse}.c2c-layout.position-right .col-b,.group-layout.position-right .col-b,.system-layout.position-right .col-b{align-items:flex-end}.c2c-layout.position-center,.group-layout.position-center,.system-layout.position-center{justify-content:center}.c2c-layout .col-b .base{margin-top:3px}.group-layout .col-b .chat-bubble{margin-top:5px}.message-send-fail{margin-right:8px;background-color:#f35f5f;color:#fff;border-radius:50%;text-align:center;line-height:16px;cursor:pointer}.right{display:flex;flex-direction:row-reverse}.left{display:flex;flex-direction:row}.base{color:#a5b5c1;font-size:12px}.name{padding:0 4px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-send-box-wrapper{box-sizing:border-box;overflow:hidden;padding:3px 10px}.message-send-box-wrapper .send-header-bar{box-sizing:border-box;padding:3px 0 0}.message-send-box-wrapper .send-header-bar i{cursor:pointer;font-size:24px;color:grey;margin:0 12px 0 0}.message-send-box-wrapper .send-header-bar i:hover{color:#000}.message-send-box-wrapper .btn-send-emoji{cursor:pointer;position:absolute;font-size:30px;right:36px;bottom:12px;padding:6px 6px 4px 4px;border-radius:50%}.message-send-box-wrapper .btn-send-emoji i{cursor:pointer;color:grey;margin:0;font-size:26px}.message-send-box-wrapper .btn-send-emoji i:hover{color:#000}.message-send-box-wrapper textarea{resize:none}.message-send-box-wrapper .text-input{font-size:14px;width:100%;box-sizing:box-sizing;border:none;outline:none;background-color:initial;padding-right:75px}.message-send-box-wrapper .block{padding:10px 0;display:flex;align-items:center}.message-send-box-wrapper .bottom{padding-top:10px;position:relative}.message-send-box-wrapper .bottom .btn-send{cursor:pointer;position:absolute;color:#2d8cf0;font-size:30px;right:0;bottom:9px;padding:6px 6px 4px 4px;border-radius:50%}.emojis{height:160px;display:flex;flex-direction:row;flex-wrap:wrap;overflow-y:scroll}.emoji,.emojis{box-sizing:border-box}.emoji{height:40px;width:40px;text-align:center}.el-popover[x-placement^=top]{margin-bottom:12px}.el-popper .popper__arrow,.el-popper .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;filter:drop-shadow(0 2px 12px rgba(0,0,0,.03))}.el-popper .popper__arrow:after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#ebeef5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow:after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.el-popper[x-placement^=bottom] .popper__arrow:after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#ebeef5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow:after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#ebeef5}.el-popper[x-placement^=left] .popper__arrow:after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.el-popover{position:absolute;background:#fff;min-width:150px;border-radius:4px;border:1px solid #ebeef5;padding:12px;z-index:2000;color:#606266;line-height:1.4;text-align:justify;font-size:14px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);word-break:break-all}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#303133;font-size:16px;line-height:1;margin-bottom:12px}.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.group-member-list-wrapper{height:100%;overflow-y:auto}.group-member-list-wrapper .header{padding:5px 15px;border-bottom:1px solid #e7e7e7}.group-member-list-wrapper .header .member-count{display:inline-block;max-width:130px;font-size:12px;vertical-align:bottom}.group-member-list-wrapper .header .btn-add-member{width:30px;height:30px;font-size:28px;text-align:center;line-height:32px;cursor:pointer;float:right}.group-member-list-wrapper .header .btn-add-member:hover{color:#5cadff}.group-member-list-wrapper .scroll-content{max-height:92%;overflow-y:scroll;padding:10px;width:100%}.group-member-list-wrapper .scroll-content .group-member-list{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%}.group-member-list-wrapper .scroll-content .group-member{width:100%;min-height:30px;display:flex;justify-content:center;align-content:center;flex-direction:column;text-align:left;color:#000;cursor:pointer}.group-member-list-wrapper .scroll-content .group-member .avatar{width:40px;height:40px;border-radius:50%}.group-member-list-wrapper .scroll-content .group-member .member-name{font-size:14px;width:100%;text-align:left}.group-member-list-wrapper .more{padding:0 20px}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#c0c4cc;font-size:14px;cursor:pointer;transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:inline-flex;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#fff;line-height:normal;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#c0c4cc}.el-input__inner::placeholder{color:#c0c4cc}.el-input__inner:hover{border-color:#c0c4cc}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#409eff;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;transition:all .3s;line-height:40px}.el-input__icon:after{content:"";height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.el-input.is-disabled .el-input__inner::placeholder{color:#c0c4cc}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#f56c6c}.el-input.is-exceed .el-input__suffix .el-input__count{color:#f56c6c}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input__inner::-ms-clear{display:none;width:0;height:0}
/*# sourceMappingURL=chatroom.css.map*/