@charset "UTF-8";.group-card[data-v-681c8dd4]{width:100%;max-width:400px;height:260px;list-style:none;border-radius:10px;overflow:hidden;border:1px solid #e5e5e5;background:#fff;padding:15px;color:#333;-webkit-transition:.3s;transition:.3s;-webkit-box-shadow:1px 6px 10px #f1f1f1;box-shadow:1px 6px 10px #f1f1f1;position:relative;margin-bottom:0}.group-card.self[data-v-681c8dd4]{border-left:3px solid #fc4551}.group-card.join[data-v-681c8dd4]{border-left:3px solid #3b84f2}.group-card.other[data-v-681c8dd4]{border-left:3px solid #35c665}.group-card .header_wrapper[data-v-681c8dd4]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;width:100%}.group-card .header_wrapper .header_icon[data-v-681c8dd4]{font-size:40px;-ms-flex-negative:0;flex-shrink:0}.group-card .header_wrapper .header_info[data-v-681c8dd4]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.group-card .header_wrapper .title[data-v-681c8dd4]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.group-card .header_wrapper .create_by[data-v-681c8dd4]{-webkit-transition:.3s;transition:.3s;font-size:12px;margin:5px auto;color:#666}.group-card .operation[data-v-681c8dd4]{height:35px;text-align:center;font-size:13px;margin-top:5px;position:absolute;width:100%;background:#fff;padding:10px;left:0;bottom:0;-webkit-box-shadow:0px 0px 10px #f5f5f5;box-shadow:0 0 10px #f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.group-card .operation span[data-v-681c8dd4]{cursor:pointer;color:#333}.group-card .operation span i[data-v-681c8dd4]{margin-right:5px}.group-card .operation span.delete[data-v-681c8dd4]{color:#999}.group-card .operation span.delete[data-v-681c8dd4]:hover{color:red}.group-card .operation span.edit[data-v-681c8dd4]{color:#999}.group-card .operation span.edit[data-v-681c8dd4]:hover{color:var(--main-color)}.group-card .operation span.status[data-v-681c8dd4]{color:#999}.group-card .operation span.status[data-v-681c8dd4]:hover{color:var(--main-color)}.group-card .create_time[data-v-681c8dd4]{-webkit-transition:.3s;transition:.3s;font-size:12px;margin:5px auto;color:#666}.group-card .content[data-v-681c8dd4]{-webkit-transition:.3s;transition:.3s;font-size:13px;margin:8px auto;color:#666}.group-card .content p[data-v-681c8dd4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.group-card .content p span.usermanage[data-v-681c8dd4]{cursor:pointer}.group-card .content p span.usermanage[data-v-681c8dd4]:hover{color:var(--main-color)}.group-card .content .userList[data-v-681c8dd4]{height:90px;overflow-y:auto}.group-card .content .userList[data-v-681c8dd4]::-webkit-scrollbar{width:2px!important;height:2px!important;background-color:transparent}.group-card .content .userList[data-v-681c8dd4]::-webkit-scrollbar-thumb{border-radius:10px;background-color:#f1f1f1!important;-webkit-box-shadow:inset 0 0 5px #f1f1f1!important;box-shadow:inset 0 0 5px #f1f1f1!important}.group-card .content .userList .tag[data-v-681c8dd4]{margin:5px 4px}@media(max-width:768px){.group-card[data-v-681c8dd4]{height:240px;padding:12px}.group-card .header_wrapper .header_icon[data-v-681c8dd4]{font-size:36px}.group-card .content[data-v-681c8dd4]{font-size:12px}.group-card .content .userList[data-v-681c8dd4]{height:80px}.group-card .operation[data-v-681c8dd4]{font-size:12px;padding:8px}}@media(max-width:480px){.group-card[data-v-681c8dd4]{height:220px;padding:10px}.group-card .header_wrapper .header_icon[data-v-681c8dd4]{font-size:32px}.group-card .content[data-v-681c8dd4]{font-size:11px}.group-card .content .userList[data-v-681c8dd4]{height:70px}.group-card .operation[data-v-681c8dd4]{font-size:11px;padding:6px}.group-card .operation span i[data-v-681c8dd4]{margin-right:3px}}.group_wrapper[data-v-71f26c14]{width:100%;height:100%;padding:20px}.group_wrapper .main_wrapper[data-v-71f26c14]{height:calc(100% - 72px)}.group_wrapper .main_wrapper .group_list_row[data-v-71f26c14]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.group_wrapper .main_wrapper .group_list_row .group_list_col[data-v-71f26c14]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:300px;max-width:calc(33.333% - 14px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.group_wrapper .main_wrapper .group_list_row.two-columns .group_list_col[data-v-71f26c14]{max-width:calc(50% - 10px)}.group_wrapper .group_title[data-v-71f26c14]{font-size:16px;font-weight:700;margin-bottom:15px;color:#333;padding-left:5px;border-left:4px solid #fc4551}.group_wrapper .group_card_wrapper[data-v-71f26c14]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;-ms-flex-line-pack:start;align-content:start;height:100%}.group_wrapper .group_card_wrapper .el-empty[data-v-71f26c14]{grid-column:1/-1;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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;min-height:200px}.copyText[data-v-71f26c14]{display:none}.disff[data-v-71f26c14]{border-left:3px solid #aaa!important}.member-tag[data-v-71f26c14]{margin:5px 4px}@media(max-width:1200px){.group_wrapper .main_wrapper .group_list_row .group_list_col[data-v-71f26c14]{max-width:calc(50% - 10px)}}@media(max-width:768px){.group_wrapper .main_wrapper .group_list_row[data-v-71f26c14]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.group_wrapper .main_wrapper .group_list_row .group_list_col[data-v-71f26c14]{max-width:100%}.group_wrapper .group_card_wrapper[data-v-71f26c14]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:15px;overflow-y:auto;overflow-x:hidden}.group_wrapper .group_card_wrapper .el-empty[data-v-71f26c14]{grid-column:1/-1;min-height:180px}}@media(max-width:480px){.group_wrapper .group_card_wrapper[data-v-71f26c14]{grid-template-columns:1fr;grid-gap:10px;overflow-y:auto;overflow-x:hidden}.group_wrapper .group_card_wrapper .el-empty[data-v-71f26c14]{grid-column:1/-1;min-height:160px}}