.friend-bottom-container[data-v-8491e498]{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:stretch}.friend-bottom-container .friend-bottom[data-v-8491e498]{height:calc(100vh - 163px);margin-top:62px;overflow-y:auto;padding-bottom:100px}.friend-bottom-container .friend-invite-grade[data-v-8491e498]{width:90vw;margin-left:5vw;margin-top:10px;margin-bottom:12px;background:#262728;border-radius:8px}.friend-bottom-container .friend-invite-grade .friend-invite-grade-top[data-v-8491e498]{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:40px;border-bottom:1px solid #343434}.friend-bottom-container .friend-invite-grade .friend-invite-grade-top .friend-invite-grade-title[data-v-8491e498]{font-size:14px;font-family:lantingheiweight;font-weight:400;color:#fff;line-height:19px;margin-left:12px}.friend-bottom-container .friend-invite-grade .friend-invite-grade-top .friend-invite-grade-img-tip[data-v-8491e498]{display:flex;flex-direction:row;justify-content:center;align-items:center}.friend-bottom-container .friend-invite-grade .friend-invite-grade-top .friend-invite-grade-img-tip img[data-v-8491e498]{width:16px;height:16px;margin-right:6px}.friend-bottom-container .friend-invite-grade .friend-invite-grade-top .friend-invite-grade-img-tip p[data-v-8491e498]{font-size:12px;font-family:lantingheiweight;font-weight:400;color:#fff;line-height:16px;margin-right:12px}.friend-bottom-container .friend-invite-grade .friend-invite-grade-bottom[data-v-8491e498]{width:100%;height:95px;display:flex;flex-direction:row;justify-content:center;align-items:center}.friend-bottom-container .friend-invite-grade .friend-invite-grade-bottom .line[data-v-8491e498]{width:1px;height:74px;background:#343434;margin:0 26px}.friend-bottom-container .friend-invite-grade .friend-invite-grade-bottom .friend-invite-grade-bottom-item[data-v-8491e498]{display:flex;flex-direction:column;justify-content:center;align-items:center}.friend-bottom-container .friend-invite-grade .friend-invite-grade-bottom .friend-invite-grade-bottom-item .tip[data-v-8491e498]{font-size:24px;font-family:SFUIDisplay-Bold,SFUIDisplay;font-weight:700;color:#fff;line-height:29px;margin-bottom:19px}.friend-bottom-container .friend-invite-grade .friend-invite-grade-bottom .friend-invite-grade-bottom-item .title[data-v-8491e498]{font-size:14px;font-family:lantingheiweight;font-weight:400;color:#bcbcbc;line-height:19px}.friend-bottom-container .friend-invite-grade .friend-invite-grade-bottom .friend-invite-grade-bottom-item .friend-invite-grade-bottom-item-next[data-v-8491e498]{display:flex;flex-direction:row;justify-content:center;align-items:center}.friend-bottom-container .friend-invite-grade .friend-invite-grade-bottom .friend-invite-grade-bottom-item .right-arr[data-v-8491e498]{width:6px;height:6px;border-top:1px solid hsla(0,0%,100%,.65);border-right:1px solid hsla(0,0%,100%,.65);transform:rotate(45deg);margin-left:5px}.friend-bottom-container .poster[data-v-8491e498]{position:relative;display:flex;flex-direction:column;align-items:center}.friend-bottom-container .poster .friend-center-container[data-v-8491e498]{display:flex;width:100%;justify-content:space-between;padding-top:1.375rem;padding-bottom:1rem;background-image:url(../../h5/img/background.9f1a34f8.png);background-repeat:repeat}.friend-bottom-container .poster .qrcodeCont[data-v-8491e498]{width:25.23vw;height:35.3835vw;background-color:#dbdbdb;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:.25rem;position:absolute;bottom:6.1538vw;right:6.1538vw}.friend-bottom-container .poster .qrcode[data-v-8491e498]{background:#fff;width:23vw;padding:1.11vw;margin-bottom:3px;border-radius:.25rem}.friend-bottom-container .poster p[data-v-8491e498]{font-size:12px;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#0a0b0b;line-height:14px}.friend-bottom-container img[data-v-8491e498]{width:100%}.friend-bottom-container .friend-bottom-title[data-v-8491e498]{text-align:left;font-size:1.125rem;font-weight:700;color:#fff;font-family:FZLTTHK--GBK1-0,FZLTTHK--GBK1}.friend-bottom-container .friend-bottom-tip[data-v-8491e498]{font-size:.75rem;font-family:lantingheiweight;font-weight:600;color:#ccc;line-height:1.625rem;word-break:break-all}.friend-bottom-container .friend-bottom-list[data-v-8491e498]{width:100vw;position:fixed;bottom:0;display:flex;justify-content:space-around;height:101px;background:linear-gradient(180deg,#5a5a5a,#3a3a3a);border-radius:8px 8px 0 0}.friend-bottom-container .friend-bottom-list img[data-v-8491e498]{width:3.125rem;margin-bottom:.75rem}.friend-bottom-container .friend-bottom-list .friend-bottom-font[data-v-8491e498]{font-size:.9375rem;font-family:PingFang-SC-Regular,PingFang-SC;font-weight:400;color:#ccc;line-height:1.3125}.popupfont[data-v-8491e498]{width:100%;font-size:14px;font-family:lantingheiweight;font-weight:500;color:#f1f1f1;line-height:19px;letter-spacing:1px;text-align:center;margin:15px 0 20px 0}.van-popup[data-v-8491e498]{background:none}.bottomCenter[data-v-8491e498]{display:flex;flex-direction:column;justify-content:center;align-items:center}