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?1');background-size:100% 100%;z-index: 99}
.load_val{width:100%;}
ul{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:1;position: absolute;top:0;left:0;}
ul li{list-style: none;width:5.31%;height: 3.27%;position: absolute;left:10.2%;top:34%;background:url('../images/loading.3.1.png?1');background-size:100% 100%;opacity: 0}
.li2{top:37.27%;background:url('../images/loading.3.1.png?1');background-size:100% 100%;}
.li3{top:40.4%;background:url('../images/loading.3.1.png?1');background-size:100% 100%;}
.li4{top:43.41%;background:url('../images/loading.3.1.png?1');background-size:100% 100%;}
.li5{top:47%;background:url('../images/loading.3.1.png?1');background-size:100% 100%;}
.li6{top:50.2%;background:url('../images/loading.3.1.png?1');background-size:100% 100%;}
.li7{top:53.4%;background:url('../images/loading.3.1.png?1');background-size:100% 100%;}
.li8{top:56.6%;background:url('../images/loading.3.1.png?1');background-size:100% 100%;}
.li9{top:59.5%;background:url('../images/loading.3.1.png?1');background-size:100% 100%;}
.li10{top:62.8%;background:url('../images/loading.3.1.png?1');background-size:100% 100%;}

/*.loading_line{position:absolute;width:60.38%;height:8px;top:49.1%;left:20.77%;background:#422a0e;border-radius: 4px;}*/
.loading1{position:absolute;width:100%;height:100%;background:url('../images/loading.1.png?1');background-size:100% 100%;}
.loading2{position:absolute;width:100%;height:100%;background:url('../images/loading.2.png?1');background-size:100% 100%;}
/*.loading3{position:absolute;width:100%;height:100%;background:url('../images/loading.3.png?1');background-size:100% 100%;}*/
.loading_line_blank{width:0;height:100%;background:#faf222;border-radius:4px;}
a{opacity:1}
/*loading*/

.loading1{
    -webkit-animation:3s  shake linear infinite;
    -o-animation:3s  shake linear infinite;
    -moz-animation:3s  shake linear infinite;
    animation:3s  shake linear infinite;
}
/*.loading2{*/
    /*-webkit-animation:1.5s  shake linear infinite;*/
    /*-o-animation:1.5s  shake linear infinite;*/
    /*-moz-animation:1.5s  shake linear infinite;*/
    /*animation:1.5s  shake linear infinite;*/
/*}*/


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

#fuceng{display: none;position: absolute;width: 100%;height: 100%;top:0;left:0;background:url('../images/fuceng2.jpg?1') no-repeat 0 0;background-size:100% 100%;}

#main{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:1;position: absolute;top:0;left:0;}
#center{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;opacity:1;position: absolute;top:0;left:0;}
.s1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p1.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s1 .bg0{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p1.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s1 .bg1{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p1.2.png?1") no-repeat 0 0;background-size:100% 100%;}
.s1 .bg2{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p1.3.png?1") no-repeat 0 0;background-size:100% 100%;}
.s1 .bg3{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p1.5.png?1") no-repeat 0 0;background-size:100% 100%;}
.s1 .bg4{width: 10%;height: 17.7%;opacity:0;position: absolute;top:78%;left:2%;background:url("../images/p1.4.png?1") no-repeat 0 0;background-size:100% 100%;}

.s1.ani .bg0{
    -webkit-animation:8s s1_bg0  linear infinite;
    -o-animation:8s s1_bg0 linear infinite;
    -moz-animation:8s s1_bg0 linear infinite;
    animation:8s s1_bg0 linear infinite;
}
.s1.ani .bg1{
    -webkit-animation:8s 1s Out1  linear both;
    -o-animation:8s 1s Out1 linear both;
    -moz-animation:8s 1s Out1 linear both;
    animation:8s 1s Out1 linear both;
}
.s1.ani .bg2{
    -webkit-animation:1s 4s Out linear both;
    -o-animation:1s 4s Out linear both;
    -moz-animation:1s 4s Out linear both;
    animation:1s 4s Out linear both;
}
.s1.ani .bg3{
    -webkit-animation:1.5s 3s s1_bg3 linear both;
    -o-animation:1.5s 3s s1_bg3 linear both;
    -moz-animation:1.5s 3s s1_bg3 linear both;
    animation:1.5s 3s s1_bg3 linear both;
}
.s1.ani .bg3.ani1{
    -webkit-animation:3s 0.1s s1_bg3_1 linear both;
    -o-animation:3s 0.1s s1_bg3_1 linear both;
    -moz-animation:3s 0.1s s1_bg3_1 linear both;
    animation:3s 0.1s s1_bg3_1 linear both;
}
/*.s1.ani .bg4{*/
    /*-webkit-animation:1s 5s Out linear both;*/
    /*-o-animation:1s 5s Out linear both;*/
    /*-moz-animation:1s 5s Out linear both;*/
    /*animation:1s 5s Out linear both;*/
/*}*/
.s1.ani .bg4{
    -webkit-animation:1.5s 5s shake linear infinite;
    -o-animation:1.5s 5s shake linear infinite;
    -moz-animation:1.5s 5s shake linear infinite;
    animation:1.5s 5s shake linear infinite;
}

.s2{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p2.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s2 .bg0{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p2.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s2 .hand{width: 12.5%;height: 6.6%;opacity:0;position: absolute;top:86%;left:45%;background:url("../images/hand.png?1") no-repeat 0 0;background-size:100% 100%;}
.s2 .bg1{width: 10%;height: 17.7%;opacity:0;position: absolute;top:78%;left:2%;background:url("../images/p2.2.png?1") no-repeat 0 0;background-size:100% 100%;}
.s2 .bg2{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p2.3.png?1") no-repeat 0 0;background-size:100% 100%;}
/*.s2 .bg3{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p2.4.png?1") no-repeat 0 0;background-size:100% 100%;}*/
.s2 .bg9{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p2.10.png?1") no-repeat 0 0;background-size:100% 100%;}
.s2 .bg10{width:11%;height: 10%;opacity:0;position: absolute;top:88%;left:13%;background:url("../images/p2.11.png?1") no-repeat 0 0;background-size:100% 100%;}
.s2 .bg11{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p2.12.png?1") no-repeat 0 0;background-size:100% 100%;}
.s2 .tran{width: 10%;height: 17.7%;opacity:1;position: absolute;top:78%;left:2%;background:url("../images/p2.4.png?1") no-repeat 0 0;background-size:100% 100%;}
.s2.ship .bg9{
    -webkit-animation:1.5s 0.1s Out_s2_bg9 linear both;
    -o-animation:1.5s 0.1s Out_s2_bg9 linear both;
    -moz-animation:1.5s 0.1s Out_s2_bg9 linear both;
    animation:1.5s 0.1s Out_s2_bg9 linear both;
}
.s2.ship .bg10{
    -webkit-animation:1s 2s Out linear both;
    -o-animation:1s 2s Out linear both;
    -moz-animation:1s 2s Out linear both;
    animation:1s 2s Out linear both;
}
/*.s2.ship .bg11{*/
    /*-webkit-animation:1.5s 0.1s Out_s2_bg9 linear both;*/
    /*-o-animation:1.5s 0.1s Out_s2_bg9 linear both;*/
    /*-moz-animation:1.5s 0.1s Out_s2_bg9 linear both;*/
    /*animation:1.5s 0.1s Out_s2_bg9 linear both;*/
/*}*/
.s2.ship.ship1 .bg10{
    -webkit-animation:10s 0.1s s2_bg10 linear both;
    -o-animation:10s 0.1s s2_bg10 linear both;
    -moz-animation:10s 0.1s s2_bg10 linear both;
    animation:10s 0.1s s2_bg10 linear both;
}
.s2.ship1 .bg11{
    -webkit-animation:1.5s 10s shake linear infinite;
    -o-animation:1.5s 10s shake linear infinite;
    -moz-animation:1.5s 10s shake linear infinite;
    animation:1.5s 10s shake linear infinite;
}


.s2.ani .bg0{
    -webkit-animation:13s 0.1s Out1 linear both;
    -o-animation:13s 0.1s Out1 linear both;
    -moz-animation:13s 0.1s Out1 linear both;
    animation:13s 0.1s Out1 linear both;
}
.s2.ani .bg1{
    -webkit-animation:1.5s 2s shake linear infinite;
    -o-animation:1.5s 2s shake linear infinite;
    -moz-animation:1.5s 2s shake linear infinite;
    animation:1.5s 2s Out shake infinite;
}



.s2 .s2_light,.s2 .s2_click{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;}
.s2_light div{width: 33%;height: 17%;opacity:0;position: absolute;background:url("../images/light.png?1") no-repeat 0 0;background-size:100% 100%;}

.light1{left:2%;top:13%}
.light2{left:37%;top:18.5%}
.light3{left:81%;top:43%}
.light4{left:40%;top:47%}
.light5{left:44%;top:78%}
.bg2.ani1{
    -webkit-animation:1s 0.5s Out linear both;
    -o-animation:1s 0.5s Out linear both;
    -moz-animation:1s 0.5s Out linear both;
    animation:1s 0.5s Out linear both;
}
.s2_light.ani11 .light5{
    -webkit-animation:1s 1.5s shake linear;
    -o-animation:1s 1.5s shake linear ;
    -moz-animation:1s 1.5s shake linear ;
    animation:1s 1.5s shake linear;
}
.s2_light.ani11 .light4{
    -webkit-animation:1s 2.5s shake linear;
    -o-animation:1s 2.5s shake linear ;
    -moz-animation:1s 2.5s shake linear;
    animation:1s 2.5s shake linear ;
}
.s2_light.ani11 .light3{
    -webkit-animation:1s 3.5s shake linear ;
    -o-animation:1s 3.5s shake linear;
    -moz-animation:1s 3.5s shake linear;
    animation:1s 3.5s shake linear ;
}
.s2_light.ani11 .light2{
    -webkit-animation:1s 4.5s shake linear;
    -o-animation:1s 4.5s shake linear;
    -moz-animation:1s 4.5s shake linear;
    animation:1s 4.5s shake linear;
}
.s2_light.ani11 .light1{
    -webkit-animation:1s 5.5s shake linear ;
    -o-animation:1s 5.5s shake linear ;
    -moz-animation:1s 5.5s shake linear ;
    animation:1s 5.5s shake linear ;
}

.light4.shank1,.light3.shank1,.light2.shank1,.light1.shank1,.hand.ani{
    -webkit-animation:1.5s  shake linear infinite;
    -o-animation:1.5s  shake linear infinite;
    -moz-animation:1.5s  shake linear infinite;
    animation:1.5s  shake linear infinite;
}



/*.s2_light.shh .light5{*/
    /*-webkit-animation:1.5s  shake linear infinite;*/
    /*-o-animation:1.5s  shake linear infinite;*/
    /*-moz-animation:1.5s  shake linear infinite;*/
    /*animation:1.5s  shake linear infinite;*/
/*}*/
/*{*/
    /*-webkit-animation:1.5s  shake linear infinite;*/
    /*-o-animation:1.5s  shake linear infinite;*/
    /*-moz-animation:1.5s  shake linear infinite;*/
    /*animation:1.5s  shake linear infinite;*/
/*}*/



.s2_click div{width:18%;height:15%;opacity: 0;background-color: #0cd084;position: absolute;}
.click1{left:9%;top:15%}
.click2{left:40%;top:20%}
.click3{left:81%;top:43%}
.click4{left:45%;top:48%}
.click5{left:48%;top:79%}
.s2 .s2_fc{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;display: none}
.s2 .fc1{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p2.5a1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s2 .fc2{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p2.6a1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s2 .fc3{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p2.7a1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s2 .fc4{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p2.8a1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s2 .fc5{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p2.9a1.png?1") no-repeat 0 0;background-size:100% 100%;}


.s3{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3.jpg?1") no-repeat 0 0;background-size:100% 100%;}
.s3 .bg0{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:-35%;background:url("../images/p3.1.png?1") no-repeat 0 0;background-size:100% 100%;}
.s3 .bg3{width: 100%;height: 100%;opacity:0;position: absolute;top:0;left:0;background:url("../images/p3.4.png?1") no-repeat 0 0;background-size:100% 100%;}
.s3 .bg1{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3.2.png?1") no-repeat 0 0;background-size:100% 100%;}
/*.s3 .bg2{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3.3.png?1") no-repeat 0 0;background-size:100% 100%;}*/
.s3 .bg4{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;background:url("../images/p3.5.jpg?1") no-repeat 0 0;background-size:100% 100%;display: none}
.select{-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg);position: absolute;width: 100%;height: 100%}
.s3 .bg3 div{
    width: 12%;height:23%;position: absolute;opacity:0;
}
.s3_click1{
    top:9%;left:27%
}
.s3_click2{
    top:39%;left:27%
}
.s3_click3{
    top:69%;left:27%
}
.s3.ani .bg0{
    -webkit-animation:15s  s3_bg0 linear both;
    -o-animation:15s  s3_bg0 linear both;
    -moz-animation:15s  s3_bg0 linear both;
    animation:15s  s3_bg0 linear both;
}
.s3.ani .bg3{
    -webkit-animation:1s 14.5s Out linear both;
    -o-animation:1s 14.5s Out linear both;
    -moz-animation:1s 14.5s Out linear both;
    animation:1s 14.5s Out linear both;
}
.s3 .xingxing{width: 100%;height: 100%;opacity:1;position: absolute;top:0;left:0;}
.xingxing div{width: 7%;height:4%;position: absolute;opacity:0.3;background:url("../images/xx.png?1") no-repeat 0 0;background-size:100% 100%;}
.xx1{top:22%;left:66%}
.xx2{top:29%;left:77%}
.xx3{top:50%;left:85%}
.xx4{top:55%;left:72%}
.xx5{top:78%;left:76%}

.s3.ani .xx1{
    -webkit-animation:2s  Out_xx linear infinite;
    -o-animation:2s  Out_xx linear infinite;
    -moz-animation:2s  Out_xx linear infinite;
    animation:2s  Out_xx linear infinite;
}
.s3.ani .xx2{
    -webkit-animation:4s 2s Out_xx linear infinite;
    -o-animation:4s 2s  Out_xx linear infinite;
    -moz-animation:4s 2s  Out_xx linear infinite;
    animation:4s 2s Out_xx linear infinite;
}
.s3.ani .xx3{
    -webkit-animation:3s 1.4s Out_xx linear infinite;
    -o-animation:3s 1.4s Out_xx linear infinite;
    -moz-animation:3s 1.4s Out_xx linear infinite;
    animation:3s 1.4s Out_xx linear infinite;
}
.s3.ani .xx4{
    -webkit-animation:5s 0.8s Out_xx linear infinite;
    -o-animation:5s 0.8s Out_xx linear infinite;
    -moz-animation:5s 0.8s Out_xx linear infinite;
    animation:5s 0.8s Out_xx linear infinite;
}
.s3.ani .xx5{
    -webkit-animation:3s 0.5s Out_xx linear infinite;
    -o-animation:3s 0.5s Out_xx linear infinite;
    -moz-animation:3s 0.5s Out_xx linear infinite;
    animation:3s 0.5s Out_xx linear infinite;
}


@-webkit-keyframes s1_bg0{
    0%{transform-origin:94% 96.5%;transform: rotateZ(0deg)}
    50%{transform-origin:94% 96.5%;transform: rotateZ(-90deg)}
    100%{transform-origin:94% 96.5%;transform: rotateZ(0deg)}
}
/*@-o-keyframes s1_bg0{
    0%{-ms-transform-origin:80% 96.5%; transform: rotateY(0deg)}
    100%{-ms-transform-origin:80% 96.5%; transform: rotateY(360deg)}
}
@-moz-keyframes s1_bg0{
    0%{-ms-transform-origin:80% 96.5%; transform: rotateY(0deg)}
    100%{-ms-transform-origin:80% 96.5%; transform: rotateY(360deg)}
}*/
@keyframes s1_bg0{
    0%{-webkit-transform-origin:94% 96.5%;transform: rotateZ(0deg)}
    50%{-webkit-transform-origin:94% 96.5%;transform: rotateZ(-90deg)}
    100%{-webkit-transform-origin:94% 96.5%;transform: rotateZ(0deg)}
}


@-webkit-keyframes Out_s2_bg9{
    0%{opacity: 1}
    25%{opacity: 0}
    50%{opacity: 1}
    75%{ opacity: 0 }
    100%{opacity:1}
}
@-o-keyframes Out_s2_bg9{
    0%{opacity: 1}
    25%{opacity: 0}
    50%{opacity: 1}
    75%{ opacity: 0 }
    100%{opacity:1}
}
@-moz-keyframes Out_s2_bg9{
    0%{opacity: 1}
    25%{opacity: 0}
    50%{opacity: 1}
    75%{ opacity: 0 }
    100%{opacity:1}
}
@keyframes Out_s2_bg9{
    0%{opacity: 1}
    25%{opacity: 0}
    50%{opacity: 1}
    75%{ opacity: 0 }
    100%{opacity:1}
}

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


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

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

@-webkit-keyframes Out1{
    0%{opacity: 0}
    20%{opacity:1}
    80%{opacity:1}
    100%{opacity: 0}
}
@-o-keyframes Out1{
    0%{opacity: 0}
    20%{opacity:1}
    80%{opacity:1}
    100%{opacity: 0}
}
@-moz-keyframes Out1{
    0%{opacity: 0}
    20%{opacity:1}
    80%{opacity:1}
    100%{opacity: 0}
}
@keyframes Out1{
    0%{opacity: 0}
    20%{opacity:1}
    80%{opacity:1}
    100%{opacity: 0}
}

@-webkit-keyframes s3_bg0{
    0% { -webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity: 1}
    98% { -webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0);opacity: 1}
    100% { -webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0);opacity: 0.5}
}
@keyframes s3_bg0{
    0% { transform:translate3d(-10%,0,0);opacity: 1}
    98%{transform:translate3d(80%,0,0); opacity: 1}
    100% {transform:translate3d(80%,0,0);opacity: 0.5}
}

/*@-webkit-keyframes s2_bg10{*/
    /*0% { -webkit-transform:translate3d(0,0,0) rotateZ(90deg);transform:translate3d(0,0,0) rotateZ(90deg);}*/
    /*20%{ -webkit-transform:translate3d(0,-100%,0) rotateZ(90deg);transform:translate3d(0,-100%,0) rotateZ(90deg);}*/
    /*100% { -webkit-transform:translate3d(-60%,-10%,0);transform:translate3d(-60%,-10%,0) ;}*/
/*}*/

/*
@keyframes s2_bg10{
    0% { -webkit-transform:translate3d(0,0,0) rotateZ(90deg);transform:translate3d(0,0,0) rotateZ(90deg);opacity: 1}
    2%{ -webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);opacity: 1}
    16%{ -webkit-transform:translate3d(300%,-15%,0) rotateZ(80deg);transform:translate3d(300%,-15%,0) rotateZ(80deg);opacity: 1}
    18%{-webkit-transform:translate3d(300%,-15%,0) rotateZ(0deg);transform:translate3d(300%,-15%,0) rotateZ(0deg);opacity: 1}
    40%{-webkit-transform:translate3d(250%,-400%,0) rotateZ(0deg);transform:translate3d(250%,-400%,0) rotateZ(0deg);opacity: 1}
    42%{-webkit-transform:translate3d(250%,-400%,0) rotateZ(80deg);transform:translate3d(250%,-400%,0) rotateZ(80deg);opacity: 1}
    58%{-webkit-transform:translate3d(650%,-450%,0) rotateZ(80deg);transform:translate3d(650%,-450%,0) rotateZ(80deg);opacity: 1}
    60%{-webkit-transform:translate3d(650%,-450%,0) rotateZ(-40deg);transform:translate3d(650%,-450%,0) rotateZ(-40deg);opacity: 1}
    66%{-webkit-transform:translate3d(550%,-550%,0) rotateZ(-60deg);transform:translate3d(550%,-550%,0) rotateZ(-60deg);opacity: 1}
    79%{-webkit-transform:translate3d(230%,-650%,0) rotateZ(-60deg);transform:translate3d(230%,-650%,0) rotateZ(-60deg);opacity: 1}
    88%{-webkit-transform:translate3d(-50%,-700%,0) rotateZ(-65deg);transform:translate3d(-50%,-700%,0) rotateZ(-65deg);opacity: 1}
    90%{-webkit-transform:translate3d(-50%,-700%,0) rotateZ(10deg);transform:translate3d(-50%,-700%,0) rotateZ(10deg);opacity: 1}
    100% {-webkit-transform:translate3d(0%,-1000%,0) rotateZ(10deg);transform:translate3d(0%,-1000%,0) rotateZ(10deg);opacity: 1}
}
@-webkit-keyframes s2_bg10{
    0% { -webkit-transform:translate3d(0,0,0) rotateZ(90deg);transform:translate3d(0,0,0) rotateZ(90deg);opacity: 1}
    2%{ -webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);opacity: 1}
    16%{ -webkit-transform:translate3d(300%,-15%,0) rotateZ(80deg);transform:translate3d(300%,-15%,0) rotateZ(80deg);opacity: 1}
    18%{-webkit-transform:translate3d(300%,-15%,0) rotateZ(0deg);transform:translate3d(300%,-15%,0) rotateZ(0deg);opacity: 1}
    40%{-webkit-transform:translate3d(250%,-400%,0) rotateZ(0deg);transform:translate3d(250%,-400%,0) rotateZ(0deg);opacity: 1}
    42%{-webkit-transform:translate3d(250%,-400%,0) rotateZ(80deg);transform:translate3d(250%,-400%,0) rotateZ(80deg);opacity: 1}
    58%{-webkit-transform:translate3d(650%,-450%,0) rotateZ(80deg);transform:translate3d(650%,-450%,0) rotateZ(80deg);opacity: 1}
    60%{-webkit-transform:translate3d(650%,-450%,0) rotateZ(-40deg);transform:translate3d(650%,-450%,0) rotateZ(-40deg);opacity: 1}
    66%{-webkit-transform:translate3d(550%,-550%,0) rotateZ(-60deg);transform:translate3d(550%,-550%,0) rotateZ(-60deg);opacity: 1}
    79%{-webkit-transform:translate3d(230%,-650%,0) rotateZ(-60deg);transform:translate3d(230%,-650%,0) rotateZ(-60deg);opacity: 1}
    88%{-webkit-transform:translate3d(-50%,-700%,0) rotateZ(-65deg);transform:translate3d(-50%,-700%,0) rotateZ(-65deg);opacity: 1}
    90%{-webkit-transform:translate3d(-50%,-700%,0) rotateZ(10deg);transform:translate3d(-50%,-700%,0) rotateZ(10deg);opacity: 1}
    100% {-webkit-transform:translate3d(0%,-1000%,0) rotateZ(10deg);transform:translate3d(0%,-1000%,0) rotateZ(10deg);opacity: 1}
}*/


@-webkit-keyframes s2_bg10{
    0% { -webkit-transform:translate3d(0,0,0) rotateZ(45deg);transform:translate3d(0,0,0) rotateZ(45deg);opacity: 1}
    2%{ -webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);opacity: 1}
    16%{ -webkit-transform:translate3d(200%,-80%,0) rotateZ(45deg);transform:translate3d(200%,-80%,0) rotateZ(45deg);opacity: 1}
    18%{-webkit-transform:translate3d(200%,-80%,0) rotateZ(0deg);transform:translate3d(200%,-80%,0) rotateZ(0deg);opacity: 1}
    40%{-webkit-transform:translate3d(180%,-480%,0) rotateZ(0deg);transform:translate3d(180%,-480%,0) rotateZ(0deg);opacity: 1}
    42%{-webkit-transform:translate3d(180%,-480%,0) rotateZ(70deg);transform:translate3d(180%,-480%,0) rotateZ(70deg);opacity: 1}
    58%{-webkit-transform:translate3d(500%,-550%,0) rotateZ(70deg);transform:translate3d(500%,-550%,0) rotateZ(70deg);opacity: 1}
    60%{-webkit-transform:translate3d(500%,-550%,0) rotateZ(-10deg);transform:translate3d(500%,-550%,0) rotateZ(-10deg);opacity: 1}
    68%{-webkit-transform:translate3d(480%,-700%,0) rotateZ(-10deg);transform:translate3d(480%,-700%,0) rotateZ(-10deg);opacity: 1}
    69%{-webkit-transform:translate3d(480%,-700%,0) rotateZ(-65deg);transform:translate3d(480%,-700%,0) rotateZ(-65deg);opacity: 1}
    88%{-webkit-transform:translate3d(50%,-850%,0) rotateZ(-65deg);transform:translate3d(50%,-850%,0) rotateZ(-65deg);opacity: 1}
    90%{-webkit-transform:translate3d(50%,-850%,0) rotateZ(10deg);transform:translate3d(50%,-850%,0) rotateZ(10deg);opacity: 1}
    100% {-webkit-transform:translate3d(0%,-1000%,0) rotateZ(10deg);transform:translate3d(0%,-1000%,0) rotateZ(10deg);opacity: 1}
}

@keyframes s2_bg10{
    0% { -webkit-transform:translate3d(0,0,0) rotateZ(45deg);transform:translate3d(0,0,0) rotateZ(45deg);opacity: 1}
    2%{ -webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);opacity: 1}
    16%{ -webkit-transform:translate3d(200%,-80%,0) rotateZ(45deg);transform:translate3d(200%,-80%,0) rotateZ(45deg);opacity: 1}
    18%{-webkit-transform:translate3d(200%,-80%,0) rotateZ(0deg);transform:translate3d(200%,-80%,0) rotateZ(0deg);opacity: 1}
    40%{-webkit-transform:translate3d(180%,-480%,0) rotateZ(0deg);transform:translate3d(180%,-480%,0) rotateZ(0deg);opacity: 1}
    42%{-webkit-transform:translate3d(180%,-480%,0) rotateZ(70deg);transform:translate3d(180%,-480%,0) rotateZ(70deg);opacity: 1}
    58%{-webkit-transform:translate3d(500%,-550%,0) rotateZ(70deg);transform:translate3d(500%,-550%,0) rotateZ(70deg);opacity: 1}
    60%{-webkit-transform:translate3d(500%,-550%,0) rotateZ(-10deg);transform:translate3d(500%,-550%,0) rotateZ(-10deg);opacity: 1}
    68%{-webkit-transform:translate3d(480%,-700%,0) rotateZ(-10deg);transform:translate3d(480%,-700%,0) rotateZ(-10deg);opacity: 1}
    69%{-webkit-transform:translate3d(480%,-700%,0) rotateZ(-65deg);transform:translate3d(480%,-700%,0) rotateZ(-65deg);opacity: 1}
    88%{-webkit-transform:translate3d(50%,-850%,0) rotateZ(-65deg);transform:translate3d(50%,-850%,0) rotateZ(-65deg);opacity: 1}
    90%{-webkit-transform:translate3d(50%,-850%,0) rotateZ(10deg);transform:translate3d(50%,-850%,0) rotateZ(10deg);opacity: 1}
    100% {-webkit-transform:translate3d(0%,-1000%,0) rotateZ(10deg);transform:translate3d(0%,-1000%,0) rotateZ(10deg);opacity: 1}
}


@-webkit-keyframes s1_bg3{
    0% { -webkit-transform:translate3d(-100%,-30%,0) scale(0.6);transform:translate3d(-100%,-30%,0) scale(0.6);}
    100% { -webkit-transform:translate3d(-60%,-10%,0) scale(0.6);transform:translate3d(-60%,-10%,0) scale(0.6);}
}
@keyframes s1_bg3{
    0% { transform:translate3d(-100%,-30%,0) scale(0.6)}
    100% {transform:translate3d(-60%,-10%,0) scale(0.6);}
}

@-webkit-keyframes s1_bg3_1{
    0% { -webkit-transform:translate3d(-60%,-10%,0) scale(0.6);transform:translate3d(-60%,-10%,0) scale(0.6);}
    100% {-webkit-transform:translate3d(20%,40%,0) scale(0.1);transform:translate3d(20%,40%,0) scale(0.1);}
}
@keyframes s1_bg3_1{
    0% {transform:translate3d(-60%,-10%,0) scale(0.6);}
    100% {transform:translate3d(20%,40%,0) scale(0.1);}
}



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

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

/*@keyframes rotate {*/
  /*0 {*/
    /*-webkit-transform: rotate(0);*/
    /*-ms-transform: rotate(0);*/
    /*transform: rotate(0);*/
  /*}*/

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