body{background-color:#eee}#App{height:100vh}.flex{display:flex}.flex-column{flex-direction:column}.align-center{align-items:center}.clear:after{clear:both;display:block;content:" "}.main_layout{height:100%;display:flex;flex-direction:column}.main_layout .body_bar{width:100%;flex-grow:1;display:flex;flex-direction:row;align-items:stretch}.main_layout .body_bar .content_bar{width:100%}.main_layout .body_bar .suspense-layer{position:relative;display:flex;flex-direction:column;flex:1;margin:10px;padding:20px;background-color:#fff;overflow:auto}._badgeLayer_1qonh_1{position:absolute;right:-2px;top:-4px;padding:2px 6px;font-size:12px;color:#fff;text-align:center;border-radius:50px;background-color:#de350b}._myDraggable_2r7q5_1{width:100%;height:100%;position:relative;overflow:hidden}._empty_2r7q5_8{padding:10px 0;width:100%;font-size:12px;text-align:center;color:#666}._chatItem_2r7q5_21{display:flex;padding:8px 10px;align-items:center;cursor:pointer;border-bottom:1px solid #e8e8e8}._chatItem_2r7q5_21:hover,._active_2r7q5_29{background-color:#f7f7f7}._chatItem_2r7q5_21:last-child{border-bottom:none}._chatList_2r7q5_16{flex:1;overflow-y:auto}._avatar_2r7q5_42{position:relative;display:flex;width:50px;height:50px;align-items:center;justify-content:center;color:#fafafa;border-radius:50%;background-color:#bdbdbd}._avatar_2r7q5_42 ._image_2r7q5_54,._avatar_2r7q5_42 ._image_2r7q5_54>img{width:100%;height:100%}._body_2r7q5_59{flex:1 0 0;padding-left:10px;overflow:hidden}._body_2r7q5_59 ._top_2r7q5_65{display:flex;justify-content:space-between}._body_2r7q5_59 ._top_2r7q5_65 ._username_2r7q5_70{font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._body_2r7q5_59 ._top_2r7q5_65 ._time_2r7q5_78{font-size:12px;color:#999}._content_2r7q5_83{padding:5px 0;width:100%;font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._chatGroupWrapper_ard28_2{position:absolute;top:19px;right:215px;width:280px;box-shadow:1px 1px 50px #0000004d;background:#fff;border:1px solid #ddd;z-index:1200}._header_ard28_22{display:flex;height:50px;border-bottom:1px solid #e8e8e8;background-color:#f8f8f8;justify-content:center;align-items:center;padding:0 8px}._left_ard28_13{position:relative;flex:1;display:flex;justify-content:center;align-items:center;cursor:pointer}._listLayer_ard28_18{display:flex;flex-direction:column;height:500px;overflow:hidden;transition:all .5s}._listLayer_ard28_18>ul{flex:1 0 0}._file_1glla_1{position:absolute;width:100%;left:0;top:0;opacity:0;cursor:pointer}._toolIconDl_1nkcr_1{display:flex;padding-bottom:5px}._toolIconItem_1nkcr_6{position:relative;padding:0 8px;cursor:pointer}._toolImg_1nkcr_12{width:25px;height:25px}._textareaCss_1nkcr_17{padding:5px;width:100%;font-size:14px;border:none;outline:none;resize:none}._buttonLayerCss_1nkcr_26{display:flex;align-items:center;justify-content:flex-end;font-size:12px;color:#999}._buttonCss_1nkcr_34{margin:0 10px;padding:4px 20px;color:#fff;border:none;border-radius:2px;background-color:#315aac;cursor:pointer}._inputLayer_1nkcr_44{position:relative;padding:10px;height:170px;border-top:1px solid #eee}._loading_1txkk_1{animation:_loading_1txkk_1 2s infinite linear}._lazyImg_1txkk_5{display:block;width:100%;height:100%;object-fit:cover}@keyframes _loading_1txkk_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._messageWrapper_6s0d5_1{padding:10px 20px;flex:1 0 0;background-color:#f6f7fb;overflow-y:auto}._list_6s0d5_9{min-height:100%}._itemCss_6s0d5_14{display:flex;align-items:center;padding:10px 0;margin-bottom:5px}._avatarCss_6s0d5_21{display:flex;width:40px;height:40px;align-self:flex-start;align-items:center;justify-content:center;overflow:hidden;color:#fafafa;border-radius:50%;background-color:#bdbdbd}._avatarImageCss_6s0d5_34{width:100%;height:100%}._avatarImageCss_6s0d5_34>img{width:100%;height:100%}._msgCss_6s0d5_44{position:relative}._top_6s0d5_48{position:absolute;top:-20px;left:20px;display:flex;align-items:baseline;font-size:14px;color:#666}._name_6s0d5_58{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._time_6s0d5_65{padding-left:10px;width:100px;font-size:12px;color:#999}._triangle_6s0d5_72{position:absolute;width:15px;height:15px;top:0;left:6px;right:0;bottom:0;border:1px solid #eee;background-color:#fff;transform-origin:left bottom;transform:rotate(45deg)}._msgBody_6s0d5_86{position:relative;display:flex;align-items:center;flex-direction:column;margin-left:15px;padding:8px 10px;min-width:50px;max-width:300px;min-height:33px;font-size:14px;color:#333;border-radius:4px;background-color:#fff;overflow:hidden;word-break:break-all;word-wrap:break-word}._msgBody_6s0d5_86>img{max-width:100%;cursor:pointer}._itemToCss_6s0d5_110{flex-flow:row-reverse}._itemToCss_6s0d5_110 ._triangle_6s0d5_72{top:0}._itemToCss_6s0d5_110 ._msgBody_6s0d5_86{margin-right:13px;background-color:#7adb5e}._itemToCss_6s0d5_110 ._triangle_6s0d5_72{left:auto;right:12px;background-color:#7adb5e}._fileDownload_6s0d5_129{display:flex;width:130px;flex-direction:column;align-items:center}._filename_6s0d5_136{padding-top:5px;font-size:16px;text-align:center;color:#666}._map_6s0d5_143{width:285px;height:160px;cursor:pointer}._messageWrapper_mee3u_1{position:fixed;display:flex;left:0;right:0;top:0;bottom:0;margin:auto;width:920px;height:700px;border:1px solid #ddd;border-radius:5px;background-color:#fff;box-shadow:1px 1px 50px #0000004d;overflow:hidden;z-index:1299}._maskLayer_mee3u_19{display:flex;position:absolute;top:0;bottom:0;left:0;right:0;background:#00000080;z-index:10}._maskBody_mee3u_30{display:flex;margin:auto;flex-direction:column;align-items:center}._maskImage_mee3u_37{width:128px;height:128px}._recordTimeText_mee3u_42{padding-top:10px;color:#fff}._button_mee3u_47{cursor:pointer;margin-top:10px;width:100px;height:40px;font-size:14px;border-radius:5px;border:0}._btnGroup_mee3u_57{padding-top:10px}._btnGroup_mee3u_57>button{margin:0 10px;color:#fff}._btnGroup_mee3u_57 ._send_mee3u_66{background:#19be6b}._btnGroup_mee3u_57 ._cancel_mee3u_70{background:#ed4014}._left_mee3u_74{display:flex;flex-direction:column;width:240px;height:100%;border-right:1px solid #eee}._main_mee3u_82{display:flex;flex-direction:column;flex:1 0 0}._contentLayer_mee3u_88{display:flex;flex-direction:column;flex:1 0 0;overflow:hidden}._head_mee3u_95{display:flex;height:50px;line-height:50px;align-items:center;border-bottom:1px solid #eee;background-color:#f3f3f3;cursor:move}._username_mee3u_105{padding:0 10px;flex:1 0 0}._close_mee3u_110{margin-right:10px;padding:5px;border-radius:50%;cursor:pointer}._close_mee3u_110:hover{background-color:#0000000a}._searchWrapper_mee3u_121{display:flex;padding:0 10px;height:50px;align-items:center;justify-content:space-around;border-bottom:1px solid #eee;background-color:#f7f7f7}._searchInput_mee3u_131{height:30px;padding:0 5px;flex:1 0 0;font-size:14px;border-radius:2px;border:1px solid #e8e8e8;color:#333}._searchInput_mee3u_131:focus{outline:none}._searchButton_mee3u_146{margin-left:8px;padding:3px 10px;border:1px solid #ddd;cursor:pointer}._previewLayer_jzsa2_1{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:10001}._maskLayer_jzsa2_9{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#37373799;z-index:10078}._imageLayer_jzsa2_18{position:relative;display:flex;align-items:center;justify-content:center;height:100%}._image_jzsa2_18{max-width:900px;max-height:100%;z-index:10079}._previewLayer_10vjv_1{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:10001}._maskLayer_10vjv_10{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#37373799;z-index:10078}._mapLayer_10vjv_19{position:relative;display:flex;align-items:center;justify-content:center;margin:auto;padding:10px;width:80%;height:80%;z-index:10079;background-color:#fff}