.wrapper[data-v-50c2cb6e]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.wrapper .bg[data-v-50c2cb6e]{width:80vw}.wrapper .btn[data-v-50c2cb6e]{width:70vw;margin-top:5.33333vw}.wrapper .offbtn[data-v-50c2cb6e]{width:8vw;height:8vw;margin-top:8vw}.dolne[data-v-50c2cb6e]{width:75%;position:relative;text-align:center}.dolne .dolne-box[data-v-50c2cb6e]{position:relative}.dolne .dolne-box .dolne-bg[data-v-50c2cb6e]{width:100%}.dolne .dolne-box .dolne-jiantou[data-v-50c2cb6e]{width:16vw;position:absolute;bottom:10.13333vw;left:50%;margin-left:-8vw}.dolne .dolne-on[data-v-50c2cb6e]{margin:0 auto;width:9.33333vw;height:9.33333vw;margin-top:5.33333vw}.noFriendBox[data-v-50c2cb6e]{width:92vw;margin-left:4vw;display:flex;flex-direction:column;margin-top:11.73333vw}.noFriendBox .defut[data-v-50c2cb6e]{color:#898989;font-size:12px;text-align:center}.noFriendBox .defut img[data-v-50c2cb6e]{width:32vw;height:28.26667vw}.noFriendBox .defut .title[data-v-50c2cb6e]{font-size:14px;color:#0d0d0d;margin-bottom:1.33333vw;margin-top:1.33333vw}.noFriendBox .tuijian[data-v-50c2cb6e]{margin-top:5.33333vw}.noFriendBox .tuijian .title[data-v-50c2cb6e]{color:#0d0d0d;font-size:14px}.noFriendBox .tuijian .zbbox[data-v-50c2cb6e]{display:flex;justify-content:space-between;align-items:center;margin-top:5.33333vw}.noFriendBox .tuijian .zbbox .userinfo[data-v-50c2cb6e]{display:flex;align-items:center}.noFriendBox .tuijian .zbbox .userinfo .info[data-v-50c2cb6e]{margin-left:3.46667vw;font-size:14px;color:#303030}.noFriendBox .tuijian .zbbox .btn[data-v-50c2cb6e]{width:14.66667vw;height:6.93333vw;background:#0d0d0d;border-radius:5.33333vw;color:#fff;font-size:12px;text-align:center;line-height:6.93333vw}.noline[data-v-50c2cb6e]{font-size:12px;color:#919191;margin-top:.53333vw}.online[data-v-50c2cb6e]{font-size:12px;color:#007aff;margin-top:.53333vw}.userInfo[data-v-50c2cb6e]{margin-left:4vw;border-bottom:1px solid #efeff4;width:75vw;height:13.33333vw;display:flex;flex-direction:column;justify-content:center}.userInfo .name[data-v-50c2cb6e]{color:#0d0d0d;font-size:14px;font-weight:600}.userBox[data-v-50c2cb6e]{height:13.33333vw;display:flex;align-items:center;margin-left:4vw}.userBox .avatar[data-v-50c2cb6e]{position:relative}.userBox .avatar>img[data-v-50c2cb6e]{position:absolute;left:50%;bottom:0;width:5.86667vw;margin-left:-2.93333vw}.icontext[data-v-50c2cb6e]{color:#0d0d0d;font-size:14px;font-weight:600;margin-left:4vw;height:13.33333vw;line-height:13.33333vw;width:100%}.iconBox[data-v-50c2cb6e]{display:flex;width:94.66667vw;margin-left:2.66667vw;justify-content:space-between}.iconBox .Box[data-v-50c2cb6e]{width:46.13333vw;background:linear-gradient(-30deg,rgba(67,233,123,.76),rgba(56,249,215,.76));border-radius:2.66667vw;display:flex;justify-content:space-between;align-items:center;position:relative;padding:2.66667vw 0}.iconBox .Box .van-badge--top-right[data-v-50c2cb6e]{transform:translate(0)}.iconBox .Box .cloumBox[data-v-50c2cb6e]{color:#0d0d0d;font-size:12px;margin-left:4vw}.iconBox .Box .cloumBox .titlebox[data-v-50c2cb6e]{display:flex;align-items:center}.iconBox .Box .cloumBox .titlebox .title[data-v-50c2cb6e]{color:#0d0d0d;font-size:14px;font-weight:700}.iconBox .Box .cloumBox .titlebox .badge[data-v-50c2cb6e]{margin-left:2.66667vw}.iconBox .Box img[data-v-50c2cb6e]{width:3.2vw;height:3.2vw;margin-right:3.46667vw}.body[data-v-50c2cb6e]{min-height:100vh;background-color:#fff}.topBox[data-v-50c2cb6e]{z-index:999;position:fixed;top:0;left:0;width:100vw;background-color:#f8f8f8;display:flex;justify-content:space-between;align-items:center}.topBox .searchBox[data-v-50c2cb6e]{width:64vw;height:8vw;border-radius:8vw;background-color:#fff;display:flex;align-items:center}.topBox .searchBox img[data-v-50c2cb6e]{width:3.73333vw;height:3.73333vw;margin-left:4.53333vw;margin-right:1.6vw}.topBox .searchBox span[data-v-50c2cb6e]{color:#919191;font-size:12px}.topBox .searchBox1[data-v-50c2cb6e]{width:78.66667vw;height:8vw;border-radius:8vw;background-color:#fff;display:flex;align-items:center;margin-right:2.66667vw}.topBox .searchBox1 img[data-v-50c2cb6e]{width:3.73333vw;height:3.73333vw;margin-left:4.53333vw;margin-right:1.6vw}.topBox .searchBox1 span[data-v-50c2cb6e]{color:#919191;font-size:12px}.topBox .navTitle[data-v-50c2cb6e]{font-size:17px;color:#0d0d0d;font-weight:700;margin-left:5.33333vw}.topBox>img[data-v-50c2cb6e]{width:5.33333vw;height:5.33333vw;margin-right:5.33333vw}