:root {
    --text-color: #ffffff; /* 文字颜色 */
    --text-main-color: #ffffff; /* 主题颜色背景文字颜色 */
    --footer-color-tit: #fff !important;
    --footer-color-hover: #888 !important;
    --footer-color: #eee !important;
    --app-main-color: #9d2730 !important; /* 主要颜色 */
    --app-base-color: #ffffff; /* 常规颜色 */
    --app-secondary-color: #d13541; /* 次要颜色 */
    --app-extra-color: #f5f5f5; /* 辅助颜色 */
    --list-color: #9d2730 !important; /* 列表颜色 */
    --list-secondary-color: #6a6a6a44 !important; /* 列表次要颜色 */
    --list-hover-color: #88131c !important; /* 列表滑过颜色 */
    --header-height: 100px !important;
    --m-header-height: 100px !important;
}

@media (min-width: 992px) {
    html{
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    html{
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    html{
        font-size: 12px;
    }

}

#app-footer {
    background-color: var(--app-main-color);
}
#app-footer, #app-footer a {
    color: var(--text-color) !important;
}

.page-item-title {
    font-size: 2rem;
    color: #333;
    font-weight: bold;
    padding-bottom: 30px;
    position: relative;
    text-align: center;
    letter-spacing: .2rem;
    line-height: 4rem !important;
}

.page-item-title.bg-bottom:after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -100px;
    width: 231px;
    height: 13px;
    background-image: url("../images/title-bbg.png");
}

.page-item-title.bg-left {
    padding-left: 4rem;
    text-align: left;
}
.page-item-title.bg-left:after{
    content: '';
    position: absolute;
    left: 0;
    margin: 0;
    width: 4rem;
    height: 4rem;
   background-image: url("../images/title-lbg.png");
    background-size: 100%;
}

@media (max-width: 768px) {
    .page-item-title {
        font-size: 1.875rem;
    }
}
