@keyframes row1-1
{
    to {
        transform: translate(100px,0px);
        -ms-transform: translate(100px,0px); /* IE 9 */
        -webkit-transform: translate(100px,0px); /* Safari and Chrome */
    }
}
@keyframes row1-2
{
    to {
        transform: translate(60px,0px);
        -ms-transform: translate(60px,0px); /* IE 9 */
        -webkit-transform: translate(60px,0px); /* Safari and Chrome */
    }
}


@keyframes row1-5
{
    to {
        transform: translate(60px,0px);
        -ms-transform: translate(60px,0px); /* IE 9 */
        -webkit-transform: translate(60px,0px); /* Safari and Chrome */
    }
}
@keyframes row1-6
{
    to {
        transform: translate(100px,0px);
        -ms-transform: translate(100px,0px); /* IE 9 */
        -webkit-transform: translate(100px,0px); /* Safari and Chrome */
    }
}
@keyframes row1-22
{
    to {
        transform: translate(20px,0px);
        -ms-transform: translate(20px,0px); /* IE 9 */
        -webkit-transform: translate(20px,0px); /* Safari and Chrome */
    }
}

.row1-1{
    animation: row1-1 3s;
    -webkit-animation: row1-1 3s; /* Safari 与 Chrome */
    animation-direction:alternate;
    -webkit-animation-direction:alternate; /* Safari 和 Chrome */
    animation-iteration-count: infinite;
    transform: translate(60px,0px);
    -ms-transform: translate(60px,0px); /* IE 9 */
    -webkit-transform: translate(60px,0px); /* Safari and Chrome */
}
.row1-2{
    animation: row1-2 3s;
    -webkit-animation: row1-2 3s; /* Safari 与 Chrome */
    animation-direction:alternate;
    -webkit-animation-direction:alternate; /* Safari 和 Chrome */
    animation-iteration-count: infinite;
    transform: translate(30px,0px);
    -ms-transform: translate(30px,0px); /* IE 9 */
    -webkit-transform: translate(30px,0px);
}
.row1-5{
    animation: row1-5 3s;
    -webkit-animation: row1-5 3s; /* Safari 与 Chrome */
    animation-direction:alternate;
    -webkit-animation-direction:alternate; /* Safari 和 Chrome */
    animation-iteration-count: infinite;
    transform: translate(30px,0px);
    -ms-transform: translate(30px,0px); /* IE 9 */
    -webkit-transform: translate(30px,0px);
}
.row1-6{
    animation: row1-6 3s;
    -webkit-animation: row1-6 3s; /* Safari 与 Chrome */
    animation-direction:alternate;
    -webkit-animation-direction:alternate; /* Safari 和 Chrome */
    animation-iteration-count: infinite;
    transform: translate(60px,0px);
    -ms-transform: translate(60px,0px); /* IE 9 */
    -webkit-transform: translate(60px,0px);
}
.row1-22{
    animation: row1-22 3s;
    -webkit-animation: row1-22 3s; /* Safari 与 Chrome */
    animation-direction:alternate;
    -webkit-animation-direction:alternate; /* Safari 和 Chrome */
    animation-iteration-count: infinite;
    transform: translate(0px,0px);
    -ms-transform: translate(0px,0px); /* IE 9 */
    -webkit-transform: translate(0px,0px);
}



@keyframes row2-1
{
    to {
        transform: translate(-100px,0px);
        -ms-transform: translate(-100px,0px); /* IE 9 */
        -webkit-transform: translate(-100px,0px); /* Safari and Chrome */
    }
}
@keyframes row2-2
{
    to {
        transform: translate(-60px,0px);
        -ms-transform: translate(-60px,0px); /* IE 9 */
        -webkit-transform: translate(-60px,0px); /* Safari and Chrome */
    }
}

@keyframes row2-3
{
    to {
        transform: translate(-30px,0px);
        -ms-transform: translate(-30px,0px); /* IE 9 */
        -webkit-transform: translate(-30px,0px); /* Safari and Chrome */
    }
}

@keyframes row2-4
{
    to {
        transform: translate(-20px,0px);
        -ms-transform: translate(-20px,0px); /* IE 9 */
        -webkit-transform: translate(-20px,0px); /* Safari and Chrome */
    }
}
@keyframes row2-5
{
    to {
        transform: translate(60px,0px);
        -ms-transform: translate(60px,0px); /* IE 9 */
        -webkit-transform: translate(60px,0px); /* Safari and Chrome */
    }
}
@keyframes row2-6
{
    to {
        transform: translate(100px,0px);
        -ms-transform: translate(100px,0px); /* IE 9 */
        -webkit-transform: translate(100px,0px); /* Safari and Chrome */
    }
}
@keyframes row2-7
{
    to {
        transform: translate(20px,0px);
        -ms-transform: translate(20px,0px); /* IE 9 */
        -webkit-transform: translate(20px,0px); /* Safari and Chrome */
    }
}

.row2-1{
    animation: row2-1 3s;
    -webkit-animation: row2-1 3s; /* Safari 与 Chrome */
    animation-direction:alternate;
    -webkit-animation-direction:alternate; /* Safari 和 Chrome */
    animation-iteration-count: infinite;
    transform: translate(-60px,0px);
    -ms-transform: translate(-60px,0px); /* IE 9 */
    -webkit-transform: translate(-60px,0px); /* Safari and Chrome */
}

.row2-2{
    animation: row2-2 3s;
    -webkit-animation: row2-2 3s; /* Safari 与 Chrome */
    animation-direction:alternate;
    -webkit-animation-direction:alternate; /* Safari 和 Chrome */
    animation-iteration-count: infinite;
    transform: translate(-30px,0px);
    -ms-transform: translate(-30px,0px); /* IE 9 */
    -webkit-transform: translate(-30px,0px); /* Safari and Chrome */
}
.row2-3{
    animation: row2-3 3s;
    -webkit-animation: row2-3 3s; /* Safari 与 Chrome */
    animation-direction:alternate;
    -webkit-animation-direction:alternate; /* Safari 和 Chrome */
    animation-iteration-count: infinite;
    transform: translate(-20px,0px);
    -ms-transform: translate(-20px,0px); /* IE 9 */
    -webkit-transform: translate(-20px,0px); /* Safari and Chrome */
}
.row2-4{
    animation: row2-4 3s;
    -webkit-animation: row2-4 3s; /* Safari 与 Chrome */
    animation-direction:alternate;
    -webkit-animation-direction:alternate; /* Safari 和 Chrome */
    animation-iteration-count: infinite;
    transform: translate(-10px,0px);
    -ms-transform: translate(-10px,0px); /* IE 9 */
    -webkit-transform: translate(-10px,0px); /* Safari and Chrome */
}