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}
.load_val{width:100%;}
.loading_line{top:45%;width:60%;height:3px;position:absolute;left:20%;background:#a10e16;}
.loading_line_blank{width:0%;height:100%;background:#fedb4c;}
a{opacity:0}


/* 音乐开关*/
#switch-music{z-index:9999999;position:absolute;bottom: 5px;left: 5px; width:30px; height:30px;}
#switch-music img{max-width: 100%;}
#switch-music.show{display:block; z-index:999;}
#switch-music .tips{color: rgba(255,255,255,.75); z-index:999; top: 15px; right: 100px; width: 30px; text-align: right; opacity: 0;}
#switch-music .tips.on{opacity: 1; right: 100px; z-index:999;}
#switch-music div:nth-child(2){display:none; z-index:999;}
#switch-music.on div:nth-child(2){display:block; animation: music 1s linear infinite; -webkit-animation: music 1s linear infinite; z-index:999;}
@keyframes music{
    0%{transform: rotate(0deg)}
    100%{transform: rotate(360deg)}
}
@-webkit-keyframes music{
    0%{transform: rotate(0deg); -webkit-transform: rotate(0deg)}
    100%{transform: rotate(360deg); -webkit-transform: rotate(360deg)}
}
.pof{position: fixed; z-index:9999}
/*音乐结束*/
.swiper-container{position:absolute;width:100%;height:100%}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}
.bg,.bg *{opacity:1}
.layer{width:100%;height:100%;opacity:1}
.layer div{border-radius:100%}

#s0{width: 100%;height: 100%;margin: 0 auto;overflow: hidden;background:url("../images/4/p0.0.jpg?1") no-repeat 0 0;background-size:239% 100%;}
#s0 .w0{width: 239%;height: 100%;top:0%;left:0%;background:url("../images/4/p0.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s0.ani .w0{
    -webkit-animation:40s 0.5s scroll_s0  linear both infinite;
    -moz-animation:40s 0.5s scroll_s0  linear both infinite;
    -o-animation:40s 0.5s scroll_s10  linear both infinite;
    animation:40s 0.5s scroll_s0 linear both infinite;
}
#s0 .w1{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/4/p0.1.png?1") no-repeat 0 0;background-size:100% 100%;}
#s0.ani .w1{
    -webkit-animation:1.5s  fadeIn  linear both ;
    -moz-animation:1.5s  fadeIn  linear both;
    -o-animation:1.5s  fadeIn  linear both;
    animation:1.5s  fadeIn linear both ;
}

#s1{width: 100%;height: 100%;margin: 0 auto;background:url("../images/4/p1.0.jpg?1") no-repeat 0 0;background-size:100% 100%;}
#s1 .w0{width: 100%;height: 100%;position:absolute;background:url("../images/4/p1.1.png?1") no-repeat 0 0;background-size:124% 100%;opacity: 1}
#s1 .w00{width: 124%;height: 100%;top:0%;left:-24%;background:url("../images/4/p1.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s1.ani .w00{
    -webkit-animation:10s 0.5s scroll_s1  linear both infinite;
    -moz-animation:10s 0.5s scroll_s1  linear both infinite;
    -o-animation:10s 0.5s scroll_s1  linear both infinite;
    animation:10s 0.5s scroll_s1 linear both infinite;
}


#s2{width: 100%;height: 100%;margin: 0 auto;background-size:100% 100%;position: relative}
#s2 .w0,#s2 .w1{width: 100%;height: 100%;top:0%;left:0%;position: absolute;opacity: 1}
#s2 .w00{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/4/p2.0.1.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s2 .w01{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/4/p2.0.2.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s2 .w02{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/4/p2.0.3.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s2 .w03{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/4/p2.0.4.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity: 1}
#s2 .w04{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/4/p2.0.5.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}
#s2 .w05{width: 100%;height: 100%;top:0%;left:0%;background:url("../images/4/p2.0.6.jpg?1") no-repeat 0 0;background-size:100% 100%;opacity: 0}

#s2 .w1{background:url("../images/4/p2.1.png?1") no-repeat 0 0;background-size:100% 100%;}
#s2 .w10{width: 100%;height: 100%;top:0;left:0;position: absolute;opacity: 1;transition: top 1s;-webkit-transition: top 1s;}
#s2 .bg{width: 100%;height: 15%;top:3%;left:0;position: absolute;opacity: 0;background-color: #ED1C24;}
#s2 .w11{width: 100%;height: 100%;top:0;left:0;background:url("../images/4/p2.2.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;}
#s2 .hand{width:8.5%;height:6.4%;top:10%;left:67%;background:url("../images/4/hand.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 0;}
#s2.ani .hand{
    -moz-animation:s2_hand 1.2s .5s infinite;
    -webkit-animation:s2_hand 1.2s .5s  infinite;
    -o-animation:s2_hand 1.2s .5s  infinite;
    animation:s2_hand 1.2s .5s infinite;
}
#s2 .click0{width:100%;position:absolute;top:3%;left:0; height:15%;opacity: 0}
#s2 .click1{width:100%;position:absolute;top:19%;left:0; height:15%;opacity: 0}
#s2 .click2{width:100%;position:absolute;top:35%;left:0; height:15%;opacity: 0}
#s2 .click3{width:100%;position:absolute;top:51%;left:0; height:15%;opacity: 0}
#s2 .click4{width:100%;position:absolute;top:67%;left:0; height:15%;opacity: 0}
#s2 .click5{width:100%;position:absolute;top:83%;left:0; height:15%;opacity: 0}


#s3{background: url("../images/4/p3.0.jpg?1") no-repeat 0 0;background-size:100% 100%;margin: 0 auto;overflow: hidden;}
#s3 .w1{top:0;width:100%;height:100%;background:url("../images/4/p3.1.png?1") no-repeat 0 0;background-size:100% 100%}
#s3 .w2{top:0;width:100%;height:100%;background:url("../images/4/p3.2.png?1") no-repeat 0 0;background-size:100% 100%}
#s3 .w0{top:0;width:100%;height:100%;}
#s3 .w0 .click1{top:71%;left:19%;width:17%;height:16%;}
#s3 .w0 .click2{top:70%;left:61%;width:19%;height:17%;overflow: hidden}

#s3.ani .w1{
    -moz-animation:bubble 1s .5s linear both;
    -webkit-animation:bubble 1s .5s linear both;
    -o-animation:bubble 1s .5s linear both;
    animation:bubble 1s .5s linear both;
}
#s3.ani .w2{
    -moz-animation:fadeIn 2s 1.5s linear both;
    -webkit-animation:fadeIn 2s 1.5s linear both;
    -o-animation:fadeIn 2s 1.5s linear both;
    animation:fadeIn 2s 1.5s linear both;
}

#mask1{width: 100%;height: 100%;margin: 0 auto;position: fixed;opacity: 0;top:0;left:0;overflow: scroll;display: none;z-index:5;}
#mask1 .w20{position:absolute;top:0;left:0;width: 100%;height:116%;background:url("../images/4/p2.4.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
#mask1 .w21{width: 100%;height:113%;background:url("../images/4/p2.4.2.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
#mask1 .w22{width: 100%;height:112%;background:url("../images/4/p2.4.3.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
#mask1 .w23{width: 100%;height:412%;background:url("../images/4/p2.4.4.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
#mask1 .w24{width: 100%;height:100%;background:url("../images/4/p2.4.5.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
#mask1 .w25{width: 100%;height:100%;background:url("../images/4/p2.4.6.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;display: none}
#mask1 .click_w23{width: 100%;height:14%;background:url("../images/4/p2.4.4.1.png?1") no-repeat 0 0;background-size:100% 100%;opacity: 1;position: fixed;top:0;left:0}

@-webkit-keyframes bubble{
    0%{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes bubble{
    0%{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@keyframes fadeIn {     /*逐渐显示*/
    0% {  opacity: 0;  }
    100% {  opacity: 1;  }
}
@-webkit-keyframes fadeIn {     /*逐渐显示*/
    0% {  opacity: 0;  }
    100% {  opacity: 1;  }
}
@-moz-keyframes fadeIn {     /*逐渐显示*/
    0% {  opacity: 0;  }
    100% {  opacity: 1;  }
}
@-o-keyframes fadeIn {     /*逐渐显示*/
    0% {  opacity: 0;  }
    100% {opacity: 1;}
}


@-webkit-keyframes s2_hand {     /*小手闪动*/
    0% {  opacity: 0;  }
    50% {  opacity: 1;  }
    100% {  opacity:0;  }
}
@-moz-keyframes s2_hand {     /*小手闪动*/
    0% {  opacity: 0;  }
    50% {  opacity: 1;  }
    100% {  opacity:0;  }
}
@-o-keyframes s2_hand {     /*小手闪动*/
    0% {  opacity: 0;  }
    50% {  opacity: 1;  }
    100% {  opacity:0;  }
}
@keyframes s2_hand {     /*小手闪动*/
    0% {  opacity: 0;  }
    50% {  opacity: 1;  }
    100% {  opacity:0;  }
}


/*@keyframes s2_hand {     !*小手闪动*!*/
    /*0% {  opacity: 0;  }*/
    /*12%{ opacity: 1;}*/
    /*24% {  opacity:0;  }*/
    /*36%{opacity:1; }*/
    /*48%{opacity:0; }*/
    /*60%{opacity:1; }*/
    /*72%{opacity:0; }*/
    /*84%{opacity:1; }*/
    /*96%{opacity:0; }*/
    /*100%{opacity:0}*/
/*}*/
/*@-webkit-keyframes s2_hand {     !*小手闪动*!*/
    /*0% {  opacity: 0;  }*/
    /*12%{ opacity: 1;}*/
    /*24% {  opacity:0;  }*/
    /*36%{opacity:1; }*/
    /*48%{opacity:0; }*/
    /*60%{opacity:1; }*/
    /*72%{opacity:0; }*/
    /*84%{opacity:1; }*/
    /*96%{opacity:0; }*/
    /*100%{opacity:0}*/
/*}*/




@keyframes scroll_s0   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-139%;}
    100%{opacity:1;left:0;}
}
@-webkit-keyframes scroll_s0   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-139%;}
    100%{opacity:1;left:0;}
}
@-moz-keyframes scroll_s0   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-139%;}
    100%{opacity:1;left:0;}
}
@-o-keyframes scroll_s0   /*背景图左侧移动*/
{
    0%{opacity:1;left:0;}
    50%{opacity:1;left:-139%;}
    100%{opacity:1;left:0;}
}




@keyframes scroll_s1   /*背景图左侧移动*/
{
    0%{opacity:1;left:-24%;}
    50%{opacity:1;left:0;}
    100%{opacity:1;left:-24%;}
}
@-webkit-keyframes scroll_s1   /*背景图左侧移动*/
{
    0%{opacity:1;left:-24%;}
    50%{opacity:1;left:0;}
    100%{opacity:1;left:-24%;}
}
@-o-keyframes scroll_s1   /*背景图左侧移动*/
{
    0%{opacity:1;left:-24%;}
    50%{opacity:1;left:0;}
    100%{opacity:1;left:-24%;}
}
@-moz-keyframes scroll_s1   /*背景图左侧移动*/
{
    0%{opacity:1;left:-24%;}
    50%{opacity:1;left:0;}
    100%{opacity:1;left:-24%;}
}