.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.gallery-top {
    padding-bottom: 12px;
    width: 100%;
}
.gallery-top .swiper-slide {
    max-width: 100%;
    width: auto;
    overflow: hidden;
    opacity: 0.5;
}
.gallery-top .swiper-slide img {
    max-width: 100%;
    height: 100%;
}
.gallery-top .swiper-slide-active {
    opacity: 1;
}
.gallery-thumbs {
    height: 65px;
    box-sizing: border-box;
    padding-top: 2px;
}
.gallery-thumbs .swiper-slide {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: 100%;
    overflow: hidden;
}
.gallery-thumbs .swiper-slide img {
    max-width: 100%;
    height: 100%;
}
.gallery-thumbs-box {
    position: relative;
    width: 100%;
    height: 65px;
}
.gallery-thumbs-box .swiper-container {
    margin-left: auto;
    margin-right: auto;
}
.gallery-thumbs-box .swiper-button-prev {
    width: 10px;
    height: 65px;
    background-size: 10px 18px;
    left: 10px;
    margin-top: 0;
    top: 0;
    outline: none;
}
.gallery-thumbs-box .swiper-button-next {
    width: 10px;
    height: 65px;
    background-size: 10px 18px;
    right: 10px;
    margin-top: 0;
    top: 0;
    outline: none;
}
.gallery-top-box {
    position: relative;
    width: 100%;
}
.gallery-top-box .swiper-container {
    margin-left: auto;
    margin-right: auto;
}
.gallery-top-box .swiper-button-prev {
    width: 18px;
    background-size: 18px 38px;
    left: 10px;
    margin-top: 0;
    top: 50%;
    outline: none;
    transform: translate(0, -50%)
}
.gallery-top-box .swiper-button-next {
    width: 18px;
    background-size: 18px 38px;
    right: 10px;
    margin-top: 0;
    top: 50%;
    outline: none;
    transform: translate(0, -50%)
}

.gallery-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 9999;
}
.gallery-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .9;
}
.gallery-close {
    position: absolute;
    top: calc(20px + 2%);
    right: 2%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M0%2C1L1%2C0L30%2C29L29%2C30z'%2F%3E%3Cpath%20d%3D'M29%2C0L29%2C0L30%2C1L1%2C30L0%2C29z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    z-index: 9999;
}