*{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%;background:url('../images/loading.jpg');background-size:100% 100%;z-index: 99}

.loading11{
    position:absolute;top:56%;left:33%;width: 35.26%;height:4px;background-color: #141414;
}
.loading11_1{
     position:absolute;top:0;left:0;width: 0;height:100%;background-color: #d70303;
 }
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;
}

#s0{position:relative;background:url('../images/p0.jpg') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s0_1{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p0.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
#s0.ani .s0_1{
    -webkit-animation:Out 1s linear both;
    animation:Out 1s linear both;
}

#s1{position: relative;background:url('../images/p1.jpg') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s1_1{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p1.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.s1_2{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p1.2.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
#s1.ani .s1_2{
    -webkit-animation:0.5s 0s Out linear both;
    animation:0.5s 0s Out linear both;
}
#s1.ani .s1_1{
    -webkit-animation:0.5s 0.7s Out linear both;
    animation:0.5s 0.7s Out linear both;
}


#s2{position: relative;background:url('../images/p2.jpg') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s2_1{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p2.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
#s2.ani .s2_1{
    -webkit-animation:0.5s 0s Out linear both;
    animation:0.5s 0s Out linear both;
}


#s3{position: relative;top:0;left:0;background:url('../images/p3.jpg') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s3_1{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p3.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.s3_2{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p3.2.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.s3_3{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p3.3.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
#s3.ani .s3_2{
    -webkit-animation:0.5s 0s Out linear both;
    animation:0.5s 0s Out linear both;
}
#s3.ani .s3_1{
    -webkit-animation:0.5s 0.7s Out linear both;
    animation:0.5s 0.7s Out linear both;
}
#s3.ani .s3_3{
    -webkit-animation:0.5s 1.5s Out linear both;
    animation:0.5s 1.5s Out linear both;
}


#s4{position: relative;top:0;left:0;background:url('../images/p4.jpg') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;}
.s4_1{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p4.1.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.s4_2{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p4.2.png') no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
#s4.ani .s4_1{
    -webkit-animation:0.5s 0s Out linear both;
    animation:0.5s 0s Out linear both;
}
#s4.ani .s4_2 {
    -webkit-animation: 0.5s 0.7s Out linear both;
    animation: 0.5s 0.7s Out linear both;
}


.s4_click{
    width: 86%;height:6%;position: absolute;left:7%;top:68%;
}
.shore{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p4-1.png') no-repeat 0 0;background-size:100% 100%;  display: none;
}

.check{position: relative;top:0;left:0;background:url('../images/2.jpg') no-repeat 0 0;background-size:100% 100%;width: 100%;height:100%;display:none}
.check_1{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/3.png') no-repeat 0 0;background-size:100% 100%;
}
.check_click{
    width: 86%;height:6%;position: absolute;left:7%;top:68%;
}
.check_mask{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/4.png') no-repeat 0 0;background-size:100% 100%;display:none
}



.congratulation{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.jpg') no-repeat 0 0;background-size:100% 100%;display: none;
}
.congratulation_1{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.1.png') no-repeat 0 0;background-size:100% 100%;
}
.congratulation_2{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.2.png') no-repeat 0 0;background-size:100% 100%;
}
.congratulation_3{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.3.png') no-repeat 0 0;background-size:100% 100%;
}
.congratulation_click{
    width: 86%;height:6%;position: absolute;left:7%;top:68%;

}


.no_congratulation{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.jpg') no-repeat 0 0;background-size:100% 100%;display: none;
}
.no_congratulation_1{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.4.png') no-repeat 0 0;background-size:100% 100%;
}
.no_congratulation_2{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.5.png') no-repeat 0 0;background-size:100% 100%;
}
.no_congratulation_3{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.6.png') no-repeat 0 0;background-size:100% 100%;
}
.no_congratulation_4{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.8.png') no-repeat 0 0;background-size:100% 100%;
}
.no_congratulation_again{
    width: 86%;height:6%;position: absolute;left:7%;top:51%;

}
.buy{
    width: 86%;height:6%;position: absolute;left:7%;top:58%;

}

.already_congratulation{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.jpg') no-repeat 0 0;background-size:100% 100%;
}
.already_congratulation_1{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/already.png') no-repeat 0 0;background-size:100% 100%;
}
.already_congratulation_2{
    width: 100%;height:100%;position: absolute;left:0;top:-3%;background:url('../images/p5.2.png') no-repeat 0 0;background-size:100% 100%;
}
.already_congratulation_3{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.8.png') no-repeat 0 0;background-size:100% 100%;
}

.buy{
    width: 86%;height:6%;position: absolute;left:7%;top:58%;
}













.gameOver{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.jpg') no-repeat 0 0;background-size:100% 100%;display: none;
}
.gameOver_1{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.4.png') no-repeat 0 0;background-size:100% 100%;
}
.gameOver_2{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.5.png') no-repeat 0 0;background-size:100% 100%;
}
.gameOver_3{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.7.png') no-repeat 0 0;background-size:100% 100%;
}
.gameOver_4{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/p5.8.png') no-repeat 0 0;background-size:100% 100%;
}


.information{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/dizhi.jpg') no-repeat 0 0;background-size:100% 100%;
}
#information_name{
    position: absolute;
    left: 32%;
    top: 12%;
    width: 49%;
    height: 5%;
    border: none;
    background-color:#d4d4d4 ;

}
#information_tell{
    position: absolute;
    left: 32%;
    top: 18.5%;
    width: 50%;
    height: 5%;
    border: none;
    background-color:#d4d4d4 ;
}

#information_poster{
    position: absolute;
    left: 32%;
    top: 25%;
    width: 50%;
    height: 5%;
    border: none;
    background-color:#d4d4d4 ;
}
#information_address{
    position: absolute;
    left: 11%;
    top: 37%;
    width: 74%;
    height: 8%;
    border: none;
    background-color:#d4d4d4 ;
}

.information_button{
    width: 28%;
    height: 5%;
    position: absolute;
    left: 36%;
    top: 48%;
}


.youji{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/youji.png') no-repeat 0 0;background-size:100% 100%;display: none;
}
.information_alert{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url('../images/alert.png') no-repeat 0 0;background-size:100% 100%;display: none;
}


@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 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}

}