*{margin: 0;padding: 0}
html,body{margin: 0 auto;width: 100%;height: 100%;top:0;bottom:0;position: absolute;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');background-size:100% 100%;z-index: 99}
/*.loading{position:absolute;width:100%;height:100%;background-color:#333;z-index: 99}*/
/*.loading1{position:absolute;width:120px;height:120px;background:url('../images/img1/loading1.png');background-size:100% 100%;top:25%;left:25%;*/
    /*-webkit-animation:rotate 1.2s linear infinite;*/
    /*animation:rotate 1.2s linear infinite;*/
/*}*/
.loading_img{
    width: 100%;height:100%;position: absolute;top:0;left:0;
}
.loading11{
    position:absolute;top:51%;left:30.5%;width: 38.6%;height:6px;background-color: #da5453;border-radius: 30px;
}
.loading11_1{
     position:absolute;top:0;left:0;width: 0;height:100%;background-color: #ad040b;border-radius: 30px;
 }



a{opacity:1}
/*loading*/

/*音乐*/
.music_blk{z-index:999;position:fixed;left:0;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;
}


.div0{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p0.jpg') no-repeat;background-size:100% 100%;
}
/*.div0_1{*/
    /*width: 25.7%;height:13.24%;position: absolute;top:5%;left:68%;background:url('../images/p0.1.png?1') no-repeat;background-size:100% 100%;opacity: 0;*/
/*}*/
.div0_2{
    width: 13.5%;height:7.36%;position: absolute;top:33.5%;left:36%;background:url('../images/p0.2.png') no-repeat;background-size:100% 100%;
}
.div0_3{
    width: 100%;height:100%;position: absolute;top:0;left:-24%;background:url('../images/p0.3.png') no-repeat;background-size:100% 100%;
}
.div0_6{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p0.6.png') no-repeat;background-size:100% 100%;
}
.div0_7{
    width: 40%;height:8.85%;position: absolute;top:77%;left:50%;background:url('../images/p0.4.png') no-repeat;background-size:100% 100%;
}
.div0.ani .div0_7,.div0.ani .div0_8{
    -webkit-animation:bounceIn 0.5s 1s linear both;
    animation:bounceIn 0.5s 1s linear both;
}

.div0_hand{
    width: 10%;
    height: 6.85%;
    position: absolute;
    top: 83%;
    left: 70%;
    background:url('../images/shou.png') no-repeat;background-size:100% 100%;
}

.div0_7_1{
    width: 40%;height:8.85%;position: absolute;top:77%;left:50%;background:url('../images/p0.4.1.png') no-repeat;background-size:100% 100%;display:none
}
/*.div0_8{*/
    /*width: 40%;height:8.85%;position: absolute;top:83%;left:50%;background:url('../images/p0.5.png?1') no-repeat;background-size:100% 100%;*/
/*}*/
/*.div0_8_1{*/
    /*width: 40%;height:8.85%;position: absolute;top:83%;left:50%;background:url('../images/p0.5.1.png?1') no-repeat;background-size:100% 100%;display:none*/
/*}*/
.div0_click1{
    width:42%;height:9%;position: absolute;top:77%;left:50%;
}
.div0_click2{
    width:42%;height:9%;position: absolute;top:83%;left:50%;
}

.div0.ani .div0_1{
    -webkit-animation:div0_1 0.5s 2s linear both;
    animation:div0_1 0.5s 2s linear both;
}

.div0.ani .div0_2{
    -webkit-animation:div0_2 1s linear 2;
    animation:div0_2 1s linear 2;
}
.div0.ani .div0_3{
    -webkit-animation:div0_3 1s linear both;
    animation:div0_3 1s linear both;
}
.div0.ani .div0_hand{
    -webkit-animation:shake 3s 1s linear both;
    animation:shake 3s 1s linear both;
}



#div1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p1.jpg') no-repeat;background-size:100% 100%;
}

.div1_0{
    width: 80%;height:80%;position: absolute;top:3%;left:10%;background:url('../images/1.jpg') no-repeat;background-size:100% 100%;
    transform:rotateZ(0deg) ;-webkit-transform:rotateZ(0deg) ;transition: 0.5s;-webkit-transition: 0.5s;box-shadow: 2px 2px 2px #333;

}
.div1_0 .div1_word{

    width: 89%;height:50%;position: absolute;top:13.48%;left:7.6%;opacity: 1;color: #040303;
}


.div1_1{
    width: 80%;height:80%;position: absolute;top:3%;left:10%;background:url('../images/2.jpg') no-repeat;background-size:100% 100%;
    transform:rotateZ(0.4deg) ;-webkit-transform:rotateZ(0.4deg) ;transition: 0.5s;-webkit-transition: 0.5s;
    box-shadow: 4px 2px 2px #333;
}
.div1_1 .div1_word{
    width: 89%;height:50%;position: absolute;top:61%;left:7.6%;opacity: 1;color: #ffffff;
}
.div1_2{
    width: 80%;height:80%;position: absolute;top:3%;left:10%;background:url('../images/3.jpg') no-repeat;background-size:100% 100%;
    transform:rotateZ(0.8deg) ;-webkit-transform:rotateZ(0.8deg) ;transition: 0.5s;-webkit-transition: 0.5s;
    box-shadow: 4px 2px 2px #333;
}
.div1_2 .div1_word{
    width: 89%;height:50%;position: absolute;top:16%;left:7.6%;opacity: 1;color: #e8fbf9;
}
.div1_3{
    width: 80%;height:80%;position: absolute;top:3%;left:10%;background:url('../images/4.jpg') no-repeat;background-size:100% 100%;
    transform:rotateZ(1.2deg) ;-webkit-transform:rotateZ(1.2deg) ;transition: 0.5s;-webkit-transition: 0.5s;box-shadow: 2px 2px 2px #333;
}
.div1_3 .div1_word{
    width: 89%;height:50%;position: absolute;top:10.65%;left:7.6%;opacity: 1;color: #086071;
}

.div1_4{
    width: 80%;height:80%;position: absolute;top:3%;left:10%;background:url('../images/5.jpg') no-repeat;background-size:100% 100%;
    transform:rotateZ(1.6deg) ;-webkit-transform:rotateZ(1.6deg) ;transition: 0.5s;-webkit-transition: 0.5s;box-shadow: 2px 2px 2px #333;
}
.div1_4 .div1_word{
    width: 89%;height:50%;position: absolute;top:14.05%;left:7.6%;opacity: 1;color: #ffffff;
}

.div1_5{
    width: 80%;height:80%;position: absolute;top:3%;left:10%;background:url('../images/6.jpg') no-repeat;background-size:100% 100%;
    transform:rotateZ(2deg) ;-webkit-transform:rotateZ(2deg) ;transition: 0.5s;-webkit-transition: 0.5s;box-shadow: 2px 2px 2px #333;
}

.div1_5 .div1_word{
    width: 89%;height:50%;position: absolute;top:67.42%;left:7.6%;opacity: 1;color: #a84c07;
}
.p2{
    text-align: center;
}
.to{
    text-align:left;margin-left:5px
}
.xi{
    text-align:right;margin-right:20px
}
.fr{
    text-align: right;margin-right: 15px;margin-top: 6px;
}
.div1_6{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p1-2.png') no-repeat;background-size:100% 100%;
}

.div1_click1{
    width:38%;height:9%;position: absolute;top:85%;left:10%;
}
.div1_click2{
    width:38%;height:9%;position: absolute;top:85%;left:53%;
}

#div2{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p1-3.jpg') no-repeat;background-size:100% 100%;
}
.div2_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p1-4.png') no-repeat;background-size:100% 100%;
}
.div2_ul{
    width: 91.3%;height:70%;position: absolute;top:4.4%;left:4.1%;overflow: hidden;
}

.ul{
    width: 100%;height:240%;position: absolute;top:0;left:0;list-style: none;transition: 0.4s;-webkit-transition:0.4s;
}
.ul li{
    width: 100%;height:8.333333%;display: table;
}
.ul p{
    vertical-align: middle;display: table-cell;text-align: center;color: #B35A25;
}
.ul_mask{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p1-4mask.png') no-repeat;background-size:100% 100%;
}

.div2_click1{
    width:38%;height:9%;position: absolute;top:85%;left:10%;
}
.div2_click2{
    width:38%;height:9%;position: absolute;top:85%;left:53%;
}

.div2_2{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p1-5.png') no-repeat;background-size:100% 100%;
}



#div3{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p2.jpg') no-repeat;background-size:100% 100%;
}
.div3_1{
    width: 80%;height:80%;position: absolute;top:3%;left:10%;
}

.div3_2{
    width: 100%;height:3%;position: absolute;top:84%;left:0;background:url('../images/p2-1.png') no-repeat;background-size:100% 100%;display:none;
    -webkit-animation:2s 0.1s shake linear infinite;
    animation:2s 0.1s shake linear infinite;
}

.div3_img{
    width: 100%;height:100%;position: absolute;top:0;left:0;border: none;
}

.div3_click1{
    width:38%;height:9%;position: absolute;top:87%;left:10%;
}
.div3_click2{
    width:38%;height:9%;position: absolute;top:87%;left:53%;
}
.div3_share1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/share1.jpg') no-repeat;background-size:100% 100%;display:none
}

.start{
    width: 62%;height:10%;position: absolute;left:18%;top:53%;
}

.div4{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/p4.jpg') no-repeat;background-size:100% 100%;
}

.div4_img{
    width: 80%;height:80%;position: absolute;top:3%;left:10%;
}

.div4_click{
    width: 43%;height:10%;position: absolute;top:88%;left:29%;overflow: hidden;
}
.div4_click p{
    opacity: 0;
}
.div4_click span{
    opacity: 0;
}


@-webkit-keyframes div0_1 {
    0% {-webkit-transform:scale(3);}
    100% {-webkit-transform:scale(1); opacity:1;}
}

@keyframes div0_1 {
    0% {transform:scale(3);}
    100% {transform:scale(1); opacity:1;}
}


@-webkit-keyframes div0_2 {
    0% {-webkit-transform:scale(1);}
    30% {-webkit-transform:scale(1.5);}
    35% {-webkit-transform:scale(1.5) rotate(-5deg);}
    45% {-webkit-transform:scale(1.5) rotate(5deg);}
    50% {-webkit-transform:scale(1.5) rotate(0deg);}
}

@keyframes div0_2 {
    0% {transform:scale(1);}
    30% {transform:scale(1.5);}
    35% {transform:scale(1.5) rotate(-5deg);}
    45% {transform:scale(1.5) rotate(5deg);}
    50% {transform:scale(1.5) rotate(0deg);}
}

@-webkit-keyframes div0_3 {
    0% {-webkit-transform:translate3d(0,0,0);}
    100% {-webkit-transform:translate3d(24%,0,0);}
}

@keyframes div0_3 {
    0% {transform:translate3d(0,0,0);}
    100% {transform:translate3d(24%,0,0);}
}










@-webkit-keyframes div1_hand {
    0% {-webkit-transform:translate3d(0,0,0);}
    100% {-webkit-transform:translate3d(0,140%,0);}
}
@keyframes div1_hand {
    0% {transform:translate3d(0,0,0);}
    100% {transform:translate3d(0,140%,0)}
}





@-webkit-keyframes arrow {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 0}
    100% {-webkit-transform:translate3d(0,-30%,0);opacity: 1}
}
@keyframes arrow {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(0,-30%,0);opacity: 1}
}

@-webkit-keyframes hand {
    0% {-webkit-transform:translate3d(0,0,0);}
    100% {-webkit-transform:translate3d(0,60%,0);}
}
@keyframes hand {
    0% {transform:translate3d(0,0,0);}
    100% {transform:translate3d(0,60%,0);}
}




@-webkit-keyframes s3_0 {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 0}
    100% {-webkit-transform:translate3d(0,5%,0);opacity: 1}
}
@keyframes s3_0 {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(0,5%,0);opacity: 1}
}



@-webkit-keyframes bg0_1 {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 1}
    100% {-webkit-transform:translate3d(0,10%,0);opacity: 0}
}
@keyframes bg0_1 {
    0% {transform:translate3d(0,0,0);opacity: 1}
    100% {transform:translate3d(0,10%,0);opacity: 0}
}

@-webkit-keyframes bg0_4_1 {
    0% {-webkit-transform:translate3d(0,0,0);opacity: 0}
    100% {-webkit-transform:translate3d(4%,1%,0);opacity: 1}
}
@keyframes bg0_4_1 {
    0% {transform:translate3d(0,0,0);opacity: 0}
    100% {transform:translate3d(4%,1%,0);opacity: 1}
}


@-webkit-keyframes bg0_3 {
    0% {-webkit-transform: scale(2);opacity: 0}
    10% {-webkit-transform: scale(1);opacity: 1;}
    85%{-webkit-transform: scale(1);opacity: 1;}
    100%{-webkit-transform: scale(1);opacity: 0;}
}
@keyframes bg0_3 {
    0% {transform: scale(2);opacity: 0}
    10% {transform: scale(1);opacity: 1}
    85%{-webkit-transform: scale(1);opacity: 1;}
    100%{-webkit-transform: scale(1);opacity: 0;}
}


@-webkit-keyframes bg0_4 {
    0% {-webkit-transform: scale(1.5);opacity: 0}
    100%{-webkit-transform: scale(1);opacity: 1;}
}
@keyframes bg0_4 {
    0% {transform: scale(1.5);opacity: 0}
    100%{-webkit-transform: scale(1);opacity: 1;}
}





.arrow.ani{
    -webkit-animation:arrow1 1s linear infinite;
    animation:arrow1 1s linear infinite;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {transform: rotate(0)}
    100% {transform: rotate(360deg);}
}

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


@-webkit-keyframes s5_0 {
    0% {  opacity: 0;  }
    15% {  opacity: 1;  }
    50% {  opacity: 1;  }
    65%{opacity: 0; }
    100% {  opacity:0;  }
}

@keyframes s5_0 {
    0% {  opacity: 0;  }
    15% {  opacity: 1;  }
    50% {  opacity: 1;  }
    65%{opacity: 0; }
    100% {  opacity:0;  }
}

@-webkit-keyframes s5_1 {
    0% {  opacity: 0;  }
    15% {  opacity: 1;  }
    50% {  opacity: 1;  }
    65%{opacity: 0; }
    100% {  opacity:0;  }
}
@keyframes s5_1 {
    0% {  opacity: 0;  }
    15% {  opacity: 1;  }
    50% {  opacity: 1;  }
    65%{opacity: 0; }
    100% {  opacity:0;  }
}


@-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  bounceIn{

    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{
    0%{transform:scale3d(.3,.3,.3);opacity:0;}
    20%{transform:scale3d(1.1,1.1,1.1);}
    40%{transform:scale3d(.9,.9,.9);}
    60%{transform:scale3d(1.03,1.03,1.03);opacity:1}
    80%{transform:scale3d(.97,.97,.97)}
    100%{transform:scale3d(1,1,1);opacity:1;}
}

@-webkit-keyframes loading0 {
    0% {-webkit-transform:translate3d(0,0,0);}
    100% {-webkit-transform:translate3d(400%,0,0);}
}
@keyframes loading0 {
    0% {transform:translate3d(0,0,0);}
    100% {transform:translate3d(400%,0,0);}
}