html,body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute; font-family: sans-serif;overflow: hidden}
.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") no-repeat 0 0;background-size:100% 100%;z-index: 99}
.load_val{width:20%;}
.load_anime{position:absolute;width:100%;height:100%;}
.loading_line{position:absolute;width:51.2%;height:0.6%;top:54%;left:25.8%;background:#9e9e9e}
.loading_line_blank{position:absolute;width:0%;height:100%;background-color:#cb1919;}
a{opacity:1}

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

/*.mask{width: 100%;height:100%;position: fixed;top:-100%;left:0;display: none;z-index: 1;background:url("../images/p1.10.png") no-repeat 0 0;background-size:100% 100%;}*/
/*.mask11{width: 100%;height:100%;background:url("../images/p1.11.png?2") no-repeat 0 0;background-size:100% 100%;}*/
/*!*#center_11{width: 100%;height: 100%;margin: 0 auto;opacity:1;position: absolute;top:0;left:0;overflow:hidden;background-color: #f8f8f8}*!*/
/*!*#center1{width: 100%;height:828.57%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;}*!*/
/*!*img{width: 90%;height:80%}*!*/




/*.bg0_1.ani .bg0_1_2{*/
    /*-webkit-animation: 0.1s 0.2s Out linear both;*/
    /*animation:0.1s 0.2s Out linear both;*/
/*}*/
/*.bg0_1.ani .bg0_1_3{*/
    /*-webkit-animation: 0.1s 0.5s Out linear both;*/
    /*animation:0.1s 0.5s Out linear both;*/
/*}*/


/*.bg0_hand{*/
    /*width:13%;height:18%;position: absolute;top:79%;left:76%;background:url("../images/hand.png?2") no-repeat 0 0;background-size:100% 100%;*/
/*}*/
/*.bg0_hand.ani{*/
    /*-webkit-animation: 2s 0.3s shake1 linear infinite;*/
    /*animation:2s 0.3s shake1 linear infinite;*/
/*}*/



.s0{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p1.jpg") no-repeat 0 0;background-size:100% 100%;
}
.s0_click{
    width: 48%;
    height: 10%;
    position: absolute;
    top: 69%;
    left: 26%;
}
#video_s1{position:absolute;width: 100%;height:100%;top:0;left:0}
#video1_1{object-fit: fill}
.s1_1{width: 100%;height:100%;position: absolute;top:0;left:0;z-index: 1;background:url("../images/p2.jpg") no-repeat 0 0;background-size:100% 100%;}
.shore_click{
    width: 35%;
    height: 7%;
    position: absolute;
    top: 66%;
    left: 32%;

}
.again_click{
    width: 34%;
    height: 7%;
    position: absolute;
    top: 76%;
    left: 33%;

}
.shore{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/shore.png") no-repeat 0 0;background-size:100% 100%;display:none;z-index: 10;
}



/*.mask.ani{*/
    /*-webkit-animation:down1 0.6s .1s linear both;*/
    /*animation:down1 0.6s .1s linear both;*/
/*}*/
/*.dian{*/
    /*position: absolute;width: 15.45%;height:9.52%;top:4%;left:71%;background:url("../images/tip.png?2") no-repeat 0 0;background-size:100% 100%;*/
/*}*/
/*.tip{*/
    /*position: absolute;width: 100%;height:15%;top:0;left:0;*/
/*}*/

.mask.ani .dian{
    -webkit-animation:scale1 1.4s .8s linear infinite;
    animation:scale1 1.4s .8s linear infinite;
}

@-webkit-keyframes down1 /* Safari 和 Chrome */
{
    0%{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}

@keyframes down1
{
    0%{opacity:0;transform:translate3d(0,0,0)}
    100%{opacity:1;transform:translate3d(0,100%,0)}
}

@-webkit-keyframes s1_4
{
    0%{opacity: 1}
    49%{opacity: 1}
    50%{opacity: 0}
    59%{opacity: 0}
    60%{opacity: 1}
    100%{opacity: 1}
}

@keyframes s1_4
{
    0%{opacity: 1}
    49%{opacity: 1}
    50%{opacity: 0}
    59%{opacity: 0}
    60%{opacity: 1}
    100%{opacity: 1}
}


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

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




@-webkit-keyframes scale1 /* Safari 和 Chrome */
{
    0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(0.7);transform:scale(0.7)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}

@keyframes scale1
{
    0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(0.7);transform:scale(0.7)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}



/*.div0{width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;display: none;z-index:6;background-color: #333;}*/

/*.shipin{width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;background-color: #fff;}*/

/*.div2{*/
    /*width: 100%;height:100%;margin: 0 auto;opacity:1;position: absolute;left:0;top:0;display: none;z-index:6;background-color: #fff;*/
/*}*/
/*.div2_0{width: 100%;height:100%;opacity:1;position: absolute;background-color:#fff;left:0;top:0;-webkit-overflow-scrolling:touch;overflow:auto;}*/

/*.xx1{width: 18%;height:12%;position: fixed;top:80%;left:3%;opacity: 0}*/
/*.xx2{width: 21%;height:10%;position: fixed;top:82%;left:78%;opacity: 0}*/
/*.div0_1{width: 100%;height:100%;position: absolute;left:0;top:0;display: none;background:url("../images/fenxiang.png?2") no-repeat 0 0;background-size:100% 100%;}*/
/*.bg_click{width: 100%;height:100%;position: absolute;top:0;left:0}*/
/*.xx3{width: 24%;height:15%;top:0;left:0;opacity: 0;position: absolute}*/







@-webkit-keyframes shake1{
    0%{opacity: 0.05}
    20%{opacity:1}
    40%{opacity: 0.05}
    60%{opacity: 1}
    80%{opacity:0.05}
    100%{opacity: 1}
}

@keyframes shake1{
    0%{opacity: 0.05}
    20%{opacity:1}
    40%{opacity: 0.05}
    60%{opacity: 1}
    80%{opacity:0.05}
    100%{opacity: 1}
}