.group-item{height:50px;display:flex;position:relative;padding:5px 10px;align-items:center;white-space:nowrap;cursor:pointer}.group-item:hover{background-color:var(--im-background-active)}.group-item.active{background-color:var(--im-background-active-dark)}.group-item .group-name{padding-left:10px;height:100%;text-align:left;line-height:50px;white-space:nowrap;overflow:hidden;font-size:var(--im-font-size);font-family:PingFang Medium}input::-moz-placeholder{color:#9f9fa1!important}input::placeholder{color:#9f9fa1!important}.search{width:18px;height:32px;padding-left:6px}.group-page .group-list-box{display:flex;flex-direction:column;background:var(--im-background)}.group-page .group-list-box .group-list-header{height:50px;display:flex;align-items:center;padding:0 8px}.group-page .group-list-box .group-list-header .search-text{margin:0!important;color:#333}.group-page .group-list-box .group-list-header .search-text input{border:0;color:#000;background:#f3f3f5;border-radius:4px!important}.group-page .group-list-box .group-list-header .search-text ::-moz-placeholder{color:#9f9fa1}.group-page .group-list-box .group-list-header .search-text ::placeholder{color:#9f9fa1}.group-page .group-list-box .group-list-header .add-btn{font-size:16px;color:#747474;margin:5px;padding:8px!important;border:0;background:#f3f3f5}.group-page .group-list-box .group-list-items{flex:1}.group-page .group-list-box .group-list-items .el-collapse-item__arrow{position:absolute;left:16px;font-size:18px;font-weight:600}.group-page .group-list-box .group-list-items .el-collapse-item__header{padding-left:40px;position:relative;font-size:14px!important}.group-page .group-list-box .group-list-items .el-collapse-item__content{padding:0}.group-page .group-list-box .group-list-items .group-avatar{margin-left:20px}.group-page .group-list-box .group-list-items .index-title{text-align:left;font-size:var(--im-larger-size-larger);padding:5px 15px;color:var(--im-text-color-light)}.group-page .group-box{display:flex;flex-direction:column}.group-page .group-box .group_header{width:100%;height:60px;background:#fff;border-bottom:1px solid #e1e4e6;box-sizing:border-box;padding:0 26px;font-family:PingFang Medium;display:flex;align-items:center;justify-content:space-between}.group-page .group-box .group_main{height:100%;background:#f8f8f8}.group-page .group-box .group_main .group_member{display:flex;flex-wrap:wrap;box-sizing:border-box;padding:20px 40px;max-height:87vh;overflow:auto}.group-page .group-box .group_main .group_member .meber{display:flex;flex-direction:column;justify-content:center;width:120px;height:160px;background:#fff;border-radius:15px 15px 15px 15px;margin-right:20px;margin-bottom:20px}.group-page .group-box .group_main .group_member .meber .header-img{margin-top:10px}.group-page .group-box .group_main .group_member .meber .name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px;font-family:PingFang SC;font-weight:500;font-size:var(--im-font-size-large);color:#333;text-align:center;font-style:normal;text-transform:none}.group-page .group-box .group_main .group_member .meber .permission{width:-moz-max-content;width:max-content;font-size:var(--im-font-size);border-radius:12px;border:1px solid #e1e3e6;padding:2px 16px;margin:0 auto}.group-page .group-box .group_main .group_member .meber .permission1{color:#f09548;border-color:#fdf2e6}.group-page .group-box .group_main .group_member .meber .permission2,.group-page .group-box .group_main .group_member .meber .permission3{color:#a8a9ab;border-color:#e1e3e6}.group-page .group-box .group_main .group_member .meber .time{font-size:var(--im-font-size);color:#a8a9ab;padding-top:8px}.group-page .group-box .group_main .btn-box .send-btn{display:block;width:126px;height:32px;background:var(--im-color-primary);border-radius:4px;margin:0 auto;font-family:PingFang SC;font-weight:500;font-size:18px;line-height:32px;color:#fff;text-align:center}