.friend-request-item{align-items:center;border-bottom:1px solid #ccc;cursor:pointer;display:flex;margin:0 30px;padding:10px;position:relative}.friend-request-item .request-info{display:flex;flex:3;flex-direction:column;flex-shrink:0;margin:0 15px;overflow:hidden}.friend-request-item .request-info .nick-name{align-items:center;display:flex;font-size:16px;font-weight:600;line-height:30px}.friend-request-item .request-info .info-text{display:flex;font-size:14px;line-height:20px;text-align:left;word-break:break-all}.group-select{margin-bottom:20px}.group-select :deep(.el-select){width:100%}.no-data-tip[data-v-f4a35385],.scroll-box[data-v-f4a35385]{height:400px}.scroll-box .item[data-v-f4a35385]{align-items:center;display:flex;height:65px;padding-left:15px;padding-right:25px;position:relative}.scroll-box .item .friend-info[data-v-f4a35385]{display:flex;flex:3;flex-direction:column;flex-shrink:0;margin:0 15px;overflow:hidden}.scroll-box .item .friend-info .nick-name[data-v-f4a35385]{align-items:center;display:flex;flex-direction:row;white-space:nowrap}.scroll-box .item .friend-info .nick-name .nick-name-text[data-v-f4a35385]{font-size:16px;font-weight:600;line-height:25px}.scroll-box .item .friend-info .text-info[data-v-f4a35385]{display:flex;flex-direction:row;font-size:12px;line-height:20px;white-space:nowrap}.scroll-box .item .status-tip[data-v-f4a35385]{color:var(--im-text-color-light)}@media(max-width:900px){.add-friend[data-v-f4a35385] .el-dialog{margin-top:14vh}.add-friend[data-v-f4a35385] .el-dialog__body{padding:16px}.no-data-tip[data-v-f4a35385],.scroll-box[data-v-f4a35385]{height:56vh}.scroll-box .item[data-v-f4a35385]{align-items:flex-start;gap:8px;height:auto;padding:10px 12px}.scroll-box .item .friend-info[data-v-f4a35385]{flex:1 1 auto;margin:0 8px;min-width:0}.scroll-box .item .nick-name-text[data-v-f4a35385]{font-size:14px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-box .item .text-info[data-v-f4a35385]{white-space:normal}}.friend-request[data-v-bb5cd997]{display:flex;flex-direction:column}.friend-request .tabs[data-v-bb5cd997]{flex:1}.el-empty{--el-empty-padding:40px 0;--el-empty-image-width:160px;--el-empty-description-margin-top:20px;--el-empty-bottom-margin-top:20px;--el-empty-fill-color-0:var(--el-color-white);--el-empty-fill-color-1:#fcfcfd;--el-empty-fill-color-2:#f8f9fb;--el-empty-fill-color-3:#f7f8fc;--el-empty-fill-color-4:#eeeff3;--el-empty-fill-color-5:#edeef2;--el-empty-fill-color-6:#e9ebef;--el-empty-fill-color-7:#e5e7e9;--el-empty-fill-color-8:#e0e3e9;--el-empty-fill-color-9:#d5d7de;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:var(--el-empty-padding);text-align:center}.el-empty__image{width:var(--el-empty-image-width)}.el-empty__image img{height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;vertical-align:top;width:100%}.el-empty__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:100%;vertical-align:top;width:100%}.el-empty__description{margin-top:var(--el-empty-description-margin-top)}.el-empty__description p{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);margin:0}.el-empty__bottom{margin-top:var(--el-empty-bottom-margin-top)}.create-group-dialog[data-v-1a1a9d2f] .el-dialog__body{padding:18px}.create-section .create-btn[data-v-1a1a9d2f]{margin-top:10px;width:100%}.divider[data-v-1a1a9d2f]{background-color:#e0e0e0;height:1px;margin:14px 0}.exist-section .exist-title[data-v-1a1a9d2f]{color:var(--im-text-color-secondary);font-size:14px;margin-bottom:10px}.exist-section .delete-btn[data-v-1a1a9d2f]{border-color:var(--im-color-danger);color:var(--im-color-danger)}.exist-section .delete-btn[data-v-1a1a9d2f]:hover{background-color:var(--im-color-danger);color:#fff}.exist-section .group-item[data-v-1a1a9d2f]{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;padding:12px 10px}.exist-section .group-item[data-v-1a1a9d2f]:last-child{border-bottom:none}.exist-section .group-item .group-name[data-v-1a1a9d2f]{cursor:pointer;font-size:15px}.exist-section .group-item .group-name[data-v-1a1a9d2f]:hover{color:var(--im-color-primary)}.exist-section .group-item[data-v-1a1a9d2f] .el-input{flex:1;max-width:250px}