.vip-position{display:flex;flex-direction:column;margin-bottom:20px;margin-top:20px}@media(min-width:768px){.vip-position{flex-direction:row;margin-bottom:40px}}@media(min-width:960px){.vip-position{margin-bottom:60px;margin-top:63px}}@media(min-width:1248px){.vip-position{margin-bottom:120px}}.vip-position__card{border-radius:10px;max-width:100%;width:100%}.vip-position__top{align-items:center;background:linear-gradient(180deg,rgba(61,62,69,0),rgba(61,62,69,.3)),#191a21;border-radius:10px 10px 0 0;display:flex;flex-direction:column;padding:23px 10px}@media(min-width:768px){.vip-position__top{flex-direction:row}}@media(min-width:1248px){.vip-position__top{padding:23px 46px}}.vip-position__bottom{background-color:#191a21;border-radius:0 0 10px 10px;padding:16px 10px;text-align:center}.vip-position__info{width:100%}.vip-position__image-wrp{margin-bottom:20px;position:relative}@media(min-width:768px){.vip-position__image-wrp{margin:0 20px 0 0}}@media(min-width:1248px){.vip-position__image-wrp{margin:0 50px 0 0}}.vip-position__image-wrp .image{height:152px;width:150px}.vip-position__level{font-size:22px;font-weight:500;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vip-position--novice .vip-position__level,.vip-position--sun1 .vip-position__level,.vip-position--sun2 .vip-position__level,.vip-position--sun3 .vip-position__level,.vip-position--sun4 .vip-position__level{color:#4ad315}.vip-position__text{font-size:16px;font-weight:500;letter-spacing:1.25px;line-height:1;text-transform:capitalize}@media(min-width:960px){.vip-position__text{font-size:20px}}.vip-position__text--middle{font-size:16px}.vip-position__text--middle span{display:block}@media(min-width:960px){.vip-position__text--middle{font-size:18px}.vip-position__text--middle span{display:inline-block}}.vip-position__text--small{font-size:14px}@media(min-width:960px){.vip-position__text--small{font-size:16px}}.vip-position__text--xsmall{font-size:14px}.vip-position__text--big{font-size:30px;font-weight:700;line-height:1.5}.vip-position__title{margin-bottom:24px;text-align:center;text-transform:uppercase}.vip-position__line{background-color:#0b0c10;border-radius:6px;height:14px;margin:10px 0 16px;position:relative;width:100%}.vip-position__progress{background-color:#4ad315;border-radius:6px;height:10px;left:0;position:absolute;top:2px}.vip-position__exchange{background:linear-gradient(180deg,rgba(61,62,69,0),rgba(61,62,69,.3)),#191a21;border-radius:10px;margin:0 auto;max-width:312px;padding:30px 0;text-align:center;width:100%}@media(min-width:768px){.vip-position__exchange{width:35%}}@media(min-width:1248px){.vip-position__exchange{width:25%}}.vip-position .vip-position__button{font-size:16px;line-height:50px;margin:16px 0 8px;min-width:172px;padding:0}.vip-position-block{margin-bottom:10px}@media(min-width:768px){.vip-position-block{margin:0 10px}}.vip-level{background:linear-gradient(180deg,rgba(61,62,69,0),rgba(61,62,69,.3)),#1a1a1e;border-radius:10px;margin:0 10px 20px;max-width:320px;min-height:350px;padding:20px 0 0;position:relative;text-align:center;width:100%}@media(min-width:768px){.vip-level{max-width:100%;width:calc(50% - 20px)}}@media(min-width:1248px){.vip-level{width:calc(25% - 20px)}}.vip-level__image-wrp{margin-bottom:18px;position:relative}.vip-level__image{height:152px;width:150px}.vip-level__level{font-size:22px;font-weight:500;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vip-level--sun .vip-level__level{color:#420b7d}.vip-level__text{color:#a6a7aa;font-size:22px;font-weight:500;margin-bottom:10px}.vip-level__text--name{color:#fff;font-weight:700;margin-bottom:10px}.vip-level__reward{align-items:center;background-color:#1a1a1e;border-radius:0 0 10px 10px;bottom:0;display:flex;font-size:17px;font-weight:700;justify-content:center;min-height:72px;padding:0 10px;position:absolute;text-align:center;width:100%}@media(min-width:1248px){.vip-level__reward{font-size:15px}}@media(min-width:1632px){.vip-level__reward{font-size:17px}}.vip-level--current{background:linear-gradient(180deg,rgba(74,211,21,.15),rgba(74,211,21,0) 54.38%);border:2px solid #4ad315;box-shadow:0 0 20px #4ad315}.vip-level--current .vip-level__reward{border-radius:0 0 10px 10px}