html,body{padding:0;margin:0;position: relative;}
img{display: block;width: 100%;height: auto;}
.bg-box{width: 100%;}
.lsb-box{width: 40%;height: 90%;position: absolute;bottom: 0;right: 6%;}
.bot-box{width: 100%;height: 30%;position: absolute;bottom: 0;left: 0;}

.wmwlogo-box{width: 8%;height: 8%;position: absolute;top: 4%;left: 20%;}

.biaoti-box{
    width: 30%;height: 30%;position: absolute;top: 16%;left: 28%;
    -webkit-animation:fadeOpacity 1.5s linear;
    animation:fadeOpacity 1.5s linear;
}
.wenzi-box{
    width: 38%;
    height: 40%;
    position: absolute;
    top: 45%;
    left: 24%;
    -webkit-animation:fadeInOpt 2.5s linear;
    animation:fadeInOpt 2.5s linear;
}
.code-box{
    width: 6%;height: 22%;position: absolute;top: 55%;left: 39%;
    -webkit-animation:fadeInOpt 2.5s linear;
    animation:fadeInOpt 2.5s linear;
}

@keyframes fadeOpacity{
    0%{opacity: 0;transform: scale3d(.3,.3,.3);}
    100%{opacity: 1;}
}

@keyframes fadeInTop{
    0%{top: 100%;}
    100%{top: 65%;}
}

@keyframes fadeInOpt{
    0%{opacity: 0;}
    100%{opacity: 1;}
}