/*滚动条*/
::-webkit-scrollbar{width:10px;height:10px;background-color: #000;}
::-webkit-scrollbar-thumb{border-radius:10px;height:20px;background: linear-gradient(45deg, #e83e8c 0%, #dc3545 100%);}
::-webkit-scrollbar-track{background-color:transparent;}

/*鼠标样式*/
/*
body,a {cursor: url(../images/mu.cur), auto;}
a:hover {cursor: url(../images/mu2.cur), auto;}
*/

/*动态效果*/
.sparks{
    position: absolute;
    left: 50%;
    margin-left: 600px;
    top: 500px;
}
.sparks>div{
    position:absolute
}
.sparks .spark_1{
    background:url(../images/spark_1.png) no-repeat;
    width:800px;
    height:400px;
    right:0px;
    bottom:-320px;
    transform:scale(0.6);
    animation:spark-1 4s linear infinite;
    animation-delay:1s;
}
@keyframes spark-1{
    0%{
        bottom:-320px;
        transform:scale(0.6);
        opacity:1
    }
    25%{
        bottom:-240px;
        transform:scale(0.7);
        opacity:1
    }
    50%{
        bottom:-160px;
        transform:scale(0.8);
        opacity:1
    }
    75%{
        bottom:-80px;
        transform:scale(0.9);
        opacity:0.5
    }
    to{
        bottom:0;
        transform:scale(1);
        opacity:0
    }
}
.sparks .spark_2{
    background:url(../images/spark_2.png) no-repeat;
    width:500px;
    height:350px;
    right:0px;
    bottom:-320px;
    transform:scale(0.6);
    animation:spark-1 4s linear infinite;
    animation-delay:2s
}
.sparks .spark_3{
    background:url(../images/spark_3.png) no-repeat;
    width:600px;
    height:400px;
    right:0px;
    bottom:-140px;
    transform:scale(0.6);
    animation:spark-3 4s linear infinite;
    animation-delay:2s
}
@keyframes spark-3{
    0%{
        bottom:-140px;
        -webkit-transform:scale(0.6);
        transform:scale(0.6);
        opacity:1
    }
    25%{
        bottom:-80px;
        -webkit-transform:scale(0.7);
        transform:scale(0.7);
        opacity:1
    }
    50%{
        bottom:-20px;
        -webkit-transform:scale(0.8);
        transform:scale(0.8);
        opacity:1
    }
    75%{
        bottom:40px;
        -webkit-transform:scale(0.9);
        transform:scale(0.9);
        opacity:0.5
    }
    to{
        bottom:100px;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.sparks .spark-big{
    background:url(../images/spark_4.png) no-repeat;
    width:794px;
    height:150px;
    right:0px;
    bottom:-180px;
    transform:scale(0.6);
    animation:spark-5 4s linear infinite
}
@keyframes spark-5{
    0%{
        bottom:-180px;
        transform:scale(0.6);
        opacity:1
    }
    25%{
        bottom:-120px;
        transform:scale(0.7);
        opacity:1
    }
    50%{
        bottom:-60px;
        transform:scale(0.8);
        opacity:1
    }
    75%{
        bottom:0;
        transform:scale(0.9);
        opacity:0.5
    }
    to{
        bottom:60px;
        transform:scale(1);
        opacity:0
    }
}
#top{
    background-image: url(../images/shadow.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    animation: smoke 8s linear infinite;
    animation-fill-mode: forwards;
}

@keyframes smoke {
    from {
        background-position: 0 bottom;
    }
    to {
        background-position: 1920px bottom;
    }
}