.right-items{padding:1px 0 0;margin:0;list-style:none}.right-items .right-item{display:flex;align-items:flex-start;justify-content:space-between;font-size:16px;line-height:24px;gap:16px;margin-bottom:16px;padding:0 20px}.right-items .right-item .value{display:inline-flex;white-space:nowrap;flex-shrink:0;font-family:var(--vc-pingfang-bold)}.right-items .right-item .img{display:flex;align-items:center;flex-shrink:0;padding-right:10px}.right-items .right-item .img img{width:16px;height:auto;position:relative;top:3px}.right-items .right-item .img svg{font-size:20px;opacity:.8}.right-items .has-right{color:#396397}.right-items .not-right{color:#999fa7}.right-items .sep{margin:30px 20px;border-top:1px solid #E9F2FD}.vip-options{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;align-items:flex-start;gap:30px}.vip-options .vip-option{width:calc(calc(100% - 60px) / 3);height:171px;border:1px solid #CED6E0;box-shadow:0 0 18px 2px #4599ce1a;border-radius:20px}.vip-options .vip-option .content{height:calc(100% - 41px);border-radius:17px 17px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.vip-options .vip-option .content .name{text-align:center;font-size:22px;font-family:var(--vc-pingfang-bold)}.vip-options .vip-option .content .value{display:flex;align-items:baseline;margin-top:10px;font-size:30px;font-family:var(--vc-pingfang-bold)}.vip-options .vip-option .explain{text-align:center;height:41px;line-height:41px;font-size:22px;color:#1680ff;background:#DEF1FF;border-radius:0 0 17px 17px}.vip-options .vip-option:hover,.vip-options .vip-option.active{border:solid 2px transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(180deg,#5ba0ff,#0048FF);background-origin:border-box;background-clip:content-box,border-box}.vip-options .vip-option:hover .content,.vip-options .vip-option.active .content{background:#F3F9FF}.vip-options .vip-option:hover .content .value,.vip-options .vip-option.active .content .value{color:#005aff}.vip-options .vip-option:hover .explain,.vip-options .vip-option.active .explain{background:#005AFF;color:#fff}.vip-pay{margin-top:30px}.vip-pay .pay-content-wrapper{display:flex;gap:20px}.vip-pay .pay-content-wrapper .left-info{width:200px}.vip-pay .pay-content-wrapper .left-info .order-info-wrapper{display:flex;flex-direction:column;gap:16px}.vip-pay .pay-content-wrapper .left-info .order-info-wrapper .price-info{display:flex;flex-direction:column;gap:8px}.vip-pay .pay-content-wrapper .left-info .order-info-wrapper .price-info .label{font-size:16px;font-weight:400;color:#858585;line-height:24px}.vip-pay .pay-content-wrapper .left-info .order-info-wrapper .price-info .value{font-size:32px;font-weight:800;color:#ff2a00;line-height:36px}.vip-pay .pay-content-wrapper .left-info .order-info-wrapper .warning{font-size:14px;color:#999fa7;line-height:20px}.vip-pay .pay-content-wrapper .left-info .order-info-wrapper .warning a{color:#3480ff}.vip-pay .pay-content-wrapper .left-info .order-info-wrapper .warning a:hover{opacity:.7}.vip-pay .pay-content-wrapper .right-payment{flex:1;display:flex;flex-direction:column}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container{padding:20px 24px;border:1px solid #e6e6e6;border-radius:8px;background:#ffffff}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container .payment-title{font-size:18px;font-weight:600;color:#000;text-align:center;padding-bottom:16px}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container .payment-content{margin-bottom:20px;padding:16px;border:1px solid #e6e6e6;border-radius:6px;background:#fafafa}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container .payment-content .stripe-loading{padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container .payment-content .stripe-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #ff4d4f;border-radius:50%;animation:spin 1s linear infinite}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container .payment-content .stripe-loading .loading-text{font-size:14px;color:#666}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container .payment-content .payment-method-text{display:flex;align-items:center;font-size:15px;font-weight:400;color:#333;margin-bottom:12px;line-height:22px}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container .payment-content .payment-notice{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container .payment-content .payment-notice .qr-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container .payment-content .payment-notice span{font-size:14px;color:#666;line-height:22px}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container .payment-content #stripe-card-element-brand{min-height:40px}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container .payment-actions{display:flex;justify-content:center}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container .payment-actions button.btn-pay{width:100%;height:40px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;border:none;background:#ff4d4f;color:#fff;transition:all .3s ease}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container .payment-actions button.btn-pay:hover:not(:disabled){background:#ff3639}.vip-pay .pay-content-wrapper .right-payment .stripe-payment-container .payment-actions button.btn-pay:disabled{background:#d9d9d9;cursor:not-allowed;opacity:.6}.vip-pay .pay-content-wrapper .right-payment .payment-footer{margin-top:16px}.vip-pay .pay-content-wrapper .right-payment .payment-footer .pay-desc{font-size:14px;font-weight:400;color:#b0b0b0;display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px}.vip-pay .pay-content-wrapper .right-payment .payment-footer .pay-desc a{color:#3480ff;margin-left:4px}.vip-pay .pay-content-wrapper .right-payment .payment-footer .pay-desc a:hover{opacity:.7}.vip-pay .pay-content-wrapper .right-payment .payment-footer .order-timer{font-size:14px;color:#666}.vip-pay .pay-content-wrapper .right-payment .payment-footer .order-timer span{font-weight:600;color:#232323}.custom-vip{display:flex;flex-direction:column;align-items:center;margin-top:40px}.custom-vip .tlt{font-family:Alimama ShuHeiTi;font-weight:700;font-size:24px;line-height:34px;color:#232323;text-align:center;margin:0 0 25px}.custom-vip .qrimg{width:200px;height:200px;background:#FFFFFF;box-shadow:0 0 5px 1px #0000001a;border:1px solid #ECECEC;padding:16px;border-radius:5px}.custom-vip .qrimg .qrcode{width:100%;height:100%}.custom-vip .desc{font-size:16px;margin:10px 0 0}.custom-vip .kefu{margin-top:30px;padding:10px 20px;border:none;background-color:var(--vc-color-primary);color:#fff;border-radius:4px}.brand-vip__dialog{--head-height: 170px}.brand-vip__dialog .vc-modal-dialog{padding:0;border-radius:20px;--modal-close-color: #fff;--modal-active-close-color: #dfdfdf}.brand-vip__dialog .vc-modal-dialog .vc-modal-close-icon{font-size:30px}.brand-vip__dialog .vc-modal-dialog .vc-modal-body{width:100%;height:100%;background:url(https://oss.petslib.cn/prod/static/pc/imgs/jingpin/zhuanshi.png) no-repeat top right / 263px 210px,linear-gradient(90deg,#BEECFF,#BEDEFF,#398DFF);overflow:hidden;border-radius:19px}.brand-vip__dialog .head{display:flex;flex-direction:column;justify-content:space-between;height:var(--head-height);padding:1px 0 0}.brand-vip__dialog .head .userinfo{margin:20px 0 0 20px;display:flex;align-items:center}.brand-vip__dialog .head .userinfo .avatar{width:70px;height:70px;background:#FFFFFF;box-shadow:0 0 18px 2px #0000001a;border-radius:38px;margin-right:12px}.brand-vip__dialog .head .userinfo .nickname{font-size:20px;font-family:var(--vc-pingfang-bold)}.brand-vip__dialog .head .userinfo .phone{margin-top:8px;font-size:16px;color:#5f748e}.brand-vip__dialog .head .vc-tab-heads{width:100%;align-items:flex-end}.brand-vip__dialog .head .vc-tab-heads .vc-tab-cell{flex:1;position:relative;display:flex;align-items:center;justify-content:center;margin:0;background:rgba(255,255,255,.3);border-radius:20px 20px 0 0;border:1px solid #FFFFFF;font-size:24px;color:#05244a;font-family:var(--vc-alimama-shuheiti);font-weight:400;height:60px;transition:height .2s}.brand-vip__dialog .head .vc-tab-heads .vc-tab-cell img{width:26px;height:auto;position:relative;top:-2px;margin-right:8px}.brand-vip__dialog .head .vc-tab-heads .vc-tab-cell:hover,.brand-vip__dialog .head .vc-tab-heads .vc-tab-cell.active{height:64px;box-shadow:0 -11px 8px 2px #4599ce1a;z-index:2;background:linear-gradient(rgba(255,255,255,.3),#ffffff)}.brand-vip__dialog .body{--lt-width: 351px;padding:24px 30px;height:calc(100% - var(--head-height));overflow:hidden auto;background-color:#fff;display:flex;align-items:flex-start}.brand-vip__dialog .body::-webkit-scrollbar{width:8px}.brand-vip__dialog .body .body-lt{padding-top:30px;padding-bottom:30px;width:var(--lt-width);background:linear-gradient(#E5F4FF 5%,#fff 20%,#fff 100%);box-shadow:0 0 18px 2px #4599ce1a;border-radius:20px}.brand-vip__dialog .body .body-lt .body-lt-tlt{display:flex;align-items:center;font-size:20px;color:#232323;font-family:var(--vc-alimama-shuheiti);padding-left:20px;margin-bottom:30px}.brand-vip__dialog .body .body-lt .body-lt-tlt img{width:26px;height:auto;position:relative;top:-2px;margin-right:8px}.brand-vip__dialog .body .body-ct{padding-left:30px;width:calc(100% - var(--lt-width));height:-moz-max-content;height:max-content}
