/*图片显示动画*/


.lazy{opacity:0;}

/*.louti .bgimg{opacity:0;}*/

.loutis{visibility:hidden}

.self_slide_up {
    z-index: 1;
    animation-name: fadeInUp;
    animation-duration: 1.5s;
    animation-timing-function: cubic-bezier(.19,1,.22,1);
    animation-fill-mode: forwards;
    transition-delay: .1s;
}



@keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translate3d(0, 100px, 0);
     }

     to {
         opacity: 1;
         transform: none;
     }
 }

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(100px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@-webkit-keyframes moveArrow {
    0% {
        -webkit-transform: translateY(7px);
    }
    10% {
        -webkit-transform: translateY(19px);
    }
    20% {
        -webkit-transform: translateY(13px);
    }
    30% {
        -webkit-transform: translateY(16px);
    }
    40% {
        -webkit-transform: translateY(7px);
    }
}

@keyframes moveArrow {
    0% {
        transform: translateY(7px);
    }
    10% {
        transform: translateY(19px);
    }
    20% {
        transform: translateY(13px);
    }
    30% {
        transform: translateY(16px);
    }
    40% {
        transform: translateY(7px);
    }
}