.range-time-contain {
    width: 100%;
    position: relative
}

.range-time-contain .swiper-range-time {
    position: unset
}

.swiper-range-time .swiper-wrapper {
    position: unset
}

.swiper-range-time .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center
}

.swiper-range-time .swiper-wrapper .swiper-slide .swiper-slide-item {}

.swiper-range-time .swiper-wrapper .swiper-slide .swiper-slide-item .swiper-slide-range-time-item {
    background: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 8px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px
}

.swiper-range-time .swiper-wrapper .swiper-slide .swiper-slide-item .swiper-slide-range-time-item.disable {
    border: 1px solid #d1d1d1;
    background: #e8e8e8;
    color: #a3a3a3;
    cursor: not-allowed;
    pointer-events: none
}

.swiper-range-time .swiper-wrapper .swiper-slide .swiper-slide-item .swiper-slide-range-time-item.active {
    border: 1px solid transparent;
    background: #EB0A1E;
    color: #fff;
    cursor: pointer
}

.swiper-range-time .swiper-button-next {
    right: -22px
}

.swiper-range-time .swiper-button-prev {
    left: -22px
}

.swiper-range-time .swiper-button-next:after,
.swiper-range-time .swiper-button-prev:after {
    font-size: 24px;
    color: #EB0A1E
}

@media(max-width:400px) {
    .swiper-range-time .swiper-wrapper .swiper-slide .swiper-slide-item .swiper-slide-range-time-item {
        font-size: 14px
    }
}