z@charset "utf-8";

[v-cloak] {
    display: none;
}


/* 小于宽1000px适配 */
@media (max-width: 1100px) {}

/* 4. Webkit内核浏览器（Chrome/Safari/Edge）专属：隐藏所有元素的滚动条 */
*::-webkit-scrollbar {
    display: none;
    /* 隐藏滚动条整体 */
}

/* 针对Chrome/Edge/Safari的滚动条隐藏写法（Firefox不识别） */
html::-webkit-scrollbar,
#pdf_viewer {
    scrollbar-width: none !important;
    /* 隐藏该div的滚动条 */
}


html {
    scrollbar-width: none !important;
    /* 加!important强制生效，排除样式覆盖 */
    /* 兜底：旧版Firefox兼容（极少数情况） */
    -moz-appearance: none;
}

#pdf_viewer {
    overflow-x: hidden;
}


html {
    font-size: 16px;

}

body {
    /* font-size: 62.5%; */
}

/* .*/
body {
    min-width: 1100px !important;
    min-height: 540px !important;
}

/* 重置默认样式，消除边距/滚动影响 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    overflow: hidden;
    /* 隐藏滚动条，确保仅一屏 */
    background-color: #f0f0f0;
    /* 页面背景色，可自定义 */
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, textArea, legend, input, label, i, select {
    margin: 0;
    padding: 0;
    user-select: none;
}

input, textArea, select {
    border: 0;
    outline: 0;
}

input:focus, select:focus {
    border: 0;
    outline: 0;
}

body {
    background-color: #f2f2f2;
    /* background-color: red; */
    font-family: "Alibaba-PuHuiTi-Regular";
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

em, th, i {
    font-style: normal;
    font-weight: normal;
}

input, textarea, select {
    *font-size: 100%;
    font-size: 14px;
    vertical-align: middle;
}

ul, ol, li {
    list-style: none;
}

img {
    border: 0;
}

.pageWidth {
    margin: 0 auto;
    width: 1200px;
}

.clear {
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
}

.c_hide {
    display: none;
}

.cursor {
    cursor: pointer;
}

.margin0 {
    margin: 0 !important;
}

.center {
    text-align: center;
}

.noborder {
    border: 0;
}

a {
    color: #454545;
    text-decoration: none;
}

a:hover {
    color: #11692e;
    text-decoration: none;
}

.tableBorder table {
    border-collapse: collapse;
}

.tableBorder table td {
    empty-cells: show;
    border: 1px solid #999;
    font-size: 12px;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

html, body {
    position: relative;
    /* overflow: hidden; */
    width: 100%;
    height: 100%;
}

header, section, footer, img, button {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}

input, button, select, textarea {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*button {text-indent:-99999px;}*/
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*loading*/
.n_loading {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 40%;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.4);
    vertical-align: middle;
    -webkit-transition: .3s color, .3s border;
    transition: .3s color, .3s border;
}

[class*="loader-"] {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}

.n_loading .loader-01 {
    border: .2em dotted currentcolor;
    border-radius: 50%;
    -webkit-animation: 1s loader-01 linear infinite;
    animation: 1s loader-01 linear infinite;
    font-size: 14px;
    margin-right: 7px;
}

@-webkit-keyframes loader-01 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-01 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*--音乐--*/
#audio_btn {
    position: fixed;
    right: 0;
    bottom: 2%;
    z-index: 1000;
    width: 50px;
    height: 50px;
    z-index: 90
}

.audio_rotate {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    background-image: url(../images/music_on.png);
    -webkit-animation: rotating 1.2s linear infinite;
    -moz-animation: rotating 1.2s linear infinite;
    -o-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite;
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotating {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

.off {
    background-image: url(../images/music_off.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center center
}

/* ////////////////////////////////////////////////////////// */


/* 全屏包裹层：负责居中+占满视口 */
.main_box_wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    /* margin: 0 auto; */
    /* background: red; */
}

/* 核心容器：控制16:9 ~ 9:9比例区间 */
.ratio_container {
    position: relative;
    /* 视觉样式：方便查看效果，可自定义 */
    background-color: #f2f2f2;
    color: white;
    /* 内部内容居中 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    /* max-width: 1200px; */
    width: 100%;
    height: 100%;
}

.container {
    position: relative;
    background: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    max-width: 1920px;
    /* background: url('/themes/pages/index/img/bg_demo.jpg') no-repeat top center /100%; */
}

/*顶部+菜单*/
.header_box {
    background: rgb(243, 248, 242) url('../img/top_img_right.png') no-repeat bottom right /auto 94% ;
   /* background: url('../img/top_bg_color_.png') no-repeat top center /100%; */
/* background-size: cover; */
    width: 100%;
    flex: 13;
    height: calc(13%);
    /* background: orange; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 5%;
    align-items: center;
    flex-direction: row;
   /* border-bottom: 0.06rem solid rgb(12, 97, 94); */
    /* display: none; */
}

.header_box .logo {
    height: 68%;

}

.header_box .logo .img {
    height: 100%;
}
.header_box .top_right_box {
     background: url('../img/top_img_right.png') no-repeat top center /100%;
    /* display: flex;
    gap: .6875rem;
    font-size: .6875rem;
    align-items: center; */
}
.line_box{
    width: 100% ;
}
line_box .line_img{
    width: 100%;
    float:left;
}



/***************************************/
.header_box .menu_box {
    display: flex;
    gap: .6875rem;
    font-size: .6875rem;
    align-items: center;
}

.header_box .menu_box .item_ {
    color: rgb(114, 114, 114);
    /* background: rgb(233, 245, 245); */
    /* font-size: 3.2em; */
    width: 3.2rem;
    font-size: .56rem;

    padding: .1875rem .125rem;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    cursor: url('../img/custom_cursor_v1.png'), pointer;
}

.header_box .menu_box .item_.is_sel {
    background: rgb(246, 109, 22);
    color: #fff;
    font-weight: bold;

}

.header_box .menu_box .line_ {
    border-right: 1px dotted #818181;
    /* display: none; */
    width: 1px;
    height: 0.6rem;
}
.header_box .menu_box .item_c {
    border:1px solid  rgb(246, 109, 22);
    color: rgb(246, 109, 22);
    font-size: .47rem;
    padding:0.1rem 0.2rem ;
    border-radius: 0.1rem;
    display: flex;
    justify-content: center;
    align-items: center;

}



/*页面下部分*/
.bottom_box {
    width: 100%;
    flex: 87;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    gap: 1%;
}

/* 面包屑 */
.mianbaoNav {
    position: absolute;
    top: 4%;
    right: 5%;
    color: rgb(88, 87, 86);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 100;
    display: none;
}

.mianbaoNav .text_ {
    font-size: .5625rem;
    font-weight: bold;
}

.mianbaoNav .point_r_ {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0.36rem;
    height: 0.36rem;
    margin: 0 0.35rem;
    background: url("../img/point_r.png") no-repeat center center/100% 100%;
}

/* 定义关键帧动画 */
@keyframes breath {
    0% {
        transform: scale(1);
        /* 初始尺寸 */
    }

    50% {
        transform: scale(1.2);
        /* 放大到1.2倍 */
    }

    100% {
        transform: scale(1);
        /* 恢复初始尺寸 */
    }
}

/***********************************************************************************/
.custom_cursor {
    cursor: url('../img/custom_cursor_v1.png'), pointer;
}

/********************文章详情页面左侧的菜单*******************************************/
.leftMenu {
    width: 15%;
    color: #000;
    /* background: red; */
    display: flex;
    flex-direction: column;
    height: 76%;
}

.leftMenu .leftMenuItem {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
}

.leftMenu .leftMenuItem .item_ {
    background: rgb(238, 238, 238);
    width: 5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.56rem;
    color: rgb(116, 116, 116);
    border-radius: 2px;
}

.leftMenu .leftMenuItem .item_.is_sel {
    background: rgb(246, 109, 22);
    color: #fff;
}

.leftMenu .c_item_list {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    align-items: center;
    justify-content: center;
    margin-top: 0.2rem;
}

.leftMenu .c_item_list .c_item_text {
    border: 1px solid rgb(116 116 116 / 23%);
    width: 4.4rem;
    height: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.42rem;
    color: rgb(116, 116, 116);
    border-radius: 4px;
    text-indent: -0.12rem;
}

.leftMenu .c_item_list .c_item_text.is_sel {
    border: 1px solid rgb(246, 109, 22);
    color: rgb(246, 109, 22);
}