*{margin:0;padding:0;box-sizing:border-box}.chat-wrap{height:100vh;background-image:url(/img/chat_server_background.1b5407e3.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.chat-window{background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);position:fixed;width:1000px;height:600px;border-radius:30px}.chat-window-container{height:100%;border-radius:30px}.aside-container{width:30%;border-right:3px solid #ccc;display:flex;flex-direction:row}.el-header{height:8%}.main-container{height:62%}.el-footer,.main-container{padding:0;border-top:3px solid #ccc}.el-footer{height:30%;display:flex;flex-direction:row}.navigation-bar{border-top-left-radius:30px;border-bottom-left-radius:30px;background-color:#f0f0f0;width:25%;height:100%}.up-bar{height:13%}.middle-bar,.up-bar{display:flex;flex-direction:column}.middle-bar{height:57%}.down-bar{height:30%;display:flex;flex-direction:column-reverse}.contactlist-container{height:100%;width:74%}.chat-name{font-family:阿里妈妈数黑体 Bold;display:flex;align-items:center;color:#4e4e4e;width:50%;height:100%}.chat-input{width:90%;resize:none}.chat-screen{height:90%}.tool-bar{height:10%;background-color:#f0f0f0;display:flex;flex-direction:row}.tool-bar-left{flex-direction:row}.tool-bar-left,.tool-bar-right{height:100%;width:50%;display:flex}.tool-bar-right{flex-direction:row-reverse}.send-btn{height:20%;width:100%;background-color:#f0f0f0;border-bottom-right-radius:30px}.chat-send{display:flex;flex-direction:column-reverse;width:10%;height:100%}.image-button{height:100%;width:12%}.icon-btn,.image-button{background-color:hsla(0,0%,100%,0);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.icon-btn{height:40px;width:74px}.avatar-btn{background-color:transparent;border:none;cursor:pointer;display:flex;height:100%;width:100%;justify-content:center;align-items:center}.av-icon,.copy-icon,.record-icon,.sticker-icon,.upload-icon{width:15px;height:15px}.edit-btn{height:8%;width:100%;background-color:#f0f0f0;border-bottom-right-radius:30px}.el-popper.is-customized{padding:6px 12px;background:#fab7b7}.el-popper.is-customized .el-popper__arrow:before{background:#fab7b7}.modal-close-btn{background-color:#f0f0f0;border-radius:6px}