.vipCodeDialog .dialogBody,.vipCodeDialog .form-div{position:relative}.vipCodeDialog .form-title{font-size:12px}.vipCodeDialog .form-content{position:relative;margin-top:5px}.vipCodeDialog .form-input{width:100%}.vipCodeDialog .submit-button{padding:20px;margin-top:20px;width:100%;color:#fff;font-size:14px;border-radius:10px;border:0;background-color:#fa6400}.vipCodeDialog .tips-div{margin-top:10px;font-size:12px;text-align:center}.selectVipContainer{width:100vw;height:var(--vh,100vh);color:#000;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.selectVipContainer .pageTitle{margin:0 auto;padding:0 30px;width:100%;height:150px;font-size:24px;text-align:center;display:flex;align-items:center;justify-content:space-between;flex-direction:row}.selectVipContainer .subTitle-div{font-size:12px}.selectVipContainer .pageBody{position:relative;width:100%;height:calc(var(--vh, 100vh) - 150px)}.selectVipContainer .selectRadio-div{position:relative;display:flex;align-items:center;justify-content:center}.selectVipContainer .selectRadio-div .el-radio-button__inner{width:100px;padding:10px 15px}.selectVipContainer .vipCode-button{position:absolute;top:0;right:20px;height:36px}.selectVipContainer .logo-image{width:88px}.selectVipContainer .back-div{font-size:16px;cursor:pointer}.selectVipContainer .back-icon{position:relative;top:3px}.selectVipContainer .vip-wrap{position:relative;padding-bottom:50px;margin-top:40px;width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:20px}.selectVipContainer .vip-item{position:relative;padding:20px;width:220px;height:520px;border-top-left-radius:6px;border-top-right-radius:6px;border:1px solid #d8d8d8}.selectVipContainer .vip-item:hover{top:-10px}.selectVipContainer .top-div{position:absolute;left:0;top:0;width:100%;height:10px;border-top-left-radius:5px;border-top-right-radius:5px}.selectVipContainer .vip-name{margin-top:10px;font-size:16px;text-align:center;font-weight:700}.selectVipContainer .vip-desc{margin-top:10px;height:50px;font-size:10px;text-align:center}.selectVipContainer .vip-price{margin-top:10px;height:20px;font-size:12px;text-align:center}.selectVipContainer .vip-price .price{font-size:16px;font-weight:700}.selectVipContainer .join-button{margin:20px auto;width:140px;font-size:12px;color:#fff;display:block}.selectVipContainer .permission-div{font-size:12px;display:flex;align-items:flex-start;justify-content:flex-start}.selectVipContainer .check-icon{position:relative;top:1px;margin-right:5px}.selectVipContainer .octagon-div{position:absolute;right:0;top:-20px;width:60px;height:60px;color:#fff;font-size:12px;background:#fa6400;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);display:flex;align-items:center;justify-content:center;transform:rotate(-22deg)}.selectVipContainer .page-title-text{margin-bottom:20px;font-size:20px;text-align:center;display:none}@media screen and (max-width:500px){.selectVipContainer .pageTitle{font-size:16px;height:80px}.selectVipContainer .pageTitle .title-text{display:none}.selectVipContainer .logo-image{width:60px}.selectVipContainer .page-title-text{display:block}.selectVipContainer .vipCode-button{position:relative;top:auto;right:auto}.selectVipContainer .selectRadio-div{flex-direction:column;gap:20px}}@media screen and (max-width:350px){.selectVipContainer .pageTitle{padding:0 10px}}