.websocket-page{padding:50px;display:flex}.mess{border-radius:5px;background-clip:padding-box;width:80%;margin:0 auto;height:calc(100vh - 250px);border:1px #8a8282;box-shadow:0 0 10px #9b9393;background-color:#fff;display:flex}.mess_user_btn{width:80px;height:100%;border-right:1px solid #cecdcd;position:relative;background:#d3d3d3}.mess_icon_logo{position:absolute;left:50%;transform:translate(-50%,-50%);top:40px}.mess_user_list{width:270px;background-color:#9f9c9c;border-right:1px solid #cecdcd}.mess_dialog,.mess_user_list{height:100%;background-color:#fbfcfc}.mess_dialog{width:100%}.mess_dialog_false{width:100%;height:100%;text-align:center;line-height:750px}.dlog_header{height:60px;display:flex;align-items:center;font-size:24px}.dlog_content,.dlog_header{width:100%;border-bottom:1px solid #cecdcd}.dlog_content{height:65%;overflow-y:auto;overflow-x:hidden}.dlog_footer{width:100%}.footer_content{margin:10px}.footer_content_menu{display:flex;height:30px;width:100%;margin-bottom:5px}.footer_content_menu_img{width:30px;height:30px;text-align:center;font-size:28px;margin-left:10px;cursor:pointer}.user{height:60px;width:270px;padding-left:10px;display:flex;align-items:center;border-bottom:1px solid #cecdcd}.user_list{overflow-y:scroll}.user_list_item{height:60px;background-color:#fff;border-bottom:1px solid #cecdcd;display:flex;flex-direction:column;align-items:center;font-size:28px;cursor:pointer}.user_name{margin-left:14px}.user_mess{font-size:12px;color:#dcdcdc}.unreadMessages{width:8px;height:8px;background-color:red;border-radius:50%;margin-bottom:14px;margin-left:2px}::-webkit-scrollbar{display:none}.content_other{float:left;clear:both;margin:10px;display:flex;flex-direction:column;align-items:start}.content_other_bgd{background:#e3e1e1;border-radius:6px;line-height:34px;padding:10px;max-width:600px;white-space:pre-wrap}.content_me{text-align:right;float:right;clear:both;margin:10px;display:flex;flex-direction:column;align-items:end}.content_me_bgd{background:#95ec69;border-radius:6px;line-height:34px;padding:10px;max-width:600px;text-align:left}.el-dropdown-link{cursor:pointer;color:#409eff}.el-icon-arrow-down{font-size:12px}.emojis{width:300px;background-color:#fff;display:flex;flex-wrap:wrap;height:200px;overflow-y:auto;overflow-x:hidden;font-size:20px;margin-left:6px}.emojis span{display:block;border:1px solid #e0e0e0;width:30px;height:30px;margin:0 -1px -1px 0;text-align:center;cursor:pointer}