html {
    font-size: 16px;
    /* 基础字体大小 */
}

@media (max-width: 1200px) {
    html {
        font-size: 14px;
        /* 较小屏幕时减小字体大小 */
    }
}

@media (max-width: 768px) {
    html {
        font-size: 14px;
        /* 更小屏幕时进一步减小字体大小 */
    }
}

.bg-dark {
    width: 100%;
    height: 4.125rem;
    /* 66px / 16px = 4.125rem */
    background: #fff !important;
    box-shadow: 0 0.1875rem 0.375rem 0px rgba(155, 187, 245, 0.72);
    /* 3px / 16px = 0.1875rem, 6px / 16px = 0.375rem */
}

.banner {
    width: 100%;
    height: 16.375rem;
    /* 262px / 16px = 16.375rem */
    margin-top: 4.125rem;
    /* 66px / 16px = 4.125rem */
    background: url('../img/Information/bannerBg.png');
    background-size: 100% 100%;
}

.bannerContent {
    width: 73.75rem;
    /* 1180px / 16px = 73.75rem */
    margin: auto;
    padding-top: 4.375rem;
    /* 70px / 16px = 4.375rem */
}

.bannerContent h1 {
    font-size: 2.5rem;
    /* 40px / 16px = 2.5rem */
    color: #FFFFFF;
    line-height: 3.5rem;
    /* 56px / 16px = 3.5rem */
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 2rem;
    /* 32px / 16px = 2rem */
}

.bannerContent p {
    font-size: 0.875rem;
    /* 14px / 16px = 0.875rem */
    color: #FFFFFF;
    line-height: 1.25rem;
    /* 20px / 16px = 1.25rem */
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.content {
    width: 77.25rem;
    /* 1236px / 16px = 77.25rem */
    margin: auto;
    display: flex;
    padding-top: 3.5rem;
    /* 56px / 16px = 3.5rem */
    justify-content: space-between;
}

.contentData {
    width: 48.25rem;
    /* 772px / 16px = 48.25rem */
}

.tabs {
    display: flex;
    border-bottom: 0.0625rem solid #E8E8E8;
    /* 1px / 16px = 0.0625rem */
    cursor: pointer;
    margin-bottom: 2.375rem;
    /* 38px / 16px = 2.375rem */
    /* padding: 1.25rem; */
    /* 20px / 16px = 1.25rem */
}

.tabItem {
    margin-right: 5rem;
    /* 80px / 16px = 5rem */
    font-size: 1.25rem;
    /* 20px / 16px = 1.25rem */
    color: #1C3355;
    line-height: 1.75rem;
    /* 28px / 16px = 1.75rem */
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding-bottom: 1.75rem;
    /* 28px / 16px = 1.75rem */
}

.tabs .active {
    font-size: 1.25rem;
    /* 20px / 16px = 1.25rem */
    color: #377CF7;
    line-height: 1.75rem;
    /* 28px / 16px = 1.75rem */
    text-align: left;
    font-style: normal;
    text-transform: none;
    border-bottom: 0.25rem solid #377CF7;
    /* 4px / 16px = 0.25rem */
}

.tableList {
    display: flex;
    border-bottom: 0.0625rem solid #E8E8E8;
    /* 1px / 16px = 0.0625rem */
    margin-bottom: 1.25rem;
    /* 20px / 16px = 1.25rem */
    padding-bottom: 1.25rem;
    /* 20px / 16px = 1.25rem */
    cursor: pointer;
}

.imgBox {
    width: 8.875rem;
    /* 244px / 16px = 15.25rem */
    height: 8.875rem;
    /* 142px / 16px = 8.875rem */
    margin-right: 1.5rem;
    /* 24px / 16px = 1.5rem */
}

.imgBox img {
    width: 100%;
    height: 100%;
    border-radius: 0.71rem;
}

.contentBox {
    width: 31.625rem;
    /* 506px / 16px = 31.625rem */
    /* overflow: hidden; */
}

.contentBox .title {
    font-weight: 500;
    font-size: 1.125rem;
    /* 18px / 16px = 1.125rem */
    color: #212121;
    line-height: 1.5625rem;
    /* 25px / 16px = 1.5625rem */
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 1.375rem;
    /* 22px / 16px = 1.375rem */
}

.contentBox .newContent {
    width: 31.625rem;
    /* 506px / 16px = 31.625rem */
    font-weight: 400;
    font-size: 0.875rem;
    /* 14px / 16px = 0.875rem */
    color: #283548;
    line-height: 1.25rem;
    /* 20px / 16px = 1.25rem */
    text-align: left;
    font-style: normal;
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 1.625rem;
    /* 26px / 16px = 1.625rem */
}

.contentBox .time {
    font-weight: 100;
    font-size: 0.875rem;
    /* 14px / 16px = 0.875rem */
    color: #9B9FAA;
    line-height: 1.0625rem;
    /* 17px / 16px = 1.0625rem */
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem;
    /* 10px / 16px = 0.625rem */
    /* background-color: #f5f5f5; */
    /* border: 1px solid #ddd; */
    border-radius: 0.3125rem;
    /* 5px / 16px = 0.3125rem */
}

.pagination-input {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    /* 14px / 16px = 0.875rem */
    color: rgba(36, 52, 86, 0.76);
    line-height: 1.25rem;
    /* 20px / 16px = 1.25rem */
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.page-input {
    width: 3.125rem;
    /* 50px / 16px = 3.125rem */
    padding: 0.3125rem;
    /* 5px / 16px = 0.3125rem */
    margin: 0 0.3125rem;
    /* 5px / 16px = 0.3125rem */
    border: 0.0625rem solid #ddd;
    /* 1px / 16px = 0.0625rem */
    border-radius: 0.1875rem;
    /* 3px / 16px = 0.1875rem */
}

.pagination-pages {
    display: flex;
    align-items: center;
}

.page-selector {
    width: 3.125rem;
    /* 50px / 16px = 3.125rem */
    padding: 0.3125rem;
    /* 5px / 16px = 0.3125rem */
    margin: 0 0.3125rem;
    /* 5px / 16px = 0.3125rem */
    border: 0.0625rem solid #ddd;
    /* 1px / 16px = 0.0625rem */
    border-radius: 0.1875rem;
    /* 3px / 16px = 0.1875rem */
}

.page-button {
    border-radius: 0.1875rem;
    /* 3px / 16px = 0.1875rem */
    cursor: pointer;
    margin-left: 0.625rem;
    /* 10px / 16px = 0.625rem */
    width: 2rem;
    /* 32px / 16px = 2rem */
    height: 2rem;
    background: #FFFFFF;
    border: 0.0625rem solid rgba(193, 203, 224, 0.58);
    text-align: center;
    /* 1px / 16px = 0.0625rem */
}

.page-button.active {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.pagination-pages img {
    width: 2rem;
    /* 32px / 16px = 2rem */
    height: 2rem;
    cursor: pointer;
    margin-left: 0.625rem;
    /* 10px / 16px = 0.625rem */
}

.rightBox {
    width: 25.4375rem;
    /* 407px / 16px = 25.4375rem */
    height: 34.25rem;
    /* 548px / 16px = 34.25rem */
    background: #F9FCFF;
    padding: 1.875rem 2.5rem;
    /* 30px / 16px = 1.875rem, 40px / 16px = 2.5rem */
}

.rightItem {
    display: flex;
    padding: 1.25rem 0;
    /* 20px / 16px = 1.25rem */
    border-bottom: 0.0625rem solid #E8E8E8;
    /* 1px / 16px = 0.0625rem */
    cursor: pointer;
}

.rightImg {
    width: 6.625rem;
    /* 106px / 16px = 6.625rem */
    height: 4.875rem;
    /* 78px / 16px = 4.875rem */
    margin-right: 1.5rem;
    /* 24px / 16px = 1.5rem */
}

.rightImg img {
    width: 100%;
    height: 100%;
}

.rightContent .title {
    width: 12.25rem;
    /* 196px / 16px = 12.25rem */
    /* height: 3.1875rem; */
    /* 51px / 16px = 3.1875rem */
    font-family: AppleSystemUIFont;
    font-size: 1.125rem;
    /* 18px / 16px = 1.125rem */
    color: #212121;
    line-height: 1.5625rem;
    /* 25px / 16px = 1.5625rem */
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 0.5rem;
    /* 8px / 16px = 0.5rem */
}

.rightContent .time {
    font-size: 0.875rem;
    /* 14px / 16px = 0.875rem */
    color: #9B9FAA;
    line-height: 1.0625rem;
    /* 17px / 16px = 1.0625rem */
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 0;
}

.bigTitle {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.rightBlock {
    width: 0.5rem;
    /* 8px / 16px = 0.5rem */
    height: 0.5rem;
    /* 8px / 16px = 0.5rem */
    background: #377CF7;
    display: block;
    margin-right: 0.625rem;
    /* 10px / 16px = 0.625rem */
}

@media (max-width: 770px) {
    .content {
        width: 100% !important;
        padding-top: 0 !important;
    }

    .contentData {
        width: 100% !important;
    }

    .contentBox {
        width: 100% !important;
    }

    .contentBox .newContent {
        width: 100% !important;
        word-break: break-word;
        word-wrap: break-word;
        white-space: -hp-pre-wrap;
        white-space: -o-pre-wrap;
        white-space: -pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: pre;
        white-space: pre-wrap;
        white-space: pre-line;
        margin-bottom: 0.57rem;

    }
    .contentBox .title{
        margin-bottom: 0.57rem;
    }
    .imgBox {
        width: 8.43rem !important;
        height: 6.14rem !important;
        margin-right: 0.86rem !important;
    }

    .tabs {
        display: flex;
        justify-content: space-between;
    }

    .tabItem {
        padding: 1rem 2rem !important;
        font-size: 1rem !important;
        margin-right: 0rem !important;
    }
    .pagination{
        justify-content: center !important;
    }
    .banner {
        padding: 0 1.14rem;
        height: 7.71rem !important;
        margin-top: 3.55rem;
    }
    .bannerImage{
        height: 7.71rem !important;
        width: 100% !important;
        color: #FFFFFF;
    }
    .bannerImage h1{
        font-size: 1.29rem;
        margin-top: 2rem;
    }
    .tableLists {
        padding: 0 1.14rem;
    }
}