@-webkit-keyframes icoBig {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    30% {
        -webkit-transform: scale(0.93);
        transform: scale(0.93)
    }

    45% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    60% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes icoBig {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1.05);
        transform: scale(1.05)
    }

    30% {
        -moz-transform: scale(0.93);
        transform: scale(0.93)
    }

    45% {
        -moz-transform: scale(1.04);
        transform: scale(1.04)
    }

    60% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes icoBig {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05)
    }

    30% {
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        transform: scale(0.93)
    }

    45% {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        transform: scale(1.04)
    }

    60% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes icoBig2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-moz-keyframes icoBig2 {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes icoBig2 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}


.sparks-sparks {
    right: 150px;
    position: absolute;
    top: 500px;
    z-index: 1;
}

.sparks {
    background-repeat: no-repeat;
    background-position: left 0 bottom 0;
    position: absolute
}

.sparks-1 {
    background-image: url(../images/sparks-1.png);
    width: 117px;
    height: 136px;
    right: 200px;
    bottom: 0;
    background-position: left 0 bottom 0;
    animation-name: sparks-1;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.sparks-2 {
    background-image: url(../images/sparks-2.png);
    width: 219px;
    height: 176px;
    right: 200px;
    bottom: 30px;
    background-position: left 0 bottom 0;
    animation-name: sparks-2;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: .5s;
    opacity: 0
}

.sparks-3 {
    background-image: url(../images/sparks-3.png);
    width: 438px;
    height: 281px;
    right: 100px;
    bottom: 20px;
    background-position: left 0 bottom 0;
    animation-name: sparks-3;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 1s;
    opacity: 0
}

@keyframes sparks-1 {
    0% {
        right: 200px;
        bottom: 10px;
        opacity: 0
    }

    33% {
        right: 210px;
        bottom: 20px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        right: 220px;
        bottom: 30px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        right: 230px;
        bottom: 40px;
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes sparks-2 {
    0% {
        right: 210px;
        bottom: 40px;
        opacity: 0
    }

    33% {
        right: 220px;
        bottom: 50px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        right: 230px;
        bottom: 60px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        right: 240px;
        bottom: 70px;
        opacity: 0;
        transform: scale(1.1)
    }
    100% {
        right: 250px;
        bottom: 80px;
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes sparks-3 {
    0% {
        right: 120px;
        bottom: 30px;
        opacity: 0
    }

    33% {
        right: 140px;
        bottom: 50px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        right: 160px;
        bottom: 70px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        right: 180px;
        bottom: 90px;
        opacity: 0;
        transform: scale(1.1)
    }
}
/*/ 左边	/*/
.Lsparks-sparks {
    left: 150px;
    position: absolute;
    top: 500px;
    z-index: 1;
}

.Lsparks {
    background-repeat: no-repeat;
    background-position: bottom 0 right 0;
    position: absolute
}

.Lsparks-1 {
    background-image: url(../images/sparks-1.png);
    width: 117px;
    height: 136px;
    right: 200px;
    bottom: 0;
    background-position: bottom 0 right 0;
    animation-name: Lsparks-1;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.Lsparks-2 {
    background-image: url(../images/sparks-2.png);
    width: 219px;
    height: 176px;
    right: 200px;
    bottom: 30px;
    background-position: bottom 0 right 0;
    animation-name: Lsparks-2;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: .5s;
    opacity: 0
}

.Lsparks-3 {
    background-image: url(../images/sparks-3.png);
    width: 438px;
    height: 281px;
    right: 100px;
    bottom: 20px;
    background-position: bottom 0 right 0;
    animation-name: Lsparks-3;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 1s;
    opacity: 0
}

@keyframes Lsparks-1 {
    0% {
        left: 200px;
        bottom: 10px;
        opacity: 0
    }

    33% {
        left: 210px;
        bottom: 20px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        left: 220px;
        bottom: 30px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        left: 230px;
        bottom: 40px;
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes Lsparks-2 {
    0% {
        left: 210px;
        bottom: 40px;
        opacity: 0
    }

    33% {
        left: 220px;
        bottom: 50px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        left: 230px;
        bottom: 60px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        left: 240px;
        bottom: 70px;
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes Lsparks-3 {
    0% {
        left: 120px;
        bottom: 30px;
        opacity: 0
    }

    33% {
        left: 140px;
        bottom: 50px;
        opacity: .5;
        transform: scale(1.1)
    }

    70% {
        left: 160px;
        bottom: 70px;
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        left: 180px;
        bottom: 90px;
        opacity: 0;
        transform: scale(1.1)
    }
}