*{margin: 0;padding: 0}
html,body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute;}
.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?3');background-size:100% 100%;z-index: 99}

/*.loading1{position:absolute;width:120px;height:120px;background:url('../images/img1/loading1.png');background-size:100% 100%;top:25%;left:25%;*/
    /*-webkit-animation:rotate 1.2s linear infinite;*/
    /*animation:rotate 1.2s linear infinite;*/
/*}*/
.loading11{
    position:absolute;top:39%;left:33%;width: 35.26%;height:4px;background-color: #d4d2d1;
}
.loading11_1{
     position:absolute;top:0;left:0;width: 0;height:100%;background-color: #777878;
 }
/*.loading12{*/
    /*position:absolute;width:100%;height:100%;background:url('../images/hand.png?3');background-size:100% 100%;display: none;*/
    /*-webkit-animation:loading12 1.2s linear infinite;*/
    /*animation:loading12 1.2s linear infinite;*/
/*}*/


.loading0{
    position:absolute;width:100%;height:100%;
}

/*.loading00{*/
    /*position:absolute;width:26.57%;height:10.71%;left:37%;top:18.29%;background:url('../images/loading2.png?3') no-repeat;background-size:100% 100%;*/
    /*-webkit-animation:2s 0.5s rotate linear infinite;*/
    /*animation: 2s 0.5s rotate linear infinite;*/
/*}*/


.loading01{
    position:absolute;width:26.57%;height:10.71%;left:0;top:60.29%;background:url('../images/loading1.png?3') no-repeat;background-size:100% 100%;
    -webkit-animation:30s 0.5s loading0 linear both;
    animation: 30s 0.5s loading0 linear both;
}

.loading.ani{
    -webkit-animation: 0.5s 0.1s Out1 linear both;
    animation: 0.5s 0.1s Out1 linear both;
}

a{opacity:1}
/*loading*/

/*音乐*/
.music_blk{z-index:999;position:fixed;left:5px;top:5px;}
.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{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;}
#bg0{width: 100%;height: 100%;position:absolute;left:0;top:0;background:url('../images/P7.jpg?3') no-repeat 0 0;background-size:100% 100%;}
#bg0.ani1{
    -webkit-animation: 0.6s 0.1s Out1 linear both;
    animation: 0.6s 0.1s Out1 linear both;
}
.bg0_0{background:url('../images/P7.2.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%;opacity: 1}
.bg0_1{background:url('../images/P7.1.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 23.91%;height:12.35%;opacity: 1;left:8.45%;top:8.33%}
.bg0_2{background:url('../images/P7.3.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 24.88%;height:10.12%;opacity: 1;left:39.61%;top:9.82%}
.bg0_3{background:url('../images/P7.5.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 17.63%;height:11.3%;opacity: 1;left:72.22%;top:9.37%}
.bg0_1_hand{
    background:url('../images/hand2.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 80%;height:83%;top:10%;left:5%;display:none
}
.bg0_1_hand.ani{
    -webkit-animation:1.2s 0.3s hand linear infinite;
    animation:1.2s 0.3s hand linear infinite;
}
.bg0_2_hand{
    background:url('../images/hand2.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 76%;height:96%;top:10%;left:5%;display:none
}
.bg0_2_hand.ani{
    -webkit-animation:1.2s 0.3s hand linear infinite;
    animation:1.2s 0.3s hand linear infinite;
}
.bg0_3_hand{
    background:url('../images/hand2.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:80%;top:5%;left:-14%;display:none
}
.bg0_3_hand.ani{
    -webkit-animation:1.2s 0.3s hand linear infinite;
    animation:1.2s 0.3s hand linear infinite;
}

.bg0_4{ background:url('../images/P7.13.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%;display:none }
.bg0_4_1{background:url('../images/P7.16.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%;opacity: 0;top:-5%}
.bg0_5{ background:url('../images/P7.11.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%;display:none }
.bg0_buzhou{ background:url('../images/P7.15.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%;display:none }
.bg0_click{ background:url('../images/P7.12.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%;display:none }
.tuan{width: 100%;height:100%;position: absolute;top:0;left:0;opacity: 1}
.tuan_0{background:url('../images/P7.8.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%;  }
.tuan_1{background:url('../images/P7.14.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%; display:none }

.tuan_2{ background:url('../images/P7.9.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%; display:none}

.tuan_3{ background:url('../images/P7.10.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%;display:none }

 .tuan_1.ani{
    -webkit-animation: 1s 0.2s Out linear both;
    animation: 1s 0.2s Out linear both;
}

.tuan_2.ani{
    -webkit-animation: 1s 0.2s Out linear both;
    animation: 1s 0.2s Out linear both;
}
.tuan_2.ani1{
    -webkit-animation: 0.8s 0.2s Out1 linear both;
    animation:0.8s 0.2s Out1 linear both;
}
.tuan_3.ani{
    -webkit-animation: 1s 0.2s Out linear both;
    animation: 1s 0.2s Out linear both;
}

.tuan.ani{
    -webkit-animation: 1s 0.2s Out1 linear both;
    animation: 1s 0.2s Out1 linear both;
}
.bg0_4.ani{
    -webkit-animation: 0.5s 0.2s Out linear both;
    animation:0.5s 0.2s Out linear both;
}

.bg0_4.ani  .bg0_4_1{
    -webkit-animation: 1s 1s bg0_4_1 linear infinite;
    animation: 1s 1s bg0_4_1 linear infinite;
}

.bg0_5.ani{
    -webkit-animation: 1s 0.7s Out linear both;
    animation: 1s 0.7s Out linear both;
}

.bg0_click.ani{
    -webkit-animation: 0.8s 0.5s bounceIn linear both;
    animation: 0.8s 0.5s bounceIn linear both;
}
#bg1{width: 100%;height: 100%;position:absolute;left:0;top:0;background:url('../images/P8.jpg?3') no-repeat 0 0;background-size:100% 100%;display: none  }
.bg1_0{background:url('../images/P8.1.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%;opacity: 1}
.bg1_1{background:url('../images/P8.2.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%;opacity: 0}
.bg1_2{background:url('../images/P8.3.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%;opacity: 0}
.bg1_3{background:url('../images/P8.4.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%;opacity: 0}
.bg1_4{background:url('../images/P8.5.png?3') no-repeat 0 0;background-size:100% 100%;position: absolute;width: 100%;height:100%;opacity: 1;display:none}
#span1{position: absolute;top:58%;left:42%;width:27%;height:5%;display: inline-block;text-align: center}
.bg1_3_click{position:absolute;top:78%;left:29%;width: 47%;height:20%;}
#bg1.ani1{
    -webkit-animation: 1s 0.1s Out linear both;
    animation: 1s 0.1s Out linear both;
}


#bg1.ani .bg1_1{
    -webkit-animation: 1s 0.5s Out linear both;
    animation: 1s 0.5s Out linear both;
}
#bg1.ani .bg1_2{
    -webkit-animation: 1s 2s Out linear both;
    animation: 1s 2s Out linear both;
}
#bg1.ani .bg1_3{
    -webkit-animation: 0.8s 3.5s bounceIn linear both;
    animation: 0.8s 3.5s bounceIn linear both;
}

#ss{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0}
#ss.ani{
    -webkit-animation: 0.8s 0.3s Out linear both;
    animation: 0.8s 0.3s Out linear both;
}

#s0{background:url('../images/P0.jpg?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s0_0{background:url('../images/P0.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity: 0;}
.s0_1{background:url('../images/P0.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:-6%;left:0;opacity: 0;}
#s0.ani .s0_0{
    -webkit-animation: 0.8s 0.4s Out linear both;
    animation: 0.8s 0.4s Out linear both;
}
#s0.ani .s0_1{
    -webkit-animation: 0.8s 2s Out linear both;
    animation: 0.8s 2s Out linear both;
}


#s1{background:url('../images/P1.jpg?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s1_0{background:url('../images/P1.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 1;top:0;left:0}
.s1_1{background:url('../images/P1.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;left:0;top:0}
.s1_2{background:url('../images/P1.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;left:0;top:0}
.s1_3{background:url('../images/P1.4.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;left:0;top:0}
#s1.ani .s1_1{
    -webkit-animation:0.8s 0.5s Out linear both;
    animation:0.8s 0.5s Out linear both;
}

#s1.ani .s1_2{
    -webkit-animation:1s 2s Out linear both;
    animation:1s 2s Out linear both;
}

#s1.ani .s1_3{
    -webkit-animation:1s 4s Out linear both;
    animation:1s 4s Out linear both;
}


#s2{background:url('../images/P2.jpg?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s2_0{background:url('../images/P2.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.s2_1{background:url('../images/P2.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.s2_2{background:url('../images/P2.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.s2_3{background:url('../images/P2.4.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.s2_4{background:url('../images/P2.5.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
#s2.ani .s2_0{
    -webkit-animation:0.6s 0.5s Out linear both;
    animation:0.6s 0.5s Out linear both;
}

#s2.ani .s2_2{
    -webkit-animation:0.3s 1.2s Out linear both;
    animation:0.3s 1.2s Out linear both;
}
#s2.ani .s2_3{
    -webkit-animation:0.3s 1.6s Out linear both;
    animation:0.3s 1.6s Out linear both;
}
#s2.ani .s2_4{
    -webkit-animation:0.3s 2s Out linear both;
    animation:0.3s 2s Out linear both;
}
#s2.ani .s2_1{
    -webkit-animation:1s 3s Out linear both;
    animation:1s 3s Out linear both;
}

#s3{background:url('../images/P3.jpg?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s3_0{background:url('../images/P3.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.s3_1{background:url('../images/P3.2.png?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.s3_2{background:url('../images/P3.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.s3_3{background:url('../images/P3.4.png?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.s3_4{background:url('../images/P3.5.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.s3_5{background:url('../images/P3.6.png?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.s3_6{background:url('../images/P3.7.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}

#s3.ani .s3_0{
    -webkit-animation:0.6s 0.4s Out linear both;
    animation:0.6s 0.4s Out linear both;
}
#s3.ani .s3_1{
    -webkit-animation:0.6s 1.2s Out linear both;
    animation:0.6s 1.2s Out linear both;
}

#s3.ani .s3_3{
    -webkit-animation:0.3s 2.2s Out linear both;
    animation:0.3s 2.2s Out linear both;
}
#s3.ani .s3_4{
    -webkit-animation:0.3s 2.7s Out linear both;
    animation:0.3s 2.7s Out linear both;
}
#s3.ani .s3_5{
    -webkit-animation:0.3s 3.2s Out linear both;
    animation:0.3s 3.2s Out linear both;
}
#s3.ani .s3_6{
    -webkit-animation:0.3s 3.7s Out linear both;
    animation:0.3s 3.7s Out linear both;
}
#s3.ani .s3_2{
    -webkit-animation:1s 4.8s Out linear both;
    animation:1s 4.8s Out linear both;
}

#s4{background:url('../images/P4.jpg?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s4_0{background:url('../images/P4.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;}
.s4_1{background:url('../images/P4.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;}
.s4_2{background:url('../images/P4.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;}

#s4.ani .s4_0{
    -webkit-animation:0.6s 0.3s Out linear both;
    animation:0.6s 0.3s Out linear both;
}
#s4.ani .s4_1{
    -webkit-animation:0.8s 1.5s Out linear both;
    animation:0.8s 1.5s Out linear both;
}
#s4.ani .s4_2{
    -webkit-animation:1s 3s Out linear both;
    animation:1s 3s Out linear both;
}


#s5{background:url('../images/P5.jpg?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s5_0{background:url('../images/P5.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;}
/*.s5_1{background:url('../images/P5.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;}*/
.s5_2{background:url('../images/P5.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;}
.s5_3{background:url('../images/P5.4.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;}

#s5.ani .s5_0{
    -webkit-animation:1s 0.5s Out linear both;
    animation:1s 0.5s Out linear both;
}

/*#s5.ani .s5_1{*/
    /*-webkit-animation:8s 5s s5_1 linear infinite;*/
    /*animation:8s 5s s5_1 linear infinite;*/
/*}*/
#s5.ani .s5_2{
    -webkit-animation:1s 2.5s Out linear both;
    animation:1s 2.5s Out linear both;
}
#s5.ani .s5_3{
    -webkit-animation:1s 4s Out linear both;
    animation:1s 4s Out linear both;
}

#s6{background:url('../images/P6.jpg?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s6_0{background:url('../images/P6.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;}
.s6_1{background:url('../images/P6.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;}
.s6_2{background:url('../images/P6.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;}
.s6_2_click{position:absolute;top:79%;left:31%;width: 41%;height:15%;}
#s6.ani .s6_1{
    -webkit-animation:0.6s 0.5s Out linear both;
    animation:0.6s 0.5s Out linear both;
}
#s6.ani .s6_0{
    -webkit-animation:1s 1.8s Out linear both;
    animation:1s 1.8s Out linear both;
}
#s6.ani .s6_2{
    -webkit-animation:0.8s 3.2s bounceIn linear both;
    animation:0.8s 3.2s bounceIn linear both;
}







.arrow{position:absolute;width: 11%;height: 6%;opacity:0;background:url("../images/arrow.png?2") no-repeat 0 0;background-size:100% 100%;top:92%;left:45%;}

#s0.ani .arrow,#s1.ani .arrow{
    -webkit-animation:1s 5s arrow infinite;
    animation:1s 5s arrow infinite ;
}

#s2.ani .arrow,#s5.ani .arrow{
    -webkit-animation:1s 5s arrow infinite;
    animation:1s 5s arrow infinite ;
}

#s3.ani .arrow{
    -webkit-animation:1s 6s arrow infinite;
    animation:1s 6s arrow infinite ;
}

#s4.ani .arrow{
    -webkit-animation:1s 4.5s arrow infinite;
    animation:1s 4.5s arrow infinite ;
}

@-webkit-keyframes arrow {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 0}
    100% {-webkit-transform:translate3d(0,-30%,0);opacity: 1}
}
@keyframes arrow {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(0,-30%,0);opacity: 1}
}

@-webkit-keyframes hand {
    0% {-webkit-transform:translate3d(0,0,0);}
    100% {-webkit-transform:translate3d(0,60%,0);}
}
@keyframes hand {
    0% {transform:translate3d(0,0,0);}
    100% {transform:translate3d(0,60%,0);}
}



@-webkit-keyframes loading12 {
    0% {-webkit-transform:translate3d(0,0,0);}
    100% {-webkit-transform:translate3d(5%,0,0);}
}

@keyframes loading12 {
    0% {transform:translate3d(0,0,0);}
    100% {transform:translate3d(5%,0,0);}
}
@-webkit-keyframes s3_0 {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 0}
    100% {-webkit-transform:translate3d(0,5%,0);opacity: 1}
}
@keyframes s3_0 {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(0,5%,0);opacity: 1}
}



@-webkit-keyframes bg0_1 {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 1}
    100% {-webkit-transform:translate3d(0,10%,0);opacity: 0}
}
@keyframes bg0_1 {
    0% {transform:translate3d(0,0,0);opacity: 1}
    100% {transform:translate3d(0,10%,0);opacity: 0}
}

@-webkit-keyframes bg0_4_1 {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 0}
    100% {-webkit-transform:translate3d(4%,1%,0);opacity: 1}
}
@keyframes bg0_4_1 {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(4%,1%,0);opacity: 1}
}


@-webkit-keyframes bg0_3 {
    0% {-webkit-transform: scale(2);opacity: 0}
    10% {-webkit-transform: scale(1);opacity: 1;}
    85%{-webkit-transform: scale(1);opacity: 1;}
    100%{-webkit-transform: scale(1);opacity: 0;}
}
@keyframes bg0_3 {
    0% {transform: scale(2);opacity: 0}
    10% {transform: scale(1);opacity: 1}
    85%{-webkit-transform: scale(1);opacity: 1;}
    100%{-webkit-transform: scale(1);opacity: 0;}
}


@-webkit-keyframes bg0_4 {
    0% {-webkit-transform: scale(1.5);opacity: 0}
    100%{-webkit-transform: scale(1);opacity: 1;}
}
@keyframes bg0_4 {
    0% {transform: scale(1.5);opacity: 0}
    100%{-webkit-transform: scale(1);opacity: 1;}
}





.arrow.ani{
    -webkit-animation:arrow1 1s linear infinite;
    animation:arrow1 1s linear infinite;
}

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

@keyframes Out{
    0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes Out{
    0%{opacity: 0}
    100%{opacity:1}
}
@keyframes Out1{
    0%{opacity:1}
    100%{opacity:0}
}
@-webkit-keyframes Out1{
    0%{opacity: 1}
    100%{opacity:0}
}


@-webkit-keyframes s5_0 {
    0% {  opacity: 0;  }
    15% {  opacity: 1;  }
    50% {  opacity: 1;  }
    65%{opacity: 0; }
    100% {  opacity:0;  }
}

@keyframes s5_0 {
    0% {  opacity: 0;  }
    15% {  opacity: 1;  }
    50% {  opacity: 1;  }
    65%{opacity: 0; }
    100% {  opacity:0;  }
}

@-webkit-keyframes s5_1 {
    0% {  opacity: 0;  }
    15% {  opacity: 1;  }
    50% {  opacity: 1;  }
    65%{opacity: 0; }
    100% {  opacity:0;  }
}
@keyframes s5_1 {
    0% {  opacity: 0;  }
    15% {  opacity: 1;  }
    50% {  opacity: 1;  }
    65%{opacity: 0; }
    100% {  opacity:0;  }
}


@-webkit-keyframes shake{
    0%{opacity: 0}
    25%{opacity:1}
    50%{opacity: 0}
    75%{opacity:1}
    100%{opacity: 0}
}


@keyframes shake{
    0%{opacity: 0}
    25%{opacity:1}
    50%{opacity: 0}
    75%{opacity:1}
    100%{opacity: 0}
}


@-webkit-keyframes  bounceIn{

    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{
    0%{transform:scale3d(.3,.3,.3);opacity:0;}
    20%{transform:scale3d(1.1,1.1,1.1);}
    40%{transform:scale3d(.9,.9,.9);}
    60%{transform:scale3d(1.03,1.03,1.03);opacity:1}
    80%{transform:scale3d(.97,.97,.97)}
    100%{transform:scale3d(1,1,1);opacity:1;}
}
@-webkit-keyframes loading0 {
    0% {-webkit-transform:translate3d(0,0,0);}
    100% {-webkit-transform:translate3d(400%,0,0);}

}
@keyframes loading0 {
    0% {transform:translate3d(0,0,0);}
    100% {transform:translate3d(400%,0,0);}
}