*{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;left:0;top:0;width:100%;height:100%;background:url('../images/loading.jpg?5') no-repeat;background-size:100% 100%;overflow:hidden;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_img1{
    width: 18.6%;;height:10.7%;position: absolute;;top:28%;left: 39%;
}
/*.loading11{
    position:absolute;top:46%;left:24.43%;width: 53%;height:4px;background-color: #2d3491;
}
.loading11_1{
    position:absolute;top:0;left:0;width: 0;height:100%;background-color: #48ae73;
}*/

a{opacity:1}
/*loading*/


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


.bg0{position:absolute;margin:0 auto;width:100%;height:100%;top:0;left:0;overflow: hidden;background:url('../images/p0.jpg?5') no-repeat;background-size:100% 100%;}
#canvas{width: 100%;height:100%;position: absolute;top:0;left:0;}

.bg0_1{
    position:absolute;width:100%;height:100%;top:0;left:0;background:url('../images/p0.1.png?5') no-repeat;background-size:100% 100%;
}
.bg0_2{
    position:absolute;width:45.4%;height:34%;top:19%;left:29%;background:url('../images/p0.2.png?5') no-repeat;background-size:100% 100%;opacity: 0;
}
.bg0_3{
    position:absolute;width:12%;height:10.7%;top:10%;left:64%;background:url('../images/p0.3.png?5') no-repeat;background-size:100% 100%;opacity: 0;
}

.bg0_5{
    position:absolute;width:38.8%;height:5%;top:55%;left:33%;background:url('../images/p0.5.png?5') no-repeat;background-size:100% 100%;opacity: 0;
}

.left_gif{
    position: absolute;top:0;left:0;width: 47.8%;height:29.76%;z-index:3
}
.right_gif{
    position: absolute;top:40%;right:0;width: 47.8%;height:29.76%;z-index:4
}
.arrow{
    position:absolute;width:22.29%;height:5%;top:94%;left:41%;background:url('../images/arrow.png?5') no-repeat;background-size:100% 100%;opacity: 0;
}
.bg0.ani .bg0_2{
    -webkit-animation:3s 0.1s Out  both;
    animation:3s 0.1s Out  both;
}
.bg0.ani .bg0_3{
    -webkit-animation:1s 3.1s Out  both;
    animation:1s 3.1s Out  both;
}
.bg0.ani .bg0_5{
    -webkit-animation:1s 4.2s Out  both;
    animation:1s 4.2s Out  both;
}

.bg0.ani .arrow{
    -webkit-animation:1s 4.5s arrow  infinite;
    animation:1s 4.5s arrow  infinite;
}


.bg1{
    position:absolute;margin:0 auto;width:100%;height:100%;top:0;left:0;overflow: hidden;background:url('../images/p0.jpg?5') no-repeat;background-size:100% 100%;
    z-index:10
}
.bg1_0{
    position:absolute;width:100%;height:10.4%;top:0;left:0;z-index:20;background:url('../images/p1.1.png?5') no-repeat;background-size:100% 100%;
}
.bg1_click1{
    width: 9%;height:69%;position: absolute;top:33%;left:14%;background:url('../images/img/l0.png?5') no-repeat;background-size:100% 100%;
}
.bg1_click1_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/img/l1.png?5') no-repeat;background-size:100% 100%;
}

.bg1_click2{
    width: 9%;height:69%;;position: absolute;top:35%;left:35%;background:url('../images/img/sh0.png?5') no-repeat;background-size:100% 100%;
}
.bg1_click2_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/img/sh1.png?5') no-repeat;background-size:100% 100%;display:none
}

.bg1_click3{
    width: 9%;height:69%;;position: absolute;top:34%;left:56%;background:url('../images/img/q0.png?5') no-repeat;background-size:100% 100%;
}
.bg1_click3_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/img/q1.png?5') no-repeat;background-size:100% 100%;display:none
}

.bg1_click4{
    width: 9%;height:69%;;position: absolute;top:34%;left:77%;background:url('../images/img/s0.png?5') no-repeat;background-size:100% 100%;
}
.bg1_click4_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/img/s1.png?5') no-repeat;background-size:100% 100%;display:none
}
.yuan{
    width: 6%;height:32%;position: absolute;top:100%;left:36%;background:url('../images/yuan.png?5') no-repeat;background-size:100% 100%;
    -webkit-animation:2s 1s yuan linear infinite;
    animation:2s 1s yuan linear  infinite;
}
.bg1_1{
    position:absolute;width:100%;height:100%;top:0;left:0;background:url('../images/p1.jpg?5') no-repeat;background-size:100% 100%;
}
.a{
    position:absolute;width:100%;height:100%;top:0;left:0;
}

.a_0{
    width: 100%;height:100%;position: absolute;top:0;left:0;
}
.a_0_gif{
    width: 87%;height:49.1%;position: absolute;top:30%;left:0;
}
.a_0_1{
    width: 100%;height:7.5%;position: absolute;top:80%;left:0;background:url('../images/1/p1.1.png?5') no-repeat;background-size:100% 100%;opacity: 0;
}
.a_0.ani .a_0_1{
    -webkit-animation:1s 3s Out  both;
    animation:1s 3s Out  both;
}



.a_1{
    position:absolute;width:100%;height:100%;top:0;left:0;display:none;opacity: 0;
}
.a_1_1{
    position:absolute;width:100%;height:100%;top:0;left:0;background:url('../images/img/p1.1.png?5') no-repeat;background-size:100% 100%;
}
.a_1_2{
    position:absolute;width:100%;height:16%;top:84%;left:0;background:url('../images/p1.5.png?5') no-repeat;background-size:100% 100%;
}
.a_more{
    position: absolute;width: 24%;height:8%;top:73%;left:39%;
}
.a_author{
    position:fixed;width:10%;height:16%;top:34%;left:0;
}
.a_word_div{
    position:absolute;width:100%;height:74%;top:30%;left:0;overflow: scroll;
}
.a_word{
    position:absolute;width:100%;height:140%;top:0;left:0;background:url('../images/img/p1.2.png?5') no-repeat;background-size:100% 100%;
}

.a.ani1 .a_0,.b.ani1 .b_0,.c.ani1 .c_0,.d.ani1 .d_0{
    -webkit-animation:1s 0s Out1  both;
    animation:1s 0s Out1  both;
}
.a.ani1 .a_1,.b.ani1 .b_1,.c.ani1 .c_1,.d.ani1 .d_1{
    -webkit-animation:1s 0.3s Out  both;
    animation:1s 0.3s Out  both;
}









.b{
    position:absolute;width:100%;height:100%;top:0;left:0;display:none
}
.b_0{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/2/p1.1.png?5') no-repeat;background-size:100% 100%;
}
.b_0_0{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/2/p1.2.png?5') no-repeat;background-size:100% 100%;
}
.b_0_1{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/2/p1.4.png?5') no-repeat;background-size:100% 100%;
}
.b_0_2{
    width: 100%;height:7.5%;position: absolute;top:80%;left:0;background:url('../images/2/p1.3.png?5') no-repeat;background-size:100% 100%;opacity: 0;
}
.b_0_gif{
    width: 50.7%;height:11.9%;position: absolute;top:52%;left:-40%;
}

.b_0.ani .b_0_gif{
    -webkit-animation:3.5s 0s b_0 linear both;
    animation:3.5s 0s b_0 linear  both;
}
.b_0.ani .b_0_2{
    -webkit-animation:1s 4s Out  both;
    animation:1s 4s Out  both;
}

.b_1{
    position:absolute;width:100%;height:100%;top:0;left:0;display:none;opacity: 0;
}
.b_1_1{
    position:absolute;width:100%;height:100%;top:0;left:0;background:url('../images/img/p2.1.png?5') no-repeat;background-size:100% 100%;
}
.b_1_2{
    position:absolute;width:100%;height:16%;top:84%;left:0;background:url('../images/p1.5.png?5') no-repeat;background-size:100% 100%;
}
.b_more{
    position: absolute;width: 24%;height:8%;top:64%;left:39%;
}
/*.b_author{*/
    /*position:fixed;width:10%;height:16%;top:34%;left:0;background-color: #00acc1;opacity: 0.2;*/
/*}*/
.b_word_div{
    position:absolute;width:100%;height:74%;top:30%;left:0;overflow: scroll;
}
.b_word{
    position:absolute;width:100%;height:107%;top:0;left:0;background:url('../images/img/p2.2.png?5') no-repeat;background-size:100% 100%;
}



.c_0{
    width: 100%;height:100%;position: absolute;top:0;left:0;background:url('../images/3/p1.7.png?5') no-repeat;background-size:100% 100%;
}
.c_0_0{
    width: 30%;height:12.2%;position: absolute;top:29%;left:30%;background:url('../images/3/p1.png?5') no-repeat;background-size:100% 100%;
}
.c_0_1{
    width: 22.9%;height:6.5%;position: absolute;top:32%;left:49%;background:url('../images/3/p1.2.png?5') no-repeat;background-size:100% 100%;
}
.c_0_2{
    width: 30%;height:12.2%;position: absolute;top:31%;left:-60%;background:url('../images/3/p1.3.png?5') no-repeat;background-size:100% 100%;
}
.c_0_3{
    width: 22.9%;height:6.5%;position: absolute;top:31%;left:120%;background:url('../images/3/p1.5.png?5') no-repeat;background-size:100% 100%;
}
/*.c_0_3_bird{*/
    /*width: 61.59%;height:12.2%;position: absolute;top:54%;left:-63%;background:url('../images/3/p1.6.png?5') no-repeat;background-size:100% 100%;*/
/*}*/
.c_0_4{
    width: 9.17%;height:7.4%;position: absolute;top:78%;left:100%;background:url('../images/3/p1.8.png?5') no-repeat;background-size:100% 100%;
}
.c_0_5{
    width: 100%;height:7.5%;position: absolute;top:80%;left:0;background:url('../images/3/p1.9.png?5') no-repeat;background-size:100% 100%;opacity: 0;
}


.c{
    position:absolute;width:100%;height:100%;top:0;left:0;display:none
}
.c_1{
    position:absolute;width:100%;height:100%;top:0;left:0;display:none;opacity: 0;
}
.c_1_1{
    position:absolute;width:100%;height:100%;top:0;left:0;background:url('../images/img/p3.1.png?5') no-repeat;background-size:100% 100%;
}
.c_1_2{
    position:absolute;width:100%;height:16%;top:84%;left:0;background:url('../images/p1.5.png?5') no-repeat;background-size:100% 100%;
}
.c_more{
    position: absolute;width: 24%;height:8%;top:69%;left:39%;
}
/*.c_author{*/
    /*position:fixed;width:10%;height:16%;top:34%;left:0;background-color: #00acc1;opacity: 0.2;*/
/*}*/
.c_word_div{
    position:absolute;width:100%;height:74%;top:30%;left:0;overflow: scroll;
}
.c_word{
    position:absolute;width:100%;height:129%;top:0;left:0;background:url('../images/img/p3.2.png?5') no-repeat;background-size:100% 100%;
}


.c_0.ani .c_0_0{
    -webkit-animation:2s 0s c_0_0 linear both;
    animation:2s 0s c_0_0 linear  both;
}
.c_0.ani .c_0_1{
    -webkit-animation:2s 0s  c_0_1  linear both;
    animation:2s 0s c_0_1 linear  both;
}
.c_0.ani .c_0_2{
    -webkit-animation:2s 1.5s c_0_2 linear both;
    animation:2s 1.5s c_0_2 linear  both;
}
.c_0.ani .c_0_3{
    -webkit-animation:2s 1.5s c_0_3 linear both;
    animation:2s 1.5s c_0_3 linear  both;
}

.c_0.ani .c_0_4{
    -webkit-animation:15s 2s c_0_4 linear both;
    animation:15s 2s c_0_4 linear  both;
}
.c_0.ani .c_0_5{
    -webkit-animation:1s 5s Out  both;
    animation:1s 5s Out  both;
}




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

.d_0{
    width: 100%;height:100%;position: absolute;top:0;left:0;
}
.d_0_0{
    width: 100%;height:41%;position: absolute;top:25%;left:0;background:url('../images/4/p1.1.png?5') no-repeat;background-size:100% 100%;
}
.d_0_1{
    width: 43%;height:32.7%;position: absolute;top:29%;left:58%;background:url('../images/4/p1.2.png?5') no-repeat;background-size:100% 100%;
}
.d_0_2{
    width: 100%;height:7.5%;position: absolute;top:80%;left:0;background:url('../images/4/p1.3.png?5') no-repeat;background-size:100% 100%;opacity: 0;
}
.d.ani .d_0_1{
    -webkit-animation:2s 1s d_0_1 linear infinite;
    animation:2s 1s d_0_1 linear  infinite;
}

.d.ani .d_0_2{
    -webkit-animation:1s 3s Out  both;
    animation:1s 3s Out  both;
}



.d_1{
    position:absolute;width:100%;height:100%;top:0;left:0;display:none;opacity: 0;
}
.d_1_1{
    position:absolute;width:100%;height:100%;top:0;left:0;background:url('../images/img/p4.1.png?5') no-repeat;background-size:100% 100%;
}
.d_1_2{
    position:absolute;width:100%;height:16%;top:84%;left:0;background:url('../images/p1.5.png?5') no-repeat;background-size:100% 100%;
}
.d_more{
    position: absolute;width: 24%;height:8%;top:63%;left:39%;
}
.d_word_div{
    position:absolute;width:100%;height:74%;top:30%;left:0;overflow: scroll;
}
.d_word{
    position:absolute;width:100%;height:108%;top:0;left:0;background:url('../images/img/p4.2.png?5') no-repeat;background-size:100% 100%;
}






.bg1_gif{
    width:53%;height:87%;position: absolute;top:164%;left:10%;display:none
}

.a_mask{
    position:absolute;width:100%;height:100%;top:0;left:0;background:url('../images/p1.8.png?5') no-repeat;background-size:100% 100%;display:none;z-index:16
}
.mask_back{
    position:absolute;width:16%;height:8.6%;top:92%;left:76%;
}
.div2{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 15;
    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;
}
.xx{
    width: 100%;
    height: 6.375%;
    position: fixed;
    top: 0;
    left: 0;
    background: url("../images/back.jpg?2") no-repeat 0 0;
    background-size: 100% 100%;
}




@-webkit-keyframes ca2 {
    0% {-webkit-transform:translate3d(0,0,0);}
    100% {-webkit-transform:translate3d(-30%,-30%,0) rotateZ(20deg) scale(0.5);border: 1px solid #fff}
}

@keyframes ca2{
    0% {transform:translate3d(0,0,0);}
    100% {transform:translate3d(-30%,-30%,0) rotateZ(20deg) scale(0.5);border: 1px solid #fff}
}

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



@-webkit-keyframes b_0 {
    0% {-webkit-transform:translate3d(0,0,0);}
    100% {-webkit-transform:translate3d(104%,-35%,0) ;}
}
@keyframes b_0{
    0% {transform:translate3d(0,0,0);}
    100% {transform:translate3d(105%,-35%,0);}
}

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

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



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

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

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

@-webkit-keyframes d_0_1 {
    /*0% {-webkit-transform:scale(1);}*/
    0% {-webkit-transform:scale(1);}
    50% {-webkit-transform:scale(1.1);}
    100% {-webkit-transform:scale(1);}
}
@keyframes d_0_1{
    0% {transform:scale(1);}
    50% {transform:scale(1.1);}
    100% {transform:scale(1);}
}
@-webkit-keyframes yuan {
    /*0% {-webkit-transform:scale(1);}*/
    0% {-webkit-transform:scale(1);}
    50% {-webkit-transform:scale(1.3);}
    100% {-webkit-transform:scale(1);}
}
@keyframes yuan{
    0% {transform:scale(1);}
    50% {transform:scale(1.3);}
    100% {transform:scale(1);}
}




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

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

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

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

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

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

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

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

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









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

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



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


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

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

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

@keyframes fade{
    0%{opacity:0}
    20%{opacity:1}
    80%{opacity: 1}
    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}
}

@-moz-keyframes shake1{
    0%{opacity:0.1}
    50%{opacity:1}
    100%{opacity:0.1}
}

@keyframes shake1{
    0%{opacity:0.1}
    50%{opacity:1}
    100%{opacity:0.1}
}
@-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;}
}

@keyframes small{
    0%{opacity:1;transform: scale(0)}
    50%{opacity:1;transform: scale(0.2)}
    60%{opacity:1;transform: scale(0.7)}
    70%{opacity:1;transform: scale(1.3)}
    85%{opacity:1;transform: scale(0.9)}
    100%{opacity:1;transform: scale(1)}
}
@-webkit-keyframes small{
    0%{opacity:1;-webkit-transform: scale(0)}
    50%{opacity:1;-webkit-transform: scale(0.2)}
    60%{opacity:1;-webkit-transform: scale(0.7)}
    70%{opacity:1;-webkit-transform: scale(1.3)}
    85%{opacity:1;-webkit-transform: scale(0.9)}
    100%{opacity:1;-webkit-transform: scale(1)}
}

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

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

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