/* 底部按钮主题颜色 */
:root{
    --button-color: #fe2542;
    --color-primary: #fe2542;
    --border-primary: #fe2542;
}

/* 主题颜色 */
.primary_color{
    color: var(--color-primary);
}

/* 透明主题背景色 */
.primary_trans_bg{
    background-color: #fe254218;
}

/* 主题按钮 */
.btn-primary{
    background-color: #fe2542;
    color: white;
    border-color: #fe2542;
}
/* 主题按钮禁用 */
.btn-primary:disabled{
    background-color: #ffbdc7;
    color: white;
    border-color: #ffbdc7;
}
/* 线条按钮颜色 */
.btn-outline-primary{
    color: #fe2542;
    border-color: #fe2542;
}
/* 线条按钮悬浮颜色 */
/* .btn-outline-primary:hover, .btn-outline-primary:active , .btn-primary:focus{
    background-color: #fe2542 !important;
    color: white;
    border-color: #fe2542 !important;
} */


/* 重置页脚高度 */

.em_main_footer.with__text .em_body_navigation{
        min-height: auto;
    }

    /* 排版页脚 */
    .em_main_footer.with__text .em_body_navigation .item_link{
        display: flex;
        align-items: flex-start;
    }

    @font-face
        {
            font-family: haosnsArticleFont;
            src: url('../../../assets/fonts/haosns/font01.woff2')
        }
        @font-face
        {
            font-family: haosnsArticleFont2;
            src: url('../../../assets/fonts/haosns/font02.woff')
        }@font-face
        {
            font-family: haosnsArticleFont3;
            src: url('../../../assets/fonts/haosns/font03.woff2')
        }@font-face
        {
            font-family: haosnsArticleFont4;
            src: url('../../../assets/fonts/haosns/font04.woff2')
        }
        .hao01font, *{
            font-family: haosnsArticleFont, haosnsArticleFont2, haosnsArticleFont3, haosnsArticleFont4;
        }


        /* 图标脉冲动画 */
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.4); }
            100% { transform: scale(1); }
        }

        .doZan {
            animation: pulse 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }


        .two-line-ellipsis {
            width: 200px; /* 限制容器宽度 */
            display: -webkit-box; /* 设置为 WebKit 内核的弹性盒子模型 */
            -webkit-box-orient: vertical; /* 垂直排列 */
            -webkit-line-clamp: 2; /* 限制显示两行 */
            line-clamp: 2; /* 限制显示两行 */
            overflow: hidden; /* 隐藏超出范围的内容 */
            text-overflow: ellipsis; /* 使用省略号 */
            }