* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background-image: url(./bg_ktsk.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bg-img--plf {
    background-image: url(./bg_plf.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.bg-img--ktyh {
    background-image: url(./bg_ktyh.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #9b8a72;
    background-blend-mode: multiply;
}

.bg-img--ktsk {
    background-image: url(./bg_ktsk.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #9b8a72;
    background-blend-mode: multiply;
}

.bg-img--tt {
    background-image: url(./bg_tt.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #9b8a72;
    background-blend-mode: multiply;
}

.text-secondary--plsz {
    color: #f1e9e2;
}

.text-primary--plsz {
    color: #9b8a72;
}

.bg-primary--pldz {
    background-color: #9b8a72;
}

.bg-secondary--pldz {
    background-color: #f1e9e2;
}

.top-nav-bg {
    background-image: url(./top_nav_bg.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1920px;
    height: 114px;
}

.top-nav {
    height: 113px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 48px;
    padding-top: 22px;
}

.top-nav a {
    color: #f1e9e2;
    text-decoration: none;
    width: 190px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1000;
    background-image: url(./btn_border.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.top-nav a:hover {
    background-image: url(./bg_h1--dark-red.svg);
    background-size: contain;
    color: #f1e9e2;
}

/* .top-nav a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 222px;
    height: 36px;
    background-image: url(./btn_border.svg);
    background-repeat: no-repeat;
} */

/* .top-nav a:hover::before {
    background-image: url(./bg_h1--dark-red.svg);
    z-index: -999;
} */



.h1--dark {
    background-image: url(./bg_h1--dark-red.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 358px;
    height: 56px;
    color: #f1e9e2;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 宋体, SimSun, FangSong, fangsong, FangSong_GB2312 !important;
    text-decoration: none;
}

.h1--dark:hover {
    background-image: url(./bg_h1--dark-red.svg);
    text-decoration: none;
    color: #f1e9e2;
}

.h1--light {
    background-image: url(./bg_h1--light-red.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 358px;
    height: 56px;
    color: #f1e9e2;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 宋体, SimSun, FangSong, fangsong, FangSong_GB2312 !important;
    text-decoration: none;
}

.h1--light:hover {
    background-image: url(./bg_h1--light-red.svg);
    color: #f1e9e2;
}

.book-cover {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

.book-cover:hover img {
    transition: all 0.3s ease-in-out;
}

.book-cover:hover img {
    -webkit-box-shadow: 14px 17px 33px -9px rgb(110, 98, 82);
    -moz-box-shadow: 14px 17px 33px -9px rgba(110, 98, 82, 1);
    box-shadow: 14px 17px 33px -9px rgba(110, 98, 82, 1);
}

.book-cover h4 {
    margin-top: 10px;
}

.pljz-list img {
    height: 212px;
}


.footer--pldz {
    color: #f1e9e2;
}

.footer--pldz a {
    color: #f1e9e2;
    text-decoration: none;
}

.nj-list a {
    width: 138px;
    height: 500px;
    position: relative;
    overflow: hidden;
}

.nj-list a img {
    transition: all 0.3s ease-in-out;
}

.nj-list a:hover img {
    transform: scale(1.08);
}

.nj-list a h4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 138px;
    height: 500px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #f1e9e2;
    writing-mode: vertical-rl;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 10px;
    font-size: 22px;
}

#carousel-bg {
    position: absolute;
    top: 108px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -2000;
}

#carousel-bg img {
    object-fit: cover;
}

#carousel-bg img.layui-this {
    animation: imgzoom 10s;
}

@keyframes imgzoom {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.02);
    }
}

#scroll-top {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 0px;
    bottom: 100px;
    background-image: url(http://www.pingliang.gov.cn/cms_files/filemanager/905912960/picture/20237/afe282263927408ba6af5c26c965cce1.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #f1e9e2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

#scroll-top:hover {
    cursor: pointer;
}