.swipslider{
    position:relative;
    overflow:hidden;
    display:block;
    padding-top:60%;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.swipslider .sw-slides{
    display:block;
    padding:0;
    list-style:none;
    width:100%;
    height:100%;
    white-space:nowrap;
    font-size: 0 !important;
    -webkit-transform:translateX(0);
    transform:translateX(0);
    position:absolute;
    bottom:0;
    /* add */
    letter-spacing:0 !important;
}
.swipslider .sw-slide{
    width:100%;
    height:100%;
    margin:auto;
    display:inline-block;
    position:relative;
    /* add */
    vertical-align: top;
}
.swipslider .sw-slide>img{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    max-height:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.swipslider .sw-slide .sw-content{
    width:100%;
    height:100%;
    margin-left:0;
    margin-right:0;
    font-size:14px;
}

.sw-next-prev{
    font-family:courier new,Courier,monospace;
    height:50px;
    width:50px;
    text-align:center;
    vertical-align:middle;
    position:absolute;
    line-height:50px;
    font-size:30px;
    font-weight:bolder;
    color:rgba(160,160,160,.53);
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:transparent;
    border-radius:50%;
    text-decoration:none;
    transition:all .2s ease-out;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    /* no need */
    display: none;
}
.sw-next-prev:hover{
    background-color:rgba(255,255,255,.74);
}
.sw-next-prev:active{
    background-color:rgba(255,255,255,.5);
}
.sw-prev{
    left:2%;
}
.sw-prev::after{
    content:'<';
}
.sw-next{
    right:2%;
}
.sw-next::after{
    content:'>';
}

.sw-bullet{
    position:absolute;
    bottom:2%;
    list-style:none;
    display:block;
    width:100%;
    text-align:center;
    padding:0;
    margin:0;
}
.sw-bullet li{
    width:10px;
    height:10px;
    background-color:rgba(160,160,160,.53);
    border-radius:50%;
    display:inline-block;
    cursor:pointer;
    transition:all .2s ease-out;
}
.sw-bullet li:hover{
    background-color:rgba(255,255,255,.74);
}
.sw-bullet li.active{
    background-color:rgba(255,255,255,.5);
    box-shadow:0 0 2px rgba(160,160,160,.53);
}
.sw-bullet li:not(:last-child){
    margin-right:0.14rem;
}