*{margin: 0;padding: 0}
html,body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute;overflow:hidden}
.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;left:0;top:0;width:100%;height:100%;background:url('../images/loading/loading.jpg?3') no-repeat;background-size:100% 100%;overflow:hidden;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;*/
/*}*/
.loading1{position:absolute;width:100%;height:100%;}
.img1{position:absolute;width:75%;height:34.8%;top:23%;left:13%;
    /*-webkit-animation: 15s 0.3s img1 linear both;*/
    /*animation:15s 0.3s img1 linear both;*/
}




.loading11{
    position:absolute;top:70%;left:33%;width: 35.26%;height:4px;background-color: #ffffff;
}
.loading11_1{
    position:absolute;top:0;left:0;width: 0;height:100%;background-color: #428ca8;
}

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_on.png') no-repeat;background-size:100% 100%;position: absolute}
.music_on{
    -webkit-animation:rotate 1.2s linear infinite;
    animation:rotate 1.2s linear infinite;
}


.bg0{position:absolute;background:url('../images/p0/p0.jpg?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;top:0;left:0;overflow: hidden}
.bg0_1{background:url('../images/p0/p0.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg0_2{background:url('../images/p0/p0.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg0_3{background:url('../images/p0/p0.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg0_click{position: absolute;top:88%;left:30%;opacity:0.2;width: 42%;;height:9%;}

.bg0.ani .bg0_1{
    -webkit-animation: 0.6s .2s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;
    animation: 0.6s .2s bounceIn cubic-bezier(0.215,0.610,0.355,1.000)  both;
}

.bg0.ani .bg0_2{
    -webkit-animation:0.8s 1.2s Out linear both;
    animation:0.8s 1.2s Out linear both;
}

.bg0.ani .bg0_3{
    -webkit-animation:0.8s 2.5s Out linear both;
    animation:0.8s 2.5s Out linear both;
}

.bg1{position:absolute;background:url('../images/p1/p1.jpg?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;top:0;left:0;overflow: hidden}
.bg1_1{background:url('../images/p1/p1.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg1_2{background:url('../images/p1/p1.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg1_3{background:url('../images/p1/p1.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg1_4{background:url('../images/p1/p1.4.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.user_name{
    display: inline-block;position: absolute;top:56%;height:6%;width:100%;text-align: center;font-size: 30px;color:#0a79e5;
}
.user_name1{
    display: inline-block;position: absolute;left:23%;top:80.5%;height:3.5%;width:73%;font-size: 15px;color:#116809;
}
.bg1_click{position: absolute;top:85%;left:30%;opacity:0.2;width: 42%;;height:9%;}
.bg1.ani .bg1_1{
    -webkit-animation:0.6s 0.2s Out linear both;
    animation:0.6s 0.2s Out linear both;
}
.bg1.ani .bg1_2{
    -webkit-animation:0.5s 1s Out linear both;
    animation:0.5s 1s Out linear both;
}

.bg1.ani .bg1_3{
    -webkit-animation:0.8s 2s Out linear both;
    animation:0.8s 1.8s Out linear both;
}
.bg1.ani .bg1_4{
    -webkit-animation:0.8s 3s Out linear both;
    animation:0.8s 3s Out linear both;
}


.bg2{position:absolute;background:url('../images/p2/p2.jpg?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;top:0;left:0;overflow: hidden}
.bg2_1{background:url('../images/p2/p2.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg2_2{background:url('../images/p2/p2.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg2_4{width:38.7%;height:7.5%;position: absolute;top:81.6%;left:31%;opacity:0}
.bg2_3{background:url('../images/p2/p2.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 38.7%;height:6.1%;position: absolute;top:61.6%;left:34%;opacity:0}
.bg2_click{position: absolute;top:87%;left:30%;opacity:0.2;width: 42%;;height:9%;}
.bg2.ani .bg2_1{
    -webkit-animation:0.3s 0s Out linear both;
    animation:0.3s 0s Out linear both;
}

.bg2.ani .bg2_2{
    -webkit-animation:0.4s 0.6s Out linear both;
    animation:0.4s 0.6s Out linear both;
}

.bg2.ani .bg2_3{
    -webkit-animation:1s 1.5s small  linear both ;
    animation:1s 1.5s small linear both;
}

/*.bg2.ani .bg2_4{*/
    /*-webkit-animation:1s 1.5s small  linear both ;*/
    /*animation:1s 1.5s small linear both;*/
/*}*/




.bg2_mask1{
    background:url('../images/p2-1/p2-1.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1;display:none
}
/*.bg2_mask1_1{*/
    /*background:url('../images/p2-1/p2-1.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1*/
/*}*/


.bg2_mask2{
    background:url('../images/p2-2/p2-2.jpg?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1;display:none
}
.bg2_mask2_1{
    background:url('../images/p2-2/p2-2.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask2_2{
    background:url('../images/p2-2/p2-2.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask2_3{
    background:url('../images/p2-2/p2-2.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask2_4{
    background:url('../images/p2-2/p2-2.4.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask2_5{
    background:url('../images/p2-2/p2-2.5.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask2_6{
    background:url('../images/p2-2/p2-2.6.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask2_7{
    background:url('../images/p2-2/p2-2.7.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}

.bg2_mask2_line {
    background:url('../images/p2-2/p2-2.11.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}

.bg2_mask2_8{
    background:url('../images/p2-2/p2-2.8.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:10%;left:0;opacity:0
}
.bg2_mask2_9{
    background:url('../images/p2-2/p2-2.9.png?3') no-repeat 0 0;background-size:100% 100%;width: 9%;height:5%;position: absolute;top:64%;left:81%;opacity:0
}
.bg2_mask2_10{
    background:url('../images/p2-2/p2-2.10.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}

.bg2_mask2_fuceng_click{
    position: absolute;top:60%;left:60%;opacity:0.2;width: 26%;;height:5%;
}
.bg2_mask2_fuceng{
    background:url('../images/p3/p3-1.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;display: none;
}


.bg2_mask2.ani .bg2_mask2_1{
    -webkit-animation:2s 0.2s bg2_mask2_1 linear both;
    animation:2s 0.2s bg2_mask2_1 linear both;
}

.bg2_mask2.ani .bg2_mask2_2{
    -webkit-animation:0.6s 2.3s Out linear both;
    animation:0.6s 2.3s Out linear both;
}
.bg2_mask2.ani .bg2_mask2_3{
    -webkit-animation:2s 3s bg2_mask2_3 linear both;
    animation:2s 3s bg2_mask2_3 linear both;
}
.bg2_mask2.ani .bg2_mask2_4{
    -webkit-animation:0.6s 5.1s Out linear both;
    animation:0.6s 5.1s Out linear both;
}
.bg2_mask2.ani .bg2_mask2_5{
    -webkit-animation:2s 6s bg2_mask2_5 linear both;
    animation:2s 6s bg2_mask2_5 linear both;
}
.bg2_mask2.ani .bg2_mask2_6{
    -webkit-animation:0.6s 8.2s Out linear both;
    animation:0.6s 8.2s Out linear both;
}
.bg2_mask2.ani .bg2_mask2_7{
    -webkit-animation:2s 9s bg2_mask2_7 linear both;
    animation:2s 9s bg2_mask2_7 linear both;
}

.bg2_mask2.ani .bg2_mask2_line{
    -webkit-animation:0.2s 11.1s Out linear both;
    animation:0.2s 11.1s Out linear both;
}
.bg2_mask2.ani .bg2_mask2_8{
    -webkit-animation:2s 11.5s bg2_mask2_8 linear both;
    animation:2s 11.5s bg2_mask2_8 linear both;
}
.bg2_mask2.ani .bg2_mask2_9{
    -webkit-animation:2.5s 13.6s shake linear infinite;
    animation:2.5s 13.6s shake linear infinite;
}
.bg2_mask2.ani .bg2_mask2_10{
    -webkit-animation:0.8s 15s Out linear both;
    animation:0.8s 15s Out linear both;
}


.bg2_mask3{
    background:url('../images/p2-2/p2-2.jpg?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1;display:none
}
.bg2_mask3_1{
    background:url('../images/p2-3/p2-3.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask3_2{
    background:url('../images/p2-3/p2-3.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask3_3{
    background:url('../images/p2-3/p2-3.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask3_4{
    background:url('../images/p2-3/p2-3.4.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask3_5{
    background:url('../images/p2-3/p2-3.5.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask3_6{
    background:url('../images/p2-3/p2-3.6.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask3_7{
    background:url('../images/p2-3/p2-3.7.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}

.bg2_mask3_8{
    background:url('../images/p2-3/p2-3.8.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask3_9{
    background:url('../images/p2-3/p2-3.9.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask3_10{
    background:url('../images/p2-3/p2-3.10.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg2_mask3_click{position: absolute;top:87%;left:30%;opacity:0.2;width: 42%;;height:9%;}


.bg2_mask3.ani .bg2_mask3_1{
    -webkit-animation:0.5s 0.2s Out linear both;
    animation:0.5s 0.2s Out linear both;
}
.bg2_mask3.ani .bg2_mask3_2{
    -webkit-animation:0.3s 0.9s Out linear both;
    animation:0.3s 0.9s Out linear both;
}
.bg2_mask3.ani .bg2_mask3_3{
    -webkit-animation:0.5s 1.5s Out linear both;
    animation:0.5s 1.5s Out linear both;
}
.bg2_mask3.ani .bg2_mask3_4{
    -webkit-animation:0.3s 2.2s Out linear both;
    animation:0.3s 2.2s Out linear both;
}
.bg2_mask3.ani .bg2_mask3_5{
    -webkit-animation:0.5s 2.7s Out linear both;
    animation:0.5s 2.7s Out linear both;
}
.bg2_mask3.ani .bg2_mask3_6{
    -webkit-animation:0.3s 3.4s Out linear both;
    animation:0.3s 3.4s Out linear both;
}
.bg2_mask3.ani .bg2_mask3_7{
    -webkit-animation:0.5s 3.9s Out linear both;
    animation:0.5s 3.9s Out linear both;
}
.bg2_mask3.ani .bg2_mask3_8{
    -webkit-animation:0.8s 5s Out linear both;
    animation:0.8s 5s Out linear both;
}
.bg2_mask3.ani .bg2_mask3_9{
    -webkit-animation:0.8s 6.2s Out linear both;
    animation:0.8s 6.2s Out linear both;
}
.bg2_mask3.ani .bg2_mask3_10{
    -webkit-animation:0.8s 7.2s Out linear both;
    animation:0.8s 7.2s Out linear both;
}





.bg3{position:absolute;background:url('../images/p3/p3.jpg?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;top:0;left:0;overflow: hidden}
.bg3_1{background:url('../images/p3/p3.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg3_2{background:url('../images/p3/p3.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg3_3{background:url('../images/p3/p3.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg3_4{background:url('../images/p3-1/p3-1.31.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg3_click{position: absolute;top:87%;left:14%;opacity:0.2;width: 75%;;height:9%;}
.bg3_click1{position: absolute;top:67%;left:59%;opacity:0.2;width: 26%;;height:6%;}
.bg3_ke{background:url('../images/p3/p3-1.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;display:none}
.hand{background:url('../images/p3-1/hand.png?3') no-repeat 0 0;background-size:100% 100%;width: 14%;height:9%;position: absolute;top:69%;left:27%;}

.bg3_mask.ani .hand{
    -webkit-animation:1s 0.2s hand linear infinite;
    animation:1s 0.2s hand linear infinite;
}

.bg3.ani .bg3_1{
    -webkit-animation:0.5s 0.2s Out linear both;
    animation:0.5s 0.2s Out linear both;
}
.bg3.ani .bg3_2{
    -webkit-animation:0.5s 1s Out linear both;
    animation:0.5s 1s Out linear both;
}
.bg3.ani .bg3_3,.bg4.ani .bg4_hand{
    -webkit-animation:3s 2s shake linear infinite;
    animation:3s 2s shake linear infinite;
}
.bg3.ani .bg3_4{
    -webkit-animation:0.6s 3s Out linear both;
    animation:0.6s 3s Out linear both;
}


.bg3_mask{position:absolute;background:url('../images/p3/p3.jpg?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;top:0;left:0;overflow: hidden}
.bg3_add{background:url('../images/bg3_add.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}
.bg3_mask_1{background:url('../images/p3-1/p3-1.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}

.bg3_mask_2{width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}

.bg3_mask_2_1{background:url('../images/p3-1/p3-1.10.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg3_mask_2_2{background:url('../images/p3-1/p3-1.9.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg3_mask_2_3{background:url('../images/p3-1/p3-1.11.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg3_mask_2_1.ani,.bg3_mask_2_2.ani,.bg3_mask_2_3.ani,.bg3_xuanshi.ani,.xuanshi_1.ani .bg3_mask_4,.bg3_mask_5.ani{
    -webkit-animation:0.6s 0.1s Out linear both;
    animation:0.6s 0.1s Out linear both;
}
.bg3_mask_left{
    background:url('../images/p3-1/p3-1.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 13.28%;height:11.3%;position: absolute;top:70.5%;left:13.76%;opacity:1
}
.bg3_mask_center{
    background:url('../images/p3-1/p3-1.7.png?3') no-repeat 0 0;background-size:100% 100%;width: 13.76%;height:11.3%;position: absolute;top:70.5%;left:42.51%;opacity:1
}
.bg3_mask_right{
    background:url('../images/p3-1/p3-1.4.png?3') no-repeat 0 0;background-size:100% 100%;width: 14.5%;height:9.22%;position: absolute;top:71.5%;left:70.7%;opacity:1
}

/*.bg3_next{background:url('../images/p3-1/p3-1.6.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;display:none}*/
.bg3_next_click{
    position: absolute;top:87%;left:30%;opacity:0.2;width: 42%;;height:9%;
}

.xuanshi_1{width:100%;height:100%;position: absolute;top:0;left:0;opacity:1;display: none;}

.bg3_click.ani,.bg3_mask_click.ani,.xuanshi_1.ani .bg3_mask_next{
    -webkit-animation:0.6s 1.2s Out linear both;
    animation:0.6s 1.2s Out linear both;
}

.bg3_mask_3{background:url('../images/p3-1/p3-1.30.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1;display:none}
.bg3_mask_4{background:url('../images/p3-1/p3-1.13.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg3_mask_4.m1{background:url('../images/p3-1/add.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg3_mask_next{background:url('../images/p3-1/p3-1.8.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.next_click{
    position: absolute;top:87%;left:19%;opacity:0;width: 67%;;height:9%;
}

.xuanshi_1.ani .bg3_mask_next{
    -webkit-animation:0.6s 3s Out linear both;
    animation:0.6s 3s Out linear both;
}
.bg3_mask_5{background:url('../images/p3-1/p3-1.41.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0;display: none}
.bg3_mask_5.ani{
    -webkit-animation:0.4s 0.1s Out linear both;
    animation:0.4s 0.1s Out linear both;
}

.bg3_mask_click{
    background:url('../images/p3-1/p3-1.6.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;display:none;opacity: 0;
}
.bg3_click000{
    position: absolute;top:87%;left:30%;opacity:0.2;width: 42%;;height:9%;
}

.bg3_mask_next1{background:url('../images/p3-1/p3-1.43.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;display:none  }
.bg3_tuanke{width: 100%;height:100%;position: absolute;top:0;left:0;display:none;}
.bg3_tuanke_0{
    background:url('../images/p3-1/p3-1.15.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity: 0
}
.bg3_tuanke.ani .bg3_tuanke_0{
    -webkit-animation:0.8s 2s Out linear both;
    animation:0.8s 2s Out linear both;
}
.bg3_tuanke_click{position: absolute;top:87%;left:30%;opacity:0.2;width: 42%;;height:9%;}
.bg3_mask_next1_0{
    background:url('../images/p3-1/p3-1.28.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;
}
.bg3_mask_next1_1{
    background:url('../images/p3-1/p3-1.14.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;
}
.bg3_mask_next1_hand{
    background:url('../images/hand.png?3') no-repeat 0 0;background-size:100% 100%;width: 10%;height:6%;position: absolute;top:55%;left:90%;
}
.bg3_mask_fuceng_click{
    position: absolute;top:44%;left:62%;opacity:0.2;width: 37%;;height:17%;
}
.bg3_mask_fuceng{background:url('../images/p3-1/p3-1.45.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;display:none}


.bg3_mask_next1.ani  .bg3_mask_next1_0{
    -webkit-animation:0.8s 0.1s Out linear both;
    animation:0.8s 0.1s Out linear both;
}
.bg3_mask_next1.ani  .bg3_mask_next1_1{
    -webkit-animation:0.8s 1.5s Out linear both;
    animation:0.8s 1.5s Out linear both;
}



.bg3_mask_next1.ani .bg3_mask_next1_hand{
    -webkit-animation:3s 2.5s shake linear infinite;
    animation:3s 2.5s shake linear infinite;
}

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

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

.bg3_mask_6_2{
    background:url('../images/p3-1/p3-end.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0;
}
/*.bg3_mask_fuceng{*/
    /*background:url('../images/p3-1/p3-1.45.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1;*/
/*}*/

.bg3_mask_6_click{
    position: absolute;top:87%;left:30%;opacity:0.2;width: 42%;;height:9%;
}



.bg3_mask_next1.ani{
    -webkit-animation:0.6s 1s Out linear both;
    animation:0.6s 1s Out linear both;
}

/*.bg3_tuanke.ani .bg3_tuanke_0{*/
    /*-webkit-animation:0.6s 0.1s Out linear both;*/
    /*animation:0.6s 0.1s Out linear both;*/
/*}*/

.bg3_mask_6.ani .bg3_mask_6_1{
    -webkit-animation:0.8s 0.2s Out linear both;
    animation:0.8s 0.2s Out linear both;
}
.bg3_mask_6.ani .bg3_mask_6_2{
    -webkit-animation:0.6s 1.5s Out linear both;
    animation:0.6s 1.5s Out linear both;
}


.bg4{position:absolute;background:url('../images/p4/p4.jpg?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;top:0;left:0;overflow: hidden}

.bg4_1{background:url('../images/p4/p4.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg4_2{background:url('../images/p4/p4.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}

.bg4_mask{background:url('../images/p4/p4.jpg?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1;display:none}
.bg4_3{background:url('../images/p4/p4.4.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg4_4{background:url('../images/p4/p4.5.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg4_5{background:url('../images/p4/p4.6.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg4_6{background:url('../images/p4/p4.7.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}

.bg4_mask_1{background:url('../images/p4/p4-1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;display:none}
.bg4_hand{background:url('../images/p3/p3.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:-18%;left:-5%;opacity:0}
.bg4_click1{position: absolute;top:48%;left:60%;opacity:0.2;width: 22%;;height:5%;}
.bg4_click{position: absolute;top:87%;left:30%;width: 42%;;height:9%;}
.bg4.ani .bg4_1{
    -webkit-animation:0.6s 0.3s Out linear both;
    animation:0.6s 0.3s Out linear both;
}
.bg4.ani .bg4_2{
    -webkit-animation:0.6s 1.5s Out linear both;
    animation:0.6s 1.5s Out linear both;
}

.bg4_mask.ani .bg4_3{
    -webkit-animation:0.6s 0.3s Out linear both;
    animation:0.6s 0.3s Out linear both;
}
.bg4_mask.ani .bg4_4{
    -webkit-animation:0.6s 1s Out linear both;
    animation:0.6s 1s Out linear both;
}
.bg4_mask.ani .bg4_5{
    -webkit-animation:0.6s 2s Out linear both;
    animation:0.6s 2s Out linear both;
}
.bg4_mask.ani .bg4_6{
    -webkit-animation:0.6s 3s Out linear both;
    animation:0.6s 3s Out linear both;
}

.bg5{position:absolute;background:url('../images/p5/p5.jpg?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;top:0;left:0;overflow: hidden}
.bg5_1{background:url('../images/p3/p3.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:-16%;left:6%;opacity:0}
.bg5_2{background:url('../images/p5/p5.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg5_3{background:url('../images/p5/p5.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg5_4{background:url('../images/p5/p5.4.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg5_click1{
    position: absolute;top:50%;left:66%;opacity:0.2;width: 26%;;height:6%;
}
.bg5_click2{
    position: absolute;top:87%;left:30%;opacity:0.2;width: 42%;;height:9%;
}
.bg5_click{position: absolute;top:87%;left:30%;opacity:0.2;width: 42%;;height:9%;}


.bg5.ani .bg5_3{
    -webkit-animation:0.6s 0.2s Out linear both;
    animation:0.6s 0.2s Out linear both;
}
.bg5.ani .bg5_2{
    -webkit-animation:0.6s 1s Out linear both;
    animation:0.6s 1s Out linear both;
}
.bg5.ani .bg5_1{
    -webkit-animation:3s 1.7s shake linear infinite;
    animation:3s 1.7s shake linear infinite;
}
.bg5.ani .bg5_4{
    -webkit-animation:0.8s 3s Out linear both;
    animation:0.8s 3s Out linear both;
}

.bg5_mask1{
    width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1;display:none
}
.bg5_mask1_1{
    background:url('../images/p5-1/p5-1.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1
}


.bg5_mask{position:absolute;background:url('../images/p5-1/p5.jpg?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;top:0;left:0;overflow: hidden;display: none}
/*.bg5_mask_1{background:url('../images/p5-1/p5-1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}*/
/*.bg5_mask_2{background:url('../images/p5-1/p5-1.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}*/
.bg5_mask_3{background:url('../images/p5-1/p5-1.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}
.bg5_mask_4{background:url('../images/p5-1/p5-1.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}
.bg5_mask_5{background:url('../images/p5-1/p5-1.4.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}

.bg5_mask.ani .bg5_mask_3{
    -webkit-animation:0.8s 0.3s Out linear both;
    animation:0.8s 0.3s Out linear both;
}
.bg5_mask.ani .bg5_mask_4{
    -webkit-animation:0.8s 1.5s Out linear both;
    animation:0.8s 1.5s Out linear both;
}
.bg5_mask.ani .bg5_mask_5{
    -webkit-animation:0.8s 3s Out linear both;
    animation:0.8s 3s Out linear both;
}



.bg5_add{
    position:absolute;background:url('../images/p9/p9.jpg?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;top:0;left:0;overflow: hidden;display:none
}
.bg5_add_1{
    background:url('../images/p9/p9.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg5_add_2{
    background:url('../images/p9/p9.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg5_add_3{
    background:url('../images/p9/p9.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg5_add_click{
    position: absolute;top:89%;left:32%;opacity:0.2;width: 40%;;height:8%;
}

.bg5_add.ani .bg5_add_2{
    -webkit-animation:0.6s 0.3s Out linear both;
    animation:1s 0.3s Out linear both;
}

.bg5_add.ani .bg5_add_1{
    -webkit-animation:0.6s 1.6s Out linear both;
    animation:0.6s 1.6s Out linear both;
}

.bg5_add.ani .bg5_add_3{
    -webkit-animation:1s 2.5s Out linear both;
    animation:1s 2.5s Out linear both;
}















.bg6{position:absolute;width:100%;height:100%;top:0;left:0;overflow: hidden}

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

.bg6_1,.bg6_2{width: 100%;height:100%;position:absolute;top:0;left:0;display: none}
.bg6_1_1{
    background:url('../images/p6/p6.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1
}
.bg6_1_2{
    background:url('../images/p6/p6.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg6_1_3{
    background:url('../images/p6/p6.41.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg6_1_click{
    position: absolute;top:89%;left:20%;opacity:0.2;width: 61%;;height:9%;
}


.bg6_1.ani .bg6_1_2{
    -webkit-animation:1s 0.2s Out linear both;
    animation:1s 0.2s Out linear both;
}
.bg6_1.ani .bg6_1_3{
    -webkit-animation:0.6s 1.8s Out linear both;
    animation:0.6s 1.8s Out linear both;
}



.bg6_2_1{
    background:url('../images/p6/p6.42.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg6_2_2{
    background:url('../images/p6/p6.6.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg6_2_3{
    background:url('../images/p6/p6.51.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg6_2_4{
    background:url('../images/p5/p5.4.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0
}
.bg6_2_click{
    position: absolute;top:87%;left:30%;opacity:0.2;width: 42%;;height:9%;
}

.bg6_2.ani  .bg6_2_1{
    -webkit-animation:0.5s 0.1s Out linear both;
    animation:0.5s 0.1s Out linear both;
}
.bg6_2.ani  .bg6_2_2{
    -webkit-animation:0.8s 1s Out linear both;
    animation:0.8s 1s Out linear both;
}
.bg6_2.ani  .bg6_2_3{
    -webkit-animation:0.8s 2.5s Out linear both;
    animation:0.8s 2.5s Out linear both;
}
.bg6_2.ani  .bg6_2_4{
    -webkit-animation:0.6s 4s Out linear both;
    animation:0.6s 4s Out linear both;
}


/*.bg6_1{background:url('../images/p6/p6.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}*/
/*.turn{position:absolute;width:100%;height:100%;top:0;left:0;}*/

/*.bg6_6{background:url('../images/p6/p6.6.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1;display: none}*/
/*.bg6_12{background:url('../images/p6/p6.12.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1;display: none}*/

/*.bg6_click{*/
    /*background:url('../images/p6/p6.9.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0;z-index:20*/
/*}*/

/*.bg6_click.ani{*/
    /*-webkit-animation:1s 0.3s Out linear both;*/
    /*animation:1s 0.3s Out linear both;*/
/*}*/

/*.bg6_click00{*/
    /*position: absolute;top:87%;left:30%;opacity:0.2;width: 42%;;height:9%;*/
/*}*/


.bg7{position:absolute;background:url('../images/p7/p7.jpg?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;top:0;left:0;overflow: hidden}
.bg7_1{background:url('../images/p7/p7.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg7_2{background:url('../images/p7/p7.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg7_3{background:url('../images/p7/p7.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg7_4{background:url('../images/p7/p7.4.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}

.bg7_click1{width: 62%;height:9%;position: absolute;top:62%;left:20%;opacity: 0.3}
.bg7_click2{width: 62%;height:9%;position: absolute;top:73%;left:20%;opacity: 0.3}

.bg7.ani .bg7_1{
    -webkit-animation:0.8s 0.3s Out linear both;
    animation:0.8s 0.3s Out linear both;
}
.bg7.ani .bg7_2{
    -webkit-animation:0.8s 1.6s Out linear both;
    animation:0.8s 1.6s Out linear both;
}
.bg7.ani .bg7_3{
    -webkit-animation:0.8s 1.6s Out linear both;
    animation:0.8s 1.6s Out linear both;
}


.bg7_mask{
    position:absolute;width:100%;height:100%;top:0;left:0;opacity: 1;display: none;
}
.bg7_5{background:url('../images/p7/p7.5.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}
.bg7_6{background:url('../images/p7/p7.6.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}
.bg7_7{background:url('../images/p7/p7.7.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}
.bg7_8{background:url('../images/p7/p7.8.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}


.bg8{position:absolute;background:url('../images/p8/p8.jpg?3') no-repeat 0 0;background-size:100% 100%;width:100%;height:100%;top:0;left:0;overflow: hidden}
.bg8_1{background:url('../images/p8/p8.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg8_2{background:url('../images/p8/p8.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}
.bg8_3{background:url('../images/p8/p8.3.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:1}
.bg8_4{background:url('../images/p8/p8.4.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg8_5{background:url('../images/p8/p8.5.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg8_6{background:url('../images/p8/p8.6.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity:0}
.bg8_7{background:url('../images/p8/p8.7.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;display:none}
.bg8_mask_click{width: 38%;height:5%;position: absolute;top:17%;left:39%;}
.bg8_click{
    position: absolute;top:87%;left:30%;opacity:0.2;width: 42%;;height:9%;
}
.bg8.ani .bg8_4{
    -webkit-animation:0.8s 0.1s Out linear both;
    animation:0.8s 0.1s Out linear both;
}
.bg8.ani .bg8_1{
    -webkit-animation:0.8s 1.2s Out linear both;
    animation:0.8s 1.2s Out linear both;
}

.bg8.ani .bg8_5{
    -webkit-animation:2.5s 2s shake infinite;
    animation:2.5s 2s shake infinite;
}


.bg8.ani .bg8_6{
    -webkit-animation:0.8s 3s Out linear both;
    animation:0.8s 3s Out linear both;
}










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

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



@-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 img1 {*/
    /*0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;}*/
    /*100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(260%,0,0); }*/
/*}*/

/*@keyframes img1 {*/
    /*0% { transform:translate3d(0,0,0) ;}*/
    /*100% { transform:translate3d(260%,0,0) }*/
/*}*/


/*@-webkit-keyframes s00_2 {*/
    /*0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 0}*/
    /*100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,-40%,0);opacity: 1 }*/
/*}*/

/*@keyframes s00_2 {*/
    /*0% { transform:translate3d(0,0,0) ;opacity: 0}*/
    /*100% { transform:translate3d(0,-40%,0);opacity: 1  }*/
/*}*/

/*@-webkit-keyframes s01_2 {*/
    /*0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 1}*/
    /*100% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,-40%,0);opacity: 1 }*/
/*}*/
/*@keyframes s01_2 {*/
    /*0% { transform:translate3d(0,0,0) ;opacity:1}*/
    /*100% { transform:translate3d(0,-40%,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 s01 {
    0% {-webkit-transform-origin:center center;-webkit-transform:scale(1) translate3d(5%,0,0); opacity: 1}
    100% {-webkit-transform-origin:center center;-webkit-transform:scale(1.3) translate3d(5%,0,0);opacity: 1}

}

@keyframes s01{
    0% {transform-origin:center center;transform:scale(1) translate3d(5%,0,0);opacity: 1}
    100% {-webkit-transform-origin:center center;-webkit-transform:scale(1.3) translate3d(5%,0,0) ; opacity: 1}
}


@-webkit-keyframes bg2_mask2_1 {
    0%{opacity: 0}
    20%{opacity: 1}
    70%{-webkit-transform-origin:left top;-webkit-transform:scale(1) translate3d(0,0,0); opacity: 1}
    100% {-webkit-transform-origin:left top;-webkit-transform:scale(0.45) translate3d(5%,-18%,0);opacity: 1}

}

@keyframes bg2_mask2_1{
    0%{opacity: 0}
    20%{opacity: 1}
    70%{transform-origin:left top;transform:scale(1) translate3d(0,0,0); opacity: 1}
    100% {transform-origin:left top;transform:scale(0.45) translate3d(5%,-18%,0);opacity: 1}
}

@-webkit-keyframes bg2_mask2_3 {
    0%{opacity: 0}
    20%{opacity: 1}
    70%{-webkit-transform-origin:97% 1%;-webkit-transform:scale(1) translate3d(0,0,0); opacity: 1}
    100% {-webkit-transform-origin:97% 1%;-webkit-transform:scale(0.5) translate3d(6%,9%,0);opacity: 1}

}

@keyframes bg2_mask2_3{
    0%{opacity: 0}
    20%{opacity: 1}
    70%{transform-origin:97% 1%;transform:scale(1) translate3d(0,0,0); opacity: 1}
    100% {transform-origin:97% 1%;transform:scale(0.5) translate3d(6%,9%,0);opacity: 1}
}



@-webkit-keyframes bg2_mask2_5 {
    0%{opacity: 0}
    20%{opacity: 1}
    70%{-webkit-transform-origin:35% 20%;-webkit-transform:scale(1) translate3d(0,0,0); opacity: 1}
    100% {-webkit-transform-origin:35% 20%;-webkit-transform:scale(0.4) translate3d(-35%,16%,0);opacity: 1}

}

@keyframes bg2_mask2_5{
    0%{opacity: 0}
    20%{opacity: 1}
    70%{transform-origin:35% 20%;transform:scale(1) translate3d(0,0,0); opacity: 1}
    100% {transform-origin:35% 20%;transform:scale(0.4) translate3d(-35%,16%,0);opacity: 1}
}


@-webkit-keyframes bg2_mask2_7 {
    0%{opacity: 0}
    20%{opacity: 1}
    70%{-webkit-transform-origin:104% 33%;-webkit-transform:scale(1) translate3d(0,0,0); opacity: 1}
    100% {-webkit-transform-origin:104% 33%;-webkit-transform:scale(0.55) translate3d(3%,11%,0);opacity: 1}

}
@keyframes bg2_mask2_7{
    0%{opacity: 0}
    20%{opacity: 1}
    70%{transform-origin:104% 33%;transform:scale(1) translate3d(0,0,0); opacity: 1}
    100% {transform-origin:104% 33%;transform:scale(0.55) translate3d(3%,11%,0);opacity: 1}
}


@-webkit-keyframes bg2_mask2_8 {
    0%{opacity: 0}
    20%{opacity: 1}
    70%{-webkit-transform-origin:19% 69%;-webkit-transform:scale(1) translate3d(0,0,0); opacity: 1}
    100% {-webkit-transform-origin:19% 69%;-webkit-transform:scale(0.55) translate3d(-9%,-14%,0);opacity: 1}

}
@keyframes bg2_mask2_8{
    0%{opacity: 0}
    20%{opacity: 1}
    70%{transform-origin:19% 69%;transform:scale(1) translate3d(0,0,0); opacity: 1}
    100% {transform-origin:19% 69%;transform:scale(0.55) translate3d(-9%,-14%,0);opacity: 1}
}

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

@keyframes Out111{
    0%{opacity: 1}
    100%{opacity:0 }
}



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


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

@keyframes s2_0 {
    0% { transform:translate3d(0,0,0) ;}
    100% { transform:translate3d(0,-100%,0);}
}




@-webkit-keyframes shake{
    0%{opacity: 0}
    20%{opacity:1}
    40%{opacity: 0}
    60%{opacity:1}
    80%{opacity:0}
    100%{opacity: 1}
}

@keyframes shake{
    0%{opacity: 0}
    20%{opacity:1}
    40%{opacity: 0}
    60%{opacity:1}
    80%{opacity:0}
    100%{opacity: 1}
}

@-moz-keyframes shake{
    0%{opacity: 0}
    20%{opacity:1}
    40%{opacity: 0}
    60%{opacity:1}
    80%{opacity:0}
    100%{opacity: 1}
}

@keyframes shake{
    0%{opacity: 0}
    20%{opacity:1}
    40%{opacity: 0}
    60%{opacity:1}
    80%{opacity:0}
    100%{opacity: 1}
}
@-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;}
}

@keyframes small{
    0%{opacity:1;transform: scale(0)}
    50%{opacity:1;transform: scale(0.2)}
    60%{opacity:1;transform: scale(0.7)}
    70%{opacity:1;transform: scale(1.3)}
    85%{opacity:1;transform: scale(0.9)}
    100%{opacity:1;transform: scale(1)}
}
@-webkit-keyframes small{
    0%{opacity:1;-webkit-transform: scale(0)}
    50%{opacity:1;-webkit-transform: scale(0.2)}
    60%{opacity:1;-webkit-transform: scale(0.7)}
    70%{opacity:1;-webkit-transform: scale(1.3)}
    85%{opacity:1;-webkit-transform: scale(0.9)}
    100%{opacity:1;-webkit-transform: scale(1)}
}