.personItem[data-v-5db6dfae]{height:70px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .3s;transition:background .3s}.personItem[data-v-5db6dfae]:hover{background:#f0f0f0}.personItem .avatarContainer[data-v-5db6dfae]{width:50px;height:50px;-ms-flex-negative:0;flex-shrink:0}.personItem .itemContainer[data-v-5db6dfae]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:50px;min-width:0;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}.personItem .itemContainer .containerInner[data-v-5db6dfae]{height:40px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:10px}.personItem .itemContainer .containerInner .innerFirstLine[data-v-5db6dfae]{width:100%;height:24px;overflow:hidden;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}.personItem .itemContainer .containerInner .innerFirstLine .itemName[data-v-5db6dfae]{height:24px;max-width:50%;-ms-flex-negative:0;flex-shrink:0;font-size:14px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personItem .itemContainer .containerInner .innerFirstLine .tagsBox[data-v-5db6dfae]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;min-width:0;padding-left:15px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:24px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personItem .itemContainer .containerInner .innerFirstLine .tagsBox .tagItem[data-v-5db6dfae]{height:24px;font-size:12px;color:#1d4329;line-height:24px;padding:0 15px;margin-right:8px;border-radius:12px;background:#f2fcf8;display:inline-block}.personItem .itemContainer .containerInner .innerSecondLineForPerson[data-v-5db6dfae]{width:100%;height:16px;line-height:16px;text-align:left;font-size:12px;color:#8f8f8f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personItem .itemContainer .containerInner .innerSecondLineForGroup[data-v-5db6dfae]{width:100%;height:16px;font-size:12px;color:#8f8f8f;overflow:hidden;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}.personItem .itemContainer .containerInner .innerSecondLineForGroup .iconStyle[data-v-5db6dfae]{color:#8f8f8f;font-size:16px}.personItem .selectContainer[data-v-5db6dfae]{width:20px;height:20px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #ccc}.personItem .hasSelected[data-v-5db6dfae]{background:#3c6!important;border:1px solid #3c6!important;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}.personItem .hasSelected .iconStyle[data-v-5db6dfae]{font-size:14px;color:#fff}.groupItem[data-v-1d9577ea]{height:70px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .3s;transition:background .3s}.groupItem[data-v-1d9577ea]:hover{background:#f0f0f0}.groupItem .avatarContainer[data-v-1d9577ea]{width:50px;height:50px;-ms-flex-negative:0;flex-shrink:0}.groupItem .itemContainer[data-v-1d9577ea]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:50px;min-width:0;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}.groupItem .itemContainer .containerInner[data-v-1d9577ea]{height:40px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:10px}.groupItem .itemContainer .containerInner .innerFirstLine[data-v-1d9577ea]{width:100%;height:24px;overflow:hidden;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}.groupItem .itemContainer .containerInner .innerFirstLine .itemName[data-v-1d9577ea]{height:24px;max-width:80%;-ms-flex-negative:0;flex-shrink:0;font-size:14px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groupItem .itemContainer .containerInner .innerFirstLine .groupTypeIcon[data-v-1d9577ea]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.groupItem .itemContainer .containerInner .innerFirstLine .groupTypeIcon .iconStyle[data-v-1d9577ea]{font-size:18px}.groupItem .itemContainer .containerInner .innerSecondLine[data-v-1d9577ea]{width:100%;height:16px;font-size:12px;color:#8f8f8f;overflow:hidden;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}.groupItem .itemContainer .containerInner .innerSecondLine .iconStyle[data-v-1d9577ea]{color:#8f8f8f;font-size:16px}.groupItem .selectContainer[data-v-1d9577ea]{width:20px;height:20px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #ccc}.groupItem .hasSelected[data-v-1d9577ea]{background:#3c6!important;border:1px solid #3c6!important;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}.groupItem .hasSelected .iconStyle[data-v-1d9577ea]{font-size:14px;color:#fff}.placeholderMap[data-v-c79e9dd4]{width:100%;height: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}.placeholderMap .placeholderImage_0[data-v-c79e9dd4]{width:105px;height:57px}.placeholderMap .placeholderImage_1[data-v-c79e9dd4]{width:112.8px;height:73.6px}.placeholderMap .placeholderImage_2[data-v-c79e9dd4]{width:103px;height:67px}.placeholderMap .placeholderText[data-v-c79e9dd4]{font-size:16px;color:grey;margin-top:5px}.containerBody[data-v-9368fe92]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;min-height:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.containerBody .searchInputOuter[data-v-9368fe92]{width:100%;height:36px;-ms-flex-negative:0;flex-shrink:0;margin-bottom:15px;padding:0 15px}.containerBody .searchInputOuter .searchInputBox[data-v-9368fe92]{width:100%;height:36px;border-radius:18px;background:#f0f0f0;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px}.containerBody .searchInputOuter .searchInputBox .inputStyle[data-v-9368fe92]{width:100%;height:36px;border-radius:18px}.containerBody .placeholderMap[data-v-9368fe92]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;min-height:0;overflow:hidden}.containerBody .groupContainer[data-v-9368fe92]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;min-height:0;scrollbar-width:none;overflow-y:auto;overflow-x:hidden}.containerBody .groupContainer[data-v-9368fe92]::-webkit-scrollbar{width:1px}.containerBody .groupContainer .loadingContainer[data-v-9368fe92]{height:70px;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.containerBody .groupContainer .loadingContainer[data-v-9368fe92],.containerBody[data-v-5f67f590]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.containerBody[data-v-5f67f590]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.containerBody .searchInputOuter[data-v-5f67f590]{width:100%;height:36px;-ms-flex-negative:0;flex-shrink:0;margin-bottom:15px;padding:0 15px}.containerBody .searchInputOuter .searchInputBox[data-v-5f67f590]{width:100%;height:36px;border-radius:18px;background:#f0f0f0;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px}.containerBody .searchInputOuter .searchInputBox .inputStyle[data-v-5f67f590]{width:100%;height:36px;border-radius:18px}.containerBody .placeholderMap[data-v-5f67f590]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;min-height:0;overflow:hidden}.containerBody .friendContainer[data-v-5f67f590]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.containerBody .friendContainer[data-v-5f67f590]::-webkit-scrollbar{width:0}.containerBody .friendContainer .blockTitle[data-v-5f67f590]{height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:24px;text-align:left;margin:20px 15px;background:#f7f7f7}.containerBody .friendContainer .blockTitle .titleText[data-v-5f67f590]{padding-left:14px;color:#333;font-size:14px}.containerBody .friendContainer .childrenContainer[data-v-5f67f590]{width:100%;min-height:0;overflow:hidden}.containerBody .friendContainer .childrenContainer .childrenItemContainer[data-v-5f67f590]{height:70px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background .3s;transition:background .3s}.containerBody .friendContainer .childrenContainer .childrenItemContainer[data-v-5f67f590]:hover{background:#f0f0f0}.containerBody .friendContainer .childrenContainer .childrenItemContainer .childrenItem[data-v-5f67f590]{height:50px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px;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}.containerBody .friendContainer .childrenContainer .childrenItemContainer .childrenItem .leftContainer[data-v-5f67f590]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;min-width:0;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}.containerBody .friendContainer .childrenContainer .childrenItemContainer .childrenItem .leftContainer .avatarContainer[data-v-5f67f590]{width:50px;height:50px;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.containerBody .friendContainer .childrenContainer .childrenItemContainer .childrenItem .leftContainer .friendInfoContainer[data-v-5f67f590]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.containerBody .friendContainer .childrenContainer .childrenItemContainer .childrenItem .leftContainer .friendInfoContainer .nameAndTagsContainer[data-v-5f67f590]{height:24px;width:100%;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}.containerBody .friendContainer .childrenContainer .childrenItemContainer .childrenItem .leftContainer .friendInfoContainer .nameAndTagsContainer .nameContainer[data-v-5f67f590]{height:100%;max-width:50%;color:#333;font-size:14px;font-weight:700;line-height:24px;-ms-flex-negative:0;flex-shrink:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.containerBody .friendContainer .childrenContainer .childrenItemContainer .childrenItem .leftContainer .friendInfoContainer .nameAndTagsContainer .tagsContainer[data-v-5f67f590]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;height:100%;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.containerBody .friendContainer .childrenContainer .childrenItemContainer .childrenItem .leftContainer .friendInfoContainer .nameAndTagsContainer .tagsContainer .tagsItem[data-v-5f67f590]{height:100%;color:#1d4329;line-height:24px;text-align:center;font-size:12px;padding:0 12px;margin-right:8px;border-radius:12px;background:#f2fcf8;display:inline-block}.containerBody .friendContainer .childrenContainer .childrenItemContainer .childrenItem .leftContainer .friendInfoContainer .IDContainer[data-v-5f67f590]{height:16px;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:16px;color:#8f8f8f;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.containerBody .friendContainer .childrenContainer .childrenItemContainer .childrenItem .rightContainer[data-v-5f67f590]{width:20px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.containerBody .friendContainer .childrenContainer .childrenItemContainer .childrenItem .rightContainer .selectContainer[data-v-5f67f590]{width:20px;height:20px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #ccc}.containerBody .friendContainer .childrenContainer .childrenItemContainer .childrenItem .rightContainer .hasSelected[data-v-5f67f590]{background:#3c6!important;border:1px solid #3c6!important;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}.containerBody .friendContainer .childrenContainer .childrenItemContainer .childrenItem .rightContainer .hasSelected .iconStyle[data-v-5f67f590]{font-size:14px;color:#fff}