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%;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%}*!*/

.loading img{
    width: 100%;height:100%;
}


/*.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;
}
.s0_img{
    width: 100%;height: 100%;position: absolute;left: 0;top:0;display: none;
}
.s0_1{width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.1.png") no-repeat 0 0;background-size:100% 100%;opacity:0}
.s0_2{width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.2.png") no-repeat 0 0;background-size:100% 100%;opacity:0}
.s0_add_3,.s0_add_4,.s0_add_5,.s0_add_6{
    width: 100%;height:100%;position: absolute;left:0;top:0;opacity: 1;
}
.s0_3{width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.3.png") no-repeat 0 0;background-size:100% 100%;opacity:0}
.s0_3_1{width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.31.png") no-repeat 0 0;background-size:100% 100%;opacity:0}
.s0_4{width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.4.png") no-repeat 0 0;background-size:100% 100%;opacity:0}
.s0_4_1{width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.41.png") no-repeat 0 0;background-size:100% 100%;opacity:0}
.s0_5{width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.5.png") no-repeat 0 0;background-size:100% 100%;opacity:0}
.s0_5_1{width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.51.png") no-repeat 0 0;background-size:100% 100%;opacity:0}
.s0_6{width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.6.png") no-repeat 0 0;background-size:100% 100%;opacity:0}
.s0_6_1{width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.61.png") no-repeat 0 0;background-size:100% 100%;opacity:0}
.s0_7{width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.7.png") no-repeat 0 0;background-size:100% 100%;opacity:0}

.s0.ani .s0_img{
    -webkit-animation:fade1 2s 6s linear both;
    animation:fade1 2s 6s linear both;
}

.s0.ani .s0_2{
    -webkit-animation:Out_fade 4s 9s linear both;
    animation:Out_fade 4s 9s linear both;
}

.s0.ani .s0_3{
    -webkit-animation:Out 2s 13s linear both;
    animation:Out 2s 13s linear both;
}
.s0.ani .s0_3_1{
    -webkit-animation:Out 2s 15s linear both;
    animation:Out 2s 15s linear both;
}
.s0.ani .s0_add_3{
    -webkit-animation:fade1 2s 19s linear both;
    animation:fade1 2s 19s linear both;
}

.s0.ani .s0_4{
    -webkit-animation:Out 2s 21s linear both;
    animation:Out 2s 21s linear both;
}
.s0.ani .s0_4_1{
    -webkit-animation:Out 2s 23s linear both;
    animation:Out 2s 23s linear both;
}
.s0.ani .s0_add_4{
    -webkit-animation:fade1 2s 27s linear both;
    animation:fade1 2s 27s linear both;
}

.s0.ani .s0_5{
    -webkit-animation:Out 2s 29s linear both;
    animation:Out 2s 29s linear both;
}
.s0.ani .s0_5_1{
    -webkit-animation:Out 2s 31s linear both;
    animation:Out 2s 31s linear both;
}
.s0.ani .s0_add_5{
    -webkit-animation:fade1 2s 35s linear both;
    animation:fade1 2s 35s linear both;
}

.s0.ani .s0_6{
    -webkit-animation:Out 2s 37s linear both;
    animation:Out 2s 37s linear both;
}
.s0.ani .s0_6_1{
    -webkit-animation:Out 2s 39s linear both;
    animation:Out 2s 39s linear both;
}
/*.s0.ani .s0_add_6{*/
    /*-webkit-animation:fade1 1s 20.5s linear both;*/
    /*animation:fade1 1s 20.5s linear both;*/
/*}*/
/*.s0.ani .s0_4{*/
    /*-webkit-animation:Out_fade 4s 10.5s linear both;*/
    /*animation:Out_fade 4s 10.5s linear both;*/
/*}*/
/*.s0.ani .s0_5{*/
    /*-webkit-animation:Out_fade 4s 14.5s linear both;*/
    /*animation:Out_fade 4s 14.5s linear both;*/
/*}*/
/*.s0.ani .s0_6{*/
    /*-webkit-animation:Out 1s 18.5s linear both;*/
    /*animation:Out 1s 18.5s linear both;*/
/*}*/

.s0.ani .s0_start{
    -webkit-animation:Out 1s 41s linear both;
    animation:Out 1s 41s linear both;
}
.s0_start{
    width: 41%;
    height: 9%;
    position: absolute;
    top: 78%;
    left: 29%;
    background:url("../images/start.png") no-repeat 0 0;
    background-size:100% 100%;
    opacity: 0;
}

ul,li {
    list-style: none;margin: 0;padding: 0;
}

.s0.ani .d3{
    -webkit-animation:d3 1s 41s linear both;
    animation:d3 1s 41s linear both;
}
.d3{
    width: 100%;height: 12.4%;
    position: absolute;top:60%;left:0;
    transform-style: preserve-3d;
}
.s0.ani .div6{
    -webkit-animation:Out 1s 33s linear both;
    animation:Out 1s 33s linear both;
}

.time_3d{
    transform: rotateX(90deg) translateZ(120px);
    -webkit-transform: rotateX(90deg) translateZ(120px);
}
.time{
    width: 100%;height: 100%;position: absolute;top:0;left:0;
    /*transform-origin:bottom;*/
    /*-webkit-transform-origin: bottom;*/
    /*transform: rotateX(90deg) translateY(100px);*/
    /*-webkit-transform:  rotateX(90deg);*/
    /*transform: perspective(1000px) rotateY(30deg) rotateX(30deg); !*设置父元素得景深*!*/
}

.div6{
    width: 100%;height: 100%;position: absolute;top:0;left:0;
    transform: translateZ(120px);
    background:url("../images/qingminghuaiyuan.png") no-repeat 0 0;background-size:100% 100%;
    opacity: 0;
}

/*.s0.ani .s0_7{*/
/*-webkit-animation:Out 1s 17.5s linear both;*/
/*animation:Out 1s 17.5s linear both;*/
/*}*/
.s2_8{width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.7.png") no-repeat 0 0;background-size:100% 100%;
    /*-webkit-animation:s2_8 4s 0s linear both;*/
    /*animation:s2_8 4s 0s linear both;*/
}
/*.silence{*/
    /*width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/p0.8.png") no-repeat 0 0;background-size:100% 100%;display: none;*/
    /*-webkit-animation:Out 0.3s 0.1s linear both;*/
    /*animation:Out 0.3s 0.1s linear both;*/
/*}*/
.s2 .time{
    width: 100%;height: 12.4%;
    position: absolute;top:60%;left:0;
}
.time1{
    width: 14.17%;height:100%;position: absolute;background:url("../images/cards.png") no-repeat 0 0;background-size:100% 100%;top:0
}
.min1{
    left:15.78%;
}
.min1 div{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url("../images/num/0.png") no-repeat 0 0;background-size:100% 100%;
}
.min2{
    left:30.43%;overflow: hidden;
}
.min2_list{
    width: 100%;height:200%;position: absolute;left:0;top:-100%
}
.min2_list li:nth-of-type(1){
    width: 100%;height: 50%;background:url("../images/num/0.png") no-repeat 0 0;background-size:100% 100%;
}
.min2_list li:nth-of-type(2){
    width: 100%;height: 50%;background:url("../images/num/1.png") no-repeat 0 0;background-size:100% 100%;
}
.colon{
    width: 2.74%;height:32.3%;position: absolute;background:url("../images/dots.png") no-repeat 0 0;background-size:100% 100%;
    left:47.34%;top:33%
}
.sec1{
    left:52.65%;overflow: hidden;
}
.sec1_list{
    width: 100%;height:200%;position: absolute;left:0;top:-100%
}
.new1{
    width: 100%;height: 50%;background:url("../images/num/5.png") no-repeat 0 0;background-size:100% 100%;
}
.old1{
    width: 100%;height:50%;background:url("../images/num/0.png") no-repeat 0 0;background-size:100% 100%;
}

.sec2{
    left:67.14%;overflow: hidden;
}
.sec2_list{
    width: 100%;height:200%;position: absolute;left:0;top:-100%
}
.new2{
    width: 100%;height: 50%;background:url("../images/num/9.png") no-repeat 0 0;background-size:100% 100%;
}
.old2{
    width: 100%;height: 50%;background:url("../images/num/0.png") no-repeat 0 0;background-size:100% 100%;
}
#video_s1{position:absolute;width: 100%;height:100%;top:0;left:0}
#video1_1{object-fit: fill}


.s2_1{
    width: 100%;height:100%;position: absolute;left:0;top:0
}
.s2_unfinished{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url("../images/p0.9.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.s2_again {
    width: 41%;
    height: 9%;
    position: absolute;
    top: 78%;
    left: 29%;
    background:url("../images/again.png") no-repeat 0 0;
    background-size:100% 100%;
    opacity: 0;
}

.s2_1.ani .s2_unfinished{
    -webkit-animation:Out 0.5s .5s linear both;
    animation:Out 0.5s .5s linear both;
}
.s2_1.ani .s2_again{
    -webkit-animation:Out 0.5s 1s linear both;
    animation:Out 0.5s 1s linear both;
}

.s2_2{
    width: 100%;height:100%;position: absolute;left:0;top:0
}
.s2_2_0{
    width: 100%;height:100%;position: absolute;left:0;top:0;
}
.s2_2_1{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url("../images/p0.10.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.s2_2_2{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url("../images/p0.11.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}

.s2_2_4{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url("../images/p0.13.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.s2_2_5{
    width: 100%;height:100%;position: absolute;left:0;top:60%;background:url("../images/end.png") no-repeat 0 0;background-size:100% 100%;
}
.s2_add_5{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url("../images/renshu.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}

.span2{
    padding: 0;
    margin: 0;
    /*font-size: 44px;*/
    position: absolute;
    left: 43%;
    top: 74.4%;
    width: 22%;
    height: 2.8%;
    text-align: center;
    color: #848484;
    font-weight: bold;
    font-family:黑体 方正兰亭超细黑简体 宋体;
}
.s2_add_6{
    width: 100%;height:100%;position: absolute;left:0;top:0;background:url("../images/fenxiang.png") no-repeat 0 0;background-size:100% 100%;opacity: 0;
}
.s2_2_5_click{
    width: 11%;
    height: 5%;
    position: absolute;
    top: 82%;
    left: 88%;
}
.s2_2.ani .s2_2_1{
    -webkit-animation:Out 2s .5s linear both;
    animation:Out 2s .5s linear both;
}
.s2_2.ani .s2_2_2{
    -webkit-animation:Out 2s 2.5s linear both;
    animation:Out 2s 2.5s linear both;
}

.s2_2.ani .s2_2_0{
    -webkit-animation:fade1 2s 8s linear both;
    animation:fade1 2s 8s linear both;
}

.s2_2.ani .s2_2_4{
    -webkit-animation:Out 2s 10s linear both;
    animation:Out 2s 10s linear both;
}
.s2_2.ani .s2_add_5,.s2_2.ani .s2_add_6{
    -webkit-animation:Out 2s 13s linear both;
    animation:Out 2s 13s linear both;
}
.s2_2.ani .s2_2_5{
    -webkit-animation:s2_2_5 2s 15s linear both;
    animation:s2_2_5 2s 15s linear both;
}
/*.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;*/
/*}*/
@-webkit-keyframes s2_2_5 /* Safari 和 Chrome */
{
    0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{-webkit-transform:translate3d(0,-60%,0);transform:translate3d(0,-60%,0)}
}
@keyframes s2_2_5
{
    0%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(0,-60%,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 Out_fade
{
    0%{opacity: 0}
    20%{opacity: 1}
    80%{opacity: 1}
    100%{opacity: 0}
}

@keyframes Out_fade
{
    0%{opacity: 0}
    20%{opacity: 1}
    80%{opacity: 1}
    100%{opacity: 0}
}

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


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

@keyframes s2_8
{
    0%{opacity: 1}
    80%{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 d3 /* Safari 和 Chrome */
{
    0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
    100%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}
}
@keyframes d3
{
    0%{-webkit-transform:rotateX(0deg);rotateX(0deg)}
    100%{-webkit-transform:rotateX(-90deg);rotateX(-90deg)}
}

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