.slider {
    position: fixed;
    width: 320px;
    /* height: 200px; */
    margin: 0px auto;
}
.simple > .frame li{
    width: 320px;
}
.frame{
    position: relative;
    /* width: 320px;
    height: 200px; */
    margin: 0px auto;
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
}
.frame li {
    position: relative;
    display: inline-block;
    overflow: hidden;
    /* height: 200px;
    width: 320px; */
    }
.frame li img{
    height: 170px;
    width: 320px;
    object-fit: cover;
}
.prev, .next{
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 99999999;
}
.prev{
    left: 0px;
    top: calc(50% - 15px);
}
.next{
    right: 0px;
    top: calc(50% - 15px);
}
.prev svg path,
.next svg path{
    fill: grey !important;
}
.prev svg,
.next svg{
    object-fit: cover;
}