.message-btn {
    width: 8rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 0.8rem;
    border-radius: 0.3rem;
    text-align: center;
    color: #fff;
    margin: auto;
    background-color: #114688;
    font-weight: 600;
}

/* 所有按钮文字默认白色 */
.btn {
    color: #fff !important;
}

/* 页面标题样式 */
.page-title-container {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 1rem;
    margin-bottom: 1rem;
}

.page-title {
    color: #495057;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

/* Pagination theme (align with primary color #114688) */
:root {
    --yl-primary: #114688;
    --yl-primary-700: #0d3668;
    --yl-primary-100: #eaf1f9;
}

.pagination {
    display: flex;
    flex-direction: row;
    gap: .25rem;
    margin-top: 1.25rem;  /* 增大上下边距 */
    margin-bottom: 1.25rem;
    padding-top: .5rem;   /* 增加上下内边距 */
    padding-bottom: .5rem;
    flex-wrap: wrap;      /* 允许超过宽度时自动换行 */
    overflow-x: hidden;   /* 防止水平方向溢出 */
}

.pagination .page-item { margin: 0 .125rem; }

.pagination .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.25rem;
    min-width: 2.25rem;
    padding: 0 .75rem;
    border: 1px solid #ced4da; /* 中性灰边框 */
    text-align: center;
    line-height: 1;
    font-size: .95rem;
    font-weight: 700; /* 字更醒目 */
    color: #495057; /* 深灰，避免蓝色 */
    background-color: #fff;
    border-radius: .5rem; /* 统一圆角矩形 */
    transition: all .15s ease-in-out;
}

.pagination .page-item.disabled .page-link,
.pagination .page-link.disabled {
    color: #6c757d;
    background-color: #f1f3f5;
    border-color: #e9ecef;
    cursor: not-allowed;
}

/* 修改.bi-info-circle-fill图标的颜色为白色 */
.bi-info-circle-fill {
    color: #fff !important;
}

/* 修改.alert-info中的文字颜色为白色 */
.alert-info {
    color: #fff !important;
}

/* 为.alert-info中的链接保持合适的对比度 */
.alert-info a {
    color: #e6f7ff !important;
}

/* 为.alert-info中的图标保持白色 */
.alert-info .bi {
    color: #fff !important;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
    color: #212529; /* 深色文字 */
    background-color: #f1f3f5; /* 更浅的中性灰背景 */
    border-color: #adb5bd; /* 银灰边框 */
    box-shadow: 0 0 0 .2rem rgba(173,181,189,.2);
}

.pagination .page-item.active .page-link,
.pagination .page-link.active {
    color: #495057; /* 中灰文字，避免过于突兀的黑色 */
    background-color: #e9ecef; /* 更浅的银灰 */
    border-color: #e9ecef;
    box-shadow: 0 .25rem .5rem rgba(173,181,189,.35);
}

/* Global spacing for pagination block is handled above */

.swiper-wrapper:last-child {
    margin-bottom: 0;
}

.top-info {
    width: 100vw;
}

.footer-cent {
    margin-left: 1rem;
    margin-right: 1rem;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top {
    padding: 0;
}

.navPc li {
    width: 10rem;
    padding: 2rem 1rem;
    color: white;
    border-radius: 0.5rem 0.5rem 0 0;
    border-bottom: 0.2rem solid transparent;
    display: flex;
    text-align: center;
}

    .navPc li > a {
        cursor: pointer;
        width: 8rem;
    }

    .navPc li.selected {
        border-bottom-color: #114688; /* highlight selected tab with primary color */
    }

.subNav {
    width: 15rem;
    position: absolute;
    background-color: rgba(17, 70, 136, 0.9);
    padding: 0 1rem 1rem 1rem;
    margin: 3rem 0 0 -1rem;
    display: flex;
    font-size: 1rem;
}

    .subNav > a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.topRight ul {
    display: flex;
    align-items: center;
    font-size: 20px;
}

    .topRight ul li a {
        color: white;
    }
/*coco-modal[*/
.coco-modal {
    width: 35rem;
}

.coco-btn.ok {
    background-color: #114688;
}
/*coco-modal]*/
body {
    font-size: 0.8rem;
    font-family: 'Microsoft YaHei'
}

a {
    text-decoration: none;
}

.fs-7 {
    font-size: 0.9rem !important;
}

.fs-8 {
    font-size: 0.8rem !important;
}

.fs-min {
    font-size: 0.6rem !important;
}

.m-6 {
    margin: 4rem !important;
}

.mx-6 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

.my-6 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.mt-6 {
    margin-top: 4rem !important;
}

.mb-6 {
    margin-bottom: 4rem !important;
}

.ms-6 {
    margin-left: 4rem !important;
}

.me-6 {
    margin-right: 4rem !important;
}

.m-7 {
    margin: 5rem !important;
}

.mx-7 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}

.my-7 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.mt-7 {
    margin-top: 5rem !important;
}

.mb-7 {
    margin-bottom: 5rem !important;
}

.ms-7 {
    margin-left: 5rem !important;
}

.me-7 {
    margin-right: 5rem !important;
}

.m-8 {
    margin: 6rem !important;
}

.mx-8 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
}

.my-8 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}

.mt-8 {
    margin-top: 6rem !important;
}

.mb-8 {
    margin-bottom: 6rem !important;
}

.ms-8 {
    margin-left: 6rem !important;
}

.me-8 {
    margin-right: 6rem !important;
}

.p-6 {
    padding: 4rem !important;
}

.px-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.pt-6 {
    padding-top: 4rem !important;
}

.pb-6 {
    padding-bottom: 4rem !important;
}

.ps-6 {
    padding-left: 4rem !important;
}

.pe-6 {
    padding-right: 4rem !important;
}

.p-7 {
    padding: 5rem !important;
}

.px-7 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

.py-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.pt-7 {
    padding-top: 5rem !important;
}

.pb-7 {
    padding-bottom: 5rem !important;
}

.ps-7 {
    padding-left: 5rem !important;
}

.pe-7 {
    padding-right: 5rem !important;
}

.p-8 {
    padding: 6rem !important;
}

.px-8 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}

.py-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

.pt-8 {
    padding-top: 6rem !important;
}

.pb-8 {
    padding-bottom: 6rem !important;
}

.ps-8 {
    padding-left: 6rem !important;
}

.pe-8 {
    padding-right: 6rem !important;
}


.letterSpacing-1 {
    letter-spacing: 0.1rem;
}

.pointer {
    cursor: pointer;
}

.flex {
    display: flex;
}
/*定义颜色*/
.bg-ea {
    background-color: #eaeaea;
}

/* Bootstrap颜色系统重新定义 - 统一使用蓝色系 */
:root {
    --bs-blue: #4a8ed6;
    --bs-primary: #4a8ed6;
    --bs-secondary: #8eafd4;
    --bs-success: #5ba3d9;
    --bs-warning: #7bb4de;
    --bs-danger: #3a7bc8;
    --bs-info: #8cc4e3;
    --bs-light: #e8f2fa;
    --bs-dark: #2e5a87;
}

/* Primary */
.btn-primary, .bg-primary {
    background-color: #4a8ed6 !important;
    border-color: #4a8ed6 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #3a7bc8 !important;
    border-color: #3a7bc8 !important;
}

.text-primary {
    color: #4a8ed6 !important;
}

/* Secondary */
.btn-secondary, .bg-secondary {
    background-color: #8eafd4 !important;
    border-color: #8eafd4 !important;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: #5a87c2 !important;
    border-color: #5a87c2 !important;
}

.text-secondary {
    color: #8eafd4 !important;
}

/* Success */
.btn-success, .bg-success {
    background-color: #5ba3d9 !important;
    border-color: #5ba3d9 !important;
}

.btn-success:hover, .btn-success:focus, .btn-success:active {
    background-color: #4a91ca !important;
    border-color: #4a91ca !important;
}

.text-success {
    color: #5ba3d9 !important;
}

/* Warning */
.btn-warning, .bg-warning {
    background-color: #7bb4de !important;
    border-color: #7bb4de !important;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    background-color: #6aa5d2 !important;
    border-color: #6aa5d2 !important;
}

.text-warning {
    color: #7bb4de !important;
}

/* Danger */
.btn-danger, .bg-danger {
    background-color: #3a7bc8 !important;
    border-color: #3a7bc8 !important;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background-color: #2e5a87 !important;
    border-color: #2e5a87 !important;
}

.text-danger {
    color: #3a7bc8 !important;
}

/* Info */
.btn-info, .bg-info {
    background-color: #8cc4e3 !important;
    border-color: #8cc4e3 !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active {
    background-color: #7bb8dd !important;
    border-color: #7bb8dd !important;
}

.text-info {
    color: #8cc4e3 !important;
}

/* Light */
.btn-light, .bg-light {
    background-color: #e8f2fa !important;
    border-color: #e8f2fa !important;
    color: #2e5a87 !important;
}

.btn-light:hover, .btn-light:focus, .btn-light:active {
    background-color: #d4e7f5 !important;
    border-color: #d4e7f5 !important;
}

.text-light {
    color: #e8f2fa !important;
}

/* Dark */
.btn-dark, .bg-dark {
    background-color: #2e5a87 !important;
    border-color: #2e5a87 !important;
}

.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
    background-color: #1e3a5a !important;
    border-color: #1e3a5a !important;
}

.text-dark {
    color: #2e5a87 !important;
}

/* 表单控件焦点颜色 */
.form-control:focus, .form-select:focus {
    border-color: #4a8ed6 !important;
    box-shadow: 0 0 0 0.2rem rgba(74, 142, 214, 0.25) !important;
}

/* 链接颜色 */
a {
    color: #4a8ed6 !important;
    text-decoration: none;
}

a:hover {
    color: #3a7bc8 !important;
}

.bg-blue1 {
    background-color: #4a55a2;
}

.bg-blue2 {
    background-color: #7895cb;
}

.bg-blue3 {
    background-color: #a0bfe0;
}

.bg-blue4 {
    background-color: #c5dff8;
}

.bg-blue5 {
    background-color: #efefef;
}

.text-blue1 {
    color: #4a55a2;
}

.text-blue2 {
    color: #7895cb;
}

.text-blue3 {
    color: #a0bfe0;
}

.text-blue4 {
    color: #c5dff8;
}

.text-blue5 {
    color: #efefef;
}

.blueTable {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

    .blueTable th {
        background-color: #7895cb;
        color: white;
        padding: 0.5rem 1rem;
        text-align: center;
        border: 2px solid white;
    }

    .blueTable td {
        background-color: #efefef;
        color: #666666;
        border: 2px solid white;
        text-align: center;
        padding: 0.5rem;
    }
/* 移除旧分页块，统一使用上方 .pagination 主题样式 */

.initHide {
    display: none !important;
}

.btnBase {
    display: flex;
    align-items: center;
    font-size: 1rem;
    padding: 0.5rem 1rem;
}

#fixedIcons {
    display: none;
    flex-direction: column;
    position: fixed;
    right: 60px;
    bottom: 220px;
    z-index: 999;
    width: 60px;
    cursor: pointer;
}


@media screen and (max-width: 1440px) {
    .page-link {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }
}

@media screen and (max-width: 990px) {
    .page-link {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    /*coco-modal[*/
    .coco-modal {
        width: 90%;
    }
    /*coco-modal]*/
    .page-link {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    #fixedIcons {
        right: 12px;
        bottom: 150px;
        width: 40px;
        cursor: pointer;
    }

        #fixedIcons img {
            width: 40px;
            height: 40px;
        }
}


#picPopover {
    width: 10rem;
    height: 10rem;
    background: white;
    padding: 0.5rem;
    border-radius: 0.5rem;
    display: block;
    position: absolute;
    z-index: 3;
    display: none;
}

    #picPopover img {
        width: 100%;
        height: 100%;
        border-radius: 0.5rem;
    }

#iconPopover {
    width: 10rem;
    height: 10rem;
    background: white;
    padding: 0.5rem;
    border-radius: 0.5rem;
    position: absolute;
    z-index: 3;
    display: none;
}

    #iconPopover img {
        width: 100%;
        height: 100%;
        border-radius: 0.5rem;
    }

.bottom-main a, .bottom-main span {
    font-size: 1rem;
}

.navBox {
    display:flex;
    background-color: white;
    padding: 1rem 8rem;
    justify-content: start;
    z-index: 2;
    width: 100%;
    left: 0;
    top: 6rem;
    position: absolute;
}

    .navBox::after {
        content: '';
        flex-grow: 1;
    }

    .navBox div {
        width: 33.3%;
        margin: 0.5rem auto;
        padding-left: 5rem;
        display: flex;
    }

    .navBox a {
        font-size: 1rem;
        color: #333 !important;
        text-overflow: ellipsis;
        width:100%;
        overflow:hidden;
        white-space:nowrap;
        text-align:left;
    }

.bottomLine {
    border-bottom: 0.2rem solid white !important;
}