.shownone{display: none;}
.z_body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
    overflow: hidden; /* 隐藏body的滚动条 */
    width: 100%;height:100vh;
}
.zhangbody{width: 100%;height:100%;    margin: 0;
    padding: 0;background-color: #2c3e50;}
.container_menu {
    position: relative;
    float:left;
    height: 100vh;
    width:450px;
    box-sizing:border-box;
    background-color: #2c3e50;
    overflow-x: hidden;overflow-y: scroll;
}
.shuxingmenu{
    /*height: calc(100% - 180px);*/
    height:100%;
    /*background-color: #999;*/
    width: 100%;
    position: relative;
    float: left;
    /*padding-bottom:20px;*/
    /*overflow-x: hidden;overflow-y: scroll;*/
        /* 添加以下代码调试高度 */
}
.framewh{
    width: 100%;
    height: 100%; /* iframe占满容器 */
    display: block;
    border: none;
}
.container_pdf {
    position: relative;
    float:left;
    height: 100vh;
    width:600px;
}
.container_right {
    position: relative;
    float:left;
    height: 100vh;
    width:calc(100% - 1050px);
}
.leftmenuselect {
    width: 100%;
    background-color: #2c3e50;
    color: white;
    padding: 10px;
    box-sizing: border-box;
    height:40px;
    /* 使用 flexbox */
    display: flex;
    flex-direction: column;
}

.pages_ts {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    justify-content: center; /* 水平居中 */
    gap: 10px; /* 可选：两个div之间的间距 */
}
.taijdiv{
    width:40px;
    height:50px;
    overflow: hidden;
    margin-top: -18px;

}
.taiji_unicode {
    font-size: 40px;
    min-height:40px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    text-align: center;
    transition: all 0.3s ease;
    color:white;
}


/* 添加旋转动画 */
.taiji_unicode.rotate {
    animation: spin 3s linear infinite;
}
/* 定义旋转关键帧动画 */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}




.mb10 {
    margin-bottom: 10px;
}
.mL10{margin-left: 10px;}


.mb10{margin-bottom:10px;}
.mb4{margin-bottom:4px;}
.mb6{margin-bottom:6px;}
.mt6{margin-top:6px;}
.show_a4 {
    position: relative;
    /*padding: 20px;*/
    overflow-y: scroll; /* 改为auto，只在需要时显示滚动条 */
    overflow-x: scroll; /* 隐藏水平滚动条 */
    background-color: #ecf0f1;
    /* 必须设置明确的高度 */
    height: 100vh; /* 或者固定高度 */
    /* 或者 */
    width: 100%; /* 设置最大高度 */
    /* 添加居中布局 */
    display: flex;
    flex-direction: column;
    align-items: center; /* 水平居中 */
    padding-top:20px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
    box-sizing: border-box; /* 重要：包含padding在高度内 */
}
 

 

/*滚动条样式
::-webkit-scrollbar 滚动条整体部分
::-webkit-scrollbar-thumb  滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
::-webkit-scrollbar-track  滚动条的轨道（里面装有Thumb）
::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）
::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处
::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
*/
.gundongt{
    /*max-height:910px;*/
    overflow-y:scroll;/*auto scroll */
    overflow-x:hidden;
}
.gundongt::-webkit-scrollbar{
    width:6px;
    height:6px;
    background-color: #61B6EB;
}
.gundongt::-webkit-scrollbar-track{
    background: #213147;
    border-radius:2px;
}
.gundongt::-webkit-scrollbar-thumb{
    background: #61B6EB;
    border-radius:2px;
}
.gundongt::-webkit-scrollbar-thumb:hover{background: #61B6EB;}
.gundongt::-webkit-scrollbar-corner{background: #61B6EB;}
/*滚动条样式结束*/


.leftmenu_select {
    position: relative;
    float: left;
    width: 100%;
    background-color: #2c3e50;
    color: white;
    padding: 6px 6px 0 6px;
    box-sizing: border-box;
    min-height:30px;
    /* 使用 flexbox */
    display: flex;
    justify-content: start; /* 水平居中 */
    gap: 6px; /* 可选：两个div之间的间距 */
}

.zselect_l{
    width:80px;
    background: #3293d3;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    color:white;
    font-size: 15px;
    transition: background 0.3s linear;cursor: pointer;
}
.zselect_l:hover{
    transition: border 0.3s linear;
    background-color: rgba(70,136,180, 0.95);transition: background 0.1s linear;
    /*box-sizing:border-box;background-position:24px 10px;*/
}
.zselect_l:active {
    background-color: #0d3b66;
    transform: translateY(1px);
}

.mL5{margin-left: 6px}

.zhangleix{
    /*position: relative;*/
    width:calc(100%);
    float:left;
    display: flex;
    flex-wrap: wrap; /* 关键：允许换行 */
    gap: 6px; /* 间距 */
    /*padding:6px;*/
}
.zhangleix_item {
    /* 8个均分：100% ÷ 8 = 12.5%，减去间距占比 */
    /*flex: 0 0 calc(12.5% - 5.25px);*/ /* 更精确的计算 */
    /* 或者简化为： */
    width: 100%;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 4px;
    box-sizing: border-box;
    padding:2px;
    transition: background 0.3s linear;cursor: pointer;
    display: block; /* 关键：将div变为块级元素 */
}
.zhangleix_item:hover{
    transition: border 0.3s linear;
    background-color: rgba(70,136,180, 0.95);transition: background 0.1s linear;
    border:1px solid #cfb502;
    /*box-sizing:border-box;background-position:24px 10px;*/
}
.zhangleix_item_a{
    /* 或者简化为： */
    width: calc(12.5% - 5.25px);;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 4px;
    box-sizing: border-box;
}
.zhangleix_bk{
    background-image: url(icon/yuanzhang.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    /*filter: brightness(0) invert(1);*/
}
.zhangleix_bk_tuo{
    background-image: url(icon/tuoyuanzhang.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    /*filter: brightness(0) invert(1);*/
}
.zhangleix_bk_jianyan{
    background-image: url(icon/yuan_jianyan.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    /*filter: brightness(0) invert(1);*/
}
.svgmain{
    position: relative;
    float:left;
    width:100%;
    height:100%;
    background:#fff;
    display:block;

}
.mianzesm{
    position: relative;
    float:left;
    width:100%;
    min-height:260px;
    line-height: 20px;
    background:#fff;
    display:block;
    padding:5px;
    box-sizing: border-box;
    font-size: 15px;
    color:#999;
}
.mianzesm p{margin:0 0 4px 0;}
.mainsvg{
    position: relative;
    float:left;
    width:100%;
    height:400px;
    background:#fff;
    display: flex;
    flex-direction: row; /* 改为行布局 */
    justify-content: center; /* 水平居中 */
    gap: 20px; /* 按钮间距 */
    align-items: center; /* 垂直对齐（如果需要） */ 

}

.leftmenu_shuxing {
    position: relative;
    float: left;
    width: calc(100% - 12px);
    background-color: #3293d3;
    padding: 5px;
    box-sizing: border-box;
    min-height:30px;
    margin:0px 6px 6px 6px;
    border-radius:4px;
}
.leftmenu_shuxing_bot {
    position: relative;
    float: left;
    width: calc(100% - 12px);
    padding: 5px;
    box-sizing: border-box;
    min-height:30px;
    margin:0px 6px 6px 6px;
}

.leftmenu_title {
    position: relative;
    float: left;
    width: 100%;
    background-color: #3293d3;
    padding-left: 5px;
    padding-right: 5px;
    color:white;
    box-sizing: border-box;
    min-height:30px;
    line-height: 30px;
    border-radius:4px;
}
.shux_detail {
    position: relative;
    float: left;
    width: 100%;
 
    color:white;
    box-sizing: border-box;
    min-height:30px;
    line-height: 30px;
    border-radius:4px;
    display: flex;
    flex-wrap: wrap; /* 关键：允许换行 */
    gap: 6px; /* 间距 */
}
.shux_detail_item{
    flex: 0 0 calc(50% - 3px); /* 更精确的计算 */
    /* 或者简化为： */
    width: calc(50% - 3px);
    height: 30px;
    background: #fff;
    color:black;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;

    text-align: left;
    transition: background 0.3s linear;
}
.shux_detail_item2{
    flex: 0 0 calc(25% - 4.5px); /* 更精确的计算 */
    /* 或者简化为： */
/*    width: calc(25% - 6px);*/
    height: 30px;
    /*background: #fff;*/
    color:black;
    display: flex;
    align-items: center;
    justify-content: center;/*space-between;*/
    box-sizing: border-box;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;

    text-align: left;
    transition: background 0.3s linear;
}
.pdr4{padding-right:4px;}
.pdl4{padding-left:4px;}
.jiaodbutton{background: #c4eafd;text-align: center;cursor:pointer;user-select: none;}
.jiaodbutton:hover {
    background-color: #1a5d9f;
}
.jiaodbutton:active {
    background-color: #0d3b66;
    transform: translateY(1px);
}

.range_input {
    /*display: inline-block;*/
    width: 80px;
    /*padding: 2px;*/
    background: rgba(206,219,228, 0.95);;
    color: black;
    border-radius: 4px;
    height:30px;
    box-sizing: border-box;
    opacity: 0.8;
    border:1px solid #888;
}
.input_indiv{width:calc(99% - 4px);height:calc(100% - 5px);line-height:27px;font-size: 13px;outline: none;border:none;margin:-4px 0px 0px 0px;}

.rangeinput{width:100%;border:none;}
.rangeinputh{height:calc(100% - 4px);}
.range_value {
    /*display: inline-block;*/
    min-width: 30px;
    text-align: center;
    padding: 1px 1px;
    background: rgba(206,219,228, 0.95);;
    color: black;
    border-radius: 4px;
    height:30px;
    box-sizing: border-box;
    opacity: 0.8;
}
.shux_detail2 {
    position: relative;
    float: left;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height:30px;
    line-height: 30px;
    border-radius:4px;
    font-size: 14px;

}
.p_eventsnone{pointer-events: none;}
.inputindiv{width:calc(99% - 2px);height:calc(100% - 5px);line-height:27px;font-size: 13px;outline: none;border:none;margin:-2px 0px 0px 0px;}
.inputintouming{width:calc(99% - 2px);height:calc(100% - 5px);line-height:27px;font-size: 13px;outline: none;border:none;margin:-2px 0px 0px 0px;background-color: transparent;
cursor:pointer;}
.over_hidden{overflow: hidden;}
.shux_de_w100{width:100%;}
.shux_de_w30{width:calc(30% - 20px);;background: #fff;padding:0px 2px 0px 2px;}
.shux_de_w70{width:calc(70% - 20px);background: #fff;}
.shux_de_w702{width:calc(70% + 14px);background: #fff;}
/*.shux_de_wbutton{width:calc(28px);background: #fff;padding-left:3px;cursor:pointer;}*/
.txtcenter{text-align: center}
.shux_de_wbutton{
    position: relative;float: left;overflow: hidden;
    width:28px;background: #2c3e50;color:#fff;box-sizing:border-box;text-align: center;
    padding:0 0 0 3px;border-radius: 2px;outline: none;font-size: 14px;cursor:pointer;user-select: none;overflow: hidden;
}
.shux_de_wbutton:hover {
    background-color: #1a5d9f;
}
.shux_de_wbutton:active {
    background-color: #0d3b66;
    transform: translateY(1px);
}

.tuan_detail {
    position: relative;
    float: left;
    width: 100%;
    color:white;
    box-sizing: border-box;
    min-height:30px;
    line-height: 30px;
    border-radius:4px;
    display: flex;
    flex-wrap: wrap; /* 关键：允许换行 */
    gap: 6px; /* 间距 */
}
.tuan_detail_item{
    flex: 0 0 calc(10% - 3px); /* 更精确的计算 */
    /* 或者简化为： */
    width: calc(10% - 3px);
    height: 30px;
    background: #fff;
    color:black;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border-radius: 2px;
    box-sizing: border-box;
    transition: background 0.3s linear;
}

.a_duoduiqi_ztl{
    flex: 0 0 calc(50% - 3px); /* 更精确的计算 */
    /* 或者简化为： */
    width: calc(50% - 3px);
    height: 30px;
    background: #fff;
    color:black;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
    transition: background 0.3s linear;
}
.a_duoduiqi_ztl:hover{background: #e8e8f6;cursor: pointer;}
/*.a_duoduiqi_ztr{position: relative;float: right;width:30px;height: 30px;padding:0px 0px 0px 0px;box-sizing:border-box;}*/
.ab4_1px{border:1px solid #e1e1f2;}
.ayuanj{border-radius: 4px;}
.z_ztselect{position: relative;float: left;width:calc(100% - 30px);line-height: 28px;height: 30px;padding:0px 0px 0px 10px;box-sizing:border-box;
    text-align: left;}
.z_ztsianj{position: relative;float: right;width:30px;height: 30px;padding:5px 0px 0px 0px;box-sizing:border-box;}
.z_allztlieb{position: absolute;right: 20;width:180px;height: 460px;background: #fff;border-radius: 4px;padding:4px 4px 4px 4px;box-sizing:border-box;
    box-shadow: 0px 5px 10px #cacaca;}
.z_hangts{position: relative;float: left;width:100%;height:30px;box-sizing:border-box;line-height:28px;text-align: center;overflow: hidden;color:#888;}
.z_hang{position: relative;float: left;width:100%;height:30px;box-sizing:border-box;}
.z_hang:hover{background: #e8e8f6;cursor: pointer;border-radius: 4px;}
.zt_isselect{position: relative;float: left;width:30px;height:30px;line-height:30px;font-size: 14px;}
.zt_show{position: relative;float: left;width:calc(100% - 30px);height:30px;line-height:28px;text-align: left;overflow: hidden;}

/*免责条款*/
.mianziebigdiv{
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    padding: 30px;
    margin-bottom: 30px;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(118, 118, 118, 0.94)
}
.disclaimer_container {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    padding: 30px;
    margin-bottom: 30px;
    width:60%;
    min-height: 60%;
}

.header {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 2px solid #e74c3c;
    margin-bottom: 25px;
}

.header h1 {
    color: #2c3e50;
    margin-bottom: 10px;
    font-size: 24px;
}

.warning-box {
    background-color: #fff8e6;
    border-left: 4px solid #f39c12;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
}

.warning-box strong {
    color: #d35400;
}

.content {
    margin: 25px 0;
}

.section {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.section:last-child {
    border-bottom: none;
}

.section-title {
    color: #2c3e50;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 16px;
}

.section-content {
    color: #555;
    font-size: 15px;
}

.caution-box {
    background-color: #ffebee;
    border: 1px solid #ffcdd2;
    border-radius: 6px;
    padding: 18px;
    margin: 25px 0;
    text-align: center;
}

.caution-box strong {
    color: #c62828;
    font-size: 16px;
}

.divcenter{    /* 使用 flexbox */
    display: flex;
    flex-direction: row; /* 改为行布局 */
    justify-content: center; /* 水平居中 */
    gap: 20px; /* 按钮间距 */
    align-items: center; /* 垂直对齐（如果需要） */             /* 需要设置高度才能垂直居中 */
}
.tongyibutton{
    --button-rgb: 52, 152, 219; /* 定义 RGB 值 */
    min-width:180px;
    height:40px;
    line-height:40px;
    text-align: center;
    font-size: 17px;
    color: white;
    border-radius: 20px;
    cursor: pointer;
    padding-left:20px;
    padding-right:20px;
}
.tongybk{background-color: rgba(var(--button-rgb), 0.9);}
.btongybk{background-color: #b6c3cc;}
.tongyibutton:hover {
    transition: color 0.3s linear;
    color:#06f699;
}
.tongyibutton:active {
    background-color: #0d3b66;
    transform: translateY(1px);
}
.highlight {
    background-color: #f1f8ff;
    padding: 3px 6px;
    border-radius: 3px;
    font-weight: 500;
}


/*字体样式集*/
/*定义字体,其它样式调用fong-family的属性字符串*/
@font-face {font-family: "方正仿宋";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/hanzi/FZFSJW.TTF") format("opentype"); } 
@font-face {font-family: "方正黑体";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/hanzi/FZHTJW.TTF") format("opentype"); } 
@font-face {font-family: "方正书宋";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/hanzi/FZSS.ttf") format("opentype"); } 
@font-face {font-family: "方正楷体";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/hanzi/FZKT.TTF") format("opentype"); } 
@font-face {font-family: "方正甲骨文";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/hanzi/FZJGW.ttf") format("opentype"); } 
@font-face {font-family: "思源宋体";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/hanzi/SourceHanSerifSC-Medium.otf") format("opentype"); }
@font-face {font-family: "思源黑体";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/hanzi/SourceHanSansCN-Medium.otf") format("opentype"); }
@font-face {font-family: "阿里巴巴普惠";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/hanzi/Alibaba-PuHuiTi-Regular.ttf") format("opentype"); } 
@font-face {font-family: "阿里巴巴普惠细";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/hanzi/Alibaba-PuHuiTi-Light.ttf") format("opentype"); } 
@font-face {font-family: "阿里巴巴普惠粗";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/hanzi/Alibaba-PuHuiTi-Heavy.ttf") format("opentype"); } 
@font-face {font-family: "Noto粗";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/hanzi/NotoSerifCJKsc-Black.otf") format("opentype"); } 
@font-face {font-family: "Noto细";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/hanzi/NotoSerifCJKsc-ExtraLight.otf") format("opentype"); } 
@font-face {font-family: "Noto";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/hanzi/NotoSerifCJKsc-Regular.otf") format("opentype"); } 

@font-face {font-family: "NotoSans_Bold";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/yingwen/NotoSans-Bold-5.ttf") format("opentype"); } 
@font-face {font-family: "NotoSans";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/yingwen/NotoSans-Regular-2.ttf") format("opentype"); } 
/*@font-face {font-family: "Open_Sans";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/yingwen/Open-Sans.ttf") format("opentype"); } */
@font-face {font-family: "Roboto_Black";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/yingwen/Roboto-Black.ttf") format("opentype"); } 
@font-face {font-family: "Roboto";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/yingwen/Roboto-Regular.ttf") format("opentype"); }
@font-face {font-family: "Roboto_Thin";font-style: normal;font-weight: normal;font-stretch: normal; src: url("fonts/yingwen/Roboto-Thin.ttf") format("opentype"); }