.common-friend-select-wrapper{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px}.common-friend-select-left{overflow-y:auto}.common-friend-select-left,.common-friend-select-right{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}.common-friend-select-divider{height:100%;border-color:#dbe0e8}.common-friend-select-subtitle-item{padding:8px 0;color:#b3b7bc;font-size:14px;border-bottom:1px solid #dbe0e8}.common-friend-select-selected-title{font-size:14px;color:#b3b7bc;height:22px}.common-friend-select-selected-content{height:calc(100% - 22px);overflow-y:auto}.common-friend-select-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:8px}.common-friend-select-item-checkbox.ant-checkbox-wrapper{margin-right:8px}.common-friend-select-item-label{margin-left:8px;color:#333;font-size:12px}.common-group-avatar-select-main{cursor:pointer}.common-group-avatar-select-main,.common-group-avatar-select-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.common-group-avatar-select-btn.ant-btn,.common-group-avatar-select-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.common-group-avatar-select-btn.ant-btn{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:8px}.common-group-avatar-select-btn-img{width:100%;height:100%}.common-usercard-modal .ant-modal{width:352px!important}.common-usercard-modal .ant-modal-body{padding:0}.common-usercard-modal .ant-modal-footer{border-top:none;padding:0 24px 24px}.common-usercard-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background:url(https://yx-web-nosdn.netease.im/common/7ff58b88ee91e4abe3fc6374296827fb/user-background.png) no-repeat 0 -50px;width:100%;height:100px;min-width:0;padding:0 30px;position:relative}.common-usercard-header-avatar{margin-right:15px;cursor:pointer}.common-usercard-header-nick{font-size:22px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.common-usercard-header-controls.ant-btn{position:absolute;top:10px;right:10px;color:#fff}.common-usercard-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px}.common-usercard-content-form-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.common-usercard-content-form-item:not(:first-child){margin-top:16px}.common-usercard-content-form-item label{color:#666;margin-right:16px;font-size:14px;white-space:nowrap}.common-usercard-content-form-item-text{font-size:14px;color:#333;word-break:break-all}.common-usercard-footer-button{width:100%}.common-mycard-modal .ant-modal-body{padding:0}.common-mycard-modal .ant-modal-footer{border-top:none;padding:0 24px 24px}.common-mycard-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background:url(https://yx-web-nosdn.netease.im/common/7ff58b88ee91e4abe3fc6374296827fb/user-background.png) no-repeat;background-size:100% 100%;width:100%;height:100px;min-width:0;padding:0 30px}.common-mycard-header-avatar{margin-right:15px;cursor:pointer}.common-mycard-header-nick{font-size:22px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.common-mycard-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px 24px 24px 0}.common-mycard-content-form-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.common-mycard-content-form-item:not(:first-child){margin-top:16px}.common-mycard-content-form-item label{color:#666;margin-right:16px;font-size:14px;white-space:nowrap}.common-mycard-content-form-item-text{font-size:14px;color:#333}.common-complex-avatar-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer}.common-complex-avatar-wrapper-nocursor{cursor:default}.common-parse-session-text-wrapper{padding:12px 16px}.common-parse-session-emoji-icon{font-size:18px}.common-parse-session-image .ant-image-img,.common-parse-session-video{max-width:300px;min-width:150px;max-height:300px;min-height:150px;-o-object-fit:cover;object-fit:cover;vertical-align:middle}.common-parse-session-mention{color:#2a6bf2}.common-parse-session-noti{padding:22px 16px;line-height:16px;color:#999;text-align:center}.common-parse-session-noti-transfer{color:#2a6bf2;margin-right:5px}.common-parse-session-audio-container{padding:12px 16px}.common-parse-session-audio-in,.common-parse-session-audio-out{width:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.common-parse-session-audio-in .common-parse-session-audio-icon-wrapper,.common-parse-session-audio-out .common-parse-session-audio-icon-wrapper{font-size:20px}.common-parse-session-audio-in .common-parse-session-audio-icon-wrapper:hover,.common-parse-session-audio-out .common-parse-session-audio-icon-wrapper:hover{-webkit-animation:audio-play 5s;animation:audio-play 5s}.common-parse-session-audio-in{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.common-parse-session-audio-in .common-parse-session-audio-icon-wrapper{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.common-parse-session-location-card{position:relative;background-color:#fff;width:288px}.common-parse-session-location-card .common-parse-session-location-title{padding:8px 10px 0}.common-parse-session-location-card .common-parse-session-location-subTitle{padding:0 10px 8px;color:#999;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.common-parse-session-location-card img{width:100%}.common-parse-session-file-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 16px}.common-parse-session-file-box .common-parse-session-file-icon{font-size:32px}.common-parse-session-file-box .common-parse-session-file-info{padding-left:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.common-parse-session-upload-container{position:relative}.common-parse-session-upload-img{max-width:300px;min-width:150px;max-height:300px;min-height:150px;-o-object-fit:cover;object-fit:cover;vertical-align:middle}.common-parse-session-upload-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.common-parse-session-upload-progress{cursor:pointer}.common-parse-session-upload-progress .ant-progress-circle.ant-progress-status-exception .ant-progress-text{color:#fff}.common-parse-session-reply-wrapper{font-size:12px;color:#666;padding:12px 16px;border-bottom:1px solid #bbd2ed}.common-parse-session-reply-wrapper .common-parse-session-text-wrapper{padding:0}.common-parse-session-reply-wrapper .common-parse-session-image-container{margin:0}.common-parse-session-reply-wrapper .common-parse-session-file-box{padding:0}.common-parse-session-map-menu-popover{top:0!important;bottom:0!important}.common-parse-session-map-menu{width:60px}.common-parse-session-map-menu a{color:#666;display:block;text-align:center;margin:10px 0}.common-welcome-wrap{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;color:#666;background-color:#fff}.common-welcome-wrap img{max-width:100px;margin-bottom:6px}.ant-input-prefix .common-searchinput-icon{color:#b3b7bc}.common-searchinput-wrap .ant-input-affix-wrapper-disabled{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.common-searchinput-wrap .ant-input[disabled]{width:auto}.common-percent-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.common-percent-wrap-icon{color:#537ff4!important}.common-percent-wrap-svg{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.common-percent-wrap-svg-bg{fill:#fff;stroke:#537ff4}.common-percent-wrap-svg-content{stroke:#537ff4}.common-select-modal-content{border:1px solid #e0e0e0;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.common-select-modal-content .ant-checkbox-wrapper{margin-right:8px}.common-select-modal-content-left{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px;border-right:1px solid #e0e0e0}.common-select-modal-content-right{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px;max-height:388px;overflow-y:auto}.common-select-modal-content-l-title{font-size:12px;color:#b3b7bc;margin-top:12px;margin-bottom:8px}.common-select-modal-content-r-title{font-size:14px;color:#b3b7bc;padding:8px}.common-select-modal-content-l-list{height:300px;overflow-y:auto}.common-select-modal-content-r-list{max-height:350px;overflow-y:auto}.common-select-modal-content-chose{padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.common-select-modal-content-chose:hover{background-color:#f1f4f8}.common-select-modal-content-item{padding:8px 12px;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.common-select-modal-content-item-focus,.common-select-modal-content-item:hover{background-color:#f1f4f8}.common-select-modal-content-text{max-width:200px;margin-left:8px;font-size:12px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.common-select-modal-content-close{font-size:12px;color:#90959d}.common-select-modal-content-empty{font-size:14px;text-align:center}.common-select-modal-input{border-radius:4px;border-color:#e0e0e0}.conversation-item{width:100%;padding:12px;background-color:#fff;position:relative;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.conversation-item,.conversation-item-content{display:-webkit-box;display:-ms-flexbox;display:flex}.conversation-item-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 6px 0 10px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.conversation-item-content-name{font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item-content-msg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.conversation-item-content-msg,.conversation-item-content-msg-body{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item-content-mention{font-size:12px;color:#e74646}.conversation-item-content-read-status{margin-right:4px}.conversation-item-content-read-icon{font-size:14px;color:#2a6bf2!important;position:relative;top:1px}.conversation-item-state{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;white-space:nowrap}.conversation-item-state-date{font-size:12px;color:#999}.conversation-item-state-mute{color:#656a72;height:22px}.conversation-item-top{background-color:#f7f9fa}.conversation-item-select,.conversation-item:hover{background-color:#ebf3fc}.conversation-list-loading{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.conversation-list-wrapper{background-color:#fff;width:100%;height:100%;overflow-y:auto}.contact-black-wrapper{background-color:#f6f8fa;width:100%;height:100%;overflow-y:auto}.contact-black-title{color:#333;font-size:16px;font-weight:500;border-bottom:1px solid #dbe0e8;padding:22px 16px}.contact-black-title-remark{color:#666;font-size:14px;font-weight:400}.contact-black-content{padding:0 16px}.contact-black-item{cursor:pointer;padding:16px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);width:100%;border-radius:4px}.contact-black-item:not(:last-child){border-bottom:1px solid #dbe0e8}.contact-black-item:hover{background-color:#ecf0f4}.contact-black-item-label{margin-left:12px;font-size:14px;color:#333}.contact-friend-wrapper{background-color:#f6f8fa;width:100%;height:100%}.contact-friend-title{color:#333;font-size:16px;font-weight:500;border-bottom:1px solid #dbe0e8;padding:22px 16px;height:71px}.contact-friend-list{width:100%;height:calc(100% - 71px);overflow-y:auto}.contact-friend-subtitle{padding:16px 8px 8px;border-bottom:1px solid #dbe0e8;font-size:14px;color:#b3b7bc;margin:0 16px 10px}.contact-friend-item{cursor:pointer;padding:5px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);width:100%;border-radius:4px}.contact-friend-item:hover{background-color:#ecf0f4}.contact-friend-item-label{margin-left:12px;font-size:14px;color:#333}.contact-friend-item-state-online{color:#333}.contact-friend-item-state-offline{color:#666}.contact-group-wrapper{background-color:#f6f8fa;width:100%;height:100%;overflow-y:auto}.contact-group-title{color:#333;font-size:16px;font-weight:500;border-bottom:1px solid #dbe0e8;padding:22px 16px}.contact-group-content{padding:0 16px}.contact-group-item{cursor:pointer;padding:16px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);width:100%;border-radius:4px}.contact-group-item:not(:last-child){border-bottom:1px solid #dbe0e8}.contact-group-item:hover{background-color:#ecf0f4}.contact-group-item-label{margin-left:12px;font-size:14px;color:#333}.contact-list-wrapper{background-color:#fff;width:100%;height:100%;overflow-y:auto}.contact-list-item{cursor:pointer;padding:11px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);width:100%}.contact-list-item-select,.contact-list-item:hover{background-color:#ebf3fc}.contact-list-item-label{margin-left:12px;font-size:14px}.contact-msg-wrapper{background-color:#f6f8fa;width:100%;height:100%;overflow-y:auto}.contact-msg-title{color:#333;font-size:16px;font-weight:500;border-bottom:1px solid #dbe0e8;padding:22px 16px}.contact-msg-content{padding:4px 16px}.contact-msg-item{padding:12px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;border-radius:4px}.contact-msg-item:not(:first-child){border-top:1px solid #dbe0e8}.contact-msg-item-flex,.contact-msg-item-state{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-msg-item-state{color:#b3b7bc}.contact-msg-item-state-icon{font-size:16px;margin-right:6px;color:#dbdde4}.contact-msg-item-label,.contact-msg-item-name{margin-left:12px;font-size:14px;color:#333}.contact-msg-item-reject-btn{margin-right:16px}.chat-action-wrap{width:52px;border-left:1px solid #e4e9f2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.chat-action-wrap .chat-action-setting{width:30px;height:30px;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:18px 11px 0}.chat-action-wrap .chat-action-setting-active{background:#d7e4ff}.chat-action-wrap .chat-action-setting-active .chat-action-icon{color:#2a6bf2}.chat-setting-draw-wrap{position:absolute}.chat-setting-draw-wrap .ant-drawer-mask{background:transparent}.chat-setting-draw-wrap .ant-drawer-header{padding:19px 16px 18px}.chat-setting-draw-wrap .ant-drawer-body{padding:0}.chat-header-wrap{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;border-bottom:1px solid #dbe0e8;padding-left:16px}.chat-header-wrap .chat-header-avatar{margin-right:12px;width:36px;height:36px;border-radius:18px}.chat-header-wrap .chat-header-title{margin-right:5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.chat-header-wrap .chat-header-sub-title{color:#999}.chat-message-list{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:16px}.chat-message-list-tip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999}.chat-message-list-content{width:100%}.chat-message-list-tobottom{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 10px;bottom:100px;left:calc(50% - 75px);color:#333;font-size:14px;background-color:#fff;border-radius:18px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.chat-message-list-tobottom span{margin-right:5px}.chat-message-list-tobottom:hover{background-color:#d6e5f6;color:#fff}.chat-message-list-stranger-noti.ant-alert{position:absolute;width:100%;top:60px;left:0}.chat-message-list-item-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px}.chat-message-list-item-wrap .ant-dropdown-menu-title-content{white-space:nowrap}.chat-message-list-item-wrap .chat-message-list-item-avatar-wrap{position:relative}.chat-message-list-item-wrap .chat-message-list-item-status{padding-right:8px}.chat-message-list-item-wrap .chat-message-list-item-avatar{margin-right:12px;width:32px;height:32px;border-radius:16px}.chat-message-list-item-wrap .chat-message-list-item-content-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.chat-message-list-item-wrap .chat-message-list-item-content-box .chat-message-list-item-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chat-message-list-item-wrap .chat-message-list-item-content-box .chat-message-list-item-content,.chat-message-list-item-wrap .chat-message-list-item-content-box .chat-message-list-item-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.chat-message-list-item-wrap .chat-message-list-item-content-box .chat-message-list-item-nick{color:#666}.chat-message-list-item-wrap .chat-message-list-item-content-box .chat-message-list-item-body{word-break:break-all;word-wrap:break-word;white-space:break-spaces;line-height:22px;overflow:hidden;max-width:442px;min-width:50px;border-radius:0 12px 12px 12px;background:#e8eaed}.chat-message-list-item-wrap .chat-message-list-item-content-box .chat-message-list-item-body .chat-message-list-item-emoji-icon{font-size:20px}.chat-message-list-item-wrap .chat-message-list-item-status-fail-icon,.chat-message-list-item-wrap .chat-message-list-item-status-icon{font-size:16px}.chat-message-list-item-wrap .chat-message-list-item-status-icon-fail{color:#f24957}.chat-message-list-item-wrap .chat-message-list-item-date{padding-top:4px;font-size:12px;color:#999;text-align:left}.chat-message-list-item-wrap .chat-message-list-item-date-self{text-align:right}.chat-message-list-item-self{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chat-message-list-item-self .chat-message-list-item-content-box{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.chat-message-list-item-self .chat-message-list-item-content-box .chat-message-list-item-body{background:#d6e5f6;border-radius:12px 0 12px 12px}.chat-message-list-item-self .chat-message-list-item-avatar{margin-left:12px;margin-right:0}.chat-message-list-item-recall{padding:10px 0;line-height:16px;color:#999;text-align:center}.chat-message-list-item-recall .chat-message-list-item-reedit{cursor:pointer;padding-left:6px;color:#1890ff}.chat-at-member-wrap{padding:10px 0;max-height:160px;overflow-y:auto;width:100%}.chat-at-member-wrap .chat-at-member-item{padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;cursor:pointer}.chat-at-member-wrap .chat-at-member-item.chat-at-member-item-active{background:#d7e4ff}.chat-at-member-wrap .chat-at-member-item .chat-at-member-all-icon{width:28px;background-color:#2a6bf2;color:#fff;border-radius:50%;text-align:center;height:28px;font-size:16px}.chat-at-member-wrap .chat-at-member-item .chat-at-member-label{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px}.chat-message-input{padding:16px}.chat-message-input-wrap{position:relative;background:#fff;border:1px solid #dde0e5;border-radius:4px}.chat-message-input-wrap .chat-message-input-reply-wrap{position:relative;padding:12px 15px 0}.chat-message-input-wrap .chat-message-input-reply-wrap .chat-message-input-reply-container{height:30px;background:#f1f5f8;border-radius:4px;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px;font-size:12px}.chat-message-input-wrap .chat-message-input-reply-wrap .chat-message-input-reply-container .chat-message-input-reply-content{border-left:1px solid #dde0e5;margin-left:8px;padding-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-flex:1;-ms-flex:1;flex:1}.chat-message-input-wrap .chat-message-input-content{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.chat-message-input-wrap .chat-message-input-popup-container{position:absolute;top:15px;left:0;right:0;bottom:0}.chat-message-input-wrap .chat-message-input-popup-container .ant-popover-inner-content{width:100%}.chat-message-input-wrap .chat-message-input-at-popover{right:0!important;left:0!important}.chat-message-input-wrap .chat-message-input-at-popover .ant-popover-inner{border-radius:4px}.chat-message-input-wrap .chat-message-input-at-popover .ant-popover-inner-content{padding:0}.chat-message-input-wrap .chat-message-input-textarea{resize:"none";line-height:"22px";padding:12px;border:none;outline:none}.chat-message-input-wrap .chat-message-input-textarea::-webkit-input-placeholder{display:block;content:"line@ A line#"}.chat-message-input-wrap .chat-message-input-icon-box{padding:6px 0 2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-message-input-wrap .chat-message-input-icon-box .ant-btn{padding:0;border:none;height:auto;margin-right:12px;background:none}.chat-message-input-wrap .chat-message-input-icon-box .chat-message-input-loading-spin{font-size:17px}.chat-message-input-wrap .chat-message-input-icon-box .chat-message-input-icon-emoji,.chat-message-input-wrap .chat-message-input-icon-box .chat-message-input-icon-file,.chat-message-input-wrap .chat-message-input-icon-box .chat-message-input-icon-image{cursor:pointer;color:#656a72}.chat-message-input-wrap .chat-message-input-icon-box .chat-message-input-icon-upload,.chat-message-input-wrap .chat-message-input-icon-box .chat-message-input-icon-upload .ant-upload{line-height:0}.chat-message-input-wrap .chat-message-input-icon-box .chat-message-input-icon-emoji,.chat-message-input-wrap .chat-message-input-icon-box .chat-message-input-icon-image{font-size:20px}.chat-message-input-wrap .chat-message-input-icon-box .chat-message-input-icon-file{font-size:18px}.chat-message-input-wrap .chat-message-input-icon-box .chat-message-input-icon-msg{font-size:20px;color:#d7dadd}.chat-message-input-wrap .chat-message-input-icon-box .chat-message-input-icon-msg-select{font-size:20px;color:#537ff4}.chat-message-input-wrap .chat-message-input-icon-box .chat-message-input-icon-msg-select:hover{font-size:20px;color:#1861df}.chat-message-input-emoji-box{overflow:hidden}.chat-message-input-emoji-box .ant-popover-inner-content{width:414px;max-height:327px;padding:16px 14px}.chat-message-input-emoji-box .chat-message-input-emoji-item{display:inline-block;width:22px;height:22px;margin:7px 10px;cursor:pointer}.chat-message-input-emoji-box .chat-message-input-emoji-item .chat-message-input-emoji-item-icon{font-size:23px}.chat-message-input-emoji-box .chat-message-input-emoji-item:hover{background:#d7e4ff}.chat-person-setting-wrap{padding:8px 0}.chat-person-setting-wrap .chat-person-setting-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 16px;cursor:pointer}.chat-person-setting-wrap .chat-person-setting-item-label{padding-left:12px}.chat-person-setting-wrap .chat-person-setting-item:hover{background-color:#f6f8fa}.chat-person-setting-wrap .chat-person-setting-add-btn{height:36px;width:36px;color:#c1c8d1}.chat-person-setting-wrap .chat-person-setting-add-icon{font-size:14px;color:#c1c8d1}.chat-group-list-wrap{width:100%;height:100%;overflow-y:auto;padding:0 10px}.chat-group-list-input{margin:15px 0 10px;background-color:#f1f5f8!important;border-color:#f1f5f8!important}.chat-group-list-input .ant-input{background-color:#f1f5f8}.chat-group-list-no-result{color:#e74646}.chat-group-item-wrap{padding:12px 16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);width:100%;border-radius:4px}.chat-group-item-wrap,.chat-group-item-wrap .chat-group-item-avatar-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-group-item-wrap .chat-group-item-avatar-box{width:calc(100% - 57px)}.chat-group-item-wrap .chat-group-item-label{margin-left:12px;max-width:calc(100% - 48px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chat-group-item-wrap .chat-group-item-manager,.chat-group-item-wrap .chat-group-item-owner{background-color:#d7e4ff;padding:2px 12px;border-radius:4px;font-size:12px;color:#2a6bf2;text-align:center;margin-left:8px;word-break:keep-all}.chat-group-item-wrap .chat-group-item-remove-member{color:#2a6bf2;font-size:12px;cursor:pointer}.chat-group-item-active{background-color:#f7f9fa}.chat-group-detail-wrap.ant-form{padding:0 16px}.chat-group-detail-wrap.ant-form .ant-form-item{margin-bottom:16px;border-top:1px solid #e4e9f2}.chat-group-detail-wrap.ant-form .ant-form-item:first-of-type{border-top:none;margin:10px 0}.chat-group-detail-wrap.ant-form .ant-form-item:last-child{padding-bottom:16px}.chat-group-detail-wrap.ant-form .ant-form-item-label{font-weight:700;line-height:18px;padding:16px 0}.chat-group-detail-wrap.ant-form .chat-group-detail-form-input{border-radius:4px;outline:none}.chat-group-detail-wrap.ant-form .chat-group-detail-form-input textarea{resize:none}.chat-group-detail-wrap.ant-form .chat-group-detail-avatar-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.chat-group-detail-wrap.ant-form .chat-group-detail-avatar-box .ant-form-item-label{margin-right:10px}.chat-group-detail-wrap.ant-form .chat-group-detail-avatar-box .ant-form-item-control-input{text-align:end}.chat-group-detail-wrap.ant-form .chat-group-detail-save-btn{margin-top:16px}.chat-group-power-wrap{padding:6px 16px 0}.chat-group-power-wrap label{color:#333;font-weight:500;font-size:14px}.chat-group-power-manager{padding:20px 0;border-bottom:1px solid #e4e9f2}.chat-group-power-manager-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-group-power-manager-avatars{margin-top:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.chat-group-power-manager-avatars :not(:last-child){margin-right:12px}.chat-group-power-manager-avatars>div{margin-top:10px}.chat-group-power-manager-avatars>div.chat-group-power-manager-avatars-empty{margin:0 auto}.chat-group-power-manager-btn{font-size:12px!important;color:#2a6bf2!important}.chat-group-power-who{padding-bottom:20px;border-bottom:1px solid #e4e9f2}.chat-group-power-who-item{margin-top:20px}.chat-group-power-who-select{display:block!important;margin-top:10px!important}.chat-group-power-who-select .ant-select-selector{border-color:#fff!important;background-color:#f1f5f8!important}.chat-group-power-action{padding-bottom:20px;border-bottom:1px solid #e4e9f2}.chat-group-power-action-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}.chat-group-setting-wrap{position:relative;height:100%;overflow-y:auto}.chat-group-setting-wrap .chat-group-setting-item{padding:16px;border-bottom:1px solid #e4e9f2}.chat-group-setting-wrap .chat-group-setting-members-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.chat-group-setting-wrap .chat-group-setting-members-list .ant-badge{margin-left:12px}.chat-group-setting-wrap .chat-group-setting-add-icon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border:1px dashed #c1c8d1;border-radius:50%}.chat-group-setting-wrap .chat-group-setting-add-icon,.chat-group-setting-wrap .chat-group-setting-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.chat-group-setting-wrap .chat-group-setting-head{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.chat-group-setting-wrap .chat-group-setting-head-info{width:calc(100% - 14px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-group-setting-wrap .chat-group-setting-head .chat-group-setting-label{padding-left:12px;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chat-group-setting-wrap .chat-group-setting-members .chat-group-setting-members-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;cursor:pointer}.chat-group-setting-wrap .chat-group-setting-members .chat-group-setting-members-num{padding-left:6px;color:#666}.chat-group-setting-wrap .chat-group-setting-power{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.chat-group-setting-wrap .chat-group-setting-group-operation,.chat-group-setting-wrap .chat-group-setting-power{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-group-setting-wrap .chat-group-setting-group-operation{padding:10px;position:absolute;bottom:16px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.chat-group-setting-wrap .chat-group-setting-group-operation .chat-group-setting-group-operation-item{-webkit-box-flex:1;-ms-flex:1;flex:1;display:inline-block;margin:0 30px;border-radius:4px}.chat-group-setting-wrap .chat-group-setting-group-operation .chat-group-setting-group-operation-dismiss{color:#f7f7f7;background:#ff4d4f}.chat-group-setting-wrap .chat-group-setting-exit-btn{position:absolute;bottom:16px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#f7f7f7;background:#ff4d4f;border-radius:4px}.chat-group-setting-wrap .chat-group-setting-nickinteam{margin-top:16px;background-color:#f1f5f8;border-color:#f1f5f8}.chat-group-setting-wrap .chat-group-setting-nickinteam .ant-input{background-color:#f1f5f8}.chat-forward-modal-input{margin-top:12px;border-radius:4px;border-color:#e0e0e0}.chat-wrap{width:100%;background:#f6f8fa}.chat-content,.chat-wrap{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.chat-content{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;overflow:hidden}.search-add-item{display:-webkit-box;display:-ms-flexbox;display:flex;height:16px;cursor:pointer}.search-add-item-icon{display:block;font-size:14px}.search-add-item-content{height:16px;margin-left:6px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:16px;color:#333}.search-add-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:80px}.search-add-modal .ant-modal-content{border-radius:8px}.search-add-modal .ant-modal-content .ant-modal-header{border-radius:8px 8px 0 0}.search-add-modal .ant-modal-content .ant-modal-body{margin-top:13px}.search-add-modal .ant-modal-content .ant-modal-footer{padding:10px 24px;border-top:none}.search-add-modal-empty-content{margin-top:16px;position:absolute;width:200px;height:16px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:16px;color:#e6605c}.search-add-modal-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:24px}.search-add-modal-content,.search-add-modal-info{display:-webkit-box;display:-ms-flexbox;display:flex}.search-add-modal-info{height:36px;margin:0 12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.search-add-modal-info-name{height:16px;font-size:14px;line-height:16px;color:#333;max-width:100%}.search-add-modal-info-account,.search-add-modal-info-name{font-family:PingFang SC;font-style:normal;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-add-modal-info-account{height:14px;font-size:12px;line-height:14px;color:#999}.ant-popover-arrow{display:none}.ant-popover-inner{background:#fff;border:1px solid #e6e6e6;-webkit-box-shadow:0 4px 7px rgba(133,136,140,.25);box-shadow:0 4px 7px rgba(133,136,140,.25);border-radius:8px}.ant-popover-placement-bottom{padding-top:0}.search-add-panel{display:inline-block}.search-add-panel-btn{display:-webkit-box;display:-ms-flexbox;display:flex;width:32px;height:32px;background:#f1f5f8;border-radius:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-add-panel-btn:hover{cursor:pointer}.search-add-panel-btn-img{font-size:18px}.search-add-create-modal .ant-modal-content{border-radius:8px}.search-add-create-modal .ant-modal-content .ant-modal-header{border-radius:8px 8px 0 0}.search-add-create-modal-group-name{margin-top:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-add-create-modal-group-name-content{width:80px;height:16px;text-align:center;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:16px;color:#666}.search-add-create-modal-group-name-input{width:260px;height:32px;margin-left:16px}.search-add-create-modal-group-avatar{margin-top:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-add-create-modal-group-avatar-content{width:85px;height:16px;text-align:center;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:16px;color:#666;margin-right:16px}.search-add-create-modal-group-friendList{width:100%;height:320px;margin-top:24px}.search-add-create-modal-group-friendList-content{height:16px;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:16px;color:#666}html{--ant-primary-color:#1890ff;--ant-primary-color-hover:#40a9ff;--ant-primary-color-active:#096dd9;--ant-primary-color-outline:rgba(24,144,255,0.2);--ant-primary-1:#e6f7ff;--ant-primary-2:#bae7ff;--ant-primary-3:#91d5ff;--ant-primary-4:#69c0ff;--ant-primary-5:#40a9ff;--ant-primary-6:#1890ff;--ant-primary-7:#096dd9;--ant-primary-color-deprecated-l-35:#cbe6ff;--ant-primary-color-deprecated-l-20:#7ec1ff;--ant-primary-color-deprecated-t-20:#46a6ff;--ant-primary-color-deprecated-t-50:#8cc8ff;--ant-primary-color-deprecated-f-12:rgba(24,144,255,0.12);--ant-primary-color-active-deprecated-f-30:rgba(230,247,255,0.3);--ant-primary-color-active-deprecated-d-02:#dcf4ff;--ant-success-color:#52c41a;--ant-success-color-hover:#73d13d;--ant-success-color-active:#389e0d;--ant-success-color-outline:rgba(82,196,26,0.2);--ant-success-color-deprecated-bg:#f6ffed;--ant-success-color-deprecated-border:#b7eb8f;--ant-error-color:#ff4d4f;--ant-error-color-hover:#ff7875;--ant-error-color-active:#d9363e;--ant-error-color-outline:rgba(255,77,79,0.2);--ant-error-color-deprecated-bg:#fff2f0;--ant-error-color-deprecated-border:#ffccc7;--ant-warning-color:#faad14;--ant-warning-color-hover:#ffc53d;--ant-warning-color-active:#d48806;--ant-warning-color-outline:rgba(250,173,20,0.2);--ant-warning-color-deprecated-bg:#fffbe6;--ant-warning-color-deprecated-border:#ffe58f;--ant-info-color:#1890ff;--ant-info-color-deprecated-bg:#e6f7ff;--ant-info-color-deprecated-border:#91d5ff}.search-search-wrapper{width:100%}.search-search-wrapper-button{width:100%;padding:8px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#b3b7bc;background:#f1f5f8;border-radius:4px;cursor:pointer}.search-search-wrapper-text{margin-left:5px}.search-search-modal .ant-modal-close-x{width:48px;height:65px;line-height:65px}.search-search-modal .ant-modal-header{padding:16px 46px 16px 16px}.search-search-modal-content{height:360px;overflow-y:auto}.search-search-modal-content-section{padding-bottom:20px}.search-search-modal-content-section-title{color:#dbe0e8;border-bottom:1px solid #dbe0e8;margin-bottom:8px}.search-search-modal-content-section-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.search-search-modal-content-section-item:hover{background-color:#ebf3fc;cursor:pointer}.search-search-modal-content-section-item-name{margin-left:12px}