*{margin: 0;padding: 0}
html,body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute;overflow: hidden}
html, body {
    -ms-touch-action: none;
    background: #ffffff;
    padding: 0;
    border: 0;
    margin: 0;
    height: 100%;
}
.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');background-size:100% 100%;z-index: 99}

/*.loading1{position:absolute;width:120px;height:120px;background:url('../images/img1/loading1.png');background-size:100% 100%;top:25%;left:25%;*/
    /*-webkit-animation:rotate 1.2s linear infinite;*/
    /*animation:rotate 1.2s linear infinite;*/
/*}*/
.loading11{
    position:absolute;top:63%;left:30%;width: 40%;height:3px;background-color: #8c7a45;
}
.loading11_1{
     position:absolute;top:0;left:0;width: 0;height:100%;background-color: #a7cc16;
 }

a{opacity:1}
/*loading*/
/*音乐*/
.music_blk{z-index:999;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;*/
}


.bg0{position: absolute;top:0;left:0;background:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;display: none}
.bg0_1{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p0.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.bg0_click{
    width:30%;height:6.5%;position: absolute;top:58.5%;left:34%;background:url('../images/p0.1.png') no-repeat 0 0;background-size:100% 100%;
}

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

.bg3{
    position: absolute;top:0;left:0;background:url('../images/p3.jpg') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;display: none
}
.bg3_1{
    position: absolute;top:20%;left:0;background:url('../images/p3.1.png') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;
}
.bg3_2{
    position: absolute;top:5%;left:0;background:url('../images/p3.2.png') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;opacity: 0;
}
.bg3_click1{
    position: absolute;top:47%;left:11%;width: 37%;height:6%;
}
.bg3_click2{
    position: absolute;top:47%;left:53%;width: 37%;height:6%;
}
.bg3_mask{
    position: absolute;top:0;left:0;background:url('../images/p3.3.png') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;display:none
}





.bg3.ani .bg3_1{
    -webkit-animation:bg3_1 0.8s 0.2s linear both;
    animation:bg3_1 0.8s 0.2s linear both;
}
.bg3.ani .bg3_2{
    -webkit-animation:bg3_2 0.8s 1.2s linear both;
    animation:bg3_2 0.8s 1.2s linear both;
}


.youxi{
    width:100%;height:100%;position: absolute;left:120%;top:0;
}






@keyframes bg0_1{
    0%{opacity:0}
    20%{opacity:1}
    80%{opacity: 1}
    100%{opacity: 0}
}
@-webkit-keyframes bg0_1{
    0%{opacity:0}
    20%{opacity:1}
    80%{opacity: 1}
    100%{opacity: 0}
}
@-webkit-keyframes bg3_1 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 0}
    100% { -webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,20%,0);opacity: 1}
}
@keyframes bg3_1 {
    0% { transform:translate3d(0,0,0);opacity: 0}
    100% { transform:translate3d(0,-20%,0);opacity: 1}
}
@-webkit-keyframes bg3_2 {
    0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: 0}
    100% { -webkit-transform:translate3d(0,-5%,0);transform:translate3d(0,5%,0);opacity: 1}
}
@keyframes bg3_2 {
    0% { transform:translate3d(0,0,0);opacity: 0}
    100% { transform:translate3d(0,-5%,0);opacity: 1}
}


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

/*@-webkit-keyframes bg0_2_4 {*/
    /*0% { -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) ;opacity: 0}*/
    /*100% { -webkit-transform:translate3d(100%,102%,0);transform:translate3d(100%,102%,0) ;opacity: 1}*/
/*}*/
/*@keyframes bg0_2_4 {*/
    /*0% { transform:translate3d(0,0,0) ;opacity: 0}*/
    /*100% { transform:translate3d(100%,102%,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}
}

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

}