.tjsp-banner{
    width:100%;
    overflow:hidden;
    padding:var(--tjsp-padding-y) 0;
    border-top:var(--tjsp-border-size) solid var(--tjsp-border-color);
    border-bottom:var(--tjsp-border-size) solid var(--tjsp-border-color);
    background:transparent;
    box-sizing:border-box;
}

.tjsp-marquee{
    width:100%;
    overflow:hidden;
    position:relative;
}

.tjsp-marquee-track{
    display:flex;
    align-items:center;
    gap:var(--tjsp-gap);
    width:max-content;
    will-change:transform;
}

.tjsp-logo-card{
    width:var(--tjsp-card-width);
    height:var(--tjsp-card-height);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    padding:0;
    margin:0;
    background:transparent;
    border:none;
    text-decoration:none;
    box-sizing:border-box;
    transition:transform .25s ease;
}

.tjsp-logo-card:hover{
    transform:scale(1.05);
}

.tjsp-logo-box{
    width:var(--tjsp-logo-box-width);
    height:var(--tjsp-logo-box-height);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    background:#fff;
    overflow:hidden;
}

.tjsp-logo-box img{
    display:block;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    object-fit:contain;
}

@media (max-width:768px){
    .tjsp-logo-card{
        width:190px;
        height:85px;
    }

    .tjsp-logo-box{
        width:175px;
        height:70px;
    }

    .tjsp-marquee-track{
        gap:8px;
    }
}