* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.move li {
    float: left;
    list-style: none;
    position: absolute;
    left: -400px;
    bottom: 0px;
}
.move {
    display: block;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        height: 200px;
        overflow: hidden;
        z-index: 10000;
}
.f1 {
    width: 154px;
    height: 121px;
    background: url(https://images.cnblogs.com/cnblogs_com/bluekang/2006579/o_210729132259f1.png) no-repeat 0px 0px;
    animation: run 5s linear infinite, f1_run .4s steps(2) infinite;
}
@keyframes f1_run {
    to {
        background-position: -308px 0; 
    }
}
@keyframes run {  
    to {
        left: 100%; 
    }
    
}
.f2 {
    width: 167px;
    height: 176px;
    background: url(https://images.cnblogs.com/cnblogs_com/bluekang/2006579/o_210729132316f2.png) no-repeat 0px 0px;
    animation: run 5s linear 1s infinite, f2_run .4s steps(2) infinite;
}
@keyframes f2_run {
    to {
        background-position: -334px 0; 
    }
}
.f3 {
    width: 161px;
    height: 149px;
    background: url(https://images.cnblogs.com/cnblogs_com/bluekang/2006579/o_210729132322f3.png) no-repeat 0px 0px;
    animation: run 5s linear 2s infinite, f3_run .4s steps(2) infinite;
}
@keyframes f3_run {
    to {
        background-position: -322px 0; 
    }
}
.f4 {
    width: 171px;
    height: 157px;
    background: url(https://images.cnblogs.com/cnblogs_com/bluekang/2006579/o_210729132327f4.png) no-repeat 0px 0px;
    animation: run 5s linear 3s infinite, f4_run .4s steps(2) infinite;
}
@keyframes f4_run {
    to {
        background-position: -342px 0; 
    }
}

//去除菜单按钮阴影
#navList a:link {
    color: #fff;
    text-shadow: none !important;
}