.box {
    /* 重点：盒子宽度 600 */
    width: 100%;
    overflow: hidden;
    margin-top: 2rem;
}

.box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    height: 100%;
    animation: move 15s linear infinite;
}

/* hover 暂停，不用可去掉 */
.box ul:hover {
    animation-play-state: paused;
}

.box ul li {
    height: 100%;
    /* 重点：单个图片宽度 200，相当于默认不动可见 3 个 */
    width: 8rem;
    flex-shrink: 0;
}

.box_img {
    width: 7.5rem;
}

@keyframes move {
    /* 为什么设置 -800px ？公式：主图张数 * 单个图片宽度（每轮主图只有 4 张，4 张照片为一个周期，如果需要轮播的主图为 7、8、9...张，都一样） */
    100% {
        transform: translateX(-72rem);
    }
}