SOURCE

<meta name="referrer" content="no-referrer" />
<div class="footer">
	<div class="west-01"></div>
	<div class="west-02"></div>
	<div class="west-03"></div>
	<div class="west-04"></div>
</div>

.footer {
    position: relative;
    padding-top: 521px;
    min-height: 276px;
    background: url(http://m.qpic.cn/psc?/V12IuP7z1C7PVh/ruAMsa53pVQWN7FLK88i5rTsEbGmJCLQildlApbSPY4Blejpwx*xhC34yPEGGZ9CrsGyv9GosJKCiLUg445210rEliw9PArMpW5xfwt1WKo!/b&bo=dQc4BAAAAAAFB2o!&rf=viewer_4) no-repeat center top;
    background-color: #86a5d3;
}
.west-01 {
    position: absolute;
    width: 200px;
    height: 180px;
    left: 50%;
    margin-left: -398px;
    top: 352px;
    background-image: url(https://xyq.res.netease.com/pc/gw/20170118103441/img/west_01_3ca39fe.png);
    background-repeat: no-repeat;
    -webkit-animation: play01 1.4s steps(8) infinite;
    -moz-animation: play01 1.4s steps(8) infinite;
    -ms-animation: play01 1.4s steps(8) infinite;
    animation: play01 1.4s steps(8) infinite
}

@-webkit-keyframes play01 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1600px 0
    }
}

@-moz-keyframes play01 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1600px 0
    }
}

@-o-keyframes play01 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1600px 0
    }
}

@-ms-keyframes play01 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1600px 0
    }
}

@keyframes play01 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1600px 0
    }
}

.west-02 {
    position: absolute;
    width: 200px;
    height: 180px;
    left: 50%;
    margin-left: -198px;
    top: 356px;
    background-image: url(https://xyq.res.netease.com/pc/gw/20170118103441/img/west_02_47bad19.png);
    background-repeat: no-repeat;
    -webkit-animation: play02 1.4s steps(8) infinite;
    -moz-animation: play02 1.4s steps(8) infinite;
    -ms-animation: play02 1.4s steps(8) infinite;
    animation: play02 1.4s steps(8) infinite
}

@-webkit-keyframes play02 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1600px 0
    }
}

@-moz-keyframes play02 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1600px 0
    }
}

@-o-keyframes play02 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1600px 0
    }
}

@-ms-keyframes play02 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1600px 0
    }
}

@keyframes play02 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1600px 0
    }
}

.west-03 {
    position: absolute;
    width: 170px;
    height: 240px;
    left: 50%;
    margin-left: -11px;
    top: 326px;
    background-image: url(https://xyq.res.netease.com/pc/gw/20170118103441/img/west_03_f962447.png);
    background-repeat: no-repeat;
    -webkit-animation: play03 1.4s steps(8) infinite;
    -moz-animation: play03 1.4s steps(8) infinite;
    -ms-animation: play03 1.4s steps(8) infinite;
    animation: play03 1.4s steps(8) infinite
}

@-webkit-keyframes play03 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1360px 0
    }
}

@-moz-keyframes play03 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1360px 0
    }
}

@-o-keyframes play03 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1360px 0
    }
}

@-ms-keyframes play03 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1360px 0
    }
}

@keyframes play03 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1360px 0
    }
}

.west-04 {
    position: absolute;
    width: 210px;
    height: 200px;
    left: 50%;
    margin-left: 198px;
    top: 372px;
    background-image: url(https://xyq.res.netease.com/pc/gw/20170118103441/img/west_04_6516d80.png);
    background-repeat: no-repeat;
    -webkit-animation: play04 1.4s steps(8) infinite;
    -moz-animation: play04 1.4s steps(8) infinite;
    -ms-animation: play04 1.4s steps(8) infinite;
    animation: play04 1.4s steps(8) infinite
}

@-webkit-keyframes play04 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1680px 0
    }
}

@-moz-keyframes play04 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1680px 0
    }
}

@-o-keyframes play04 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1680px 0
    }
}

@-ms-keyframes play04 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1680px 0
    }
}

@keyframes play04 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -1680px 0
    }
}