@charset "utf-8";
/* 样式初始化 */
html,body {
    width: 100%;
    height: 100%;
}
body ,ul {
    margin: 0;
}
ul {
    padding: 0;
}
ul {
    list-style: none;
}
/* container-start */
body {
    background-color:rgb(1,1,21);
}
#container {
    width: 100%;
    height: 100%;
}
.wrapper {
    position: relative;
    overflow: hidden;
    margin: 100px auto;
    cursor: pointer;
}
.wrapper-ul {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
    animation: play 12s alternate infinite;
}
.wrapper-ul li {
    display: inline-block;
}
/*轮播动画  */
@keyframes play {
    0% {
        transform: translate(0px);
    }
    20% {
        transform: translate(-400px);
    }
    40% {
        transform: translate(-800px);
    }
    60% {
        transform: translate(-1200px);
    }
    80% {
        transform: translate(-1600px);
    }
    100% {
        transform: translate(0px);
    }
}