@media(min-width:961px){.duo-invite-comp{width:100%;height:100%;border-radius:20px;background-color:#17112d;overflow:hidden;display:flex;flex-direction:column}.duo-invite-comp .header{display:flex;justify-content:flex-start;align-items:center;background-color:#ffffff1a;height:40px;padding:0 16px}.duo-invite-comp .header .title{font-size:16px;color:#d8d8d8;flex:1;line-height:1}.duo-invite-comp .header .tip{width:24px;height:24px;cursor:pointer}.duo-invite-comp .content{flex:1;overflow-y:auto;margin-bottom:10px}.duo-invite-comp .content::-webkit-scrollbar{display:none}.duo-invite-comp .space{height:10px}.duo-invite-comp .empty{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.duo-invite-comp .empty img{width:66%;height:auto;-o-object-fit:cover;object-fit:cover;display:block}.duo-invite-comp .online-tit,.duo-invite-comp .all-tit{font-size:16px;color:#fff;padding:10px 16px}.duo-invite-comp .friend-item{height:64px;width:100%;display:flex;justify-content:flex-start;align-items:center;background-color:#ffffff08;margin-bottom:2px;padding:0 16px}.duo-invite-comp .avatar-container{width:48px;height:48px;margin-right:10px;position:relative}.duo-invite-comp .avatar-container .avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:99999px;display:block}.duo-invite-comp .avatar-container .avatar-other{width:24px;height:24px;-o-object-fit:cover;object-fit:cover;border-radius:99999px;display:block;position:absolute;bottom:0;right:0;border:solid 2px var(--main-14)}.duo-invite-comp .name-container{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.duo-invite-comp .name-container .name{font-size:16px;color:#d8d8d8}.duo-invite-comp .name-container .status-text{font-size:14px;color:#93e200}.duo-invite-comp .status{width:48px;height:48px;padding:8px;background-image:var(--main-13);cursor:pointer;border-radius:99999px;overflow:hidden}.duo-invite-comp .status img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.duo-invite-comp .footer{padding:10px 16px 20px;background-color:#ffffff1a;height:90px}.duo-invite-comp .footer .fot-tit{font-size:12px;color:#ffffff80;margin-bottom:10px;display:block}.duo-invite-comp .footer .s-list{display:flex;flex-direction:row}.duo-invite-comp .footer .social-item{margin-right:20px;cursor:pointer}.duo-invite-comp .footer .social-logo{width:36px;height:36px}}@media(max-width:960px){.duo-invite-dialog{width:100%;background-color:#2e2842}.duo-invite-comp{width:100%;height:100%;border-radius:5.33333vw;background-color:#17112d;overflow:hidden;display:flex;flex-direction:column}.duo-invite-comp.m{max-height:80vh}.duo-invite-comp.m .header .title{flex:inherit;margin-right:1.06667vw}.duo-invite-comp.m .header .close{width:8.53333vw;height:8.53333vw}.duo-invite-comp.m .header .empty{flex:1}.duo-invite-comp .header{display:flex;justify-content:flex-start;align-items:center;background-color:#ffffff1a;height:10.66667vw;padding:0 4.26667vw;flex:none}.duo-invite-comp .header .title{font-size:4.26667vw;color:#d8d8d8;flex:1;line-height:1}.duo-invite-comp .header .tip{width:6.4vw;height:6.4vw;cursor:pointer}.duo-invite-comp .content{flex:1;overflow-y:auto;margin-bottom:2.66667vw}.duo-invite-comp .content::-webkit-scrollbar{display:none}.duo-invite-comp .space{height:2.66667vw}.duo-invite-comp .empty{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.duo-invite-comp .empty img{width:66%;height:auto;-o-object-fit:cover;object-fit:cover;display:block}.duo-invite-comp .online-tit,.duo-invite-comp .all-tit{font-size:4.26667vw;color:#fff;padding:2.66667vw 4.26667vw}.duo-invite-comp .friend-item{height:17.06667vw;width:100%;padding:2.13333vw 0;display:flex;justify-content:flex-start;align-items:center;background-color:#ffffff08;margin-bottom:.53333vw;padding:0 4.26667vw}.duo-invite-comp .avatar-container{width:12.8vw;height:12.8vw;margin-right:2.66667vw;position:relative}.duo-invite-comp .avatar-container .avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:26666.4vw;display:block}.duo-invite-comp .avatar-container .avatar-other{width:6.4vw;height:6.4vw;-o-object-fit:cover;object-fit:cover;border-radius:26666.4vw;display:block;position:absolute;bottom:0;right:0;border:solid .53333vw var(--main-14)}.duo-invite-comp .name-container{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.duo-invite-comp .name-container .name{font-size:4.26667vw;color:#d8d8d8}.duo-invite-comp .name-container .status-text{font-size:3.73333vw;color:#93e200}.duo-invite-comp .status{width:12.8vw;height:12.8vw;padding:2.13333vw;background-image:var(--main-13);cursor:pointer;border-radius:26666.4vw;overflow:hidden}.duo-invite-comp .status img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.duo-invite-comp .footer{padding:2.66667vw 4.26667vw 5.33333vw;background-color:#ffffff1a;height:24vw}.duo-invite-comp .footer .fot-tit{font-size:3.2vw;color:#ffffff80;margin-bottom:2.66667vw;display:block}.duo-invite-comp .footer .s-list{display:flex;flex-direction:row}.duo-invite-comp .footer .social-item{margin-right:5.33333vw;cursor:pointer}.duo-invite-comp .footer .social-logo{width:9.6vw;height:9.6vw}}