
.page {
    background: #F7FAFD;
}
.active_tab {
    color: rgba(0, 47, 231, 1);
    border-bottom: 2px solid rgba(23, 92, 250, 1);;
}
.ellipsis {
    overflow:hidden; text-overflow: ellipsis;
    -webkit-line-clamp: 1; display: -webkit-box;
    -webkit-box-orient: vertical;
}
.read_box .read_item:nth-child(-n+4) .rank {
    background-color: #FF8D1A;
}
@media (min-width: 100px) and (max-width: 992px) {
    .row {
        margin-left: 0; margin-right: 0;
    }
    .dropdown-toggle {
        text-align: right;
    }

    .col-content { padding-right: 0; padding-left: 0; }
    .about_box { padding-top: 0.2rem; }

    .title {
        font-size: 0.2rem; font-weight: 700; line-height: 0.28rem;
        color: rgba(28, 29, 31, 1); text-align: center;
    }

    .contact {
        text-align: center;  line-height: 0.22rem;
        font-size: 0.16rem;
        font-weight: 400;
        color: rgba(110, 123, 148, 1);
        margin-bottom: 0.2rem;
    }

    .info_right .info_item:nth-child(3) {
        border-bottom: none;
    }

    .info_item {
        padding: 0.16rem 0; border-bottom: 1px solid rgba(233, 237, 240, 1);
        
    }
    
    .info_item >div:nth-child(1) {
        font-size: 0.14rem; font-weight: 400;
        color: rgba(110, 123, 148, 1);
    }
    
    .info_item >div:nth-child(2) {
        font-size: 0.14rem; font-weight: 600;
        color: rgba(28, 29, 31, 1);
    }
}

 /* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
    .maxWidth {
        max-width: 1200px; margin: 0 auto;
    }
    .img_row { margin: 0; }
    .col-content { padding-right: 0; padding-left: 0; }
    .about_box { margin-top: 20px; padding-bottom: 40px; }
    .title {
        margin-bottom: 40px;
        font-size: 40px; font-weight: 700;
        color: rgba(28, 29, 31, 1); text-align: center;
    }
    .info_box {
        overflow: hidden; height: 500px;
        border-radius: 16px; border: 1px solid rgba(234, 234, 234, 1);
    }
    .info_left {
        padding-left: 0; height: 100%;
    }
    .info_right {
        height: 100%; display: flex; flex-direction: column; justify-content: center;
    }
    .info_item {
        padding: 30px 0; border-bottom: 1px solid rgba(233, 237, 240, 1);
        >div:nth-child(1) {
            font-size: 16px; font-weight: 400;
            color: rgba(110, 123, 148, 1);
        }
        >div:nth-child(2) {
            font-size: 18px; font-weight: 700;
            color: rgba(28, 29, 31, 1);
        }
    }

    .map_box {
        padding-left: 0;
        padding-right: 0;
        #container {
             margin-top: 40px;
        }
    }

}