.jz-simple-slider-container {
    position: relative;
    display: flex;
    padding: 0;
    margin: 0;
}

.jz-simple-slider-ul {
    position: absolute;
    top: 0;
    padding: 0;
    display: flex;
    overflow: hidden;
    transition: left 1s ease-in-out;
    margin: 0;
}

.jz-simple-slider-ul img {
    width: 100vw;
    height: auto;
}

.jz-simple-slider-ul img {
    width: 100vw;
    height: auto;
}

.jz-simple-slider-ul1 {
    left: 0;
}
/* 为了水平居中，先left移到50%，然后用margin-left减去一半的宽度（如何计算一半宽带见下面解释） */
/* 比如：每个按钮宽10px，加上自己和下一个按钮间两个2px的margin，就是10+2+2=14px */
/* 假设共有8个控制按钮，一半就是4个，4*14=96px */
.jz-simple-slider-controller {
    position: absolute;
    left: 50%;
    margin-left: -96px;
    top: 90%;
    display: block;
    z-index: 10;
}

.jz-simple-slider-controller span {
    display: inline-block;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    border: 1px solid black;
    cursor: pointer;
    background: transparent;
    margin: 0 2px;
}

.jz-simple-slider-controller .slideControllerItem.active {
    background-color: white;
    border-color: red;
}