.user-level-warp[data-v-5bad1059]{width:100%;margin-top:10px}.user-level-warp .user-level-box[data-v-5bad1059]{padding:10px}.user-level-warp .user-level-box .user-level-top h3[data-v-5bad1059]{color:#fff;padding-bottom:16px}.user-level-warp .user-level-box .user-level-top .line-bar[data-v-5bad1059]{height:100px;width:740px}.user-level-warp .user-level-box .user-level-top .svg-bar[data-v-5bad1059]{height:20px;padding-top:53.5px;text-align:center}.user-level-warp .user-level-box .user-level-top .vip-sign[data-v-5bad1059]{position:relative;top:-60px;width:100%;color:#fff}.user-level-warp .user-level-box .user-level-top .vip-sign li[data-v-5bad1059]{position:absolute;transform:translateX(-37%)}.user-level-warp .user-level-box .user-level-top .vip-sign li[data-v-5bad1059]:before{position:absolute;content:"";display:none;width:195px;height:197px;top:-89px;left:-75px;animation:starShow-data-v-5bad1059 .35s forwards;z-index:-1}.user-level-warp .user-level-box .user-level-top .vip-sign li.active .dot-block .dot-inner[data-v-5bad1059],.user-level-warp .user-level-box .user-level-top .vip-sign li.active[data-v-5bad1059]:before{display:block}.user-level-warp .user-level-box .user-level-top .vip-sign li.active .name[data-v-5bad1059]{opacity:1}.user-level-warp .user-level-box .user-level-top .vip-sign li .dot-block[data-v-5bad1059]{position:relative;height:30px}.user-level-warp .user-level-box .user-level-top .vip-sign li .dot-block .dot-inner[data-v-5bad1059]{position:absolute;display:none;left:50%;top:11px;transform:translate(-50%,-50%);border:1px solid #fac01e;border-radius:50%;background-color:#fac01e;animation:dotSlide-data-v-5bad1059 .5s ease-out forwards}.user-level-warp .user-level-box .user-level-top .vip-sign li .dot-block .dot-inner.cur[data-v-5bad1059]{width:7px;height:7px;background-color:#f5f5f5;box-shadow:0 0 0 3px #f5f5f5}.user-level-warp .user-level-box .user-level-top .vip-sign li .icon[data-v-5bad1059]{height:22px;background-repeat:no-repeat;background-position:50%}.user-level-warp .user-level-box .user-level-top .vip-sign li .name[data-v-5bad1059]{font-weight:700;color:#fff;text-align:center;opacity:.5}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip1[data-v-5bad1059]{transform:translateX(-27%)}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip1 .icon[data-v-5bad1059]{background-size:19px 14px}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip2[data-v-5bad1059]{left:20%}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip2 .icon[data-v-5bad1059]{background-size:19px 14px}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip3[data-v-5bad1059]{left:40%;transform:translateX(-43%)}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip3 .icon[data-v-5bad1059]{background-size:20px 15px}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip4[data-v-5bad1059]{left:60%;transform:translateX(-54%)}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip4 .icon[data-v-5bad1059]{background-size:24px 19px}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip5[data-v-5bad1059]{left:80%;transform:translateX(-66%)}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip5 .icon[data-v-5bad1059]{background-size:24px 20px}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip6[data-v-5bad1059]{left:100%;transform:translateX(-72%)}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip6 .icon[data-v-5bad1059]{background-size:25px 20px}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip7[data-v-5bad1059]{left:120%;transform:translateX(-72%)}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip7 .icon[data-v-5bad1059]{background-size:25px 20px}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip8[data-v-5bad1059]{left:140%;transform:translateX(-72%)}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip8 .icon[data-v-5bad1059]{background-size:25px 20px}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip9[data-v-5bad1059]{left:160%;transform:translateX(-72%)}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip9 .icon[data-v-5bad1059]{background-size:25px 20px}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip10[data-v-5bad1059]{left:180%;transform:translateX(-72%)}.user-level-warp .user-level-box .user-level-top .vip-sign li.vip10 .icon[data-v-5bad1059]{background-size:25px 20px}@keyframes dotSlide-data-v-5bad1059{0%{border-width:1px}70%{border-width:7px}78%{border-width:9px}86%{border-width:7px}90%{border-width:8px}94%{border-width:7px}97%{border-width:7.5px}to{border-width:7px}}@keyframes starShow-data-v-5bad1059{0%{opacity:1;display:none}to{opacity:0}}