.components-wrap[data-v-3b681850]{box-sizing:border-box;width:100%;height:100%;padding-top:2.75rem;overflow:hidden}.components-wrap .component-header[data-v-3b681850]{box-sizing:border-box;width:100%;height:2.75rem;padding:0 .625rem;position:absolute;top:0;left:0;box-shadow:0 .125rem .75rem #f1f1f1}.components-wrap .component-header .header-container[data-v-3b681850]{box-sizing:border-box;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:space-between;z-index:3;background-color:#fff}.components-wrap .component-header .search-wrap[data-v-3b681850]{box-sizing:border-box;padding:0 .625rem;height:2.75rem;position:absolute;top:0;left:0;right:.625rem;transform:translateY(-100%) scaleX(0);display:flex;align-items:center;justify-content:center;background-color:#fff;transition:all .3s linear;z-index:2}.components-wrap .component-header .search-wrap.active[data-v-3b681850]{transform:translateY(100%) scaleX(1);box-shadow:0 .125rem .75rem #f1f1f1}.components-wrap .group-id-list[data-v-3b681850]{box-sizing:border-box;width:100%;height:100%;padding:0 .625rem;transition:all .3s linear;overflow-x:hidden;overflow-y:auto}.components-wrap .group-id-list .list-item[data-v-3b681850]{box-sizing:border-box;padding:.625rem .5rem;text-align:left;font-size:.875rem;color:#333;background-color:#f1f1f1;border-radius:.25rem;margin-bottom:.625rem;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:all .3s ease-in-out;position:relative;padding-left:2rem;padding-right:1.25rem;overflow:hidden}.components-wrap .group-id-list .list-item .check-box[data-v-3b681850]{display:block;width:.9375rem;height:.9375rem;font-size:.8125rem;color:#000;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:.3125rem;background-color:#ddd;border:.0625rem solid #ddd;border-radius:.125rem;transform:translateY(-50%);cursor:pointer;overflow:hidden}.components-wrap .group-id-list .list-item.active[data-v-3b681850]{color:#fff;background-color:#00fafa}.components-wrap .group-id-list .list-item[data-v-3b681850]:first-child{margin-top:.625rem}.components-wrap .group-id-list .list-item.loading-item[data-v-3b681850]{font-size:.8125rem;text-align:center;background-color:#fcfafa;color:#989898}.components-wrap .group-id-list .list-item .height-light-name[data-v-3b681850]{color:#e6a23c}.components-wrap .group-id-list .list-item .el-icon-caret-right[data-v-3b681850]{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);color:#989898}.components-wrap .group-id-list.active-search[data-v-3b681850]{padding-top:2.75rem}.list-complete-enter[data-v-3b681850],.list-complete-leave-to[data-v-3b681850]{opacity:0;transform:translateY(1.875rem)}.list-complete-leave-active[data-v-3b681850]{position:absolute}.wx-ent-group-chat-filter-popover .status-item{padding:.3125rem .625rem}.wx-ent-group-chat-filter-popover .group-chat-checkbox{max-height:12.5rem;overflow-x:hidden;overflow-y:auto}.component-wrap[data-v-09c956a1]{width:100%;height:100%;position:relative;overflow:hidden}.component-wrap .detail-container[data-v-09c956a1]{box-sizing:border-box;width:100%;height:100%;padding-right:.625rem;padding-left:.625rem;overflow-x:hidden;overflow-y:auto}.component-wrap .box-card[data-v-09c956a1]{border:none;color:#333;margin-bottom:.625rem}.component-wrap .box-card[data-v-09c956a1]:first-child{margin-top:.625rem}.component-wrap .no-data[data-v-09c956a1]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(#eef2f3,#c0cbd4);overflow:hidden}.component-wrap .loading-wrap[data-v-09c956a1]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.component-wrap .loading-people[data-v-09c956a1]{width:8.5625rem;height:10rem;background:url(../img/loading.b3ce4a02.png);-webkit-animation:run-09c956a1 1s steps(9) 0s infinite both;animation:run-09c956a1 1s steps(9) 0s infinite both}@keyframes run-09c956a1{0%{background-position:0 0}to{background-position:100% 0}}.page-wrap .page-container[data-v-4fbf31cc],.page-wrap[data-v-4fbf31cc]{box-sizing:border-box;width:100%;height:100%}.page-wrap .page-container[data-v-4fbf31cc]{position:relative;overflow:hidden}.page-wrap .page-container .groups-id-wrap[data-v-4fbf31cc]{box-sizing:border-box;width:20rem;height:100%;position:absolute;top:0;left:0;bottom:0;transform:translateX(-20rem);transition:transform .3s ease-in-out;z-index:1}.page-wrap .page-container .groups-id-wrap.active[data-v-4fbf31cc]{transform:translateX(0)}.page-wrap .page-container .groups-id-wrap .groups-id-container[data-v-4fbf31cc]{box-sizing:border-box;width:100%;height:100%;padding-bottom:0;position:relative;z-index:1;background-color:#fff;box-shadow:.125rem 0 .625rem hsla(0,0%,100%,.1);overflow:hidden}.page-wrap .page-container .groups-id-wrap .groups-id-btn[data-v-4fbf31cc]{width:1.5rem;height:6.25rem;text-align:center;line-height:6.25rem;border-top-right-radius:.625rem;border-bottom-right-radius:.625rem;position:absolute;top:50%;left:100%;transform:translateY(-50%);font-size:1rem;background-color:#fff;color:#333;box-shadow:.375rem 0 .625rem rgba(51,51,51,.1);z-index:2;cursor:pointer;overflow:hidden}.page-wrap .page-container .groups-id-wrap .groups-id-btn[data-v-4fbf31cc]:hover{background-color:#f1f1f1}.page-wrap .page-container .group-detail[data-v-4fbf31cc]{box-sizing:border-box;width:100%;height:100%;position:relative;transition:all .5s ease-in-out;overflow:hidden}.page-wrap .page-container .group-detail.active[data-v-4fbf31cc]{padding-left:20rem}