body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute;background: black}
.tips_blk{z-index:99999999999;position:absolute;left:50%;bottom:10px;width:130px;height: 20px;margin-left:-65px;text-align:center;}
.tips_blk p{z-index:99999999999;font-size:10px;color:#FFF;}
.tips_blk_hide p{z-index:99999999999;display:none;}
.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.jpg?1');background-size:100% 100%;z-index: 99}
.load_val{width:100%;}
.loading_line{position:absolute;width:40.5%;height:8px;top:43.89%;left:30%;background:#aaa;}
.loading_line_blank{position:absolute;width:20px;height:100%;background:#f8b551;}
a{opacity:1}
a:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/*loading*/

/*音乐*/
.music_blk{z-index:999;position:fixed;bottom:10px;left:10px;}
.music{display:block;width:30px;height:30px;background:url('../images/music_on.png') no-repeat;background-size:100% 100%;}
.music_on{
    -webkit-animation:rotate 1.2s linear infinite;
    animation:rotate 1.2s linear infinite;
}

.swiper-container{position:absolute;width:100%;height:100%}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}
.bg,.bg *{opacity:1}
.layer{width:100%;height:100%;opacity:1}
.layer div{border-radius:100%}


/*#bg{position:absolute;top:0;left:0;width: 100%;height: 100%;opacity:1;overflow: hidden;background-color: white}*/
/*#bg .bg1{position:absolute;width: 200%;height: 100%;top:0;left:0;background:url("../images/p1.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;transition: left 0.3s;-webkit-transition: left 0.3s;display: none}*/

#s0{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p0.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity:1;position: relative}
#s0  .w0{width: 100%;height: 100%;top:0;left:0;background:url("../images/p0.1.png?1") no-repeat 0 0;background-size:100% 100%;}
#s0  .w1{width: 100%;height:100%;top:0;left:0;background:url("../images/p0.2.png?1") no-repeat 0 0;background-size:100% 100%;}
/*#s0  .w2{width: 100%;height:100%;top:0;left:0;background:url("../images/p0.3.png?1") no-repeat 0 0;background-size:100% 100%;}*/
#s0  .w3{width: 100%;height:100%;top:0;left:0;background:url("../images/p0.4.png?1") no-repeat 0 0;background-size:100% 100%;}
#s0  .w4{width: 100%;height:100%;top:0;left:0;background:url("../images/p0.5.png?1") no-repeat 0 0;background-size:100% 100%;}
#s0.ani .w0{
    animation:1s 0.2s fadeIn linear both ;
    -webkit-animation:1s 0.2s fadeIn linear both;
    -o-animation:1s 0.2s fadeIn  linear both;
    -moz-animation:1s 0.2s fadeIn  linear both;
}
#s0.ani .w4{
    animation:1s 1.2s fadeIn  linear both ;
    -webkit-animation:1s 1.2s fadeIn linear both;
    -o-animation:1s 1.2s fadeIn  linear both;
    -moz-animation:1s 1.2s fadeIn linear both;
}

#s0.ani .w3{
    animation:1.4s .5s fadeIn1 linear infinite ;
    -webkit-animation:1.4s 3s fadeIn1 linear infinite;
    -o-animation:1.4s 3s fadeIn1 linear infinite;
    -moz-animation:1.4s 3s fadeIn1 linear infinite;
}

#s0.ani .w1{
    animation:1s 2.5s fadeIn linear both ;
    -webkit-animation:1s 2.5s fadeIn linear both;
    -o-animation:1s 2.5s fadeIn linear both;
    -moz-animation:1s 2.5s fadeIn linear both;
}

#s1{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p1.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity:1;position: relative}
#s1  .w0{width: 100%;height: 100%;top:0;left:0;background:url("../images/p1.1.png?1") no-repeat 0 0;background-size:100% 100%;}
#s1  .w1{width: 100%;height:100%;top:0;left:0;background:url("../images/p1.2.png?1") no-repeat 0 0;background-size:100% 100%;}
#s1  .w2{width: 100%;height: 100%;top:0;left:0;background:url("../images/p1.3.png?1") no-repeat 0 0;background-size:100% 100%;}
#s1  .arrow{width: 100%;height:100%;top:20%;left:0;background:url("../images/p1.4.png?1") no-repeat 0 0;background-size:100% 100%;}

#s1.ani .w0{
    animation:1s 0.2s fadeIn linear both ;
    -webkit-animation:1s 0.2s fadeIn linear both;
    -o-animation:1s 0.2s fadeIn  linear both;
    -moz-animation:1s 0.2s fadeIn linear both;
}
#s1.ani .w2{
    animation:1s 1.5s fadeIn linear both ;
    -webkit-animation:1s 1.5s fadeIn linear both;
    -o-animation:1s 1.5s fadeIn linear both;
    -moz-animation:1s 1.5s fadeIn linear both;
}
#s1.ani .w1{
    animation:1s 2.5s fadeIn linear both ;
    -webkit-animation:1s 2.5s fadeIn linear both;
    -o-animation:1s 2.5s fadeIn linear both;
    -moz-animation:1s 2.5s fadeIn linear both;
}
#s1.ani .arrow{
    animation:1s 3.5s arrow infinite;
    -webkit-animation:1s 3.5s arrow infinite ;
    -o-animation:1s 3.5s arrow infinite ;
    -moz-animation:1s 3.5s arrow infinite ;
}

#s2{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p2.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity:1;position: relative}
#s2  .w0{width: 100%;height:100%;top:0;left:0;background:url("../images/p2.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s2  .w1{width: 100%;height:100%;top:0;left:0;background:url("../images/p2.2.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s2  .w2{width: 100%;height:100%;top:0;left:0;background:url("../images/p2.3.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s2.ani .w1{
    animation:1s 0.5s fadeIn linear both ;
    -webkit-animation:1s 0.5s fadeIn linear both;
    -o-animation:1s 0.5s fadeIn linear both;
    -moz-animation:1s 0.5s fadeIn linear both;
}
#s2.ani .w2{
    animation:1s 2s fadeIn linear both ;
    -webkit-animation:1s 2s fadeIn linear both;
    -o-animation:1s 2s fadeIn linear both;
    -moz-animation:1s 2s fadeIn linear both;
}
#s2.ani .w0{
    animation:1s 3s fadeIn linear both ;
    -webkit-animation:1s 3s fadeIn linear both;
    -o-animation:1s 3s fadeIn linear both;
    -moz-animation:1s 3s fadeIn linear both;
}

#s3{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p3.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity:1;position: relative}
#s3  .w0{width: 100%;height: 100%;top:0;left:0;background:url("../images/p3.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s3  .w1{width: 100%;height:100%;top:0;left:0;background:url("../images/p3.2.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}

#s3.ani .w1{
    animation:1s 0.5s fadeIn linear both ;
    -webkit-animation:1s 0.5s fadeIn linear both;
    -o-animation:1s 0.5s fadeIn linear both;
    -moz-animation:1s 0.5s fadeIn linear both;
}
#s3.ani .w0{
    animation:1s 1.5s fadeIn linear both ;
    -webkit-animation:1s 1.5s fadeIn linear both;
    -o-animation:1s 1.5s fadeIn linear both;
    -moz-animation:1s 1.5s fadeIn linear both;
}

#s4{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p4.gif?1") no-repeat 0 0;background-size:100% 100%;opacity:1;position: relative}
#s4  .w0{width: 100%;height: 100%;top:0;left:0;background:url("../images/p4.1.png?1") no-repeat 0 0;background-size:100% 100%;}
#s4  .w1{width: 100%;height:100%;top:0;left:0;background:url("../images/p4.2.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}

#s4.ani .w0{
    animation:1s 0.5s fadeIn linear both ;
    -webkit-animation:1s 0.5s fadeIn linear both;
    -o-animation:1s 0.5s fadeIn linear both;
    -moz-animation:1s 0.5s fadeIn linear both;
}
#s4.ani .w1{
    animation:1s 1.8s fadeIn linear both ;
    -webkit-animation:1s 1.8s fadeIn linear both;
    -o-animation:1s 1.8s fadeIn linear both;
    -moz-animation:1s 1.8s fadeIn linear both;
}
#s4.ani .w2{
    animation:1s 1s fadeIn both ;
    -webkit-animation:1s 1s fadeIn both;
    -o-animation:1s 1s fadeIn both;
    -moz-animation:1s 1s fadeIn both;
}


#s5{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p5.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity:1;position: relative}
#s5  .w0{width: 100%;height: 100%;top:0;left:0;background:url("../images/p5.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s5  .w1{width: 100%;height:100%;top:0;left:0;background:url("../images/p5.2.png?1") no-repeat 0 0;background-size:100% 100%;}
#s5  .w2{width: 100%;height:100%;top:0;left:0;background:url("../images/p5.3.png?1") no-repeat 0 0;background-size:100% 100%;}
#s5.ani .w0{
    animation:0.8s  fadeIn both ;
    -webkit-animation:0.8s  fadeIn both;
    -o-animation:0.8s  fadeIn both;
    -moz-animation:0.8s fadeIn both;
}
#s5.ani .w1{
    animation:1s 1s fadeIn both ;
    -webkit-animation:1s 1s fadeIn both;
    -o-animation:1s 1s fadeIn both;
    -moz-animation:1s 1s fadeIn both;
}
#s5.ani .w2{
    animation:1s 2s fadeIn both ;
    -webkit-animation:1s 2s fadeIn both;
    -o-animation:1s 2s fadeIn both;
    -moz-animation:1s 2s fadeIn both;
}


#s6{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p6.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity:1;position: relative}
#s6  .w0{width: 100%;height: 100%;top:0;left:0;background:url("../images/p6.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s6  .w1{width: 100%;height:100%;top:0;left:0;background:url("../images/p6.2.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s6.ani .w0{
    animation:0.8s 0.2s fadeLeft both ;
    -webkit-animation:0.8s 0.2s fadeLeft both;
    -o-animation:0.8s 0.2s fadeLeft both;
    -moz-animation:0.8s 0.2s fadeLeft both;
}
#s6.ani .w1{
    animation:1s 1.5s fadeLeft both ;
    -webkit-animation:1s 1.5s fadeLeft both;
    -o-animation:1s 1.5s fadeLeft both;
    -moz-animation:1s 1.5s fadeLeft both;
}



#s7{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p7.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity:1;position: relative}
#s7 .w0{width: 100%;height: 100%;top:0;left:0;background:url("../images/p7.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s7 .w1{width: 100%;height:100%;top:0;left:0;background:url("../images/p7.2.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s7 .w2{width: 100%;height:100%;top:0;left:0;background:url("../images/p7.3.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s7 .w3{width: 100%;height:100%;top:0;left:0;background:url("../images/p7.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s7.ani .w1{
    animation:0.8s 0.5s fadeIn linear both ;
    -webkit-animation:0.8s 0.5s fadeIn linear both;
    -o-animation:0.8s 0.5s fadeIn linear both;
    -moz-animation:0.8s 0.5s fadeIn linear both;
}
#s7.ani .w2{
    animation:0.8s 1.5s fadeIn linear both ;
    -webkit-animation:0.8s 1.5s fadeIn linear both;
    -o-animation:0.8s 1.5s fadeIn linear both;
    -moz-animation:0.8s 1.5s fadeIn linear both;
}
#s7.ani .w0{
    animation:1s 2.5s fadeIn linear both ;
    -webkit-animation:1s 2.5s fadeIn linear both;
    -o-animation:1s 2.5s fadeIn linear both;
    -moz-animation:1s 2.5s fadeIn linear both;
}

#s8{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p8.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity:1;position: relative}
#s8 .w0{width: 100%;height: 100%;top:0;left:0;background:url("../images/p8.1.png?1") no-repeat 0 0;background-size:100% 100%;}
#s8 .w1{width: 100%;height:100%;top:0;left:0;background:url("../images/p8.2.png?1") no-repeat 0 0;background-size:100% 100%;}
#s8 .w2{width: 100%;height:100%;top:0;left:0;background:url("../images/p8.3.png?1") no-repeat 0 0;background-size:100% 100%;}
#s8 .w3{width: 100%;height:100%;top:0;left:0;background:url("../images/p8.4.png?1") no-repeat 0 0;background-size:100% 100%}

#s8.ani .w0{
    animation:1s 0.2s  fadeIn both ;
    -webkit-animation:1s 0.2s  fadeIn both;
    -o-animation:1s 0.2s fadeIn both;
    -moz-animation:1s 0.2s  fadeIn both;
}

#s8.ani .w2{
    animation:1s 1.5s fadeIn both ;
    -webkit-animation:1s 1.5s fadeIn both;
    -o-animation:1s 1.5s fadeIn both;
    -moz-animation:1s 1.5s fadeIn both;
}
#s8.ani .w1{
    animation:1.2s 2.5s fadeIn both ;
    -webkit-animation:1.2s 2.5s fadeIn both;
    -o-animation:1.2s 2s fadeIn both;
    -moz-animation:1.2s 2s fadeIn both;
}
#s8.ani .w3{
    animation:1s 3.2s fadeIn both ;
    -webkit-animation:1s 3.2s fadeIn both;
    -o-animation:1s 3.2s fadeIn both;
    -moz-animation:1s 3.2s fadeIn both;
}

#s9{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p9.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity:1;position: relative}
#s9 .w0{width: 100%;height: 100%;top:0;left:0;background:url("../images/p9.1.png?1") no-repeat 0 0;background-size:100% 100%;}
#s9 .w1{width: 100%;height:100%;top:0;left:0;background:url("../images/p9.2.png?1") no-repeat 0 0;background-size:100% 100%;}
#s9 .w2{width: 100%;height:100%;top:0;left:0;background:url("../images/p9.3.png?1") no-repeat 0 0;background-size:100% 100%;}
#s9 .w3{width: 100%;height:100%;top:0;left:0;background:url("../images/p9.4.png?1") no-repeat 0 0;background-size:100% 100%;}
#s9 .w4{width: 100%;height:100%;top:0;left:0;background:url("../images/p9.5.png?1") no-repeat 0 0;background-size:100% 100%;}
#s9 .w5{width: 100%;height:100%;top:0;left:0;background:url("../images/p9.6.png?1") no-repeat 0 0;background-size:100% 100%;}
#s9.ani .w1{
    animation:4s 0.2s fadeIn_s90 linear both ;
    -webkit-animation:4s 0.2s  fadeIn_s90 linear both;
    -o-animation: 4s 0.2s fadeIn_s90 linear both;
    -moz-animation:4s  0.2s fadeIn_s90 linear both;
}
#s9.ani .w0{
    animation:3s 1s fadeIn_s91 linear both ;
    -webkit-animation:3s 1s  fadeIn_s91 linear both;
    -o-animation: 3s 1s fadeIn_s91 linear both;
    -moz-animation: 3s  1s fadeIn_s91 linear both;
}
#s9.ani .w2{
    animation:2s 2s fadeIn_s90 linear both ;
    -webkit-animation:2s 2s fadeIn_s90 linear both;
    -o-animation: 2s 2s fadeIn_s90 linear both;
    -moz-animation: 2s 2s fadeIn_s90 linear both;
}
/*#s9.ani .w3{*/
    /*animation:0.5s 4s fadeIn linear both ;*/
    /*-webkit-animation:0.5s 4s fadeIn linear both;*/
    /*-o-animation: 0.5s 4s fadeIn linear both;*/
    /*-moz-animation: 0.5s 3.5s fadeIn linear both;*/
/*}*/
#s9.ani .w4,#s9.ani .w5{
    animation:1s 4.3s fadeIn linear both ;
    -webkit-animation:1s 4.3s fadeIn linear both;
    -o-animation: 1s 4.3s fadeIn linear both;
    -moz-animation: 1s 4.3s fadeIn linear both;
}
#s9.ani .w3{
    animation:1s 5.3s fadeIn linear both ;
    -webkit-animation:1s 5.3s fadeIn linear both;
    -o-animation: 1s 5.3s fadeIn linear both;
    -moz-animation: 1s 5.3s fadeIn linear both;
}



#s10{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/p10.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity:1;position: relative}
#s10 .w0{width: 100%;height: 100%;top:0;left:0;background:url("../images/p10.1.png?1") no-repeat 0 0;background-size:100% 100%;}
#s10 .w1{width: 100%;height:100%;top:0;left:0;background:url("../images/p10.2.png?1") no-repeat 0 0;background-size:100% 100%;}
#s10 .w2{width: 100%;height:100%;top:0;left:0;background:url("../images/p10.3.png?1") no-repeat 0 0;background-size:100% 100%;}
#s10 .w3{width: 100%;height:100%;top:0;left:0;background:url("../images/p10.4.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s10 .w4{width: 100%;height:100%;top:0;left:0;background:url("../images/p10.5.png?1") no-repeat 0 0;background-size:100% 100%;}
#s10 .w5{width: 100%;height:100%;top:0;left:0;background:url("../images/p10.6.png?1") no-repeat 0 0;background-size:100% 100%;}
#s10 .w6{width: 100%;height:100%;top:0;left:0;background:url("../images/p10.7.png?1") no-repeat 0 0;background-size:100% 100%;}
#s10 .w7{width: 100%;height:100%;top:0;left:0;background:url("../images/p10.8.png?1") no-repeat 0 0;background-size:100% 100%;}
#s10 .click{width: 42%;height:10%;top:67%;left:27%;}
#s10.ani .w1{
    animation:9s 0.2s fadeIn_s10 linear both ;
    -webkit-animation:9s 0.2s  fadeIn_s10 linear both;
    -o-animation: 9s 0.2s fadeIn_s10 linear both;
    -moz-animation:9s  0.2s fadeIn_s10 linear both;
}
#s10.ani .w0{
    animation:9s 1s fadeIn_s10 linear both ;
    -webkit-animation:9s 1s  fadeIn_s10 linear both;
    -o-animation: 9s 1s fadeIn_s10 linear both;
    -moz-animation: 9s  1s fadeIn_s10 linear both;
}
#s10.ani .w2{
    animation:7s 2.5s fadeIn_s101 linear both ;
    -webkit-animation:7s 2.5s fadeIn_s101 linear both;
    -o-animation: 7s 2.5s fadeIn_s101 linear both;
    -moz-animation: 7s 2.5s fadeIn_s101 linear both;
}
/*#s9.ani .w3{*/
/*animation:0.5s 4s fadeIn linear both ;*/
/*-webkit-animation:0.5s 4s fadeIn linear both;*/
/*-o-animation: 0.5s 4s fadeIn linear both;*/
/*-moz-animation: 0.5s 3.5s fadeIn linear both;*/
/*}*/
#s10.ani .w4,#s10.ani .w5{
    animation:1s 10s fadeIn linear both ;
    -webkit-animation:1s 10s fadeIn linear both;
    -o-animation: 1s 10s fadeIn linear both;
    -moz-animation: 1s 10s fadeIn linear both;
}
#s10.ani .w3{
    animation:1s 11s fadeIn linear both ;
    -webkit-animation:1s 11s fadeIn linear both;
    -o-animation: 1s 11s fadeIn linear both;
    -moz-animation: 1s 11s fadeIn linear both;
}
#s10.ani .w6{
    animation:1s 12s fadeIn linear both ;
    -webkit-animation:1s 12s fadeIn linear both;
    -o-animation: 1s 12s fadeIn linear both;
    -moz-animation: 1s 12s fadeIn linear both;
}
#s10.ani .w7{
    animation:1s 13s fadeIn linear both ;
    -webkit-animation:1s 13s fadeIn linear both;
    -o-animation: 1s 13s fadeIn linear both;
    -moz-animation: 1s 13s fadeIn linear both;
}






@keyframes fadeTop{
    0%{top: 100%}
    100%{top:0}
}
@-webkit-keyframes fadeTop{
    0%{top: 100%}
    100%{top:0}
}
@-o-keyframes fadeTop{
    0%{top: 100%}
    100%{top:0}
}
@-moz-keyframes fadeTop{
    0%{top: 100%}
    100%{top:0}
}

@keyframes arrow{
    0%{top: 10%;opacity: 1}
    100%{top:7%;opacity: 1}
}
@-webkit-keyframes arrow{
    0%{top: 10%;opacity: 1}
    100%{top:7%;opacity: 1}
}
@-o-keyframes arrow{
    0%{top: 10%;opacity: 1}
    100%{top:7%;opacity: 1}
}
@-moz-keyframes arrow{
    0%{top: 10%;opacity: 1}
    100%{top:7%;opacity: 1}
}







@keyframes fadeIn_s90{
    0%{opacity: 0}
    25%{opacity: 1}
    85%{opacity: 1}
    100%{opacity:0}
}
@-webkit-keyframes fadeIn_s90{
    0%{opacity: 0}
    25%{opacity: 1}
    85%{opacity: 1}
    100%{opacity:0}
}
@-o-keyframes fadeIn_s90{
    0%{opacity: 0}
    25%{opacity: 1}
    85%{opacity: 1}
    100%{opacity:0}
}
@-moz-keyframes fadeIn_s90{
    0%{opacity: 0}
    25%{opacity: 1}
    85%{opacity: 1}
    100%{opacity:0}
}

@keyframes fadeIn_s91{
    0%{opacity: 0}
    33%{opacity: 1}
    67%{opacity: 1}
    100%{opacity:0}
}
@-webkit-keyframes fadeIn_s91{
    0%{opacity: 0}
    33%{opacity: 1}
    67%{opacity: 1}
    100%{opacity:0}
}
@-o-keyframes fadeIn_s91{
    0%{opacity: 0}
    33%{opacity: 1}
    67%{opacity: 1}
    100%{opacity:0}
}
@-moz-keyframes fadeIn_s91{
    0%{opacity: 0}
    33%{opacity: 1}
    67%{opacity: 1}
    100%{opacity:0}
}


@keyframes fadeIn_s10{
    0%{opacity: 0}
    10%{opacity: 1}
    90%{opacity: 1}
    100%{opacity:0}
}
@-webkit-keyframes fadeIn_s10{
    0%{opacity: 0}
    10%{opacity: 1}
    90%{opacity: 1}
    100%{opacity:0}
}
@-o-keyframes fadeIn_s10{
    0%{opacity: 0}
    10%{opacity: 1}
    90%{opacity: 1}
    100%{opacity:0}
}
@-moz-keyframes fadeIn_s10{
    0%{opacity: 0}
    10%{opacity: 1}
    90%{opacity: 1}
    100%{opacity:0}
}


@keyframes fadeIn_s101{
    0%{opacity: 0}
    25%{opacity: 1}
    85%{opacity: 1}
    100%{opacity:0}
}
@-webkit-keyframes fadeIn_s101{
    0%{opacity: 0}
    25%{opacity: 1}
    85%{opacity: 1}
    100%{opacity:0}
}
@-o-keyframes fadeIn_s101{
    0%{opacity: 0}
    25%{opacity: 1}
    85%{opacity: 1}
    100%{opacity:0}
}
@-moz-keyframes fadeIn_s101{
    0%{opacity: 0}
    25%{opacity: 1}
    85%{opacity: 1}
    100%{opacity:0}
}



@keyframes fadeIn1{
    0%{opacity: 0}
    50%{opacity:1}
    100%{opacity:0}
}
@-webkit-keyframes fadeIn1{
    0%{opacity: 0}
    50%{opacity:1}
    100%{opacity:0}
}
@-o-keyframes fadeIn1{
    0%{opacity: 0}
    50%{opacity:1}
    100%{opacity:0}
}
@-moz-keyframes fadeIn1{
    0%{opacity: 0}
    50%{opacity:1}
    100%{opacity:0}
}


@keyframes fadeIn{
    0%{opacity: 0}
    100%{opacity:1}
}
@-webkit-keyframes fadeIn{
    0%{opacity: 0}
    100%{opacity:1}
}
@-o-keyframes fadeIn{
    0%{opacity: 0}
    100%{opacity:1}
}
@-moz-keyframes fadeIn{
    0%{opacity: 0}
    100%{opacity:1}
}




@keyframes fadeLeft{
    0%{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0) }
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;}
}
@-webkit-keyframes fadeLeft{
    0%{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0) }
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;}
}
@-o-keyframes fadeLeft{
    0%{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0) }
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;}
}
@-moz-keyframes fadeLeft{
    0%{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0) }
    100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;}
}


@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}