.box-1 {
    transition: 0.5s;
}
.mobile-html .box-1 {transition: 0s}

.slide-ul {

}
.slide-ul .style {position: absolute; bottom: 4px; left: 0; padding: 0 15px;}
.slide-ul li {
    list-style: none;
    cursor: pointer;
    position: relative;
}
.slide-ul li img {
    width: 100%;
    max-width: 100%;
    max-height: 118px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
}
.time-bloks {
    position: relative;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 5px;
    background: #5c5a64;
    z-index: 2;
    display: none;
}
.slide-ul .active_n .time-bloks {
    display: block;
}
.time-bloks-line {
    width: 0;
    height: 100%;
    background: #00aeff;
}