/*
Theme Name: 汽车配件
Description: 一个超级简单的入门主题
Author: zssong
Requires PHP: 7.3
Version: 1.0
*/
.share-btn-list {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
}
.share-btn-list > a {
    margin-right: 6px;
}
.share-btn-list .share-btn {
    position: relative;
    height: 26px;
    width: 26px;
    transition: 0.4s all;
    transition-delay: 30ms;
    cursor: pointer;
    overflow: hidden;
    border-radius: 2px;
}
.share-btn-list .share-btn:hover {
    transform: translateY(-6px);
}
.share-btn-list .facebook {
    background: url(./assets/img/share/share-facebook.webp) no-repeat;
    background-size: 25px 25px;
}
.share-btn-list .twitter {
    background: url(./assets/img/share/share-twitter.webp) -4px -4px no-repeat;
    background-size: 30px 30px;
    background-position: -3px -3px;
}
.share-btn-list .linkedin {
    background: url(./assets/img/share/share-linkedin.webp) -4px -4px no-repeat;
    background-size: 30px 30px;
    background-position: -3px -3px;
}
.share-btn-list .pinterest {
    background: url(./assets/img/share/share-pinterest.webp) -2px -2px no-repeat;
    background-size: 26px 26px;
    background-position: -1px -1px;
}
.share-btn-list .ins {
    background: url(./assets/img/share/share-ins.webp) no-repeat;
    background-size: 30px 30px;
}
.share-btn-list .whatsapp {
    background: #25d366 url(./assets/img/share/share-whatsapp.webp) no-repeat center;
    background-size: 22px 22px;
}
.share-btn-list .mail {
    background: #f90 url(./assets/img/share/share-mail.webp) center no-repeat;
    background-size: 18px 18px;
    background-position: center;
}
.share-btn-list .mail.vk {
    background: #0077ff url(./assets/img/share/share-vk.webp) center no-repeat;
    background-size: 18px 18px;
    background-position: center;
}
@media (max-width: 768px) {
    .share-btn-list {
        width: 100%;
    }
    .share-btn-list .share-btn:hover {
        transform: translateY(0);
    }
    .share-btn-list .share-btn {
        width: 25px;
        height: 25px;
    }
    .share-btn-list .facebook {
        background-size: 23px 23px;
    }
    .share-btn-list .linkedin,
    .share-btn-list .twitter {
        background-size: 30px 30px;
        background-position: -3px -3px;
    }
    .share-btn-list .pinterest {
        background-size: 26px 26px;
        background-position: -1px -1px;
    }
    .share-btn-list .mail {
        background-size: 18px 18px;
        background-position: center;
    }
}

@keyframes flow {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-6px);
    }
}
.whatsapp-dt-div {
    z-index: 100;
    right: 15px;
    bottom: 50px;
    position: fixed;
    background: #1acc3e;
    border-radius: 100%;
    animation: flow 1s infinite alternate;
}

.whatsapp-dt-div img {
    width: 50px;
    height: auto;
}