.vip_page{padding-bottom:50px}.vip_page .user_card_wrap{background:url(/image/vip/bg.png) no-repeat bottom;background-size:100%;position:relative;min-height:140px;margin-bottom:30px}.vip_page .user_card_wrap .user_card{padding:20px 20px 40px 85px;margin-bottom:35px;position:relative;height:70px}.vip_page .user_card_wrap .user_card .user_head_wrap{width:50px;height:50px;top:20px;left:20px;position:absolute;text-align:center;overflow:hidden}.vip_page .user_card_wrap .user_card .user_head_wrap .user_head{border-radius:5px;max-width:100%;max-height:100%}.vip_page .user_card_wrap .user_card .user_name_wrap{color:#fff;font-size:18px;line-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vip_page .user_card_wrap .user_card .user_vip_wrap{color:#999;font-size:13px;padding-top:10px;line-height:18px}.vip_page .user_card_wrap .user_card .user_vip_wrap .vip_text{width:60px;background:url(/image/vip/vip_icon.png) no-repeat 50%;background-size:cover;display:inline-block;border-radius:4px}.vip_page .user_card_wrap .user_card .user_vip_wrap .super_vip_text{width:60px;background:url(/image/vip/svip.png) no-repeat 50%;background-size:cover;display:inline-block;border-radius:4px}.vip_page .user_card_wrap .user_card .user_vip_wrap .vip_time{float:right}.vip_page .user_card_wrap .user_vip_text{width:90%;position:absolute;line-height:32px;text-align:center;transform:translateY(15px);bottom:0;left:5%;height:60px;background:linear-gradient(140deg,#535363,#262934);box-shadow:0 6px 6px rgba(12,15,26,.15);border-radius:8px}.vip_page .user_card_wrap .user_vip_text span{font-weight:800;font-size:14px;color:#8a5b16}.vip_page .user_card_wrap .user_vip_text img{width:18px;margin-right:6px}.vip_page .user_type_wrap .type_wrap{text-align:center}.vip_page .user_type_wrap .type_wrap .type_text{width:50%;display:inline-block;text-align:center;font-size:15px;font-weight:500;color:#4d4d4d;padding-bottom:10px}.vip_page .user_type_wrap .type_wrap .type_text.active{font-weight:700;color:#ff5d0d;position:relative}.vip_page .user_type_wrap .type_wrap .type_text.active:after{content:"";position:absolute;left:44%;bottom:0;width:25px;height:3px;background:#ff5d0d;border-radius:3px}.vip_page .user_type_wrap .type_wrap:after{content:"";clear:both;display:block}.vip_page .user_type_wrap .type_list_wrap{padding:10px;position:relative}.vip_page .user_type_wrap .type_list_wrap .type_title{text-align:center;position:absolute;top:5px;left:calc(50% - 50px);background:url(/image/vip/title_bg.png) no-repeat 50%;background-size:100%;width:100px;height:25px;line-height:25px}.vip_page .user_type_wrap .type_list_wrap .type_title span{font-size:14px;font-weight:700;color:#774f14}.vip_page .user_type_wrap .type_list_wrap .list_wrap{background-color:#fff;box-shadow:0 6px 8px 0 rgba(0,0,0,.03);border-radius:12px}.vip_page .user_type_wrap .type_list_wrap .list_wrap .list_box{padding:30px 10px 10px 10px}.vip_page .user_type_wrap .type_list_wrap .list_wrap .list_box .nut-swiper-slide{line-height:inherit}.vip_page .user_type_wrap .type_list_wrap .list_wrap .list_box .detail_wrap{float:left;width:120px;height:130px;margin-right:10px;border:1px solid #f6ca8b;padding:10px;border-radius:10px}.vip_page .user_type_wrap .type_list_wrap .list_wrap .list_box .detail_wrap .head_wrap{width:45px;margin:auto}.vip_page .user_type_wrap .type_list_wrap .list_wrap .list_box .detail_wrap .head_wrap .head_img{max-width:100%}.vip_page .user_type_wrap .type_list_wrap .list_wrap .list_box .detail_wrap .title_wrap{font-size:14px;font-weight:700;color:#171717;text-align:center;padding-bottom:8px}.vip_page .user_type_wrap .type_list_wrap .list_wrap .list_box .detail_wrap .intro_wrap{font-size:12px;font-weight:500;color:#666;line-height:18px;text-align:justify}.vip_page .user_type_wrap .type_list_wrap .list_wrap .list_box:after{content:"";clear:both;display:block}.vip_page .payment_option_wrap{position:relative;padding:10px}.vip_page .payment_option_wrap .option_title{text-align:center;position:absolute;top:5px;left:calc(50% - 50px);background:url(/image/vip/title_bg.png) no-repeat 50%;background-size:100%;width:100px;height:25px;line-height:25px}.vip_page .payment_option_wrap .option_title span{font-size:14px;font-weight:700;color:#774f14}.vip_page .payment_option_wrap .option_box{background-color:#fff;box-shadow:0 6px 8px 0 rgba(0,0,0,.03);border-radius:12px;padding:30px 5px 10px}.vip_page .payment_option_wrap .option_box .detail_wrap{background:#fff;border:1px solid #f6ca8b;border-radius:10px;padding:30px 5px 10px;text-align:center;position:relative;overflow:hidden;margin-bottom:10px;transition:all .3s}.vip_page .payment_option_wrap .option_box .detail_wrap.active{transition:all .3s;background-color:#fcebd2}.vip_page .payment_option_wrap .option_box .detail_wrap .option_alias{position:absolute;top:0;left:0;font-size:12px;padding:2px;background:linear-gradient(-52deg,#fd0237,#ff440d);border-radius:10px 5px 5px 0;color:#fff}.vip_page .payment_option_wrap .option_box .detail_wrap .option_name{font-weight:700;color:#774f14;font-size:16px;padding-bottom:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vip_page .payment_option_wrap .option_box .detail_wrap .option_price{font-weight:700;color:#f42d2d;font-size:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vip_page .payment_option_wrap .option_box .vip_text{padding:20px 0 10px 0;font-size:13px;font-weight:500;color:#ff440d;text-align:center}.vip_page .payment_btn_wrap{padding:0 0 10px 0;text-align:center;background-color:#f5f5f5;position:fixed;width:100%;bottom:0}.vip_page .payment_btn_wrap .payment_btn{width:80%;padding:10px;background-color:#ff440d;border-radius:45px;font-size:16px;font-weight:700;color:#fff;text-align:center;display:inline-block}.vip_page .payment_btn_wrap .payment_btn:active{transition:all .3s;opacity:.8}.vip_page .payment_btn_wrap .payment_btn.disabled{background-color:#dadada}.vip_page .dialog_wrap .dialog_ul{padding-left:40px;text-align:left}.vip_page .dialog_wrap .dialog_ul .dialog_li{font-size:14px;font-weight:500;color:#4d4d4d;line-height:28px}.vip_page .dialog_wrap .dialog_ul .dialog_li .li_value{color:#ff440d}.vip_page .dialog_wrap .dialog_btn_wrap{padding-top:15px;text-align:center}.vip_page .dialog_wrap .dialog_btn_wrap .btn{display:inline-block;width:30%;border-radius:40px;font-weight:700;font-size:15px;padding:10px 20px}.vip_page .dialog_wrap .dialog_btn_wrap .btn.esc{background:#f0f0f0;color:#4d4d4d;margin-right:20px}.vip_page .dialog_wrap .dialog_btn_wrap .btn.ok{background:#ff440d;color:#fff}.vip_page .dialog_wrap .dialog_btn_wrap:after{content:"";clear:both;display:block}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}