.badges-container[data-v-1c45131c]{padding-top:44px;min-height:100vh;background-color:#242a37;color:#fff}header[data-v-1c45131c]{position:fixed;top:0;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:44px;font-size:17px;background-color:#242a37;z-index:99}header>span[data-v-1c45131c]:first-child{width:50px;height:40px;position:absolute;left:10px;top:10px}header>span:first-child>img[data-v-1c45131c]{position:absolute;top:3px;left:3px}ul[data-v-1c45131c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;padding-bottom:60px}ul>li[data-v-1c45131c]{position:relative;width:160px;height:150px;margin-top:70px;border:1px solid #4e586e;background:-webkit-gradient(linear,left top,left bottom,from(#606b8a),to(rgba(62,72,96,.3)));background:linear-gradient(180deg,#606b8a,rgba(62,72,96,.3));border-radius:15px;padding-top:46px;padding-left:12px;padding-right:12px}ul>li>img[data-v-1c45131c]{position:absolute;top:-54px;left:5px}ul>li>span[data-v-1c45131c]:nth-child(2){position:absolute;bottom:25px;left:0;height:18px;width:100%;text-align:center;-webkit-transition:all .3s;transition:all .3s}ul>li>span:nth-child(2)>img[data-v-1c45131c]{-webkit-transform:translateX(-50%) scale(.7);transform:translateX(-50%) scale(.7)}ul>li>section[data-v-1c45131c]{overflow:hidden;-webkit-transition:all .3s;transition:all .3s}ul>li>section>p[data-v-1c45131c]:first-child{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ul>li>section>p[data-v-1c45131c]:nth-child(2){margin-top:2px;font-size:12px;color:#92b3d4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.4;max-height:33.6px}ul>li .percent-bar[data-v-1c45131c]{position:absolute;left:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:25px;width:100%;font-size:12px;font-weight:700;background-color:#4e586e;border-radius:0 0 15px 15px;-webkit-box-shadow:0 3px 10px rgba(0,60,135,.26);box-shadow:0 3px 10px rgba(0,60,135,.26);overflow:hidden}ul>li .percent-bar>span[data-v-1c45131c]:nth-child(2){position:absolute;top:0;left:0;height:25px;width:0;background:linear-gradient(176deg,#56ccf2,#2f80ed)}ul>li .percent-bar-active[data-v-1c45131c]{background:linear-gradient(176deg,#56ccf2,#2f80ed)}ul .li-active[data-v-1c45131c]{height:100%;min-height:150px}ul .li-active>section[data-v-1c45131c]{padding-bottom:60px}ul .li-active>section>p[data-v-1c45131c]:nth-child(2){-webkit-line-clamp:unset;line-clamp:unset;max-height:none}ul .li-active>span:nth-child(2)>img[data-v-1c45131c]{-webkit-transform:translateX(-50%) scale(.7) rotate(180deg);transform:translateX(-50%) scale(.7) rotate(180deg)}@media screen and (max-width:374px){ul>li[data-v-1c45131c]{width:150px}}@media screen and (min-width:800px){ul[data-v-1c45131c]{padding:0 10px}ul>li[data-v-1c45131c]{-webkit-box-flex:23%;-ms-flex:23%;flex:23%;margin-right:10px}}