*{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%;z-index: 99;overflow: hidden;background:url('../images/load/loading.jpg?1') no-repeat 0 0;background-size:100% 100%;}

/*.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:25%;left:33%;width: 35.26%;height:4px;background-color: #008eb3;*/
/*}*/
/*.loading11_1{*/
     /*position:absolute;top:0;left:0;width: 0;height:100%;background-color: #20b6dd;*/
 /*}*/

#loading_img1{
    width: 21%;;height:12%;position: absolute;;top:16%;left: 41%;
}

a{opacity:1}
/*loading*/

/*音乐*/
.music_blk{z-index:99999;position:fixed;right: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;
}


.box{
    background:url('../images/p1.jpg?1') no-repeat 0 0;background-size:100% 100%;
    height: 100%;
    width:100%;
    position: absolute;
    top:0;
    left: 0;
    perspective: 30000px;
    -webkit-perspective: 30000px;
    perspective-origin: 50% 50% ;
    -webkit-perspective-origin: 50% 50% ;
    overflow: hidden;
    -webkit-transform-origin: 50% 50% 0px;
    transform-origin: 50% 50% 0px;
}


.box_box{
    position: absolute;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    width: 100%;height: 100%;
}

.box_0{
    position: absolute;
    transform: translate3d(0, 0, 29000px)  scale3d(0.034, 0.034, 1);
    -webkit-transform: translate3d(0, 0, 29000px)  scale3d(0.034, 0.034, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px;background:url('../images/p50.png?2') no-repeat;background-size:100% 100%;
}

.box_gif{
    position: absolute;width: 80%; height: 48%; top:0;left:10%;
}
.hand{
    position: absolute;width: 21%; height: 6.5%; top:89%;left:43%;background:url('../images/load/p1.5.png?1') no-repeat;background-size:100% 100%;
}
.hand.hand1{
    position: absolute;width: 21%; height: 6%; top:89%;left:43%;background:url('../images/hand1.png?1') no-repeat;background-size:100% 100%;
}
.box_0.ani .hand{
    -webkit-animation: 1s hand linear infinite;
    animation:1s hand linear infinite;
}


.box_0_0{
    position: absolute;width: 100%; height: 100%; top:0;left:0;background:url('../images/p1.2.png?1') no-repeat;background-size:100% 100%;
}
.box_0_1{
    position: absolute;width: 37%; height: 12%; top:-9%;left:48%;background:url('../images/load/p1.6.png?1') no-repeat;background-size:100% 100%;opacity: 0;
}
.box_0_2{
    position: absolute;width: 30%; height: 8%; top:21%;left:93%;background:url('../images/load/p1.7.png?1') no-repeat;background-size:100% 100%;opacity: 0;
}
.box_0_3{
    position: absolute;width: 15%; height: 5%; top:10%;left:71%;background:url('../images/load/p1.8.png?1') no-repeat;background-size:100% 100%;opacity: 0;
}
.box_0_4{
    position: absolute;width: 18%; height: 7%; top:19%;left:43%;background:url('../images/load/p1.9.png?1') no-repeat;background-size:100% 100%;opacity: 0;
}


.box_0.ani .box_0_1{
    -webkit-animation: 2s 0.5s box_0_1 linear both;
    animation:2s 0.5s box_0_1 linear both;
}
.box_0.ani .box_0_2{
    -webkit-animation: 2s 1s box_0_2 linear both;
    animation:2s 1s box_0_2 linear both;
}
.box_0.ani .box_0_3{
    -webkit-animation: 2s 2s box_0_3 linear both;
    animation:2s 2s box_0_3 linear both;
}
.box_0.ani .box_0_4{
    -webkit-animation: 2s 3s box_0_4 linear both;
    animation:2s 4s box_0_4 linear both;
}


.box_1{
position: absolute;
transform: translate3d(0, 0, 25500px)  scale3d(0.2, 0.2, 1);
    -webkit-transform: translate3d(0, 0, 25500px)  scale3d(0.2, 0.2, 1);
width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p1.1.png?1') no-repeat;background-size:100% 100%;
}
.box_2_word{
    position: absolute;
    transform: translate3d(0, 0.75%, 27100px)  scale3d(0.025, 0.009, 1);
    -webkit-transform: translate3d(0, 0.75%, 27100px)  scale3d(0.025, 0.009, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p1.12.png?1') no-repeat;background-size:100% 100%;opacity:0;
}
.box_2{
position: absolute;
transform: translate3d(0.25%, 0, 27000px)  scale3d(0.04, 0.04, 1);
    -webkit-transform: translate3d(0.25%, 0, 27000px)  scale3d(0.04, 0.04, 1);
width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p1.39.png?1') no-repeat;background-size:100% 100%;
}

.box_3{
    position: absolute;
    transform: translate3d(0, 0, 25900px) scale3d(0.04, 0.04, 1);
    -webkit-transform: translate3d(0, 0, 25900px) scale3d(0.04, 0.04, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px;  background:url('../images/nei.png?1') no-repeat;background-size:100% 100%;
}
.box_4{
    position: absolute;
    transform: translate3d(0, 0, 26400px) scale3d(0.01, 0.007, 1);
    -webkit-transform: translate3d(0, 0, 26400px) scale3d(0.01, 0.007, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p1.16.png?1') no-repeat;background-size:100% 100%;
}


.tiangong1{
    position: absolute;
    transform: translate3d(-0.5%,-0.8%, 25300px) scale3d(0.008, 0.004, 1);
    -webkit-transform: translate3d(-0.5%,-0.8%, 25300px) scale3d(0.008, 0.004, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px;  background:url('../images/tiangong/p1.3.png?1') no-repeat;background-size:100% 100%;
}
.tiangong2{
    position: absolute;
    transform: translate3d(1.3%,1.3%, 24900px) scale3d(0.02, 0.01, 1);
    -webkit-transform: translate3d(1.3%,1.3%, 24900px) scale3d(0.02, 0.01, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px;  background:url('../images/tiangong/p1.2.png?1') no-repeat;background-size:100% 100%;
}
.tiangong3{
    position: absolute;
    transform: translate3d(0.2%,0, 23600px) scale3d(0.04, 0.03, 1);
    -webkit-transform: translate3d(0.2%,0, 23600px) scale3d(0.04, 0.03, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px;  background:url('../images/tiangong/p1.1.png?1') no-repeat;background-size:100% 100%;
}
.tiangong4{
    position: absolute;
    transform: translate3d(-2%,2%, 24000px) scale3d(0.02, 0.01, 1);
    -webkit-transform: translate3d(-2%,2%, 24000px) scale3d(0.02, 0.01, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px;  background:url('../images/tiangong/p1.4.png?1') no-repeat;background-size:100% 100%;
}

/*.tiangong5{*/
    /*position: absolute;*/
    /*transform: translate3d(2%,-1%, 21500px) scale3d(0.05, 0.04, 1);*/
    /*width: 100%; height: 100%; transform-origin: 50% 50% 0px;  background:url('../images/tiangong/p1.5.png?1') no-repeat;background-size:100% 100%;*/
/*}*/

.box_6_word{
    position: absolute;
    transform: translate3d(-0.5%, 0.48%, 24400px)  scale3d(0.018, 0.0069, 1);
    -webkit-transform: translate3d(-0.5%, 0.48%, 24400px)  scale3d(0.018, 0.0069, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p1.17.png?1') no-repeat;background-size:100% 100%;opacity: 0;
}
.box_6{
    position: absolute;
    transform: translate3d(-0.3%, 0, 24300px)  scale3d(0.033, 0.012, 1);
    -webkit-transform: translate3d(-0.3%, 0, 24300px)  scale3d(0.033, 0.012, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p1.18.png?1') no-repeat;background-size:100% 100%;
}
/*.box_7_stone1{*/
    /*position: absolute;*/
    /*transform: translate3d(0%,0%,22200px) scale3d(0.05, 0.03, 1);*/
    /*width: 100%; height: 100%; transform-origin: 50% 50% 0px;  background:url('../images/p1.29.png?1') no-repeat;background-size:100% 100%;*/
/*}*/

.mozi1{
    position: absolute;
    transform: translate3d(0,0, 21800px) scale3d(0.05, 0.05, 1);
    -webkit-transform: translate3d(0,0, 21800px) scale3d(0.05, 0.05, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px;  background:url('../images/mozi/p1.1.png?1') no-repeat;background-size:100% 100%;
}
.mozi2{
    position: absolute;
    transform: translate3d(-0.96%,-0.94%, 22900px) scale3d(0.0036, 0.0022, 1);
    -webkit-transform: translate3d(-0.96%,-0.94%, 22900px) scale3d(0.0036, 0.0022, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px;  background:url('../images/mozi/p1.2.png?1') no-repeat;background-size:100% 100%;
}
.mozi3{
    position: absolute;
    transform: translate3d(0.6%,1.6%, 22600px) scale3d(0.02, 0.014, 1);
    -webkit-transform: translate3d(0.6%,1.6%, 22600px) scale3d(0.02, 0.014, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px;  background:url('../images/mozi/p1.3.png?1') no-repeat;background-size:100% 100%;
}

.box_7_word{
    position: absolute;
    transform: translate3d(-0.1%, 0.45%, 22200px)  scale3d(0.024, 0.0092, 1);
    -webkit-transform: translate3d(-0.1%, 0.45%, 22200px)  scale3d(0.02, 0.007, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p1.32.png?1') no-repeat;background-size:100% 100%;opacity: 0;
}

.box_7{
    position: absolute;
    transform: translate3d(0, -0.1%, 22100px)  scale3d(0.03, 0.014, 1);
    -webkit-transform: translate3d(0, -0.1%, 22100px)  scale3d(0.03, 0.014, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p1.33.png?1') no-repeat;background-size:100% 100%;
}


.box_8{
    position: absolute;
    transform: translate3d(0, 0, 20300px)  scale3d(0.07, 0.068, 1);
    -webkit-transform: translate3d(0, 0, 20300px)  scale3d(0.07, 0.068, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p1.37.png?1') no-repeat;background-size:100% 100%;
}


/*.box_cloud1{*/
    /*position: absolute;*/
    /*transform: translate3d(-0.1%,-0.1%, 20000px)  scale3d(0.02, 0.008, 1);*/
    /*width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/cloud/p2.1.png?1') no-repeat;background-size:100% 100%;*/
/*}*/

.box_cloud2{
    position: absolute;
    transform: translate3d(0, 0, 19600px) scale3d(0.04, 0.04, 1);
    -webkit-transform: translate3d(0, 0, 19600px) scale3d(0.04, 0.04, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/cloud/p0.1.png?1') no-repeat;background-size:100% 100%;
}
.box_cloud3{
    position: absolute;
    transform: translate3d(0, 0, 19700px)  scale3d(0.04, 0.04, 1);
    -webkit-transform: translate3d(0, 0, 19700px)  scale3d(0.04, 0.04, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/cloud/p0.2.png?1') no-repeat;background-size:100% 100%;
}

.box_cloud4{
    position: absolute;
    transform: translate3d(0, 0, 19800px)  scale3d(0.04, 0.04, 1);
    -webkit-transform: translate3d(0, 0, 19800px)  scale3d(0.04, 0.04, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/cloud/p0.1.png?1') no-repeat;background-size:100% 100%;
}
.box_cloud5{
    position: absolute;
    transform: translate3d(0, 0, 19900px)  scale3d(0.04, 0.04, 1);
    -webkit-transform: translate3d(0, 0, 19900px)  scale3d(0.04, 0.04, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/cloud/p0.2.png?1') no-repeat;background-size:100% 100%;
}

.box_cloud6{
    position: absolute;
    transform: translate3d(0, 0, 20000px)  scale3d(0.015, 0.015, 1);
    -webkit-transform: translate3d(0, 0, 20000px)  scale3d(0.015, 0.015, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/cloud/p0.1.png?1') no-repeat;background-size:100% 100%;
}
.box_cloud7{
    position: absolute;
    transform: translate3d(0, 0, 20100px)  scale3d(0.02, 0.02, 1);
    -webkit-transform: translate3d(0, 0, 20100px)  scale3d(0.02, 0.02, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/cloud/p0.2.png?1') no-repeat;background-size:100% 100%;
}

.earth_0{
    position: absolute;
    transform: translate3d(-0.65%, 0.15%, 18001px)  scale3d(0.04, 0.025, 1);
    -webkit-transform: translate3d(-0.65%, 0.15%, 18001px)  scale3d(0.04, 0.025, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p3.1.png?1') no-repeat;background-size:100% 100%;
}
.earth_0_bg{
    position: absolute;
    transform: translate3d(0, 0.4%, 18000px)  scale3d(0.12, 0.12, 1);opacity: 0;
    -webkit-transform: translate3d(0, 0.4%, 18000px)  scale3d(0.12, 0.12, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/0_bg.jpg?1') no-repeat;background-size:100% 100%;
}


.earth_1{
    position: absolute;
    transform: translate3d(0, 1%, 16001px)  scale3d(0.12, 0.037, 1);
    -webkit-transform: translate3d(0, 1%, 16001px)  scale3d(0.12, 0.037, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p3.2.2.png?1') no-repeat;background-size:100% 100%;
}

.earth_1_bg{
    position: absolute;
    transform: translate3d(0, 0, 16000px)  scale3d(0.12, 0.12, 1);opacity: 0;
    -webkit-transform: translate3d(0, 0, 16000px)  scale3d(0.12, 0.12, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/1_bg.png?1') no-repeat;background-size:100% 100%;
}
.earth_1_word{
    position: absolute;
    transform: translate3d(-1%, 2%, 16100px)  scale3d(0.04, 0.015, 1);
    -webkit-transform: translate3d(-1%, 2%, 16100px)  scale3d(0.04, 0.015, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p2_word.png?1') no-repeat;background-size:100% 100%;
}

.earth_2{
    position: absolute;
    transform: translate3d(0, 0, 14000px)  scale3d(0.08, 0.037, 1);
    -webkit-transform: translate3d(0, 0, 14000px)  scale3d(0.08, 0.037, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p3.2.png?1') no-repeat;background-size:100% 100%;
}

.earth_3{
    position: absolute;
    transform: translate3d(0, 0, 12000px)  scale3d(0.1, 0.037, 1);
    -webkit-transform: translate3d(0, 0.2%, 12000px)  scale3d(0.1, 0.037, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p3.3.png?1') no-repeat;background-size:100% 100%;
}
/*.earth_4{*/
    /*position: absolute;*/
    /*transform: translate3d(0, 0, 10000px)  scale3d(0.15, 0.068, 1);*/
    /*-webkit-transform: translate3d(0, 0, 10000px)  scale3d(0.15, 0.068, 1);*/
    /*width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p3.4.png?1') no-repeat;background-size:100% 100%;*/
/*}*/


.earth_5{
    position: absolute;
    transform: translate3d(-0.5%, 1%, 9800px)  scale3d(0.2, 0.05, 1);
    -webkit-transform: translate3d(-0.5%, 1%, 9800px)  scale3d(0.2, 0.05, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p4.3.png?1') no-repeat;background-size:100% 100%;
}
.earth_6{
    position: absolute;
    transform: translate3d(0.3%, 1.5%, 10000px)  scale3d(0.23, 0.08, 1);
    -webkit-transform: translate3d(0.3%, 1.5%, 10000px)  scale3d(0.23, 0.08, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p4.2.png?1') no-repeat;background-size:100% 100%;
}

.earth_6_add{
    position: absolute;
    transform: translate3d(0, 0.25%, 9801px)  scale3d(0.008, 0.01, 1);
    -webkit-transform: translate3d(0, 0.25%, 9801px)  scale3d(0.008, 0.01, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p4.1.png?1') no-repeat;background-size:100% 100%;
}

.earth_7{
    position: absolute;
    transform: translate3d(0, 0, 8000px)  scale3d(0.19, 0.19, 1);opacity: 0;
    -webkit-transform: translate3d(0, 0, 8000px)  scale3d(0.19, 0.19, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p5.jpg?1') no-repeat;background-size:100% 100%;
}

.earth_7_word{
    position: absolute;
    transform: translate3d(1%, 1.5%, 8500px) scale3d(0.01, 0.008, 1) rotateZ(-110deg);opacity: 0;
    -webkit-transform: translate3d(1%, 1.5%, 8500px) scale3d(0.01  , 0.008, 1) rotateZ(-110deg);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p6.png?1') no-repeat;background-size:100% 100%;
}

.earth_7_word.ani{
    -webkit-animation:earth_7 1.2s 1s linear both;
    animation:earth_7 1.2s 1s linear both;
}

.earth_cloud2{
    position: absolute;
    transform: translate3d(0, 0.35%, 13900px)  scale3d(0.2, 0.05, 1);
    -webkit-transform: translate3d(0, 0.35%, 13900px)  scale3d(0.2, 0.05, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p7.1.png?1') no-repeat;background-size:100% 100%;
}
.earth_cloud3{
    position: absolute;
    transform: translate3d(0, 0.2%, 11900px)  scale3d(0.2, 0.065, 1);
    -webkit-transform: translate3d(0, 0, 11900px)  scale3d(0.2, 0.065, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p7.2.png?1') no-repeat;background-size:100% 100%;
}
.earth_cloud3_1{
    position: absolute;
    transform: translate3d(0, 0, 11800px)  scale3d(0.2, 0.065, 1);
    -webkit-transform: translate3d(0, 0, 11800px)  scale3d(0.2, 0.065, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p7.3.png?1') no-repeat;background-size:100% 100%;
}

.bg{
    position: absolute;
    transform: translate3d(0, 0, 50px)  scale3d(1, 1, 1);opacity: 0;
    -webkit-transform: translate3d(0, 0, 50px)  scale3d(1, 1, 1);
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/p3/p4.jpg?1') no-repeat;background-size:100% 100%;
}

.mask{
    position: fixed;display: none;
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/ios.png?1') no-repeat;background-size:100% 100%;
}
.mask.and{
    position: fixed;display: none;
    width: 100%; height: 100%; transform-origin: 50% 50% 0px; background:url('../images/android.png?1') no-repeat;background-size:100% 100%;
}



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

@-webkit-keyframes earth_7 {
    0% { -webkit-transform: translate3d(1%, 1.5%, 8500px) scale3d(0.01, 0.008, 1) ;opacity: 0;}
    100% {-webkit-transform:translate3d(0,0, 8500px) scale3d(0.14, 0.128, 1) ;opacity: 1}
}

@keyframes earth_7 {
    0% {transform:  translate3d(1%, 1.5%, 8500px) scale3d(0.01, 0.008, 1) ;opacity: 0;}
    100% {transform: translate3d(0, 0, 8500px) scale3d(0.14, 0.128, 1) ;opacity: 1}
}



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

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


@-webkit-keyframes box_0_1 {
    0% {-webkit-transform: translate3d(0, 0,0);opacity: 0}
    100% {-webkit-transform: translate3d(-350%, 300%, 0);opacity: 1}
}

@keyframes box_0_1 {
    0% {transform:translate3d(0, 0,0);opacity: 0}
    100% {transform: translate3d(-350%, 300%, 0);opacity: 1}
}


@-webkit-keyframes box_0_2 {
    0% {-webkit-transform: translate3d(0, 0,0);opacity: 0}
    100% {-webkit-transform: translate3d(-450%, 325%, 0);opacity: 1}
}

@keyframes box_0_2 {
    0% {transform:translate3d(0, 0,0);opacity: 0}
    100% {transform: translate3d(-450%, 325%, 0);opacity: 1}
}


@-webkit-keyframes box_0_3 {
    0% {-webkit-transform: translate3d(0, 0,0);opacity: 0}
    100% {-webkit-transform: translate3d(-550%, 200%, 0);opacity: 1}
}
@keyframes box_0_3 {
    0% {transform:translate3d(0, 0,0);opacity: 0}
    100% {transform: translate3d(-550%, 200%, 0);opacity: 1}
}


@-webkit-keyframes box_0_4 {
    0% {-webkit-transform: translate3d(0, 0,0);opacity: 0}
    100% {-webkit-transform: translate3d(-600%, 200%, 0);opacity: 1}
}

@keyframes box_0_4 {
    0% {transform:translate3d(0, 0,0);opacity: 0}
    100% {transform: translate3d(-600%, 200%, 0);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}
}