/* 默认显示（PC 上可见） */
.pc-visible {
    display: block;
}

/* PC 设备隐藏 */
.sp-visible {
    display: none;
}

.reverse-mobile-1 {
    order: 0; /* 第一列默认顺序 */
}
.reverse-mobile-2 {
    order: 0; /* 第二列默认顺序 */
}

/* 屏幕宽度小于 768px */
@media (max-width: 768px) {
    /* 手机设备隐藏 */
    .pc-visible {
        display: none;
    }

    /* 手机设备可见 */
    .sp-visible {
        display: block;
    }

    .reverse-mobile-1 {
        order: 2; /* 第一列在手机端显示为第二 */
    }
    .reverse-mobile-2 {
        order: 1; /* 第二列在手机端显示为第一 */
    }

    .spbt{
        font-size: 1.5rem;
        margin-left: 0rem !important;
    }

    .sptc {
        text-align: center !important
    }
    .sppy{
        padding-left: 1px;
        padding-right: 1px;
    }




}
@media (min-width: 769px) {
    .pckt{
        padding-left: 9rem;
    }
}

/* 通用样式 */
.b-blue{
    background-color:#5b9df5 !important;
}
.b-green{
    background-color:#48b87b !important;
}
.b-orange{
    background-color:#f59d2a !important;
}
.b-red{
    background-color:#e95e4e !important;
}
.c-f{
    color: #fff !important;
}
.n-cr{
    color: red;
}
.c-b{
    color: #478ef2;
}
.w-100{
    width: 100% !important;
}
.w-60{
    width: 60% !important;
}
.w-50{
    width: 50% !important;
}
.fw-b{
    font-weight: bold !important;
}
.center-all-about{
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.center-all{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}
.center-all-up-down{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.border-und{
    border-bottom: 1px solid #ccc;
}
/*a:hover {*/
/*    color: var(--prime-six);*/
/*}*/
.no-hover-color,
.no-hover-color:hover,
.no-hover-color:focus {
    color: inherit !important;
    text-decoration: none !important;
}
/* 通用样式-end */
.translate{
    font-weight: 500;
    font-size: 18px;
    line-height: initial;
    color: #333;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.translate:hover{
    color: var(--prime-five );
}
.dropdown-item a:hover {
    color: #fff !important;
}
.nav-link:focus, .nav-link:hover{
    color: var(--prime-five );
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--prime-five );
}
.page-about td{
    padding: 13px 11px;
    text-align: left;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
    line-height: 1.46;
    letter-spacing: .07em;
}
.page-about th{
    width: 17%;
    font-weight: 700;
    padding: 13px 11px 13px 0;
    text-align: left;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
    line-height: 1.46;
    letter-spacing: .07em;
}
.image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #f9f9f9; /* 可选：背景色 */
    overflow: hidden;
    text-align: center;
}

.post-thumb {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}
.page-pagination-one li.active {
    color:  var(--prime-five);;
    border-radius: 4px;
    padding: 6px 12px;
}
/* 标题最多两行，超出显示... */

.lines-omitted-1{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.lines-omitted-2{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.blog-title {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 最大两行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 内容最多三行，超出显示... */
.post-data p {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 最大三行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post-img-wrapper {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    overflow: hidden;
    width: 100%;             /* 容器宽度 */
}

.post-img-wrapper img.post-img {
    width: 100%;             /* 宽度撑满容器 */
    height: auto;            /* 高度自适应 */
    max-height: 100%;        /* 防止超出容器高度（可选） */
    display: block;
    object-fit: contain;     /* 保持比例，完整显示 */
}
#main-preview {
    max-width: 600px;
    width: 100%;          /* 图片自适应缩放 */
    display: block;       /* 转成块级，方便居中 */
    margin: 0 auto;       /* 左右居中 */
}
.banner-text-wrapper {
    background: rgba(255, 255, 255, 0.7); /* 白底 + 轻微透明 */
    display: inline-block; /* 只包住文字 */
    max-width: 100%;
}

.br-name {
    position: relative;
    cursor: pointer;
}

.qr-popup {
    display: none;
    position: absolute;
    top: 120%; /* 往下偏移 */
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 8px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 10;
}

.qr-popup img {
    width: 120px;
    height: 120px;
}

.br-name:hover .qr-popup {
    display: block;
}
.sdbb{
    color: #fff;
    font-size: 31px !important;
    transform: translateY(3px);
}
.tal{
    text-align: left;
}
.tar{
    text-align: right;
}