*{
    margin:0;
    padding:0;
}
img{
    border:none;
}
html,body{
    height: 100%;
    overflow: hidden;
}
.container{
    width:7.5rem;
    height: 100%;
    background:url("/abc/MoBanImgs/TenYears2019/M/Qiongkao/images/bg.jpg") no-repeat center top;
    background-size:7.5rem 100%;
    overflow:hidden;
    position: relative;
    margin:0 auto;
}
.container span{
   position: absolute;
   left:50%;
   transform:translate(-50%,0);
}
.container span img{
    height:100%;
}
.container .logo{
    /* width:1.31rem;
    height: 0.78rem; */
    height: 5.8471%;
    top:8.02099%;
    animation: slideDown .5s ease-in-out;
    -moz-animation: slideDown .5s ease-in-out;
    -webkit-animation: slideDown .5s ease-in-out;
    -o-animation: slideDown .5s ease-in-out;
}
.container .slogan{
    /* width:3.98rem;
    height: 0.4rem; */
    height: 2.9985%;
    /* top:2.12rem; */
    top:15.89205%;
    animation: fadeIn .5s ease-in-out;
    -moz-animation: fadeIn .5s ease-in-out;
    -webkit-animation: fadeIn .5s ease-in-out;
    -o-animation: fadeIn .5s ease-in-out;
}
.container .mark{
    /* width:4.97rem;
    height: 7.1rem; */
    /* top:3.07rem; */
    height: 55.54723%;
    top:23.01349%;
    animation: fadeIn .5s ease-in-out;
    -moz-animation: fadeIn .5s ease-in-out;
    -webkit-animation: fadeIn .5s ease-in-out;
    -o-animation: fadeIn .5s ease-in-out;
}
.container .tips{
    /* width:4.97rem;
    height: 2.04rem;
    bottom:0.58rem; */
    height: 15.29235%;
    bottom:4.347826%;
    animation: slideUp .5s ease-in-out;
    -moz-animation: slideUp .5s ease-in-out;
    -webkit-animation: slideUp .5s ease-in-out;
    -o-animation: slideUp .5s ease-in-out;
}
@keyframes slideDown{
    from {
        top:-5.8471%;
    }
    to {
        top: 8.02099%;
    }
}
@-moz-keyframes slideDown{
    from {
        top:-5.8471%;
    }
    to {
        top: 8.02099%;
    }
}
@-webkit-keyframes slideDown{
    from {
        top:-5.8471%;
    }
    to {
        top: 8.02099%;
    }
}
@-o-keyframes slideDown{
    from {
        top:-5.8471%;
    }
    to {
        top: 8.02099%;
    }
}
@keyframes fadeIn{
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadeIn{
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadeIn{
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadeIn{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}
@keyframes slideUp{
    from {
        bottom:-15.29235%;
    }
    to {
        bottom: 4.347826%;
    }
}
@-moz-keyframes slideUp{
    from {
        bottom:-15.29235%;
    }
    to {
        bottom: 4.347826%;
    }
}
@-webkit-keyframes slideUp{
    from {
        bottom:-15.29235%;
    }
    to {
        bottom: 4.347826%;
    }
}
@-o-keyframes slideUp{
    from {
        bottom:-15.29235%;
    }
    to {
        bottom: 4.347826%;
    }
}