*{-webkit-tap-highlight-color:transparent;padding:0;margin:0;}
.hidden{display:none;}
i{font-style:normal;}
body{font-family:"微软雅黑";}

.main{
    position:relative;
    width:20rem;
    height:35.5rem;
    background:url("../images/bg.jpg") no-repeat;
    background-size:100% 100%;
    overflow: hidden;
}
.main .logo{
    position: absolute;
    left: 50%;
    width: 7.65625rem;
    top: 2.5rem;
    margin-left: -3.828125rem;
}
.main .logo img{
    width: 7.65625rem;
    height: 5.125rem;
}
.main .animal{
    z-index: 2;
    position: absolute;
    left: 0;
    top: 7rem;
    -webkit-animation: jumpp 1.5s infinite alternate;
    animation: jumpp 1.5s infinite alternate;
}
.main .animal img{
    width: 5.3125rem;
    height: 4.34375rem;
}
.main .down_info{
    position: absolute;
    left: 50%;
    top: 20.1rem;
    width: 5.75rem;
    margin-left: -5.96875rem;
}
.main .down_info img{
    width: 11.5rem;
    height:.90625rem;
}
.main .code_img{
    position: absolute;
    left: 50%;
    top: 8rem;
    width: 11.9375rem;
    margin-left: -5.96875rem;

}
.main .code_img img{
    width: 11.9375rem;
    height:12.34375rem;
}
.main .down_info{
    position: absolute;
    left: 50%;
    top: 20.1rem;
    width: 11.5rem;
    margin-left: -5.75rem;
}
.main .down_info img{
    width: 11.5rem;
    height: .90625rem;
}
.main .bull{
    position: absolute;
    left: 10.8rem;
    top: 22.8rem;
    width: 7.625rem;
    /*animation: bull 8s infinite;*/
    /*-webkit-animation: bull 1s infinite;*/
}
.main .bull img{
    width: 7.625rem;
    height: 4.9375rem;
}
.main .title{
    position: absolute;
    left: 0;
    top: 21.3rem;
    width: 20rem;
}
.main .title img{
    width: 20rem;
    height: 14.1875rem;
}



/*动效*/
.animated1 {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.an3 {
    -webkit-animation-name: an3;
    animation-name: an3;
    -webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;
}
@keyframes jumpp {
    0% {
        transform:translateY(10px);
        -ms-transform:translateY(10px);
        -moz-transform:translateY(10px);
        -webkit-transform:translateY(10px);
        -o-transform:translateY(10px);
    }
    to {
        transform:translateY(0);
        -ms-transform:translateY(0);
        -moz-transform:translateY(0);
        -webkit-transform:translateY(0);
        -o-transform:translateY(0);
    }
}
@-webkit-keyframes jumpp {
    0% {
        transform:translateY(10px);
        -ms-transform:translateY(10px);
        -moz-transform:translateY(10px);
        -webkit-transform:translateY(10px);
        -o-transform:translateY(10px);
    }
    to {
        transform:translateY(0);
        -ms-transform:translateY(0);
        -moz-transform:translateY(0);
        -webkit-transform:translateY(0);
        -o-transform:translateY(0);
    }
}
@-moz-keyframes jumpp {
    0% {
        transform:translateY(10px);
        -ms-transform:translateY(10px);
        -moz-transform:translateY(10px);
        -webkit-transform:translateY(10px);
        -o-transform:translateY(10px);
    }
    to {
        transform:translateY(0);
        -ms-transform:translateY(0);
        -moz-transform:translateY(0);
        -webkit-transform:translateY(0);
        -o-transform:translateY(0);
    }
}
@-o-keyframes jumpp {
    0% {
        transform:translateY(10px);
        -ms-transform:translateY(10px);
        -moz-transform:translateY(10px);
        -webkit-transform:translateY(10px);
        -o-transform:translateY(10px);
    }
    to {
        transform:translateY(0);
        -ms-transform:translateY(0);
        -moz-transform:translateY(0);
        -webkit-transform:translateY(0);
        -o-transform:translateY(0);
    }
}

@-webkit-keyframes an3 {
    0% {
        transform:scale(0.8);
        -ms-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -webkit-transform:scale(0.8);
    }
    100% {
        transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
    }
}
@keyframes an3 {
    0% {
        transform:scale(0.8);
        -ms-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -webkit-transform:scale(0.8);
    }
    100% {
        transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
    }
}
@-moz-keyframes an3 {
    0% {
        transform:scale(0.8);
        -ms-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -webkit-transform:scale(0.8);
    }
    100% {
        transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
    }
}
@-o-keyframes an3 {
    0% {
        transform:scale(0.8);
        -ms-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -webkit-transform:scale(0.8);
    }
    100% {
        transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
    }
}