body{margin:0;background:linear-gradient(145deg,rgba(76,216,251,.5),hsla(0,0%,100%,.5) 35%,hsla(0,0%,100%,.5) 0,rgba(254,235,255,.5) 50%) 100% 100% /50% 50% no-repeat,linear-gradient(215deg,rgba(76,216,251,.5),hsla(0,0%,100%,.5) 35%,hsla(0,0%,100%,.5) 0,rgba(254,235,255,.5) 50%) 0 100% /50% 50% no-repeat,linear-gradient(325deg,rgba(76,216,251,.5),hsla(0,0%,100%,.5) 35%,hsla(0,0%,100%,.5) 0,rgba(254,235,255,.5) 50%) 0 0 /50% 50% no-repeat,linear-gradient(35deg,rgba(76,216,251,.5),hsla(0,0%,100%,.5) 35%,hsla(0,0%,100%,.5) 0,rgba(254,235,255,.5) 50%) 100% 0 /50% 50% no-repeat,#fff;box-sizing:border-box;height:100vh;padding:60px 20px}.main{background:#fff;border-radius:6px;padding:20px}.title{font-size:16px;font-weight:600;margin:0 0 20px}.openBox{color:rgba(0,0,0,.8);font-family:PingFang SC;display:flex;justify-content:space-between;align-items:center}.VipBox{width:343px;margin:10px auto;border-radius:6px;border:1px solid rgba(0,0,0,.03);background:hsla(0,0%,100%,.8)}.Vip_title{display:flex;align-items:center;padding:10px;border-bottom:1px solid rgba(0,0,0,.03);color:rgba(0,0,0,.8);font-family:PingFang SC;font-size:18px}.Vip_explain{color:rgba(0,0,0,.4);font-size:12px}.itemBox{box-sizing:border-box;border-radius:10px;text-align:center;background:#eff3f4;width:96px;height:96px}.item-label{font-size:20px;font-weight:700;margin-top:10px}.item-price{font-size:18px;font-weight:700;margin:5px 0}.item-short{font-size:12px}.selected{border:2px solid #f773fb}.openBtn{display:block;margin:40px auto 0;width:60%;padding:14px;border-radius:24px;background:linear-gradient(90deg,#fff,#f773fb .01%,#4cd8fb 93.75%);box-shadow:0 0 8px 0 rgba(231,124,251,.2);color:#fff;font-size:14px;line-height:100%;letter-spacing:1px;border:none}.tips{font-size:12px;text-align:center;color:#b0b0b2;margin:4px}.success-box{text-align:center;padding:1px}.success-title{font-size:20px;color:#333}.admin-btn{display:block;margin-top:10px}@media screen and (min-width:500px){.main{width:70%;margin:auto}.itemBox{width:120px;height:120px}.openBox{justify-content:space-evenly}}@media screen and (max-width:375px){.main,body{padding:10px}.itemBox{width:32%}}