@keyframes popping{from{transform:translateY(1.49333vmin);opacity:0.5}to{transform:translateY(0);opacity:1}}.container-friends{animation:popping ease 300ms;position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color:#fff !important;background-size:contain;background-repeat:no-repeat;z-index:999}.viewAreaPackUp{height:calc(100vh - 80px)}.viewUnPackUp{height:100%}.wrapper{height:100%}.wrapper .header{height:12.8vmin;display:flex;align-items:center;justify-content:center;font-size:4.26667vmin;color:#333333;text-align:center;font-weight:700;font-family:"PingFang SC";line-height:6.4vmin}.wrapper .invite-num-rules{width:100%;height:9.6vmin;padding:2.13333vmin 5.6vmin 2.13333vmin 4.26667vmin;margin-bottom:3.2vmin;box-sizing:border-box;display:flex;color:#333333;font-size:3.73333vmin;font-weight:500;text-align:left;font-family:"PingFang SC";line-height:5.33333vmin;position:relative}.wrapper .invite-num-rules .num{color:#FF781F}.wrapper .invite-num-rules .rules{position:absolute;top:2.13333vmin;right:5.6vmin;color:#1472FF}.wrapper .count-style{color:#323233;font-size:3.73333vmin;font-weight:700;text-align:center;line-height:5.33333vmin}.wrapper .icon-left-back{position:absolute;left:4.26667vmin;top:4.26667vmin;width:4.26667vmin;height:4.26667vmin}.wrapper .close-icon{position:absolute;top:4.26667vmin;right:4.26667vmin;width:4.26667vmin;height:4.26667vmin}.wrapper .detail{padding:4.26667vmin}.wrapper .friend-list{min-height:calc(100% - 90px);overflow:scroll;padding:0 4.53333vmin 2.13333vmin 4.8vmin;box-sizing:border-box}.wrapper .friend-list .friend-item{float:left;text-align:center;width:18.13333vmin;height:20.26667vmin;margin-bottom:5.33333vmin;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;flex:auto}.wrapper .friend-list .img-avatar{width:12.8vmin;height:12.8vmin;border-radius:100%}.wrapper .friend-list .name{margin-top:1.6vmin;font-family:PingFangSC-Medium;font-size:3.2vmin;color:#333333;text-align:center;max-width:12.8vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrapper .data-title{padding:3.2vmin 4.26667vmin 0;display:flex;align-items:center;height:0.8rem}.wrapper .data-title-content{color:#333333;text-align:left;font-family:"PingFang SC";font-size:3.2vmin;font-style:normal;font-weight:500;line-height:4.26667vmin;width:40.53333vmin}.wrapper .data-title-right{text-align:right;width:21.33333vmin}.wrapper .data-title .mr{margin-right:4.26667vmin}.wrapper .data-list .data-item{display:flex;align-items:center;height:12.8vmin;padding:3.2vmin 4.26667vmin}.wrapper .data-list .data-item-content{text-align:left;width:40.53333vmin;display:flex}.wrapper .data-list .data-item-content .avatar{display:flex;flex-direction:column;width:12.8vmin;height:12.8vmin;position:relative;margin-right:2.13333vmin}.wrapper .data-list .data-item-content .avatar-img{width:12.8vmin;height:12.8vmin;border-radius:12.8vmin;border:.26667vmin solid #fff;box-sizing:border-box}.wrapper .data-list .data-item-content .avatar-img-off{opacity:0.4}.wrapper .data-list .data-item-content .avatar .online{display:flex;height:4.26667vmin;padding:0 1.06667vmin;justify-content:center;align-items:center;gap:1.06667vmin;position:absolute;left:2.66667vmin;bottom:0;border-radius:.53333vmin;background:#EBF3FF;color:#1472ff;text-align:center;font-family:"PingFang SC";font-size:2.66667vmin;font-style:normal;font-weight:500;line-height:3.2vmin}.wrapper .data-list .data-item-content .avatar .offline{display:flex;padding:.53333vmin 1.06667vmin;justify-content:center;align-items:center;gap:1.06667vmin;position:absolute;left:2.66667vmin;bottom:0;border-radius:.53333vmin;background:#F5F5F5;backdrop-filter:blur(5.44px);color:#666666;text-align:center;font-family:"PingFang SC";font-size:2.66667vmin;font-style:normal;font-weight:500;line-height:3.2vmin}.wrapper .data-list .data-item-content .details{display:flex;flex-direction:column;justify-content:center;align-items:baseline}.wrapper .data-list .data-item-content .details .nickname{width:25.6vmin;overflow:hidden;color:#333333;text-overflow:ellipsis;white-space:nowrap;font-family:"PingFang SC";font-size:3.2vmin;font-style:normal;font-weight:400;line-height:normal}.wrapper .data-list .data-item-content .details .enter-time{color:#999999;font-family:"PingFang SC";font-size:3.2vmin;font-style:normal;font-weight:400;line-height:normal}.wrapper .data-list .data-item-right{text-align:right;width:21.33333vmin;color:#999999;font-family:"PingFang SC";font-size:3.2vmin;font-style:normal;font-weight:400;line-height:normal;display:block}.wrapper .data-list .data-item .mr{margin-right:4.26667vmin}.wrapper .finished-text{text-align:center;font-size:3.2vmin;color:#999999;height:40px;line-height:40px}@media screen and (min-width: 768px) and (orientation: portrait){.container-friends{animation:popping ease 300ms;position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color:#fff !important;background-size:contain;background-repeat:no-repeat;z-index:999}.viewAreaPackUp{height:calc(100vh - 80px)}.viewUnPackUp{height:100%}.wrapper{height:100%}.wrapper .header{height:6.25vmin;display:flex;align-items:center;justify-content:center;font-size:2.08333vmin;color:#333333;text-align:center;font-weight:700;font-family:"PingFang SC";line-height:3.125vmin}.wrapper .invite-num-rules{width:100%;height:4.6875vmin;padding:1.04167vmin 2.73438vmin 1.04167vmin 2.08333vmin;margin-bottom:1.5625vmin;box-sizing:border-box;display:flex;color:#333333;font-size:1.82292vmin;font-weight:500;text-align:left;font-family:"PingFang SC";line-height:2.60417vmin;position:relative}.wrapper .invite-num-rules .num{color:#FF781F}.wrapper .invite-num-rules .rules{position:absolute;top:1.04167vmin;right:2.73438vmin;color:#1472FF}.wrapper .count-style{color:#323233;font-size:1.82292vmin;font-weight:700;text-align:center;line-height:2.60417vmin}.wrapper .icon-left-back{position:absolute;left:2.08333vmin;top:2.08333vmin;width:2.08333vmin;height:2.08333vmin}.wrapper .close-icon{position:absolute;top:2.08333vmin;right:2.08333vmin;width:2.08333vmin;height:2.08333vmin}.wrapper .detail{padding:2.08333vmin}.wrapper .friend-list{min-height:calc(100% - 90px);overflow:scroll;padding:0 2.21354vmin 1.04167vmin 2.34375vmin;box-sizing:border-box}.wrapper .friend-list .friend-item{float:left;text-align:center;width:8.85417vmin;height:9.89583vmin;margin-bottom:2.60417vmin;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;flex:auto}.wrapper .friend-list .img-avatar{width:6.25vmin;height:6.25vmin;border-radius:100%}.wrapper .friend-list .name{margin-top:.78125vmin;font-family:PingFangSC-Medium;font-size:1.5625vmin;color:#333333;text-align:center;max-width:6.25vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrapper .data-title{padding:1.5625vmin 2.08333vmin 0;display:flex;align-items:center;height:0.8rem}.wrapper .data-title-content{color:#333333;text-align:left;font-family:"PingFang SC";font-size:1.5625vmin;font-style:normal;font-weight:500;line-height:2.08333vmin;width:19.79167vmin}.wrapper .data-title-right{text-align:right;width:10.41667vmin}.wrapper .data-title .mr{margin-right:2.08333vmin}.wrapper .data-list .data-item{display:flex;align-items:center;height:6.25vmin;padding:1.5625vmin 2.08333vmin}.wrapper .data-list .data-item-content{text-align:left;width:19.79167vmin;display:flex}.wrapper .data-list .data-item-content .avatar{display:flex;flex-direction:column;width:6.25vmin;height:6.25vmin;position:relative;margin-right:1.04167vmin}.wrapper .data-list .data-item-content .avatar-img{width:6.25vmin;height:6.25vmin;border-radius:6.25vmin;border:.13021vmin solid #fff;box-sizing:border-box}.wrapper .data-list .data-item-content .avatar-img-off{opacity:0.4}.wrapper .data-list .data-item-content .avatar .online{display:flex;height:2.08333vmin;padding:0 .52083vmin;justify-content:center;align-items:center;gap:.52083vmin;position:absolute;left:1.30208vmin;bottom:0;border-radius:.26042vmin;background:#EBF3FF;color:#1472ff;text-align:center;font-family:"PingFang SC";font-size:1.30208vmin;font-style:normal;font-weight:500;line-height:1.5625vmin}.wrapper .data-list .data-item-content .avatar .offline{display:flex;padding:.26042vmin .52083vmin;justify-content:center;align-items:center;gap:.52083vmin;position:absolute;left:1.30208vmin;bottom:0;border-radius:.26042vmin;background:#F5F5F5;backdrop-filter:blur(5.44px);color:#666666;text-align:center;font-family:"PingFang SC";font-size:1.30208vmin;font-style:normal;font-weight:500;line-height:1.5625vmin}.wrapper .data-list .data-item-content .details{display:flex;flex-direction:column;justify-content:center;align-items:baseline}.wrapper .data-list .data-item-content .details .nickname{width:12.5vmin;overflow:hidden;color:#333333;text-overflow:ellipsis;white-space:nowrap;font-family:"PingFang SC";font-size:1.5625vmin;font-style:normal;font-weight:400;line-height:normal}.wrapper .data-list .data-item-content .details .enter-time{color:#999999;font-family:"PingFang SC";font-size:1.5625vmin;font-style:normal;font-weight:400;line-height:normal}.wrapper .data-list .data-item-right{text-align:right;width:10.41667vmin;color:#999999;font-family:"PingFang SC";font-size:1.5625vmin;font-style:normal;font-weight:400;line-height:normal;display:block}.wrapper .data-list .data-item .mr{margin-right:2.08333vmin}.wrapper .finished-text{text-align:center;font-size:1.5625vmin;color:#999999;height:40px;line-height:40px}}@media screen and (min-height: 768px) and (orientation: landscape){.container-friends{animation:popping ease 300ms;position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color:#fff !important;background-size:contain;background-repeat:no-repeat;z-index:999}.viewAreaPackUp{height:calc(100vh - 80px)}.viewUnPackUp{height:100%}.wrapper{height:100%}.wrapper .header{height:6.25vmin;display:flex;align-items:center;justify-content:center;font-size:2.08333vmin;color:#333333;text-align:center;font-weight:700;font-family:"PingFang SC";line-height:3.125vmin}.wrapper .invite-num-rules{width:100%;height:4.6875vmin;padding:1.04167vmin 2.73438vmin 1.04167vmin 2.08333vmin;margin-bottom:1.5625vmin;box-sizing:border-box;display:flex;color:#333333;font-size:1.82292vmin;font-weight:500;text-align:left;font-family:"PingFang SC";line-height:2.60417vmin;position:relative}.wrapper .invite-num-rules .num{color:#FF781F}.wrapper .invite-num-rules .rules{position:absolute;top:1.04167vmin;right:2.73438vmin;color:#1472FF}.wrapper .count-style{color:#323233;font-size:1.82292vmin;font-weight:700;text-align:center;line-height:2.60417vmin}.wrapper .icon-left-back{position:absolute;left:2.08333vmin;top:2.08333vmin;width:2.08333vmin;height:2.08333vmin}.wrapper .close-icon{position:absolute;top:2.08333vmin;right:2.08333vmin;width:2.08333vmin;height:2.08333vmin}.wrapper .detail{padding:2.08333vmin}.wrapper .friend-list{min-height:calc(100% - 90px);overflow:scroll;padding:0 2.21354vmin 1.04167vmin 2.34375vmin;box-sizing:border-box}.wrapper .friend-list .friend-item{float:left;text-align:center;width:8.85417vmin;height:9.89583vmin;margin-bottom:2.60417vmin;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;flex:auto}.wrapper .friend-list .img-avatar{width:6.25vmin;height:6.25vmin;border-radius:100%}.wrapper .friend-list .name{margin-top:.78125vmin;font-family:PingFangSC-Medium;font-size:1.5625vmin;color:#333333;text-align:center;max-width:6.25vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrapper .data-title{padding:1.5625vmin 2.08333vmin 0;display:flex;align-items:center;height:0.8rem}.wrapper .data-title-content{color:#333333;text-align:left;font-family:"PingFang SC";font-size:1.5625vmin;font-style:normal;font-weight:500;line-height:2.08333vmin;width:19.79167vmin}.wrapper .data-title-right{text-align:right;width:10.41667vmin}.wrapper .data-title .mr{margin-right:2.08333vmin}.wrapper .data-list .data-item{display:flex;align-items:center;height:6.25vmin;padding:1.5625vmin 2.08333vmin}.wrapper .data-list .data-item-content{text-align:left;width:19.79167vmin;display:flex}.wrapper .data-list .data-item-content .avatar{display:flex;flex-direction:column;width:6.25vmin;height:6.25vmin;position:relative;margin-right:1.04167vmin}.wrapper .data-list .data-item-content .avatar-img{width:6.25vmin;height:6.25vmin;border-radius:6.25vmin;border:.13021vmin solid #fff;box-sizing:border-box}.wrapper .data-list .data-item-content .avatar-img-off{opacity:0.4}.wrapper .data-list .data-item-content .avatar .online{display:flex;height:2.08333vmin;padding:0 .52083vmin;justify-content:center;align-items:center;gap:.52083vmin;position:absolute;left:1.30208vmin;bottom:0;border-radius:.26042vmin;background:#EBF3FF;color:#1472ff;text-align:center;font-family:"PingFang SC";font-size:1.30208vmin;font-style:normal;font-weight:500;line-height:1.5625vmin}.wrapper .data-list .data-item-content .avatar .offline{display:flex;padding:.26042vmin .52083vmin;justify-content:center;align-items:center;gap:.52083vmin;position:absolute;left:1.30208vmin;bottom:0;border-radius:.26042vmin;background:#F5F5F5;backdrop-filter:blur(5.44px);color:#666666;text-align:center;font-family:"PingFang SC";font-size:1.30208vmin;font-style:normal;font-weight:500;line-height:1.5625vmin}.wrapper .data-list .data-item-content .details{display:flex;flex-direction:column;justify-content:center;align-items:baseline}.wrapper .data-list .data-item-content .details .nickname{width:12.5vmin;overflow:hidden;color:#333333;text-overflow:ellipsis;white-space:nowrap;font-family:"PingFang SC";font-size:1.5625vmin;font-style:normal;font-weight:400;line-height:normal}.wrapper .data-list .data-item-content .details .enter-time{color:#999999;font-family:"PingFang SC";font-size:1.5625vmin;font-style:normal;font-weight:400;line-height:normal}.wrapper .data-list .data-item-right{text-align:right;width:10.41667vmin;color:#999999;font-family:"PingFang SC";font-size:1.5625vmin;font-style:normal;font-weight:400;line-height:normal;display:block}.wrapper .data-list .data-item .mr{margin-right:2.08333vmin}.wrapper .finished-text{text-align:center;font-size:1.5625vmin;color:#999999;height:40px;line-height:40px}}