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?2") 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.9%;top:60%;left:25.8%;background:#b7b0a8}*/
/*.loading_2{position:absolute;width:100%;height:100%;bottom:0;left:0;}*/
/*.loading_line_blank{position:absolute;width:0%;height:100%;background-color:#5d5d5f;}*/
a{opacity:1}
/*loading*/
.loading1{
    position:absolute;width:9.34%;height:5.06%;background:url("../images/loading1.png?2") no-repeat 0 0;background-size:100% 100%;left:47.18%;top:37.71%
}
/*.loading2{*/
    /*position:absolute;width:100%;height:100%;background:url("../images/p0.2.png?1") no-repeat 0 0;background-size:100% 100%;display: none;*/
/*}*/
/*.loading2_click{position:absolute;width:50%;height:10%;left:25%;top:83%;}*/

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


.bg1{width:100%;height:100%;margin:0 auto;background:url("../images/p0.jpg?2") no-repeat 0 0;background-size:100% 100%;position: absolute;top:0;left:0;display: none  }

.bg1_1{width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.1.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg1_2{width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.2.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg1_3{width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.3.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0}
.bg1_4{width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.4.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 1}
.bg1_click{
    width:40%;height:10%;position: absolute;top:80%;left:32%;
}

.bg1.ani .bg1_1{
    -webkit-animation:Out 1s 0.2s linear both;
    animation:Out 1s 0.2s linear both;
}
.bg1.ani .bg1_2{
    -webkit-animation:Out 1s 1.4s linear both;
    animation:Out 1s 1.4s linear both;
}
.bg1.ani .bg1_3{
    -webkit-animation:Out 0.3s 2.6s linear both;
    animation:Out 0.3s 2.6s linear both;
}


.bg2{
    width:100%;height:100%;position: absolute;top:0;left:0;display: none;background:url("../images/p2.jpg?2") no-repeat 0 0;background-size:100% 100%;
}
.bg2_bg{
    width:300%;height:100%;position: absolute;top:0;left:0;background:url("../images/p1.jpg?2") no-repeat 0 0;background-size:100% 100%;z-index:1
}
.bg2_1{
    width:47.5%;height:29.26%;position: absolute;top:39%;left:27%;z-index:2
}
.bg2_1_1{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p1.1.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg2_1_1.pc{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p1.1-1.png?2") no-repeat 0 0;background-size:100% 100%;
}

.weixin{
    width: 24%;height:24%;position: absolute;;top:19%;left:29.5%;border-radius: 50%;
}

.bg2_2{
    width:36.28%;height:13.56%;position: absolute;top:30%;left:62%;background:url("../images/p1.2.png?2") no-repeat 0 0;background-size:100% 100%;z-index: 3;
}
.bg2_3{
    width:42.36%;height:12.57%;position: absolute;top:32%;left:3%;background:url("../images/p1.3.png?2") no-repeat 0 0;background-size:100% 100%;z-index:4
}

.bg2.ani .bg2_bg{
    -webkit-animation:bg2_bg 10s  linear both;
    animation:bg2_bg 10s  linear both;
}

.bg2.ani .bg2_1{
    -webkit-animation:bg2_1 1s 0.1s linear infinite;
    animation:bg2_1 1s 0.1s linear infinite;
}

.bg2.ani .bg2_2{
    -webkit-animation:bg2_2 2s 0.5s linear both;
    animation:bg2_2 2s 0.5s linear both;
}

.bg2.ani .bg2_3{
    -webkit-animation:Out 1s 2.5s linear both;
    animation:Out 1s 2.5s linear both;
}




.bg3{
    width:100%;height:100%;position: absolute;top:0;left:0;display: none;background:url("../images/p2.jpg?2") no-repeat 0 0;background-size:100% 100%;
}
.bg3_1{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p2.1.png?2") no-repeat 0 0;background-size:100% 100%;
}

.bg3_2{
    width:100%;height:100%;position: absolute;top:0;left:-60%;background:url("../images/p2.2.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg3_3{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p2.3.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg3_4{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p2.4.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg3_5{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p2.4-1.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg3_click{
    width:38%;height:10%;position: absolute;top:77%;left:32%;
}

.bg3.ani .bg3_1{
    -webkit-animation:Out 0.5s 0.1s linear both;
    animation:Out 0.5s 0.1s linear both;
}
.bg3.ani .bg3_2{
    -webkit-animation:bg3_2 0.5s 1s linear both;
    animation:bg3_2 0.5s 1s linear both;
}
.bg3.ani .bg3_3{
    -webkit-animation:Out 0.1s 1.7s linear both;
    animation:Out 0.1s 1.8s linear both;
}
.bg3.ani .bg3_4{
    -webkit-animation:Out 0.6s 3.5s linear both;
    animation:Out 0.6s 3.5s linear both;
}
.bg3.ani .bg3_5{
    -webkit-animation:Out 0.6s 4.5s linear both;
    animation:Out 0.6s 4.5s linear both;
}
.flag{width: 100%;height:100%;position: absolute;top:0;left:0;z-index:2}
#canvas1{
    width:100%;height:100%;position: absolute;left:0;top:0;
}
.gan{
    width:3%;height:55%;position: absolute;left:48.5%;top:13%;background-color: #0a79e5;opacity: 0;
}
.gan_hand{
    width:8%;height:5%;position: absolute;left:50%;top:11%;background:url("../images/flag_hand.png?2") no-repeat 0 0;background-size:100% 100%;
    -webkit-animation:gan_hand 2s 0.1s linear infinite;
    animation:gan_hand 2s 0.1s linear infinite;
}
.flag_hand{
    width:9%;height:6%;position: absolute;left:44%;top:13%;background:url("../images/flag_hand.png?2") no-repeat 0 0;background-size:100% 100%;display: none;opacity: 0;
    -webkit-animation:flag_hand 1.2s 0.1s linear infinite;
    animation:flag_hand 1.2s 0.1s linear infinite;
}

.canvas_div{
    width:100%;height:100%;position: absolute;left:0;top:0;z-index:5;background:url("../images/p2.10.png?2") no-repeat 0 0;background-size:100% 100%;
}
/*.flag_click{*/
    /*width:34%;height:8%;position: absolute;left:35%;top:84%;background-color: #0a79e5;opacity: 0.2;z-index:5;*/
/*}*/
.canvas_bg{
    width:100%;height:100%;position: absolute;left:0;top:0;background:url("../images/p2.5.png?2") no-repeat 0 0;background-size:100% 100%;
}
.canvas_div.ani{
    -webkit-animation:Out1 1s 0.1s linear both;
    animation:Out1 1s 0.1s linear both;
}

.video_mask.ani{
    -webkit-animation:Out 1s 0.5s linear both;
    animation:Out 1s 0.5s linear both;
}

.video_mask{
    width:100%;height:100%;position: absolute;left:0;top:0;background:url("../images/p3.jpg?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.video_mask_1{
    width:100%;height:100%;position: absolute;left:0;top:0;background:url("../images/p3.1.png?2") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.look_flag{
    width:35%;height:10%;position: absolute;left:34%;top:83%;
}


.video_mask.ani .video_mask_1{
    -webkit-animation:Out 1s 1.5s linear both;
    animation:Out 1s 1.5s linear both;
}


.video_div{width: 100%;height: 100%;position: absolute;top:0;left:0;display: none}

.guo{width: 18%;height:5.47%;position: absolute;top:90%;left:78%;background:url("../images/p3.2.png?2") no-repeat 0 0;background-size:100% 100%;display: none}

#video1_1{object-fit: fill}

.bg4{
    width:100%;height:100%;position: absolute;top:0;left:0;display: none;background:url("../images/p4.jpg?2") no-repeat 0 0;background-size:100% 100%;
}
.cloud1{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/cloud1.png?2") no-repeat 0 0;background-size:100% 100%;
}
.cloud2{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/cloud2.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg4_1{
    width:46.37%;height:33.33%;position: absolute;top:34%;left:26%;background:url("../images/p4.1.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg4_2{
    width:10.78%;height:6.64%;position: absolute;top:68%;left:46%;background:url("../images/p4.2.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg4_click{
    width:100%;height:100%;position: absolute;left:0;top:0;
}

.bg4.ani .cloud1{
    -webkit-animation:cloud2 1s .2s linear both;
    animation:cloud2 1s .2s linear both;
}
.bg4.ani .cloud2{
    -webkit-animation:cloud1 1s .2s linear both;
    animation:cloud1 1s .2s linear both;
}


.bg4.ani .bg4_1{
    -webkit-animation:bg4_1 1.4s 0.7s linear infinite;
    animation:bg4_1 1.4s .7s linear infinite;
}
.bg4.ani .bg4_2{
    -webkit-animation:scale1 1.4s .7s linear infinite;
    animation:scale1 1.4s .7s linear infinite;
}


.bg5{
    width:100%;height:100%;position: absolute;top:0;left:0;display: none;background:url("../images/p5.jpg?2") no-repeat 0 0;background-size:100% 100%;
}
.bg5_1{
    width:90.66%;height:16.76%;position: absolute;top:2%;left:4.4%;background:url("../images/p5.1.png?2") no-repeat 0 0;background-size:100% 100%;
    -webkit-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0)
}
.bg5_2{
    width:100%;height:20.43%;position: absolute;top:12%;left:0;background:url("../images/p5.2.png?2") no-repeat 0 0;background-size:100% 100%;
    -webkit-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0)
}

.bg5_1_click{
    width:78%;height:14.43%;position: absolute;top:2%;left:5%;
}
.bg5_2_click{
    width:93%;height:12.43%;position: absolute;top:17%;left:5%;
}
.bg5_3_click{
    width:39%;height:14.43%;position: absolute;top:31%;left:61%;
}
.bg5_4_click{
    width:76%;height:19%;position: absolute;top:65%;left:13%;
}
.bg5_5_click{
    width:81%;height:16%;position: absolute;top:47%;left:13%;
}
.bg5_3{
    width:100%;height:22.51%;position: absolute;top:29%;left:0;background:url("../images/p5.3-4.png?2") no-repeat 0 0;background-size:100% 100%;
    -webkit-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0)
}
.bg5_4{
    width:48.41%;height:33.53%;position: absolute;top:32%;left:28%;background:url("../images/p5.5.png?2") no-repeat 0 0;background-size:100% 100%;
    -webkit-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0)
}
.bg5_4_1{
    width:90%;height:23%;position: absolute;top:51%;left:48%;background:url("../images/p5.5-1.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg5_5{
    width:75.2%;height:20%;position: absolute;top:64.5%;left:12%;background:url("../images/p5.6.png?2") no-repeat 0 0;background-size:100% 100%;
    -webkit-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0)
}
.bg5_6{
    width:91.3%;height:15.77%;position: absolute;top:84%;left:6%;background:url("../images/p5.7.png?2") no-repeat 0 0;background-size:100% 100%;
    -webkit-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0)
}
.bg5_7{
    width:38%;height:15.77%;position: absolute;top:31%;left:63%;
}

.bg5_click{
    width: 36%;height:6%;position: absolute;left:33%;top:92%;background:url("../images/p5.10.png?2") no-repeat 0 0;background-size:100% 100%;display: none;
}
.bg5_click_hand{
    width: 24%;height:80%;position: absolute;left:78%;top:47%;background:url("../images/hand.png?2") no-repeat 0 0;background-size:100% 100%;
}

.bg5_click.ani .bg5_click_hand{
    -webkit-animation:shake 2s 0.1s linear infinite;
    animation:shake 2s .1s linear infinite;
}

.bg5.ani .bg5_1,.bg5.ani .bg5_2,.bg5.ani .bg5_3,.bg5.ani .bg5_4,.bg5.ani .bg5_5,.bg5.ani .bg5_6{
    -webkit-animation:bg5 4s 0.1s linear infinite;
    animation:bg5 4s .1s linear infinite;
}

.bg5_circle{
    width:10.78%;height:6.64%;position: absolute;background:url("../images/p4.2.png?2") no-repeat 0 0;background-size:100% 100%;
    -webkit-animation:scale1 1.4s .7s linear infinite;
    animation:scale1 1.4s .7s linear infinite;
}
 .bg5_circle_1{
    top:9%;left:60%
}
 .bg5_circle_2{
    top:18%;left:27%
}
 .bg5_circle_3{
    top:39.5%;left:84%
}
 .bg5_circle_4{
    top:76%;left:33%
}
.bg5_circle_5{
    top:54%;left:48%
}
.bg5_video{
    width:100%;height:100%;position: absolute;top:0;left:0;display: none;
}
.bg5_video_1{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/5.10.png?2") no-repeat 0 0;background-size:100% 100%;display: none;
}
.bg5_video_play{
    width:86%;height:30%;position: absolute;top:20%;left:7%;
}
.bg5_video_hand{
    width:7%;height:5%;position: absolute;top:85%;left:62%; background:url("../images/hand.png?2") no-repeat 0 0;background-size:100% 100%;
    -webkit-animation:shake 2.5s 0.1s linear infinite;
    animation:shake 2.5s .1s linear infinite;
}
.bg5_video_back{
    width:37%;height:10%;position: absolute;top:80%;left:33%;
}
.bg5_video_2{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/5.11.png?2") no-repeat 0 0;background-size:100% 100%;display: none;
}
.bg5_video_3{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/5.9.png?2") no-repeat 0 0;background-size:100% 100%;display: none;
}
.bg5_video_4{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/5.8.png?2") no-repeat 0 0;background-size:100% 100%;display: none;
}
.bg5_video_5{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/5.12.png?2") no-repeat 0 0;background-size:100% 100%;display: none;
}


.bg6{
    width:100%;height:100%;position: absolute;top:0;left:0;display: none;
}
#video1{
    width:100%;position: absolute;top:18%;left:0;
}
.bg7{
    width:100%;height:100%;position: absolute;top:0;left:0;display: none;background:url("../images/p6.jpg?2") no-repeat 0 0;background-size:100% 100%;
}
.bg7_1{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p6.1.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg7_2{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p6.2.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg7_3{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p6.3.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg7_4{
    width:100%;height:100%;position: absolute;top:20%;left:0;background:url("../images/p6.4.png?2") no-repeat 0 0;background-size:100% 100%;
}
.bg7_click1{
    width:38%;height:9%;position: absolute;top:56%;left:31%;
}
.bg7_click2{
    width:39%;height:9%;position: absolute;top:66%;left:31%;
}
.bg7_mask{
    width:100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p6.5.jpg?2") no-repeat 0 0;background-size:100% 100%;display: none;
}
.bg7.ani .bg7_1{
    -webkit-animation:Out 1s .2s linear both;
    animation:Out 1s .2s linear both;
}
.bg7.ani .bg7_2{
    -webkit-animation:Out 1s 1.3s linear both;
    animation:Out 1s 1.3s linear both;
}
.bg7.ani .bg7_3{
    -webkit-animation:Out 1s 2.5s linear both;
    animation:Out 1s 2.5s linear both;
}
.bg7.ani .bg7_4{
    -webkit-animation:bg7_4 0.8s 3.5s linear both;
    animation:bg7_4 0.8s 3.5s linear both;
}
.word{
    position: absolute;top:21%;left:39.5%;width: 30%;height:3%;text-align: center;
}

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

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

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


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

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

@keyframes flag_hand
{
    0%{opacity:0;transform:translate3d(0,0,0)}
    100%{opacity:1;transform:translate3d(-300%,200%,0)}
}

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

@keyframes cloud1
{
    0%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(-100%,0,0)}
}

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

@keyframes cloud2
{
    0%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(100%,0,0)}
}

/*@-webkit-keyframes bg1_2_3 !* Safari 和 Chrome *!*/
/*{*/
    /*0%{-webkit-transform:translate3d(0,0,0) skew(30deg);transform:translate3d(0,0,0) skew(30deg)}*/
    /*100%{-webkit-transform:translate3d(-60%,0,0) skew(0deg);transform:translate3d(-60%,0,0) skew(0deg)}*/
/*}*/

/*@keyframes bg1_2_3*/
/*{*/
    /*0%{transform:translate3d(0,0,0) skew(30deg)}*/
    /*100%{transform:translate3d(-60%,0,0) skew(0deg)}*/
/*}*/



@-webkit-keyframes bg5 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0)}
    50%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{-webkit-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0)}
}

@keyframes bg5
{
    0%{transform:translate3d(2%,0,0)}
    50%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(2%,0,0)}
}

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

}

@keyframes bg2_bg
{
    0%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(-66.66%,0,0)}
}

@-webkit-keyframes bg2_1 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    50%{-webkit-transform:translate3d(0,5%,0);transform:translate3d(0,5%,0)}
    100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}

@keyframes bg2_1
{
    0%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,5%,0)}
    100%{transform:translate3d(0,0,0)}
}
@-webkit-keyframes bg3_2
{
    0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{-webkit-transform:translate3d(60%,0,0);transform:translate3d(0,0,0)}
}

@keyframes bg3_2
{
    0%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(60%,0,0)}
}

@-webkit-keyframes bg4_1
{
    0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    50%{-webkit-transform:translate3d(0,1%,0);transform:translate3d(0,1%,0)}
    100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bg4_1
{
    0%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,1%,0)}
    100%{transform:translate3d(0,0,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 Out1
{
    0%{opacity: 1}
    100%{opacity: 0}
}

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


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


@-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 bg1_1{
    0%{opacity: 1}
    70%{opacity: 1}
    100%{opacity: 0}
}
@keyframes bg1_1{
    0%{opacity: 1}
    70%{opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes bg2_2{
    0%{opacity: 0}
    10%{opacity: 1}
    99%{opacity: 1}
    100%{opacity: 0}
}
@keyframes bg2_2{
    0%{opacity: 0}
    10%{opacity: 1}
    99%{opacity: 1}
    100%{opacity: 0}
}