.page[data-v-47fd0f46]{height:100%;width:100%;box-sizing:border-box;background:url(../img/top_bg.969c8b76.png) no-repeat;background-size:100% 112vw;background-position:top;background-color:#101118}.page[data-v-47fd0f46] .van-nav-bar{transition:all .05s ease-out;background-color:transparent!important;z-index:999}.page[data-v-47fd0f46] .van-nav-bar .van-nav-bar__right .right,.page[data-v-47fd0f46] .van-nav-bar .van-nav-bar__right .right img{width:7.466667vw;height:7.466667vw}.page .page-box[data-v-47fd0f46]{width:100%;height:calc(100% - 11.73333vw);padding-bottom:40vw;box-sizing:border-box}.page .page-box .info-box[data-v-47fd0f46]{z-index:1;width:100%;border-radius:3.466667vw 3.466667vw 0 0;position:relative}.page .page-box .info-box .user-info[data-v-47fd0f46]{display:flex;flex-direction:column;box-sizing:border-box;width:100%}.page .page-box .info-box .user-info .info[data-v-47fd0f46]{display:flex;align-items:center;flex-direction:column;justify-content:center}.page .page-box .info-box .user-info .info .avatar[data-v-47fd0f46]{width:29.066667vw;height:29.066667vw;position:relative;border-radius:50%}.page .page-box .info-box .user-info .info .avatar img[data-v-47fd0f46]{width:100%;height:100%;border-radius:50%}.page .page-box .info-box .user-info .info .avatar .active[data-v-47fd0f46]{position:absolute;bottom:1.333333vw;right:3.866667vw;width:2.933333vw;height:2.933333vw;border-radius:50%;box-sizing:border-box;border:.666667vw solid #fff}.page .page-box .info-box .user-info .info .avatar .active .offline[data-v-47fd0f46]{width:100%;height:100%;background:#c7c7c7;border-radius:50%}.page .page-box .info-box .user-info .info .avatar .active .online[data-v-47fd0f46]{background:#79e700}.page .page-box .info-box .user-info .info .avatar .active .busy[data-v-47fd0f46]{background:#ff4c45}.page .page-box .info-box .user-info .info .nickname[data-v-47fd0f46]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2.4vw}.page .page-box .info-box .user-info .info .nickname .top[data-v-47fd0f46]{width:93.333333vw;display:flex;align-items:center;justify-content:center}.page .page-box .info-box .user-info .info .nickname .top .name[data-v-47fd0f46]{text-align:center;font-family:BeVietnamPro-SemiBold;font-weight:700;font-size:6.666667vw;line-height:8.4vw;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page .page-box .info-box .user-info .info .nickname .top .flag[data-v-47fd0f46]{width:4vw;height:4vw;border-radius:1.333333vw;margin-left:1.866667vw}.page .page-box .info-box .user-info .info .nickname .bottom[data-v-47fd0f46]{display:flex;align-items:center;margin-top:4.533333vw}.page .page-box .info-box .user-info .info .nickname .bottom .level[data-v-47fd0f46]{background:linear-gradient(45deg,#0898ff,#68c0ff);border-radius:2.666667vw;padding:0 .8vw;padding-right:1.466667vw;font-size:2.933333vw;color:#fff;font-family:Roboto-Regular;display:flex;align-items:center}.page .page-box .info-box .user-info .info .nickname .bottom .level .icon[data-v-47fd0f46]{width:3.466667vw;height:3.466667vw}.page .page-box .info-box .user-info .info .nickname .bottom .level .text[data-v-47fd0f46]{display:block;height:3.466667vw;line-height:3.733333vw}.page .page-box .info-box .user-info .info .nickname .bottom .userId[data-v-47fd0f46]{margin-left:1.333333vw;font-family:Roboto-Regular;font-weight:400;color:hsla(0,0%,100%,.7);display:flex;align-items:center;font-size:2.933333vw;background:hsla(0,0%,92.2%,.15);border-radius:3.733333vw;padding:0 .8vw;height:3.733333vw}.page .page-box .info-box .user-info .info .nickname .bottom .userId span[data-v-47fd0f46]{display:block;height:3.466667vw;line-height:3.866667vw}.page .page-box .info-box .user-info .info .nickname .bottom .userId img[data-v-47fd0f46]{margin-left:.666667vw;width:4.8vw;height:5.333333vw}.page .page-box .info-box .user-info .friend-box[data-v-47fd0f46]{display:flex;align-items:center;justify-content:space-between;margin:0 17.333333vw;color:#7b7b7b;font-family:Roboto-Regular;margin-top:6vw}.page .page-box .info-box .user-info .friend-box .item[data-v-47fd0f46]{display:flex;align-items:center;justify-content:center;flex-direction:column}.page .page-box .info-box .user-info .friend-box .item .num[data-v-47fd0f46]{font-family:BeVietnamPro-Bold;font-weight:700;font-size:4.8vw;color:#fff}.page .page-box .info-box .user-info .friend-box .item .text[data-v-47fd0f46]{margin-left:1.333333vw;color:hsla(0,0%,100%,.56);font-size:3.2vw;line-height:4.8vw;margin-top:1.333333vw}.page .page-box .placeholder[data-v-47fd0f46]{height:.8vw;width:100%;margin:6.8vw 4vw 7.733333vw;background:hsla(0,0%,84.7%,.03)}.page .page-box .gifts .title[data-v-47fd0f46],.page .page-box .impression .title[data-v-47fd0f46]{display:flex;align-items:center;justify-content:space-between;padding:0 5.333333vw;margin-bottom:2.666667vw}.page .page-box .gifts .title .text[data-v-47fd0f46],.page .page-box .impression .title .text[data-v-47fd0f46]{font-family:BeVietnamPro-Bold;font-weight:700;font-size:4.266667vw;color:#fff;margin-bottom:4.133333vw}.page .page-box .gifts .title .more[data-v-47fd0f46],.page .page-box .impression .title .more[data-v-47fd0f46]{font-family:Roboto-Regular;font-weight:400;font-size:3.2vw;color:silver;display:flex;align-items:center}.page .page-box .gifts .title .more img[data-v-47fd0f46],.page .page-box .impression .title .more img[data-v-47fd0f46]{width:1.6vw;height:1.6vw;margin-left:.533333vw}.page .page-box .gifts .title .more span[data-v-47fd0f46],.page .page-box .impression .title .more span[data-v-47fd0f46]{padding-top:.666667vw}.page .page-box .gifts p[data-v-47fd0f46],.page .page-box .impression p[data-v-47fd0f46]{font-family:Roboto-Regular;font-weight:400;font-size:2.666667vw;color:hsla(0,0%,100%,.56);padding-left:5.333333vw}.page .page-box .gifts .list[data-v-47fd0f46],.page .page-box .impression .list[data-v-47fd0f46]{display:flex;align-items:center;padding:0 2.666667vw;height:37.333333vw;box-sizing:border-box;overflow-x:scroll;scrollbar-width:none}.page .page-box .gifts .list[data-v-47fd0f46]::-webkit-scrollbar,.page .page-box .impression .list[data-v-47fd0f46]::-webkit-scrollbar{display:none}.page .page-box .gifts .list .item[data-v-47fd0f46],.page .page-box .impression .list .item[data-v-47fd0f46]{margin:0 1.333333vw;width:28vw;height:100%;box-sizing:border-box}.page .page-box .gifts .list .item div[data-v-47fd0f46],.page .page-box .impression .list .item div[data-v-47fd0f46]{width:28vw;height:100%;border-radius:2.666667vw}.page .page-box .gifts .list .item img[data-v-47fd0f46],.page .page-box .impression .list .item img[data-v-47fd0f46]{width:100%;height:100%;border-radius:2.666667vw;object-fit:cover}.page .page-box .gifts .list .item #video[data-v-47fd0f46],.page .page-box .impression .list .item #video[data-v-47fd0f46]{width:100%;height:100%;border-radius:2.666667vw!important;object-fit:cover}.page .page-box .gifts[data-v-47fd0f46]{margin-top:5.333333vw}.page .page-box .gifts .title[data-v-47fd0f46]{margin-bottom:0}.page .page-box .gifts .list[data-v-47fd0f46]{flex-wrap:wrap;height:auto}.page .page-box .gifts .list .item[data-v-47fd0f46]{width:27.733333vw;height:27.733333vw;background:transparent;border-radius:2.666667vw;margin:0 1.6vw;margin-top:2.666667vw}.page .page-box .gifts .list .item div[data-v-47fd0f46]{overflow:hidden!important}.page .page-box .gifts .list .item .item-box[data-v-47fd0f46]{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.page .page-box .gifts .list .item img[data-v-47fd0f46]{width:13.733333vw;height:14.933333vw}.page .page-box .gifts .list .item .empty[data-v-47fd0f46]{object-fit:contain}.page .page-box .gifts .list .item .span[data-v-47fd0f46]{display:flex;height:auto;justify-content:center;align-items:center;margin-top:1.066667vw}.page .page-box .gifts .list .item span[data-v-47fd0f46]{font-family:Roboto-Regular;font-weight:400;font-size:2.933333vw;color:#818181}.page .page-box .gifts .list .item span[data-v-47fd0f46]:first-child{width:16vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page .page-box .impression .list[data-v-47fd0f46]{flex-wrap:wrap;height:auto}.page .page-box .impression .list .item[data-v-47fd0f46]{width:auto;padding:2.266667vw 3.866667vw;margin-right:2.666667vw;margin-bottom:3.2vw;background:#191a22;border-radius:4.266667vw}.page .page-box .impression .list .item .item-box[data-v-47fd0f46]{width:100%;height:100%;border-radius:0}.page .page-box .impression .list .item .item-box .span[data-v-47fd0f46]{width:auto;font-size:3.2vw;color:#fff;line-height:1;font-family:BeVietnamPro-Regular}.page .page-box .impression .list .item .item-box .span span[data-v-47fd0f46]{color:rgba(117,119,120,.84);margin-left:.4vw}