@font-face {
    font-family: "font-icon-bds";
    src: url(../fonts/font-icon-bds-v202201061700.eot);
    src: url(../fonts/font-icon-bds-v202201061700.eot) format("embedded-opentype"),url(font-icon-bds-v202201061700.ttf) format("truetype"),url(../fonts/font-icon-bds-v202201061700.woff) format("woff"),url(../fonts/font-icon-bds-v202201061700.svg) format("svg")
}
.img-relact{
    /* display: flex; */
    flex-wrap: nowrap;
    padding-top: 12px;
    float: left;
    width: 100%;
    max-width: 100%;
}
.img-relact .tin-thumb{width: 64px;/* height: 64px; */margin-right: 12px;background-size: cover;background-position: 50%;position: relative;cursor: pointer;border-radius: 2px;position:relative;float: left;margin-bottom: 10px;}
.img-relact .tin-thumb a{
   position: absolute;
    white-space: pre;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(0,0,0,.7);
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    border-radius: 2px;
    
}
.tin-count {
    position: absolute;
    top: 5px;
    right: 5px;
}
.tin-countsl {
    font-size: 11px;
    font-display: swap;
    background: url(/templates/home/images/number-image.svg) no-repeat;
    background-size: cover;
    width: 25px;
    height: 20px;
    font-weight: 700;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media(max-width:549px){
    .img-relact .tin-thumb{
        width:53px;
    }
}