.container{padding:0 10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 170px)}.page-title{font-size:20px;border-bottom:var(--t-color-primary01) solid 1px;padding-bottom:8px;margin-bottom:6px}.hr{height:0;font-size:0;border-bottom:var(--t-color-primary01) dotted 1px}.content-vip{margin-top:24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.content-vip .box{width:calc(25% - 12px + 3px);padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:12px;border-radius:6px;border:rgba(255,255,255,.2) solid 1px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .3s;transition:all .3s}.content-vip .box:not(:nth-child(4n)){margin-right:12px}.content-vip .box:hover{border-color:#67b900;-webkit-box-shadow:0 0 4px #67b900;box-shadow:0 0 4px #67b900}.content-vip .box.active{border-color:#67b900;-webkit-box-shadow:0 0 4px #67b900;box-shadow:0 0 4px #67b900}.content-vip dt{font-size:var(--size-h3);margin-bottom:16px}.content-vip .bd{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.content-vip .foot{border-top:rgba(255,255,255,.1) solid 1px;padding:12px 0}.content-vip .p{line-height:1.5;padding:12px 0;border-top:rgba(255,255,255,.1) solid 1px}.content-vip .p.solid-none{border-top:none}.payment li{line-height:40px;border:#eee solid 1px;margin-bottom:10px;text-align:center;cursor:pointer}.pay-ok{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 100px);padding-top:16vh;-webkit-box-sizing:border-box;box-sizing:border-box}.pay-ok .h{padding:12px;font-size:20px;font-weight:400;margin-bottom:16px}@media screen and (max-width: 800px){.content-vip{padding:12px;margin-top:0}.content-vip dt{margin-bottom:6px}.content-vip .box{width:100%;margin-right:0}.content-vip .box:not(:nth-child(4n)){margin-right:0}.content-vip .foot{padding-bottom:0}.content-vip .btn-buy{width:100%}}