#swiper_wrap {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 10px;
    height: 800px;
    box-shadow:2px 5px 5px #ccc;
}
.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-top {
    height: 78%;
    width: 100%;
    margin-bottom: 2%;
}

.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.gallery-top img {
    min-width: 100%;
    /* min-height: 350px; */
}

/* 576 超小屏幕 */
@media (max-width: 36rem) {
    #swiper_wrap {
        border: 1px solid #efefef;
        border-radius: 5px;
        padding: 10px;
        height: 230px;
    }
}

/* 576 小屏幕 */
@media (min-width: 36em) and (max-width: 48rem) {
    #swiper_wrap {
        border: 1px solid #efefef;
        border-radius: 5px;
        padding: 10px;
        height: 230px;
    }
}

/* 768 中等屏幕 */
@media (min-width: 48rem) {
    #swiper_wrap {
        border: 1px solid #efefef;
        border-radius: 5px;
        padding: 10px;
        height: 460px;
    }
}

/* 992 大屏幕 */
@media (min-width: 62rem) {
    #swiper_wrap {
        border: 1px solid #efefef;
        border-radius: 5px;
        padding: 10px;
        height: 620px;
    }
}

/* 1200 超大屏幕 */
@media (min-width: 75rem) {
    /* .gallery-top {
        height: 350px;
    } */
    .content {
        padding: 50px;
    }
    #swiper_wrap {
        border: 1px solid #efefef;
        border-radius: 5px;
        padding: 10px;
        height: 760px;
    }
}