.vip-card{align-items:center;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;width:307px}.vip-card .vip-card-bg{max-width:307px;position:absolute;z-index:2}.vip-card .vip-card-content{align-items:center;display:flex;flex-direction:column;margin-top:146px;padding:10px;width:100%;z-index:3}.vip-card .vip-card-content .vip-timeout{background:#fff;border-radius:23px;color:#bf8f6a;font-size:18px;line-height:50px;text-align:center;width:90%}.vip-card .vip-card-content .vip-privilege-gird{display:grid;grid-template-columns:50% 50%;margin:30px 0 10px;row-gap:10px;width:100%}.vip-card .vip-card-content .vip-privilege-gird .vip-privilege-gird-item{align-items:center;display:flex;flex-direction:column}.vip-card .vip-card-content .vip-privilege-gird .vip-privilege-gird-item .vip-privilege-gird-item-img{height:50px;width:50px}.vip-card .vip-card-content .vip-privilege-gird .vip-privilege-gird-item .vip-privilege-gird-item-text{color:#fbf2e0;font-size:12px;margin:4px 8px}.vip-card .vip-card-footer{display:flex;justify-content:space-around;padding:20px 0;width:100%;z-index:3}.vip-card .vip-card-footer .btn{border-radius:20px;font-size:16px;line-height:40px;padding:0 30px}.vip-card .vip-card-footer .btn-getvip{background:#ffb35b;color:#fff}.vip-card .vip-card-footer .btn-chat{background:#f0e1d0;color:#7f532e}.menu-content .vip-card{margin:5px auto 0;width:200px}.menu-content .vip-card .vip-card-bg{width:200px}.menu-content .vip-card .vip-card-content{margin-top:85px}.menu-content .vip-card .vip-card-content .vip-timeout{border-radius:23px;font-size:14px;line-height:32px;width:90%}.menu-content .vip-card .vip-card-content .vip-privilege-gird{margin-top:10px}.menu-content .vip-card .vip-card-content .vip-privilege-gird .vip-privilege-gird-item .vip-privilege-gird-item-img{height:30px;width:30px}.menu-content .vip-card .vip-card-content .vip-privilege-gird .vip-privilege-gird-item .vip-privilege-gird-item-text{margin:5px 8px}.menu-content .vip-card .vip-card-footer{padding:5px 0}.menu-content .vip-card .vip-card-footer .btn{border-radius:20px;font-size:12px;line-height:30px;padding:0 10px}@media screen and (max-width:769px){.vip-card{align-items:center;border-radius:8px;display:flex;flex-direction:column;margin:0 auto;overflow:hidden;width:350px}.vip-card .vip-card-bg{height:70vh;max-height:70vh;max-width:70vw;position:absolute;z-index:2}.vip-card .vip-card-content{align-items:center;display:flex;flex-direction:column;margin-top:16vh;min-height:40vh;padding:10px;width:100%;z-index:3}.vip-card .vip-card-content .vip-timeout{background:#fff;border-radius:23px;color:#bf8f6a;font-size:18px;line-height:50px;text-align:center;width:90%}.vip-card .vip-card-content .vip-privilege-gird{display:grid;grid-template-columns:50% 50%;margin:10px 0;row-gap:10px;width:100%}.vip-card .vip-card-content .vip-privilege-gird .vip-privilege-gird-item{align-items:center;display:flex;flex-direction:column}.vip-card .vip-card-content .vip-privilege-gird .vip-privilege-gird-item .vip-privilege-gird-item-img{height:6vh;width:6vh}.vip-card .vip-card-content .vip-privilege-gird .vip-privilege-gird-item .vip-privilege-gird-item-text{color:#fbf2e0;font-size:12px;margin:4px 8px}.vip-card .vip-card-footer{display:flex;justify-content:space-around;margin-bottom:15px;padding:10px 0;width:100%;z-index:3}.vip-card .vip-card-footer .btn{border-radius:20px;font-size:16px;line-height:40px;padding:0 30px}.vip-card .vip-card-footer .btn-getvip{background:#ffb35b;color:#fff}.vip-card .vip-card-footer .btn-chat{background:#f0e1d0;color:#7f532e}.menu-content .vip-card{margin:5px auto 0;width:200px}.menu-content .vip-card .vip-card-bg{width:200px}.menu-content .vip-card .vip-card-content{margin-top:100px}.menu-content .vip-card .vip-card-content .vip-timeout{border-radius:23px;font-size:14px;line-height:32px;width:90%}.menu-content .vip-card .vip-card-content .vip-privilege-gird{margin-top:10px}.menu-content .vip-card .vip-card-content .vip-privilege-gird .vip-privilege-gird-item .vip-privilege-gird-item-img{height:30px;width:30px}.menu-content .vip-card .vip-card-footer{padding:5px 0}.menu-content .vip-card .vip-card-footer .btn{border-radius:20px;font-size:12px;line-height:30px;padding:0 10px}}@media screen and (max-width:416px){.vip-card{width:300px}.vip-card .vip-card-bg{height:70vh;max-height:70vh;max-width:80vw}.vip-card .vip-card-content{margin-top:18vh;min-height:40vh}.vip-card .vip-card-content .vip-timeout{border-radius:20px;font-size:18px;line-height:40px}.vip-card .vip-card-content .vip-privilege-gird .vip-privilege-gird-item .vip-privilege-gird-item-img{height:6vh;width:6vh}.vip-card .vip-card-footer .btn{line-height:40px;padding:0 25px}}@media screen and (max-width:391px){.vip-card{width:260px}.vip-card .vip-card-bg{height:70vh;max-height:70vh;max-width:80vw}.vip-card .vip-card-content{margin-top:16vh;min-height:44vh}.vip-card .vip-card-content .vip-timeout{border-radius:20px;font-size:16px;line-height:35px}.vip-card .vip-card-content .vip-privilege-gird .vip-privilege-gird-item .vip-privilege-gird-item-img{height:6vh;width:6vh}.vip-card .vip-card-footer{padding:15px 0}.vip-card .vip-card-footer .btn{line-height:30px;padding:0 15px}}@media screen and (max-width:321px){.vip-card{margin:0 auto;width:280px}.vip-card .vip-card-bg{height:80vh;max-height:80vh;max-width:80vw}.vip-card .vip-card-content{margin-top:18vh}.vip-card .vip-card-content .vip-timeout{border-radius:20px;font-size:16px;line-height:45px}.vip-card .vip-card-content .vip-privilege-gird .vip-privilege-gird-item .vip-privilege-gird-item-img{height:6vh;width:6vh}.vip-card .vip-card-footer .btn{line-height:30px;padding:0 15px}}