.group-box[data-v-1ff2f4fa]{display:flex;flex-direction:column;height:calc(100vh - 104px);background:#fff;border:1px solid #e6e6e6}.group-box .group-box-header[data-v-1ff2f4fa]{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:60px;border-bottom:1px solid #e6e6e6}.group-box .group-box-list[data-v-1ff2f4fa]{flex:1;overflow:auto}.group-box .group-box-page[data-v-1ff2f4fa]{padding-top:15px;height:48px}.chat-item[data-v-1ff2f4fa]{display:flex;align-items:center;padding:10px;cursor:pointer}.chat-item.active[data-v-1ff2f4fa],.chat-item[data-v-1ff2f4fa]:hover{background:#f5f5f5}.chat-item .chat-avatar[data-v-1ff2f4fa]{margin-right:10px}.chat-item .chat-avatar img[data-v-1ff2f4fa]{width:44px;height:44px;border-radius:50%}.chat-item .chat-content[data-v-1ff2f4fa]{flex-grow:1;display:flex;flex-direction:column}.chat-item .chat-content .chat-message[data-v-1ff2f4fa]{margin-top:5px}.chat-item .chat-content .chat-name[data-v-1ff2f4fa]{font-weight:700;margin-right:10px}.chat-item .chat-time[data-v-1ff2f4fa]{font-size:12px;color:#999}.group-user-box[data-v-1ff2f4fa]{border-left:none}.member-list[data-v-1ff2f4fa]{display:flex;justify-content:flex-start;flex-wrap:wrap;padding:20px 0 20px 20px}.member-list .member-item[data-v-1ff2f4fa]{display:flex;align-items:center;flex-wrap:wrap;padding:10px;width:200px;border:1px solid #eee;border-radius:8px;margin-right:20px;margin-bottom:20px}.member-list .member-item[data-v-1ff2f4fa]:last-child{margin-right:0}.member-list .member-item .member-avatar[data-v-1ff2f4fa]{margin-right:10px}.member-list .member-item .member-avatar img[data-v-1ff2f4fa]{width:44px;height:44px;border-radius:50%}.member-list .member-item .member-content[data-v-1ff2f4fa]{flex-grow:1;display:flex;justify-content:space-between}.member-list .member-item .member-content .member-header[data-v-1ff2f4fa]{display:flex;align-items:flex-start;flex-direction:column}.member-list .member-item .member-content .member-header .member-name[data-v-1ff2f4fa]{font-weight:700;margin-right:10px}.member-list .member-item .member-content .member-header .member-role[data-v-1ff2f4fa]{font-size:12px;color:#999}.member-list .member-item .member-content .member-actions[data-v-1ff2f4fa]{display:flex;justify-content:flex-end}.mt-3[data-v-1ff2f4fa]{margin-top:3px}[data-v-1ff2f4fa] .el-card__body{padding:0!important}