.mini_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .mini_wrap a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

.rank-icon {
    position: relative;
    display: inline-block;
    width: 64px;
    height: 64px;
}

.ch_rank {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 2px 3px 0 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    box-sizing: border-box;
}

.pic_ch {
    width: 64px;
    height: 64px;
    background-size: auto;
    display: inline-flex;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(https://hyperts.net/third-party-content/fefwchr/picch01b.png);
}

.chr_01{ background-position: 0px -0px; }
.chr_02{ background-position: 0px -64px; }
.chr_03{ background-position: 0px -128px; }
.chr_04{ background-position: 0px -192px; }
.chr_05{ background-position: 0px -256px; }
.chr_06{ background-position: 0px -320px; }
.chr_07{ background-position: 0px -384px; }
.chr_08{ background-position: 0px -448px; }
.chr_09{ background-position: 0px -512px; }
.chr_10{ background-position: 0px -576px; }
.chr_11{ background-position: 0px -640px; }
.chr_12{ background-position: 0px -704px; }
.chr_13{ background-position: 0px -768px; }
.chr_14{ background-position: 0px -832px; }
.chr_15{ background-position: 0px -896px; }
.chr_16{ background-position: 0px -960px; }
.chr_17{ background-position: 0px -1024px; }
.chr_18{ background-position: 0px -1088px; }
.chr_19{ background-position: 0px -1152px; }
.chr_20{ background-position: 0px -1216px; }
.chr_21{ background-position: 0px -1280px; }
.chr_22{ background-position: 0px -1344px; }
.chr_23{ background-position: 0px -1408px; }
.chr_24{ background-position: 0px -1472px; }
.chr_25{ background-position: 0px -1536px; }
.chr_26{ background-position: 0px -1600px; }
.chr_27{ background-position: 0px -1664px; }
.chr_28{ background-position: 0px -1728px; }
.chr_29{ background-position: 0px -1792px; }
.chr_30{ background-position: 0px -1856px; }
.chr_31{ background-position: 0px -1920px; }
.chr_32{ background-position: 0px -1984px; }
.chr_33{ background-position: 0px -2048px; }
.chr_34{ background-position: 0px -2112px; }
.chr_35{ background-position: 0px -2176px; }
.chr_36{ background-position: 0px -2240px; }
.chr_37{ background-position: 0px -2304px; }
.chr_38{ background-position: 0px -2368px; }
.chr_39{ background-position: 0px -2432px; }
.chr_40{ background-position: 0px -2496px; }
.chr_41{ background-position: 0px -2560px; }
.chr_42{ background-position: 0px -2624px; }
.chr_43{ background-position: 0px -2688px; }