/**
 * 底部波浪动画
 */
.zm-footer-wave-wrap {
    position: relative;
    width: 100%;
    height: 42px;
    pointer-events: none;
    overflow: hidden;
    line-height: 0;
    margin-top: -1px;
    margin-bottom: 0;
}

.zm-footer-wave-wrap .editorial {
    display: block;
    width: 100%;
    height: 100%;
}

.zm-footer-parallax > use {
    animation: zmFooterWave 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.zm-footer-parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
    fill: rgba(79, 140, 255, 0.50);
}

.zm-footer-parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
    fill: rgba(79, 140, 255, 0.62);
}

.zm-footer-parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
    fill: rgba(55, 110, 230, 0.78);
}

.zm-footer-parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
    fill: rgba(45, 85, 170, 0.95);
}

@keyframes zmFooterWave {
    0% { transform: translate3d(-90px, 0, 0); }
    100% { transform: translate3d(85px, 0, 0); }
}

@media (max-width: 767px) {
    .zm-footer-wave-wrap {
        height: 28px;
    }
}

.zm-footer-wave-page-bottom {
    margin-top: -1px;
    margin-bottom: 0;
}