*{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/p1.jpg?1');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;*/
/*}*/
.loading_0{position:absolute;width:100%;height:100%;background:url('../images/loading.png?1');background-size:100% 100%;opacity: 1}
.loading_1{position:absolute;width:100%;height:100%;background:url('../images/p1.2.png?1');background-size:100% 100%;display: none;opacity: 0}
.loading_1_click{position:absolute;width:100%;height:100%;background:url('../images/p1.1.png?1');background-size:100% 100%;opacity: 0}
.loading_1.ani{
    -webkit-animation: 0.6s 0.3s Out linear  both;
    animation: 0.6s 0.3s Out linear  both;
}

.loading_1.ani .loading_1_click{
    -webkit-animation: 5s 0.3s shake linear  infinite;
    animation: 5s 0.3s shake linear  infinite;
}

.loading11{
    position:absolute;top:39%;left:33%;width: 35.26%;height:8px;background-color: white;
}
.loading11_1{
    position:absolute;top:0;left:0;width: 0;height:100%;background-color: #075481;
}

a{opacity:1}
/*loading*/

/*音乐*/
.music_blk{z-index:999;position:fixed;right:35px;top:10px;display: none}
.music{width:30px;height:30px;background:url('../images/music_off.png') no-repeat;background-size:100% 100%;position: absolute}
.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}


#ss{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0}
#s0{width: 100%;height: 100%;background:url("../images/p2.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s0_0{background:url('../images/p2.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0}
.s0_1{background:url('../images/p2.2.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;}
.s0_2{background:url('../images/p2.3.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0}

#s0.ani .s0_0{
    -webkit-animation: 0.6s 0.3s Out linear  both;
    animation: 0.6s 0.3s Out linear  both;
}

#s0.ani .s0_1{
    -webkit-animation: 0.8s 1.2s Out linear both;
    animation:0.8s 1.2s Out linear both;
}

#s0.ani .s0_2{
    -webkit-animation: 1.2s 2s s0_2 linear infinite;
    animation:1.2s 2s s0_2 linear infinite;
}
.s00000{width: 100%;height:20.08%;position: absolute;top:30.95%;left:0;opacity: 0;}

#s1{background:url('../images/p3.jpg?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.hand{background:url('../images/hand.png?1') no-repeat 0 0;background-size:100% 100%;width: 9%;height:31%;;top:56%;left:50%;opacity: 0}
.s1_hua{
    background:url('../images/p2.3.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;
}

#s1.ani .s1_hua{
    -webkit-animation: 1.2s 2.5s s0_2 linear infinite;
    animation:1.2s 2.5s s0_2 linear infinite;
}

.s1_0{background:url('../images/p3.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:20.08%;position: absolute;top:30.95%;left:0;opacity: 0;}
.s1_1{background:url('../images/p3.2.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:20.08%;position: absolute;top:52.97%;left:0;opacity: 0;}


#s1.ani .hand{
    -webkit-animation: 4s 2.3s shake linear  infinite;
    animation: 4s 2.3s shake linear  infinite;
}


#s1.ani .s1_0,#s2.ani .s2_0,#s3.ani .s3_0,#s4.ani .s4_0,#s5.ani .s5_0,#s6.ani .s6_0,#s7.ani .s7_0,#s8.ani .s8_0{
    -webkit-animation: 0.8s 0.5s top1  linear  both;
    animation: 0.8s 0.5s top1  linear  both;
}

#s1.ani .s1_1,#s2.ani .s2_1,#s6.ani .s6_1{
    -webkit-animation: 0.8s 1.3s top1 linear both;
    animation:0.8s 1.3s top1 linear both;
}

#s6.ani .s6_2{
    -webkit-animation: 0.8s 2.1s top1 linear both;
    animation:0.8s 2.1s top1 linear both;
}



#s2{background:url('../images/p4.jpg?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s2_0{background:url('../images/p4.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:20.08%;position: absolute;top:30.95%;left:0;opacity: 0;}
.s2_1{background:url('../images/p4.2.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:20.08%;position: absolute;top:52.97%;left:0;opacity: 0;}


/*#s2.ani .s2_1{*/
    /*-webkit-animation: 0.6s 1s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;*/
    /*animation: 0.6s 1s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;*/
/*}*/

/*#s2.ani .s2_2{*/
    /*-webkit-animation: 0.5s 0.3s s0_1 linear both;*/
    /*animation:0.5s 0.3s s0_1 linear both;*/
/*}*/



#s3{background:url('../images/p5.jpg?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s3_0{background:url('../images/p5.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:20.08%;position: absolute;top:30.95%;left:0;opacity: 0;}

/*#s3.ani .s3_0{*/
    /*-webkit-animation: 0.6s 1s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;*/
    /*animation: 0.6s 1s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;*/
/*}*/


#s4{background:url('../images/p6.jpg?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s4_0{background:url('../images/p6.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:20.08%;position: absolute;top:30.95%;left:0;opacity: 0;}

/*#s4.ani .s4_0{*/
    /*-webkit-animation: 0.5s 0.3s s0_1 linear both;*/
    /*animation:0.5s 0.3s s0_1 linear both;*/
/*}*/

#s5{background:url('../images/p8.jpg?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s5_0{background:url('../images/p8.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:20.08%;position: absolute;top:30.95%;left:0;opacity: 0;}

/*#s5.ani .s5_0{*/
    /*-webkit-animation: 0.6s 1s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;*/
    /*animation: 0.6s 1s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;*/
/*}*/



#s6{background:url('../images/p9.jpg?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}

.s6_0{background:url('../images/p9.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:20.08%;position: absolute;top:30.95%;left:0;opacity: 0;}
.s6_1{background:url('../images/p9.2.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:20.08%;position: absolute;top:52.97%;left:0;opacity: 0}
.s6_2{background:url('../images/p9.3.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:20.08%;position: absolute;top:75.148%;left:0;opacity:0;}

/*#s6.ani .s6_0{*/
    /*-webkit-animation: 0.6s 0.5s s0_1 linear both;*/
    /*animation:0.6s 0.5s s0_1 linear both;*/
/*}*/

/*#s6.ani .s6_1{*/
    /*-webkit-animation: 0.6s 1.3s s0_1 linear both;*/
    /*animation:0.6s 1.3s s0_1 linear both;*/
/*}*/


#s7{background:url('../images/p10.jpg?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s7_0{background:url('../images/p10.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:20.08%;position: absolute;top:30.95%;left:0;opacity: 0;}

/*#s7.ani .s7_0{*/
    /*-webkit-animation: 0.6s 1s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;*/
    /*animation: 0.6s 1s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;*/
/*}*/

#s8{background:url('../images/p11.jpg?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s8_0{background:url('../images/p11.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:20.08%;position: absolute;top:30.95%;left:0;opacity: 0;}




#s9{background:url('../images/p12.jpg?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s9_0{background:url('../images/p12.1.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity: 0;}
.s9_1{background:url('../images/p12.2.png?1') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity: 0}
#s9.ani .s9_0{
    -webkit-animation: 0.8s 0.3s Out linear both;
    animation:0.8s 0.3s Out linear both;
}
#s9.ani .s9_1{
    -webkit-animation: 0.8s 1.5s Out linear both;
    animation:0.8s 1.5s Out linear both;
}




#s1.ani .s1_0,#s2.ani .s2_0,#s3.ani .s3_0,#s4.ani .s4_0,#s5.ani .s5_0,#s6.ani .s6_0,#s7.ani .s7_0,#s8.ani .s8_0{
    -webkit-animation: 0.8s 0.5s top1  linear  both;
    animation: 0.8s 0.5s top1  linear  both;
}

#s1.ani .s1_1,#s2.ani .s2_1,#s6.ani .s6_1{
    -webkit-animation: 0.8s 1.3s top1 linear both;
    animation:0.8s 1.3s top1 linear both;
}

#s6.ani .s6_2{
    -webkit-animation: 0.8s 2.1s top1 linear both;
    animation:0.8s 2.1s top1 linear both;
}

.back1{
    width: 19%;
    height: 6%;
    position: absolute;
    top: 89%;
    left: 71%;
    display: block;
}


.center{width:100%;height:100%;position: absolute;overflow: hidden;}
.div1{width: 703.8647%;height:472.0238%;background:url("../images/ppp1.jpg?1") no-repeat 0 0;background-size:100% 100%;position: absolute;top:-186.012%;left:-301.932%;transition:2s;-webkit-transition:2s;}

.div2_s1{
    width: 14.2072%;height:21.1853%;position: absolute;top:0;left:0;;background-color: white;
}
.div2_s1_0{
    width: 100%;height:100%;position: absolute;top:0;left:0;display: none;background:url('../images/p3.1.1.png?1') no-repeat 0 0;background-size:100% 100%;
}

.div2_s1_0_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p3.1.2.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}





.div2_s1_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;display: none;background:url('../images/p3.2.1.png?1') no-repeat 0 0;background-size:100% 100%;
}
.div2_s1_1_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p3.2.2.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}

.div2_s1_1_2{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p3.2.3.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}

/*.div2_s1.ani .div2_s1_1_2{*/
    /*-webkit-animation: 0.5s 1s Out linear both;*/
    /*animation:0.5s 1s Out linear both;*/
/*}*/

/*3月16*/






.div2_s2{
    width: 14.2072%;height:21.1853%;position: absolute;top:0;left:42.8963%;background-color: white;
}
.div2_s2_0{
    width: 100%;height:100%;position: absolute;top:0;left:0;display: none;background:url('../images/p4.1.1.png?1') no-repeat 0 0;background-size:100% 100%;
}
.div2_s2_0_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p4.1.2.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.div2_s2_0_2{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p4.1.3.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}

/*.div2_s2_0_3{*/
    /*width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p4.1.3.png?1') no-repeat 0 0;background-size:100% 100%;*/
/*}*/

.div2_s2_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;display: none;background:url('../images/p4.2.1.png?1') no-repeat 0 0;background-size:100% 100%;
}
.div2_s2_1_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p4.2.2.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
/*.div2_s2_1_2{*/
    /*width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p4.2.2.png?1') no-repeat 0 0;background-size:100% 100%;*/
/*}*/

/*3月17*/





.div2_s3{
    width: 14.2072%;height:21.1853%;position: absolute;top:0;right:0;
}
.div2_s3_0{
    width: 100%;height:100%;position: absolute;top:0;left:0;display: none;background:url('../images/p5.1.1.png?1') no-repeat 0 0;background-size:100% 100%
}
.div2_s3_0_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p5.1.2.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.div2_s3_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;display: none;background:url('../images/p11.1.1.png?1') no-repeat 0 0;background-size:100% 100%
}
.div2_s3_1_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p11.1.2.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}



.div2_s4{
    width: 14.2072%;height:21.1853%;position: absolute;top:39.4073%;left:0;
}
.div2_s4_0{
     width: 100%;height:100%;position: absolute;top:0;left:0;display: none;background:url('../images/p6.1.1.png?1') no-repeat 0 0;background-size:100% 100%
 }
.div2_s4_0_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p6.1.2.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}




.div2_s5{
    width: 14.2072%;height:21.1853%;position: absolute;bottom:0;left:0;
}
.div2_s5_0{
    width: 100%;height:100%;position: absolute;top:0;left:0;display: none;background:url('../images/p8.1.1.png?1') no-repeat 0 0;background-size:100% 100%
}
.div2_s5_0_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p8.1.2.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}



.div2_s6{
width: 14.2072%;height:21.1853%;position: absolute;bottom:0;right:0;
}
.div2_s6_0{
    width: 100%;height:100%;position: absolute;top:0;left:0;display: none;background:url('../images/p9.1.1.png?1') no-repeat 0 0;background-size:100% 100%
}
/*.div2_s6_0_1{*/
    /*width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p8.1.2.png?1') no-repeat 0 0;background-size:100% 100%;*/
/*}*/
.div2_s6_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;display: none;background:url('../images/p9.2.1.png?1') no-repeat 0 0;background-size:100% 100%
}
.div2_s6_2{
    width: 100%;height:100%;position: absolute;top:0;left:0;display: none;background:url('../images/p9.3.1.png?1') no-repeat 0 0;background-size:100% 100%
}


.div2_s7{
    width: 14.2072%;height:21.1853%;position: absolute;bottom:0;left:42.8963%;background-color: white;
}
.div2_s7_0{
    width: 100%;height:100%;position: absolute;top:0;left:0;display: none;background:url('../images/p10.1.1.png?1') no-repeat 0 0;background-size:100% 100%
}
.div2_s7_0_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p10.1.2.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}

.next{
    width: 36.95%;height:11.75%;position: absolute;bottom:0;left:0;background:url('../images/next.png?1') no-repeat 0 0;background-size:100% 100%;
}






/*.div2_s1.ani .div2_s1_1_1{*/
    /*-webkit-animation: 0.5s 0.1s Out linear both;*/
    /*animation:0.5s 0.1s Out linear both;*/
/*}*/

.div2_s1.ani .div2_s1_0_1,.div2_s1.ani .div2_s1_1_1,.div2_s2.ani .div2_s2_0_1,
.div2_s2.ani .div2_s2_1_1,.div2_s3.ani .div2_s3_0_1,.div2_s3.ani .div2_s3_1_1,
.div2_s4.ani .div2_s4_0_1,.div2_s5.ani .div2_s5_0_1,.div2_s7.ani .div2_s7_0_1

{
    -webkit-animation: 0.5s 0.4s Out linear both;
    animation:0.5s 0.4s Out linear both;
}


.div2_s1.ani .div2_s1_1_2,.div2_s2.ani .div2_s2_0_2,.div2_s3.ani .div2_s3_1_2{
-webkit-animation: 0.5s 1s Out linear both;
animation:0.5s 1s Out linear both;
}



@-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 Out_tap{
    0%{opacity:0}
    50%{opacity:1}
    100%{opacity: 0}
}

@-webkit-keyframes Out_tap{
    0%{opacity:0}
    50%{opacity:1}
    100%{opacity:0}
}


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

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

@-webkit-keyframes spot {
    0% {-webkit-transform-origin:center center;-webkit-transform:scale(1); opacity: 1}
    50% {-webkit-transform-origin:center center;-webkit-transform:scale(1.2);opacity: 1}
    100% {-webkit-transform-origin:center center;-webkit-transform:scale(1); opacity: 1}
}

@keyframes spot {
    0% {transform-origin:center center;transform:scale(1);opacity: 1}
    50% {transform-origin:center center;transform:scale(1.2) ; opacity: 1}
    100% {-webkit-transform-origin:center center;-webkit-transform:scale(1); opacity: 1}
}




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



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


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

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



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

@keyframes top1 {
    0% { transform:translate3d(0,20%,0) ;opacity: 0}
    100% { transform:translate3d(0,0,0);opacity: 1}
}

/*@-webkit-keyframes s3_1 {*/
    /*0% { -webkit-transform:translate3d(-300%,0,0);transform:translate3d(-300%,0,0) skew(-30deg);opacity: 1}*/
    /*100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) skew(0deg);opacity: 1}*/
/*}*/

/*@keyframes s3_1 {*/
    /*0% { transform:translate3d(-300%,0,0) skew(-30deg);opacity: 1}*/
    /*100% { transform:translate3d(0,0,0) skew(0deg);opacity: 1}*/
/*}*/

/*@-webkit-keyframes s3_2 {*/
    /*0% { -webkit-transform:translate3d(300%,0,0);transform:translate3d(0,0,0) skew(30deg);opacity: 1}*/
    /*100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) skew(0deg);opacity: 1}*/
/*}*/
/*@keyframes s3_2 {*/
    /*0% { transform:translate3d(300%,0,0) skew(30deg);opacity: 1}*/
    /*100% { transform:translate3d(0,0,0) skew(0deg);opacity: 1}*/
/*}*/

@-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;}
}