/*滚动条*/
::-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;
    }
}



.FT_border_none{border:none}

/*金色*/
.FT_background_golden{background: linear-gradient(45deg, #f2df8b 0%, #b48e3d 100%);} /*!important*/
.FT_background_golden:hover{background: linear-gradient(45deg, #b48e3d 0%, #f2df8b 100%);box-shadow: 0 0 30px 2px #f2df8b;}/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */


/*蓝色*/
.FT_background_blue{background: linear-gradient(45deg, #06b5d4 0%, #007bff 100%);} /*!important*/
.FT_background_blue:hover{background: linear-gradient(45deg, #007bff 0%, #06b5d4 100%);box-shadow: 0 0 30px 2px #06b5d4;}/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */


/*粉色*/
.FT_background_pink{background: linear-gradient(45deg, #bf6dfe 0%, #e83e8c 100%);}
.FT_background_pink:hover{background: linear-gradient(45deg, #e83e8c 0%, #bf6dfe 100%);box-shadow: 0 0 30px 2px #bf6dfe;}/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */

/*蓝绿色*/
.FT_background_cyan{background: linear-gradient(45deg, #20c997 0%, #17a2b8 100%);}
.FT_background_cyan:hover{background: linear-gradient(45deg, #17a2b8 0%, #20c997 100%);box-shadow: 0 0 30px 2px #20c997;}/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */

/*紫色深*/
.FT_background_indigo{background: linear-gradient(45deg, #6f42c1 0%, #6610f2 100%);}
.FT_background_indigo:hover{background: linear-gradient(45deg, #6610f2 0%, #6f42c1 100%);box-shadow: 0 0 30px 2px  #6f42c1;}/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */

/*紫色中*/
.FT_background_purple{background: linear-gradient(45deg, #e83e8c 0%, #6f42c1 100%);}
.FT_background_purple:hover{background: linear-gradient(45deg, #6f42c1 0%, #e83e8c 100%);box-shadow: 0 0 30px 2px #e83e8c;}/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */

/*嫩绿*/
.FT_background_green{background: linear-gradient(45deg, #8fc920 0%, #29b94a 100%);}
.FT_background_green:hover{background: linear-gradient(45deg, #29b94a 0%, #8fc920 100%);box-shadow: 0 0 30px 2px #8fc920;}/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */

/*红色*/
.FT_background_red{background: linear-gradient(45deg, #e83e8c 0%, #dc3545 100%);}
.FT_background_red:hover{background: linear-gradient(45deg, #dc3545 0%, #e83e8c 100%);box-shadow: 0 0 30px 2px #e83e8c;}/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */

/*橙色*/
.FT_background_orange{background: linear-gradient(45deg, #ffaa0e 0%, #fd7e14 100%);}
.FT_background_orange:hover{background: linear-gradient(45deg, #fd7e14 0%, #ffaa0e 100%);box-shadow: 0 0 30px 2px #ffaa0e;}/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */

/*灰色*/
.FT_background_secondary{background: linear-gradient(45deg, #959595 0%, #757575 100%);}
.FT_background_secondary:hover{background: linear-gradient(45deg, #757575 0%, #959595 100%);box-shadow: 0 0 30px 2px #959595;}/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */

/*深灰*/
.FT_background_dark{background: linear-gradient(45deg, #666 0%, #333 100%);}
.FT_background_dark:hover{background: linear-gradient(45deg, #333 0%, #666 100%);box-shadow: 0 0 30px 2px #666;}/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */

/*黑色*/
.FT_background_black3{background: linear-gradient(45deg, #999 0%, #666 100%);}
.FT_background_black3:hover{background: linear-gradient(45deg, #666 0%, #999 100%);box-shadow: 0 0 30px 2px #999;}/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */

/*黑色*/
.FT_background_black2{background: linear-gradient(45deg, #555 0%, #333 100%);}
.FT_background_black2:hover{background: linear-gradient(45deg, #333 0%, #555 100%);box-shadow: 0 0 30px 2px  #555;}/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */

/*黑色*/
.FT_background_black1{background: linear-gradient(45deg, #333 0%, #000 100%);}
.FT_background_black1:hover{background: linear-gradient(45deg, #000 0%, #333 100%);box-shadow: 0 0 30px 2px #333;}/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */



/*蓝色*/
.FT_color_blue{
 /*   
background-image: linear-gradient(45deg, #06b5d4 0%, #007bff 100%);background-clip: text;-o-linear-background-clip: text;color: transparent;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#06b5d4,endColorstr=#007bff);
 */
color: #007bff !important;background-image: -webkit-linear-gradient(45deg, #06b5d4 0%, #007bff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
.FT_color_blue:hover{
/* background-image: linear-gradient(45deg, #FFF 0%, #ffd865 100%);background-clip: text;-o-linear-background-clip: text;color: transparent; */
color: #FFF !important;background-image: -webkit-linear-gradient(45deg, #FFF 0%, #ffd865 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}


/*粉色*/
.FT_color_pink{color: #e83e8c !important;background-image: -webkit-linear-gradient(45deg, #bf6dfe 0%, #e83e8c 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.FT_color_pink:hover{color: #FFF !important;background-image: -webkit-linear-gradient(45deg, #FFF 0%, #ffd865 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}


/*红色*/
.FT_color_red{color: #dc3545 !important;background-image: -webkit-linear-gradient(45deg, #e83e8c 0%, #dc3545 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.FT_color_red:hover{color: #FFF !important;background-image: -webkit-linear-gradient(45deg, #FFF 0%, #ffd865 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/*橙色*/
.FT_color_orange{color: #fd7e14 !important;background-image: -webkit-linear-gradient(45deg, #ffaa0e 0%, #fd7e14 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.FT_color_orange:hover{color: #FFF !important;background-image: -webkit-linear-gradient(45deg, #FFF 0%, #ffd865 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));*/
/* Chrome,Safari4+  (top, white 0%, #dcdcdc 100%);*/
/*background: -webkit-linear-gradient(top, #06b5d4 0%, #007bff 100%);*/
/* Chrome10+,Safari5.1+  (top, white 0%, #dcdcdc 100%);*/
/*background: -moz-linear-gradient(top, #06b5d4 0%, #007bff 100%);*/
/* FF3.6+ (top, white 0%, #dcdcdc 100%);*/
/*background: -ms-linear-gradient(top, #06b5d4 0%, #007bff 100%);*/
/* IE10+ (top, white 0%, #dcdcdc 100%);*/
/*background: -o-linear-gradient(top, #06b5d4 0%, #007bff 100%);*/
/* Opera 11.10+ (top, white 0%, #dcdcdc 100%);*/
/*background: linear-gradient(to bottom, #06b5d4 0%, #007bff 100%);*/