*{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}

/*.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;
 }
/*.loading12{*/
    /*position:absolute;width:100%;height:100%;background:url('../images/hand.png?3');background-size:100% 100%;display: none;*/
    /*-webkit-animation:loading12 1.2s linear infinite;*/
    /*animation:loading12 1.2s linear infinite;*/
/*}*/
/*.loading.ani{*/
    /*-webkit-animation: 0.5s 0.1s Out1 linear both;*/
    /*animation: 0.5s 0.1s Out1 linear both;*/
/*}*/

a{opacity:1}
/*loading*/

/*音乐*/
.music_blk{z-index:999;position:fixed;right:5px;top:5px;display: none}
.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;
}



.bg{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;background:url('../images/p0.jpg?1') no-repeat;background-size:100% 100%;}
/*.bg_ship{*/
    /*width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:20%;left:0;background:url('../images/p0.4.png?1') no-repeat;background-size:100% 100%;*/
    /*transform-origin: top ;-webkit-transform-origin: top ;*/
/*}*/
 /*.bg_ship{*/
    /*-webkit-animation: 15s 0.5s bg_ship linear both;*/
    /*animation: 15s 0.5s bg_ship linear both;*/
/*}*/
.bg_0{
    width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:45%;background:url('../images/p0.2.png?1') no-repeat;background-size:100% 100%;opacity: 0;
}
.bg_1{
    width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;background:url('../images/p0.1.png?1') no-repeat;background-size:100% 100%;opacity: 0;
}
.bg_click{width: 38.4%;height: 5%;position: absolute;top:89%;left:33%;background:url('../images/p0.3.png?1') no-repeat;background-size:100% 100%;opacity: 0}
.bg.ani .bg_0{
    -webkit-animation: 0.5s 0.2s bg_0 linear both;
    animation: 0.5s 0.2s bg_0 linear both;
}
.bg.ani .bg_1{
    -webkit-animation: 0.8s 1s Out linear both;
    animation: 0.8s 1s Out linear both;
}

.bg.ani .bg_click{
    -webkit-animation: 0.8s 3s Out linear both;
    animation: 0.8s 3s Out linear both;
}




.bg0{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;background:url('../images/p1.jpg?1') no-repeat 0 0;background-size:100% 100%;}
.bg0_mask{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.0.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg0_left{width: 50%;height: 43%;position: absolute;top:0;left:0;}

.bg0_left_1{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.2.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg0_left_2{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.5.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg0_left_3{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.6.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg0_left_4{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.7.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg0_left_5{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.8.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg0_left_6{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.9.png?1') no-repeat 0 0;background-size:100% 100%;}

.bg0_right{width: 50%;height:43%;position: absolute;top:0;left:43.5%;}
.bg0_right_1{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.2.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg0_right_2{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.5.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg0_right_3{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.6.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg0_right_4{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.7.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg0_right_5{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.8.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg0_right_6{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.9.png?1') no-repeat 0 0;background-size:100% 100%;}

.bg0_bottom{width: 100%;height: 100%;position: absolute;top:0;left:0;  }
.bg0_bottom_1{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.4.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg0_bottom_2{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.10.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg0_bottom_3{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p1.11.png?1') no-repeat 0 0;background-size:100% 100%;}

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

.bg0_left_click{
    width: 30%;height: 7%;position: absolute;top:42%;left:14%;opacity: 0.3
}

.bg0_right_click{
    width: 30%;height: 7%;position: absolute;top:42%;left:59%;opacity: 0.3
}
.bg0_bottom_click{
    width:32%;height: 8%;position: absolute;top:72%;left:58%;opacity: 0.3
}
.bg0_click{width: 57.24%;height: 6.7%;position: absolute;top:89%;left:23%;background:url('../images/p1.1.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg0.ani .bg0_click{
    -webkit-animation: 0.5s  Out linear both;
    animation: 0.5s  Out linear both;
}

.bg1{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: absolute;top:0;left:0;background:url('../images/p1.jpg?1') no-repeat 0 0;background-size:100% 100%;}
.bg1_0{width: 100%;height: 100%;position: absolute;top:-20%;left:40%;background:url('../images/p2.2.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg1_1{width: 100%;height: 100%;position: absolute;top:0;left:50%;background:url('../images/p2.3.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg1_2{width: 100%;height: 100%;position: absolute;top:0;left:-50%;background:url('../images/p2.4.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg1_left{width: 60.38%;height: 63%;position: absolute;top:-2%;left:0;background:url('../images/p2.7.png?1') no-repeat 0 0;background-size:100% 100%;transform-origin: left top;-webkit-transform-origin: left top}
.bg1_right{width: 60.38%;height: 63%;position: absolute;top:-2%;left:40%;background:url('../images/p2.10.png?1') no-repeat 0 0;background-size:100% 100%;transform-origin: right top;-webkit-transform-origin: right top}
.bg1_3{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2.5.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg1_4{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2.6.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg1_5{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p0.2.png?1') no-repeat 0 0;background-size:100% 100%;}
.bg1_6{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg1_7{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2.8.png?1') no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg1_click{width: 50%;height: 10%;position: absolute;top:86%;left:23%;opacity: 0.3}
.share{width: 100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/p2.9.png?1') no-repeat 0 0;background-size:100% 100%;display: none}

.bg1.ani .bg1_0{
-webkit-animation: 1s 0.5s bg1_0 linear both;
animation: 1s 0.5s bg1_0 linear both;
}

.bg1.ani .bg1_1{
-webkit-animation: 1s 0.5s bg1_1 linear both;
animation: 1s 0.5s bg1_1 linear both;
}

.bg1.ani .bg1_2{
    -webkit-animation: 1s 0.5s bg1_2 linear both;
    animation: 1s 0.5s bg1_2 linear both;
}

.bg1.ani .bg1_4{
    -webkit-animation: 0.5s 1.7s Out linear both;
    animation: 0.5s 1.7s Out linear both;
}

.bg1.ani .bg1_left{
    -webkit-animation: 8s  bg1_left linear infinite;
    animation: 8s  bg1_left linear infinite;
}
.bg1.ani .bg1_right{
    -webkit-animation: 8s  bg1_right linear infinite;
    animation: 8s  bg1_right linear infinite;
}

.bg1.ani .bg1_6{
    -webkit-animation: 1s 2.8s Out linear both;
    animation: 1s 2.8s Out linear both;
}
.bg1.ani .bg1_7{
    -webkit-animation: 1s 4s Out linear both;
    animation: 1s 4s Out linear both;
}


/*#bg0.ani .bg0_3{*/
    /*-webkit-animation: 0.8s 5s bg0_4 linear both;*/
    /*animation: 0.8s 5s bg0_4 linear both;*/
/*}*/

/*#bg0.ani .arrow{*/
    /*-webkit-animation:1s 8s arrow infinite;*/
    /*animation:1s 8s arrow infinite ;*/
/*}*/


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

/*#s0{background:url('../images/p1.jpg?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}*/
/*.s0_0{background:url('../images/p1.1.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity: 0;}*/
/*.s0_1{background:url('../images/p1.2.png?3') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;position: absolute;top:0;left:0;opacity: 0;}*/
/*#s0.ani .s0_0{*/
    /*-webkit-animation: 0.8s 0.1s Out linear both;*/
    /*animation: 0.8s 0.1s Out linear both;*/
/*}*/
/*#s0.ani .s0_1{*/
    /*-webkit-animation: 0.8s 1.2s Out linear both;*/
    /*animation: 0.8s 1.2s Out linear both;*/
/*}*/
@-webkit-keyframes bg1_0 {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 0}
    100% {-webkit-transform:translate3d(-40%,20%,0);opacity: 1}
}
@keyframes bg1_0 {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(-40%,20%,0);opacity: 1}
}
@-webkit-keyframes bg1_1 {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 0}
    100% {-webkit-transform:translate3d(-50%,0,0);opacity: 1}
}
@keyframes bg1_1 {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(-50%,0,0);opacity: 1}
}
@-webkit-keyframes bg1_2 {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 0}
    100% {-webkit-transform:translate3d(50%,0,0);opacity: 1}
}
@keyframes bg1_2 {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(50%,0,0);opacity: 1}
}

@-webkit-keyframes bg1_left {
    0% {-webkit-transform:rotate(30deg);}
    50% {-webkit-transform:rotate(-10deg);}
    100% {-webkit-transform:rotate(30deg);}
}
@keyframes bg1_left {
    0% {transform:rotate(30deg)}
    50% {transform:rotate(-10deg)}
    100% {transform:rotate(30deg)}
}
@-webkit-keyframes bg1_right {
    0% {-webkit-transform:rotate(-30deg);}
    50% {-webkit-transform:rotate(10deg);}
    100% {-webkit-transform:rotate(-30deg);}
}
@keyframes bg1_right {
    0% {transform:rotate(-30deg)}
    50% {transform:rotate(10deg)}
    100% {transform:rotate(-30deg)}
}

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

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

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


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

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

/*@-webkit-keyframes bg_ship {*/
    /*0% {-webkit-transform:translate3d(0,0,0)  scale(0);}*/
    /*100% {-webkit-transform:translate3d(0,0,0)  scale(0.8);}*/
/*}*/
/*@keyframes bg_ship {*/
    /*0% {transform:translate3d(0,0,0) scale(0);}*/
    /*100% {transform:translate3d(0,0,0) scale(0.8);}*/
/*}*/

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

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


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

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

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

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


/*@-webkit-keyframes s7_0 {*/
    /*0%{opacity: 0}*/
    /*20%{opacity: 1}*/
    /*80%{opacity: 1}*/
    /*100%{opacity: 0}*/
/*}*/

/*@keyframes s7_0 {*/
    /*0%{opacity: 0}*/
    /*20%{opacity: 1}*/
    /*80%{opacity: 1}*/
    /*100%{opacity: 0}*/
/*}*/




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


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