.xwzx-content {
    width: 72rem;
    height: 38rem;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.88;
    padding: 2rem 2rem 2.25rem 2rem;
}

.xwzx-content .xwzx-tab {
    display: inline-block;
    text-align: left;
    width: 100%;
}

.xwzx-content .top-left {
    width: 32.9375rem;
    height: 19.875rem;
}

.xwzx-content .top-right {
   
}
.footer {
    z-index: 9;
    width: 100%;
    position: absolute;
    bottom: 10%;
}

.footer p {
    display: block;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #F3F4F3;
    line-height: 1.75rem;
}
.footer div{
   display: none;
}
.xwzx-content .top-right .xwzx-tab-box {
    /* display: flex;
    flex-wrap: wrap;
    flex-direction: column; */
}

.xwzx-content .top-right .xwzx-tab-box .xwzx-tab .xwzx-tab-active {
    background: #30604E;
    font-size: 1rem;
    color: #FFFFFF;
    display: inline-block;
}

.xwzx-content .top-right .xwzx-tab-box .xwzx-tab li {
    display: inline-block;
    width: 7rem;
    padding: 0.25rem 1.5rem;
    border-radius: 1rem;
    cursor: pointer;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}

.xwzx-content .top-right .xwzx-tab-box .xwzx-tab-dv {
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 2.0625rem;
    margin-top: 1.375rem;
    text-align: left;
}

.xwzx-content .top-right .xwzx-tab-box .xwzx-tab-dv ul {
    display: none;
    width: 31.125rem;

}

.xwzx-content .xwzx-tab-box .xwzx-tab-dv a {
    color: #333333 !important;
}

.xwzx-content .top-right .xwzx-tab-box .xwzx-tab-dv .xwzx-box-active {
    display: block;
}

.xwzx-content .top-right .more p {
    cursor: pointer;
    font-size: 0.875rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 1.75rem;
}

.xwzx-content .xwzx-content-bottom {
    margin-top: 2.125rem;
    width: 100%;
}

.xwzx-content .xwzx-content-bottom .bottom-left {
    width: 3.25rem;
    height: 11.625rem;
    flex-shrink: 0;
    margin-right: 1.875rem;
    /* background-image: url(../images/new_book.jpg);
    background-size: 100% 100%; */
}

.xwzx-content .xwzx-content-bottom .bottom-left .icon {
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.xwzx-content .bottom-right {
    position: relative;
    position: relative;
    width: 62.8125rem;
    overflow: hidden;
}

.xwzx-content.xwzx-content-bottom .swiper-container {
    width: 100%;
}

.xwzx-content .xwzx-content-bottom .swiper-slide {
    width: 8.6875rem !important;
    height: 11.625rem !important;
    margin-right: 1.5625rem !important;
    text-align: center;
    font-size: 1.125rem;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition-property: all;
}

.xwzx-content .xwzx-content-bottom .swiper-slide a {
    width: 100%;
    height: 100%;
}

.swiper-button-prev,
.swiper-button-next {
    color: #706B65 !important;
}

.xwzx-button-next,
.xwzx-button-prev {
    position: absolute;
}

.xwzx-button-next .icon,
.xwzx-button-prev .icon {
    width: 6.25rem;
    height: 3.75rem;
    color: #706B65;
}

.xwzx-button-next {
    right: -2.25rem;
    top: 50%;
    transform: translate(0, -50%);
}

.xwzx-button-prev {
    left: -2.25rem;
    top: 50%;
    transform: translate(0, -50%);
}