
.Detail .title {
    display: flex;
    justify-content: center;
    margin-bottom: .3rem;
    padding: 0 .3rem;
}
.Detail-img {
    margin: 0 1.5rem;
    height: 4.5rem;
}
.Detail-img .swiper-slide img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    border-radius: .10rem;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev,.swiper-button-prev, .swiper-rtl .swiper-button-next {
    width: .5rem;
    height: .5rem;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: '';
}
.Detail .prev-next i{
    width: .5rem;
    height: .5rem;
    background-color: #10335D;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .3rem;
}

.Detail .prev-next i:hover {
    background-color: #E67817;
}
.Thumbs-img .swiper-slide img {
    width: 100%;
    height: 1.3rem;
    object-fit: fill;
    border-radius: .08rem;
    border: 2px solid #fff;
}
.Thumbs-img .swiper-slide-thumb-active img{
    border: 2px solid #E67817;
}
@media screen and (max-width:768px) {
    .Detail-img {
        margin: 0;
    }
    .Detail .prev-next {
        display: none;
    }
}