.zc-banner{position:relative;}
.zc-banner .zcbi-icon{position:absolute;left: .9375rem;bottom: 1.6rem;}
.zc-banner .zcbi-icon img{width: .96rem !important;height: 1.333333rem;}
.zc-banner .zcbi-icon.now img:nth-child(1){
    animation-delay: 1s;
    animation-duration: .9s;
    animation-fill-mode: both;
    animation-name: bounceFro;
}
.zc-banner .zcbi-icon.now img:nth-child(2){
    animation-delay: 1.1s;
    animation-duration: .9s;
    animation-fill-mode: both;
    animation-name: bounceFro;
}
.zc-banner .zcbi-icon.now img:nth-child(3){
    animation-delay: 1.2s;
    animation-duration: .9s;
    animation-fill-mode: both;
    animation-name: bounceFro;
}
.zc-banner .zcbi-icon.now img:nth-child(4){
    animation-delay: 1.3s;
    animation-duration: .9s;
    animation-fill-mode: both;
    animation-name: bounceFro;
}
.zc-banner .zcbi-icon.now img:nth-child(5){
    animation-delay: 1.4s;
    animation-duration: .9s;
    animation-fill-mode: both;
    animation-name: bounceFro;
}
.zc-banner .zcbi-icon.now img:nth-child(6){
    animation-delay: 1.5s;
    animation-duration: .9s;
    animation-fill-mode: both;
    animation-name: bounceFro;
}
.zc-banner .zcbi-icon.now img:nth-child(7){
    animation-delay: 1.6s;
    animation-duration: .9s;
    animation-fill-mode: both;
    animation-name: bounceFro;
}
.zc-banner .zcbi-icon.now img:nth-child(8){
    animation-delay: 1.7s;
    animation-duration: .9s;
    animation-fill-mode: both;
    animation-name: bounceFro;
}
@keyframes bounceFro {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-.4rem);
    }
    100% {
        transform: translateY(0);
    }
}
@-webkit-keyframes bounceFro {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-.4rem);
    }
    100% {
        transform: translateY(0);
    }
}