.shadow{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.text_over{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat_main{height:100%}.chat_main.position_css{position:fixed;z-index:901;width:50%;margin:0 auto;height:50%;left:25%;top:20%;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.chat_main.position_css .left_block{border-radius:4px 0 0 4px}.chat_main.position_css .right_block{border-radius:0 4px 4px 0}.chat_main.position_css .top_title{border-radius:0 4px 0 0}.small_main{cursor:pointer;background:#333;color:#fff;display:flex;height:40px;width:50px;position:absolute;bottom:0;right:0;align-items:center;justify-content:center;border-radius:6px 0 0 0;padding-top:5px}.small_main.small_socket_status{background:var(--el-color-primary)}.main_block{height:100%;display:flex}.main_block.position_css{box-shadow:0 2px 12px 0 rgba(0,0,0,.1);position:absolute}.main_block .left_block{flex:0 0 200px;box-sizing:border-box;background:#333}.main_block .left_block ul{height:100%;display:flex;flex-flow:column}.main_block .left_block ul li{padding:20px 20px;display:flex;color:#fff;height:40px;cursor:pointer}.main_block .left_block ul li.ck,.main_block .left_block ul li:hover{background:#666}.main_block .left_block ul li .content_item{display:flex}.main_block .left_block ul li .avatar{border-radius:6px;background:#ccc;width:40px;height:40px;flex:0 0 40px;margin-right:10px}.main_block .left_block ul li .avatar_right{width:110px}.main_block .left_block ul li .avatar_right .nickname{padding-top:2px}.main_block .left_block ul li .avatar_right .text{color:#ccc;font-size:12px}.main_block .right_block{display:flex;flex-flow:column;flex:1;background:#fff}.main_block .right_block .top_title{line-height:40px;background:#efefef;text-align:center}.main_block .right_block .top_title span{float:right;margin-right:15px;cursor:pointer}.main_block .right_block .top_title span:hover{color:var(--el-color-primary)}.main_block .right_block .scrollbar_inner{display:flex;flex:1;flex-direction:column}.main_block .right_block .chat_content{flex:1;height:calc(100% - 180px)}.main_block .right_block .chat_content .item{margin:15px;display:flex}.main_block .right_block .chat_content .item .avatar{border-radius:6px;background:#ccc;width:40px;height:40px;flex:0 0 40px;margin-right:10px}.main_block .right_block .chat_content .item .avatar_right .nickname{padding-top:2px}.main_block .right_block .chat_content .item .avatar_right .nickname .text_time{font-size:12px;color:#999;margin-left:10px}.main_block .right_block .chat_content .item .avatar_right .text{color:#666;font-size:12px;margin-top:5px;padding:5px 6px;border:1px solid #efefef;width:100%;border-radius:6px;word-break:break-all;box-shadow:0 1px 6px 0 rgba(0,0,0,.1);box-sizing:border-box}.main_block .right_block .chat_tool{flex:0 0 140px;box-sizing:border-box;border-top:1px solid #efefef}.main_block .right_block .chat_tool .tools{padding:10px}.main_block .right_block .chat_tool .tools i{cursor:pointer;margin-right:10px}.main_block .right_block .chat_tool .tools i:hover{color:var(--el-color-primary)}.main_block .right_block .chat_tool .send_textarea textarea{width:100%;padding:0 15px;border:none;outline:none;box-sizing:border-box}.main_block .right_block .chat_tool .send_textarea textarea::-webkit-input-placeholder{color:#ccc}.main_block .right_block .chat_tool .send_btn{text-align:right;margin-top:10px;margin-right:15px}.chat_main[data-v-61bd8696]{height:600px}