.hero-shop-warp .info-box .down-info {
    list-style: none;
    padding: 0;
    margin: 0;
}

/*分类页波浪*/
.moveing-warp {
    width: 100%;
    height: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-top: -19px;
}
.moveing-warp .warp1 {
    animation-delay: -5s;
    animation-duration: 15s;
}
.moveing-warp .warp2 {
    animation-delay: -2s;
    animation-duration: 8s;
}
.moveing-warp .warp3 {
    animation-delay: -1s;
    animation-duration: 3s;
}
.moveing-warp .move {
    width: 200%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 350px 100%;
    transform-origin: 0 100% 0;
    animation-name: move;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.moveing-warp .warp1, .moveing-warp .warp2, .moveing-warp .warp3 {
    -webkit-mask: url(../svg/move.svg);
    mask: url(../svg/move.svg);
    background-color: #f0f4f5;
}
@keyframes move {
    0% {
        transform: translate(-175px,0px) scale(1,1)
    }

    50% {
        transform: translate(-87px,0px) scale(1,0.5)
    }

    100% {
        transform: translate(0px,0px) scale(1,1)
    }
}