@charset "UTF-8";
.imgShopAnimated {
    animation-duration: 0.7s;
    animation-name: bounceInRight;
    animation-fill-mode: both;
    animation-iteration-count: 1
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(40px)
    }
    100% {
        transform: translateX(0)
    }
}

.gyImgHover {
    animation-duration: 0.7s;
    animation-name: bounce;
    animation-fill-mode: both;
    animation-iteration-count: 1
}
@keyframes bounce {
    0% {
        opacity: 0;
        transform: translateY(-40px)
    }
    100% {
        opacity: 1;
        transform: translateY(0px)
    }
}

.qrcodeAni {
    display: block;
    animation-duration: 0.5s;
    animation-name: qrcodeInRight;
    animation-fill-mode: both;
    animation-iteration-count: 1
}

@keyframes qrcodeInRight {
    0% {
        opacity: 0;
        right: -200px;
    }
    100% {
        opacity: 1;
        right: 0px;
    }
}

.nav_c_Ani {
    display: block !important;
    animation-duration: 0.5s;
    animation-name: nav_c_bottom;
    animation-fill-mode: both;
    animation-iteration-count: 1
}

@keyframes nav_c_bottom {
    0% {
        opacity: 0;
        bottom: 0px;
    }
    100% {
        opacity: 1;
        bottom: -50px;
    }
}