.lxt {
    display: flex;
    gap: 16px;
    width: max-content;
    animation: s 30s linear infinite
}

.lxw:hover .lxt {
    animation-play-state: paused
}

.lxi {
    flex: 0 0 auto
}

.lxc {
    width: 160px;
    height: 60px;
    border-radius: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
    border: 1px solid #eee;
    transition: .3s
}

.lxc:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .15)
}

.lxc img {
    max-width: 80%;
    max-height: 32px;
    object-fit: contain
}

.lxi a {
    display: block;
    text-decoration: none
}

@keyframes s {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

@media(max-width:768px) {
    .lxc {
        width: 140px;
        height: 55px
    }
}

@media(max-width:480px) {
    .lxc {
        width: 100px;
        height: 50px
    }
}