.slide-microphone {
    display: none;
    .item-block1 {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(http://static.leanote.top/x-resource/dzs/images/9/1.jpg) no-repeat;
        background-size: 100% 100%;
        z-index: 1;
    }

    .item-block2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(http://static.leanote.top/x-resource/dzs/images/9/2.png) no-repeat;
        background-size: 100% 100%;
        z-index: 2;
        .item-wave {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 20%;
            background: url(http://static.leanote.top/x-resource/dzs/images/9/3.png) repeat-x;
            background-size: 911px 74px;
            z-index: 1;
            animation: mave-move 3s infinite linear;
        }
        .item-close {
            position: absolute;
            width: 100%;
            height: 50%;
            left: 0;
            bottom: 0;
            z-index: 2;
        }
    }
}

@keyframes mave-move {
    0% {
        background-position: 0 0;
    }
    25% {
        background-position: -240px 0;
    }
    50% {
        background-position: -480px 0;
    }
    75% {
        background-position: -720px 0;
    }
    100% {
        background-position: -911px 0;
    }
}