.popup-vip{width:850px;height:650px;text-align:center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;box-sizing:border-box;border-radius:16px;overflow:hidden;background-color:#222}.popup-vip .vip_head{display:flex;position:relative;justify-content:space-between;border-radius:16px 16px 0 0;background-color:#222;padding:20px 32px 20px 56px}.popup-vip .vip_head .vip_head_left{display:flex;align-items:center;flex:1;margin-left:5px}.popup-vip .vip_head .vip_head_left .head_img_box{width:48px;height:48px}.popup-vip .vip_head .vip_head_left .head_img_box .header-img{width:48px;height:48px}.popup-vip .vip_head .vip_head_left .head_img_box .head_old{width:100%;height:100%;border-radius:50%;background:#050505;font-size:30px;font-weight:700;text-align:center;line-height:48px;color:var(--BgColor)}.popup-vip .vip_head .vip_head_left .vip_user{flex:1;margin-right:16px}.popup-vip .vip_head .vip_head_left .vip_user .vip_user_nickname{font-size:16px;color:#f2d3a3;max-width:200px;display:flex;align-items:center}.popup-vip .vip_head .vip_head_left .vip_user .vip_user_nickname .vip_user_name{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;word-wrap:normal}.popup-vip .vip_head .vip_head_left .vip_user .vip_user_nickname .vip_header_img{width:16px;height:16px;margin-right:4px;vertical-align:text-top}.popup-vip .vip_head .vip_head_left .vip_user .vip_user_time{font-size:12px;color:var(--FontColor_3);display:flex;text-align:right}.popup-vip .vip_head .vip_head_left .vip_user .vip_name{font-size:16px;line-height:24px;color:#f2d3a3;font-weight:700;text-align:right}.popup-vip .vip_head .vip_head_left .vip_user .show_login{cursor:pointer}.popup-vip .vip_head .vip_head_left .vip_user .vip_end{margin-top:4px;color:var(--FontColor_3);font-size:12px;line-height:20px;text-align:right}.popup-vip .vip_head .vip_head_right{display:flex;align-items:center;position:relative;color:var(--BgColor);font-size:12px}.popup-vip .vip_head .vip_head_right .code_box{display:flex;align-items:center}.popup-vip .vip_head .vip_head_right .code_box .code_bttext{color:var(--FontColor_2);font-size:12px;line-height:21px}.popup-vip .vip_head .vip_head_right .code_box .code_tipbpxs{position:relative;display:flex;z-index:2}.popup-vip .vip_head .vip_head_right .code_box .code_tipbpxs .iconfont{font-size:12px;color:var(--FontColor_3);margin:0 4px 0 12px;cursor:pointer;padding:4px 0}.popup-vip .vip_head .vip_head_right .code_box .code_tipbpxs .code_tipbpx{position:absolute;top:29px;width:250px;right:-50px;display:none;color:#0f0f0f}.popup-vip .vip_head .vip_head_right .code_box .code_tipbpxs .code_tipbpx:before{position:absolute;background-color:var(--BgColor);content:"";display:block;width:8px;height:8px;background:100% 0;border-style:solid;border-width:6px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);border-radius:4px;top:-4px;right:50px;border-color:var(--BgColor) var(--BgColor) transparent transparent;box-shadow:2px -2px 5px var(--shadow_color)}.popup-vip .vip_head .vip_head_right .code_box .code_tipbpxs .code_tipbpx .tip_textboxs{background:var(--BgColor);border-radius:12px;padding:5px 16px 17px;box-shadow:0 2px 6px 0 var(--shadow_color);font-size:14px}.popup-vip .vip_head .vip_head_right .code_box .code_tipbpxs .code_tipbpx .tip_textboxs .tip_texttitle{font-weight:700;margin-top:12px}.popup-vip .vip_head .vip_head_right .code_box .code_tipbpxs .code_tipbpx .tip_textboxs .tip_textbox{margin-top:5px;text-align:right}.popup-vip .vip_head .vip_head_right .code_box .code_tipbpxs:hover .code_tipbpx{display:block}.popup-vip .vip_head .vip_head_right .code_box .code_putbt{background:#f7f8fa;border-radius:6px;line-height:36px}.popup-vip .vip_head .vip_head_right .code_box .code_putbt .code_put{width:130px;padding:0 12px 0 6px;box-sizing:border-box;line-height:36px;border-radius:8px;background:#f7f8fa;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;word-wrap:normal}.popup-vip .vip_head .vip_head_right .code_box .code_putbt .code_btn{line-height:36px;padding:0 6px 0 12px;font-size:12px;font-weight:700;color:#bfa477;cursor:pointer;display:inline-block}.popup-vip .vip_body{padding-top:32px;height:calc(100% - 88px);box-sizing:border-box;background-color:var(--BgColor)}.popup-vip .vip_body .shear_img{width:176px;display:block;margin:33px auto 0}.popup-vip .vip_body .share_name{font-size:24px;font-weight:700;text-align:center;margin-top:16px;line-height:33px}.popup-vip .vip_body .share_text{color:var(--FontColor_2);line-height:22px;margin:8px 0 24px;padding:0 24px;text-align:center}.popup-vip .vip_body .share_middle{display:flex;flex-wrap:wrap;margin-bottom:22px;padding:0 110px}.popup-vip .vip_body .share_middle .share_middle_body{display:flex;width:50%;margin-bottom:32px}.popup-vip .vip_body .share_middle .share_middle_body .shear_img{width:75px;height:75px;margin:0}.popup-vip .vip_body .share_middle .share_middle_body .body_middle_text{margin:10px 0 0 0}.popup-vip .vip_body .share_middle .share_middle_body .body_middle_text .body_one{font-size:16px;line-height:24px;font-weight:700;text-align:right}.popup-vip .vip_body .share_middle .share_middle_body .body_middle_text .body_two{font-size:14px;line-height:22px;font-weight:400;color:var(--FontColor_2);text-align:right}.popup-vip .vip_body .shear_boxs{display:flex;justify-content:space-between;padding:0 110px}.popup-vip .vip_body .shear_boxs .type_title{font-size:16px;font-weight:700;line-height:24px}.popup-vip .vip_body .shear_boxs .shear_left{margin-left:60px}.popup-vip .vip_body .shear_boxs .shear_left .invite_valuebox{background:#f3f6fb;border-radius:8px;position:relative;border:1px solid #d4d5da;margin-top:8px;display:flex;align-items:center}.popup-vip .vip_body .shear_boxs .shear_left .invite_valuebox .invite_value{flex:1;line-height:48px;height:48px;background:0 0;color:var(--FontColor_1);font-size:14px;padding:0 12px 0 8px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;word-wrap:normal}.popup-vip .vip_body .shear_boxs .shear_left .invite_valuebox .cover{position:absolute;height:42px;width:100%;top:0}.popup-vip .vip_body .shear_boxs .shear_left .invite_valuebox .copy_href{font-size:14px;line-height:32px!important;padding:0 12px!important;cursor:pointer;background:var(--color)!important;color:#1f2533!important;border-radius:8px!important;margin-left:12px;position:relative}.popup-vip .vip_body .shear_boxs .shear_left .invite_valuebox .copy_href:hover{background:#00c89c}.popup-vip .vip_body .shear_boxs .shear_left .shear_types{display:flex;justify-content:space-between}.popup-vip .vip_body .shear_boxs .shear_left .shear_types .shear_type{text-align:center;margin-top:24px;cursor:pointer;flex:1}.popup-vip .vip_body .shear_boxs .shear_left .shear_types .shear_type .iconfont{font-size:24px;color:var(--FontColor_1)}.popup-vip .vip_body .shear_boxs .shear_left .shear_types .shear_type p{font-size:12px;line-height:17px;margin-top:4px}.popup-vip .vip_body .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-facebookshare-def{color:#3756a8}.popup-vip .vip_body .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-twittershare-def{color:var(--twitterColor)}.popup-vip .vip_body .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-linkedinshare-def{color:#2673b2}.popup-vip .vip_body .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-lineshare-def{color:#25b03e}.popup-vip .vip_body .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-mailbox-def{color:#10ad8a}.popup-vip .vip_body .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl_whatsapp{color:#10c542}.popup-vip .vip_body .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl_telegram{color:#158ed0}.popup-vip .vip_body .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-wechatshare-def{color:#00c889}.popup-vip .vip_body .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-weiboshare-def{color:#fa5754}.popup-vip .vip_body .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-q-qshare-def{color:#1777e6}.popup-vip .vip_body .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-q-qspaceshare-def{color:#f6bc4f}.popup-vip .vip_body .shear_boxs .shear_right{margin-right:100px}.popup-vip .vip_body .shear_boxs .shear_right .qr_box{width:104px;height:104px;padding:10px;border-radius:6px;border:1px solid var(--BorderLine_m2);margin-top:8px}.popup-vip .vip_body_fb .member_page{padding:0 32px}.popup-vip .vip_body_fb .member_page .member_first_page .first_top{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.popup-vip .vip_body_fb .member_page .member_first_page .first_top .logo{width:30px;margin-left:12px}.popup-vip .vip_body_fb .member_page .member_first_page .first_top .text{font-size:24px;color:#bfa477;line-height:33px}.popup-vip .vip_body_fb .member_page .member_first_page .privilege_box{padding-bottom:80px;padding-top:20px;display:flex;flex-wrap:wrap}.popup-vip .vip_body_fb .member_page .member_first_page .privilege_box.ms{padding-bottom:50px;padding-top:10px}.popup-vip .vip_body_fb .member_page .member_first_page .privilege_box.ms .privilege_type .privilege_tip{width:310px}.popup-vip .vip_body_fb .member_page .member_first_page .privilege_box.cn{padding-bottom:120px}.popup-vip .vip_body_fb .member_page .member_first_page .privilege_box .privilege_type{width:50%;text-align:center;margin-top:16px;display:flex;padding-right:60px;box-sizing:border-box}.popup-vip .vip_body_fb .member_page .member_first_page .privilege_box .privilege_type .privilege_img{width:75px;height:75px;margin-left:3px;flex-shrink:0}.popup-vip .vip_body_fb .member_page .member_first_page .privilege_box .privilege_type .privilege_tip{width:290px;text-align:right}.popup-vip .vip_body_fb .member_page .member_first_page .privilege_box .privilege_type .privilege_tip .privilege_title{color:var(--FontColor_1);font-size:18px;line-height:26px;margin-bottom:4px;font-weight:700;margin-top:5px}.popup-vip .vip_body_fb .member_page .member_first_page .privilege_box .privilege_type .privilege_tip .privilege_text{color:var(--FontColor_2);font-size:14px;line-height:22px}.popup-vip .vip_body_fb .member_page .member_first_page .privilege_box .privilege_type:nth-child(n+1){padding-right:6px}.popup-vip .vip_body_fb .member_page .member_first_page .first_bts{display:flex;justify-content:center}.popup-vip .vip_body_fb .member_page .member_first_page .first_bts .bts{width:350px;height:55px;border:1px solid #bfa477;color:#bfa477;border-radius:12px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:16px;margin-left:30px;padding:0 16px}.popup-vip .vip_body_fb .member_page .member_first_page .first_bts .bts .iconfont{font-size:24px;margin-left:8px}.popup-vip .vip_body_fb .member_page .member_first_page .first_bts .bts span{font-weight:700;text-align:right}.popup-vip .vip_body_fb .member_page .member_first_page .first_bts .bts.shear{background:#bfa477;color:var(--BgColor);margin-left:30px}.popup-vip .vip_body_fb .member_page .member_second_page{color:var(--FontColor_1);display:none}.popup-vip .vip_body_fb .member_page .member_second_page .second_top{display:flex;align-items:center;justify-content:space-between;line-height:20px}.popup-vip .vip_body_fb .member_page .member_second_page .second_top .go_back{display:flex;align-items:center;cursor:pointer}.popup-vip .vip_body_fb .member_page .member_second_page .second_top .go_back .iconfont{font-size:14px;margin-left:4px;color:#000}.popup-vip .vip_body_fb .member_page .member_second_page .second_top .go_other{display:flex;color:var(--FontColor_2)}.popup-vip .vip_body_fb .member_page .member_second_page .second_top .go_other .other_bt{cursor:pointer}.popup-vip .vip_body_fb .member_page .member_second_page .second_top .go_other .line{width:1px;height:20px;background:var(--BorderLine_m2);margin:0 16px}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear{display:none}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_img{width:176px;display:block;margin:27px auto 0}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .share_name{font-size:24px;font-weight:700;text-align:center;margin-top:16px;line-height:33px}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .share_text{color:var(--FontColor_2);line-height:22px;margin:8px 0 62px;text-align:center}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs{display:flex;justify-content:center;padding:0}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .type_title{font-size:16px;font-weight:700;line-height:24px}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left{margin-left:0;width:400px}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .invite_valuebox{background:#f3f6fb;border-radius:8px;position:relative;border:1px solid #d4d5da;margin-top:8px}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .invite_valuebox .invite_value{width:185px;line-height:42px;background:0 0;color:var(--FontColor_1);font-size:14px;padding:0 12px 0 8px;box-sizing:border-box}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .invite_valuebox .cover{position:absolute;height:42px;width:310px;top:0}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .invite_valuebox .copy_href{font-size:14px;line-height:32px;padding:0 12px;cursor:pointer;background:var(--color);color:#1f2533;border-radius:8px;margin-left:12px;position:relative}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .invite_valuebox .copy_href:hover{background:#00c89c}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types{display:flex;justify-content:space-between}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type{text-align:center;margin-top:24px;cursor:pointer;flex:1}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type .iconfont{font-size:24px;color:var(--FontColor_1)}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type p{font-size:12px;line-height:17px;margin-top:4px}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-facebookshare-def{color:#3756a8}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-twittershare-def{color:var(--twitterColor);position:relative;z-index:1}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-twittershare-def::after{content:'';width:18px;height:18px;position:absolute;top:3px;right:3px;z-index:-1;background:#fff}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-linkedinshare-def{color:#2673b2}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-lineshare-def{color:#25b03e}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-mailbox-def{color:#10ad8a}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl_whatsapp{color:#10c542}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl_telegram{color:#158ed0}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-wechatshare-def{color:#00c889}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-weiboshare-def{color:#fa5754}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-q-qshare-def{color:#1777e6}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_left .shear_types .shear_type:hover .iconfont.icon-bl-icon-q-qspaceshare-def{color:#f6bc4f}.popup-vip .vip_body_fb .member_page .member_second_page .second_shear .shear_boxs .shear_right .qr_box{width:104px;height:104px;padding:10px;border-radius:6px;border:1px solid var(--BorderLine_m2);margin:8px auto 0}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay{display:none}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .pay_title{margin:40px 11px 24px 0;font-size:24px;font-weight:700;line-height:33px}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list{padding-bottom:26px;height:150px;position:relative;overflow:hidden}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list .swiper-wrapper{display:flex}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list .swiper-button-prev{right:3px}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list .swiper-button-next{left:3px}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list.no_swiper .swiper-wrapper{justify-content:center}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list.no_swiper .swiper-button-next,.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list.no_swiper .swiper-button-prev{display:none}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list .vip_recharge_type{width:236px;height:150px;border:1px solid var(--BorderLine_m2);margin-left:34px;text-align:center;box-sizing:border-box;cursor:pointer;overflow:hidden;border-radius:12px}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list .vip_recharge_type.active{border:1px solid #cdaa72;background:rgba(238,206,155,.15)}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list .vip_recharge_type:last-child{margin-left:0}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list .vip_recharge_type .name{color:var(--FontColor_1);font-size:20px;line-height:30px;margin:18px 0 8px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;word-wrap:normal}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list .vip_recharge_type .totalPrice{color:#cdaa72;display:flex;flex-flow:column}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list .vip_recharge_type .totalPrice .nub{font-size:40px;font-weight:700;line-height:47px;height:47px}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list .vip_recharge_type .totalPrice .text{font-size:14px;line-height:22px;color:var(--FontColor_3)}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .memberrecharge_list .vip_recharge_type .description{margin-top:15px;font-size:14px;line-height:22px;color:var(--FontColor_2)}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .paypal_bt{width:300px;height:48px;margin:0 auto}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .paypal_bt .paypal-buttons{height:48px!important}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .agreement_box{margin-top:16px;display:flex;justify-content:center;align-items:center;color:var(--FontColor_2);font-size:12px;line-height:16px}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .agreement_box .recharge_agreement{margin-right:3px;cursor:pointer;color:#cdaa72}.popup-vip .vip_body_fb .member_page .member_second_page .second_pay .agreement_box .recharge_agreement:hover{text-decoration:underline}.popup-vip .vip_body_fb .member_page .member_second_page.shear .second_top .go_other .shear_bt{color:var(--FontColor_1)}.popup-vip .vip_body_fb .member_page .member_second_page.shear .second_shear{display:block}.popup-vip .vip_body_fb .member_page .member_second_page.shear .second_pay{display:none}.popup-vip .vip_body_fb .member_page .member_second_page.pay .second_top .go_other .pay_bt{color:var(--FontColor_1)}.popup-vip .vip_body_fb .member_page .member_second_page.pay .second_shear{display:none}.popup-vip .vip_body_fb .member_page .member_second_page.pay .second_pay{display:block}.popup-vip .vip_body_fb .member_page.show .member_first_page{display:none}.popup-vip .vip_body_fb .member_page.show .member_second_page{display:block}