/* 未能缩小。正在返回未缩小的内容。
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(133,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(134,22): run-time error CSS1039: Token not allowed after unary operator: '-font-weight'
(135,16): run-time error CSS1039: Token not allowed after unary operator: '-color'
(136,27): run-time error CSS1039: Token not allowed after unary operator: '-bj_color'
(296,28): run-time error CSS1039: Token not allowed after unary operator: '-color_bookFirst'
(368,5): run-time error CSS1035: Expected colon, found 'box-sizing'
(385,47): run-time error CSS1039: Token not allowed after unary operator: '-font-weight'
(385,72): run-time error CSS1039: Token not allowed after unary operator: '-color'
(387,84): run-time error CSS1039: Token not allowed after unary operator: '-font-size2'
(389,25): run-time error CSS1039: Token not allowed after unary operator: '-color'
(389,51): run-time error CSS1039: Token not allowed after unary operator: '-border_color'
(389,88): run-time error CSS1039: Token not allowed after unary operator: '-btn_bj_color'
(390,77): run-time error CSS1039: Token not allowed after unary operator: '-border_color'
(390,115): run-time error CSS1039: Token not allowed after unary operator: '-btn_bj_color'
(406,35): run-time error CSS1039: Token not allowed after unary operator: '-border_color'
(411,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight'
(465,110): run-time error CSS1039: Token not allowed after unary operator: '-td_bj_color'
(465,139): run-time error CSS1039: Token not allowed after unary operator: '-font-size3'
(484,42): run-time error CSS1039: Token not allowed after unary operator: '-color2'
(496,35): run-time error CSS1039: Token not allowed after unary operator: '-border_color'
(501,84): run-time error CSS1039: Token not allowed after unary operator: '-font-size3'
(551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(555,28): run-time error CSS1039: Token not allowed after unary operator: '-td_bj_color'
(573,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(573,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(589,48): run-time error CSS1039: Token not allowed after unary operator: '-border_color'
(589,93): run-time error CSS1039: Token not allowed after unary operator: '-border_color'
(590,64): run-time error CSS1039: Token not allowed after unary operator: '-border_color'
(590,135): run-time error CSS1039: Token not allowed after unary operator: '-font-size2'
(602,66): run-time error CSS1039: Token not allowed after unary operator: '-td_bj_color'
(603,65): run-time error CSS1039: Token not allowed after unary operator: '-td_bj_color'
(619,91): run-time error CSS1039: Token not allowed after unary operator: '-border_color'
(629,132): run-time error CSS1039: Token not allowed after unary operator: '-border_color'
(663,169): run-time error CSS1039: Token not allowed after unary operator: '-color'
(669,125): run-time error CSS1039: Token not allowed after unary operator: '-font-weightTitle'
(669,156): run-time error CSS1039: Token not allowed after unary operator: '-color2'
(672,111): run-time error CSS1039: Token not allowed after unary operator: '-font-weightTitle'
(672,142): run-time error CSS1039: Token not allowed after unary operator: '-color2'
(681,55): run-time error CSS1039: Token not allowed after unary operator: '-td_bj_color'
(746,72): run-time error CSS1039: Token not allowed after unary operator: '-search_Image'
(747,84): run-time error CSS1039: Token not allowed after unary operator: '-font-size3'
(749,54): run-time error CSS1039: Token not allowed after unary operator: '-td_bj_color'
(751,70): run-time error CSS1039: Token not allowed after unary operator: '-border_color'
(757,42): run-time error CSS1039: Token not allowed after unary operator: '-bj_color'
(801,26): run-time error CSS1019: Unexpected token, found ':'
(801,26): run-time error CSS1042: Expected function, found ':'
(801,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(939,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family_kt_'
(977,28): run-time error CSS1039: Token not allowed after unary operator: '-color_bookFirst'
(1031,23): run-time error CSS1039: Token not allowed after unary operator: '-nav-line-height'
(1042,21): run-time error CSS1039: Token not allowed after unary operator: '-color_a'
(1044,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(1045,25): run-time error CSS1039: Token not allowed after unary operator: '-nav-font-size'
(1068,32): run-time error CSS1039: Token not allowed after unary operator: '-color_a'
(1069,35): run-time error CSS1039: Token not allowed after unary operator: '-color_a'
(1091,17): run-time error CSS1039: Token not allowed after unary operator: '-active-color'
(1092,35): run-time error CSS1039: Token not allowed after unary operator: '-active-color'
(1114,32): run-time error CSS1039: Token not allowed after unary operator: '-color_a'
(1121,22): run-time error CSS1039: Token not allowed after unary operator: '-color_bookFirst'
(1136,35): run-time error CSS1039: Token not allowed after unary operator: '-color_a'
(1200,8): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1299,26): run-time error CSS1039: Token not allowed after unary operator: '-border_color'
(1415,28): run-time error CSS1039: Token not allowed after unary operator: '-td_bj_color'
(1443,32): run-time error CSS1039: Token not allowed after unary operator: '-border_color'
 */
*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto;}
img{pointer-events:none !important;}

:root {
    --color: #000000;
    /*--color: #00ff00;*/
    /*样式一*/
    --bj_color: #ffffff;
    --td_bj_color: #eaeaea;
    --border_color: #888888;
    --alert_bj_color: #ffffff; /*//弹窗，世系图背景*/
    /*样式二
    --bj_color: #eeeeee;
    --td_bj_color: #dddddd;
    --border_color: #888888;*/
    --font-family: '宋体';
    --font-size: 1.75rem; /*body;detail-content *;*/

    --font-family_kt: 'kt'; 
    --font-family_kt_: 'kt_';  

    --font-size_kt: 1.62rem; /*var(--font-size_kt)*/
    --font-size_kt2: 1.4rem;

    /*--font-size: 1.3rem;*/
    /*导航栏*/
    --color_bookFirst: #6a5129;
    color: #0066cc;
    /*text-decoration: underline;*/
    /*cursor: pointer;*/
    /* 下面这行 100% 不报错，且能把下划线往下拉开距离 */
    /*position: relative;*/
    /*top: 0;*/
    /*--bj_color: #F5F0E1;*/ /* 浅米黄，接近宣纸/旧纸张 */
    /*--bj_color: #F8F4E9;*/ /* 更淡的米白，更柔和 */
    --nav-font-size: 1.7rem; /*只有导航菜单有效？*/

    --nav-line-height: 2.5rem;
    --color_a: #cbbfaa;
    --active-color: #dfd5c3; /*选中*/
    /*--active-bg: #7a6338;*/
    --font-weight: 500; /*var(--font-weight)*/
    --font-weightTitle: 500;
   
    
    /*--font-family_kt_: 'kt_';*/
    --font-size2: 1.7rem; /*select */
    --font-size4: 1.65rem;
    --search_Image: url(/Uploads/_System/icon/search.png);
    --back_Image: url(/Uploads/_System/icon/back.png);
}
/*html.not-wechat {font-size: 10.5px;}*/

    /*引用字体*/
    /*@font-face {
    font-family: kt;
    src: url(../fonts/kt/simkai.eot);
    src: url(../fonts/kt/simkai.ttf);
    src: url(../fonts/kt/simkai_.ttf);
}*/
    /*宋繁*/
    /*@font-face {
        font-family: fanti;
        src: url(../fonts/fanti/方正博雅宋繁体.OTF);
    }*/
    /*方正博雅宋繁体 细*/

@font-face {
    font-family: 'fanti';
    /* 浏览器会按顺序尝试加载，优先使用体积更小的 WOFF2 */
    /*src: url('../fonts/fanti/FZBoYaSongT-Regular.woff2') format('woff2'), url('../fonts/fanti/FZBoYaSongT-Regular.woff') format('woff'), url('../fonts/fanti/FZBoYaSongT-Regular.otf') format('opentype');*/
    src: url(../fonts/fanti/方正博雅宋繁体.OTF);
    /*src: url(../fonts/fanti/汉仪书宋二繁.OTF);*/          /*字间距大*/
    font-display: swap; /* 避免字体加载期间文字不可见 */
    /*font-weight: normal;*/
}



    /*楷体*/
    @font-face {
        font-family: kt;
        src: url(../fonts/kt/simkai.woff2);
    }

    @font-face {
        font-family: kt_;
        src: url(../fonts/kt/simkai_.ttf);
    }
    /*楷繁*/
    @font-face {
        font-family: kt_fan;
        src: url(../fonts/kt_fan/方正楷体繁体.woff2);
    }

    @font-face {
        font-family: kt_fan_;
        src: url(../fonts/kt_fan/方正楷体繁体_.woff2);
    }
    /*html
└─ body
      └─ .page-container      //最外层容器（class）
                   └─ .container.body-content     //内容容器（Bootstrap 的 container + 自定义的 body-content）
                                    └─ #page-container    //AJAX 切换容器（id）

relative还在原位置，能设 z-index 和偏移可用；最近absolute可作为参照物定位。
*/
    /*
    <div class="page-container">
    <nav class="custom-nav">...</nav>
    <div class="container body-content">        <!-- 🔥 所有页面共用 -->
        <div id="div_topImg">...</div>
        <div id="page-container">
            @RenderBody()                        <!-- 🔥 首页/详情页/列表页都在这 -->
        </div>
    </div>
</div>
*/


html {
    font-size: 10px; /* 1rem = 10px */
    -webkit-text-size-adjust: 100% !important; /*禁止自动调整字体 微信 */
    text-size-adjust: 100% !important; /* 标准 */
    -moz-text-size-adjust: 100% !important; /* Firefox */
}

body {
    width: 100%;
    max-width: 400px;
   
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight:var(--font-weight);
    color:var(--color);
    background-color:var(--bj_color);

    padding: 0;
    margin: 0 auto;
    
    height: 100%;            
    /*overflow: hidden;*/     
    
    letter-spacing: -0.5px; 
}

html, body, .container.body-content {
    height: 95vh; /* 回退 */
    height: 95dvh; /* 🔥 支持时 */
}











/*html {
    font-size: 10px;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    height: 95vh;
    overflow: hidden;
}

body {
    width: 100%;
    max-width: 400px;
    height: 95vh;
    margin: 0 auto;
    padding: 0;
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    color: var(--color);
    background-color: var(--bj_color);
    overflow: hidden;
}

.container.body-content {
    width: 100%;
    height: 95vh;
    overflow-y: auto;
    position: relative;
    z-index: 10;
    scrollbar-width: none;
}

    .container.body-content::-webkit-scrollbar {
        display: none;
    }*/
/*隐藏滚动条，能滚动*/





























/* 顶部固定导航         navigation.css中还有一个样式，需要合并*/
.custom-nav {
    width: 100% !important;
    max-width: 400px !important;
    margin: 0 auto !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /*z-index: 999;*/
   
    z-index: 99999 !important;
    transform: none !important;
    -webkit-transform: none !important;
    /* 创建独立渲染层 */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    background: #fff; /* 确保有背景色 */
}

/* 页面主容器 */
#page-container {
    width: 100% !important;
    padding: 0 !important;
    /*position:relative;*/ /*世系图在此范围移动*/
    /*border:3px solid red;*/
    /*margin:1rem;*/
    /*border:5px solid blue;*/
}

.container.body-content {
    width: 100% !important;
    min-height: 95vh;          /*////////*/
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    /*min-height: 95vh;
    max-height: calc(100vh - 8rem);*/
    position: relative;
    z-index: 10;
    box-shadow: 0 5vh 0 0 #f5f5f5;
    scrollbar-width: none;
}

    .container.body-content::-webkit-scrollbar {
        display: none; /*隐藏滚动条	Chrome、Safari、微信浏览器*/
    }




    /*html, body, .container.body-content, #page-container,.page-container {
        min-height: 95vh;       
    }*/







   



.div_bgImage {
    width: 100%;
    height: 95vh;
    min-height: 95vh;
    background-color: var(--color_bookFirst);
    /*background-size: cover;*/ /* 🔥 原来的 background-size 改成这个 */
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-top: 0.6rem;
    box-sizing: border-box; /* padding 不会把盒子撑大，而是向内压缩内容区域。*/
}


/* 默认样式（安卓/通用） 必须设置iframe*/
#rar_container {
    width: 100%;
    height: calc(100vh - 0.45rem);
    margin-bottom: 0;
    padding-top: 10.45rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
}
/*html.not-wechat #rar_container {margin-top:-0.7rem;}*/


#rar_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
 
}
html.not-wechat #rar_container iframe{ top: -2rem;}



















/*世系图/ 表单容器 */
.form-horizontal {
   
  margin:0 1.3rem 0.3rem 1.2rem;
  /*padding-bottom:2.5rem;*/

  /*border:2px solid red;*/
  /*height:100vh;
  border:1px solid red;*/
 }



/* 底部 footer（固定位置、不乱跑） */
footer {
    width: 100%;
    max-width: 400px;
    margin: 2rem auto 1rem;
    padding: 1rem 0 1rem 2rem !important;
    margin:0;hanging-punctuation 
    box-sizing: border-box;
    display: block;
    visibility: visible;
}










 

/*按钮*/
.btn-default {height:2.8rem; font-weight:var(--font-weight);color:var(--color); padding: 0.2rem 0.5rem;margin-right:0.4rem; float: right;user-select: none !important;}  /*user-select: none;禁止选择文字*/
/*设字号/去圆角*/
.btn-default, input.form-control, select.form-control, .div2input{ font-size: var(--font-size2)!important; border-radius:0;background-color:transparent;}  

.btn-default{color:var(--color);border-color:var(--border_color);background-color:var(--btn_bj_color);} 
.btn-default:hover,.btn-default:active,.btn-default:focus{border-color:var(--border_color);background-color: var(--btn_bj_color);}
/*去掉单击按钮时出现的黄边*/
.btn:focus, .btn:active:focus, .btn:active:focus, .btn:focus, .btn:active.focus, .btn:active.focus {outline: none;}

.div_btn_bottom{width:100%; text-align:right; padding:1.2rem 2rem 0 0;height:5rem;border:1px solid none;}

/*select*/
select.form-control {
    width: 100%;
    height: 2.8rem;
    line-height: 2.8rem;
    padding: 0 2.5rem 0 0.5rem;
    margin: 0.5rem 0;
    display: flex;
    align-items: center;
    border: none;
    border-bottom: 1px solid var(--border_color);
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    appearance: none;
    font-weight: var(--font-weight);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    /* 箭头居中 */
    background-image: url("/Uploads/_System/icon/arrow.png");
    background-repeat: no-repeat;
    background-position: right 0.3rem center;
    background-size: 12px;
}
/* ================================
   Edit容器内select：子代选择器提升权重，去掉下边框
   ================================ */
.edit-item-value > select.form-control {
    border-bottom: none;
    margin: 0;
    height: 2.8rem;
    line-height: 2.8rem;
    display: flex;
    align-items: center;
}
/* ================================
   select聚焦：消除自身底线，防止双线
   ================================ */
select.form-control:focus,
select.form-control:active {
    outline: none;
    box-shadow: none;
    border-bottom: none;
}






















/*注册/登录/忘记密码/重置密码（登录前） 消息框*/                                                                                                                       
.div_Container{width:88%;margin:0 auto;max-width:400px; padding:3.2rem 1.8rem 0.5rem 0;background-color:var(--td_bj_color);font-size:var(--font-size3);opacity:0.95;}





/*//显示一行一条提示信息  $$ */
 .validation-summary-errors ul li:not(:first-child) {display: none;}     /*$$*/
 

 /*表格*/
.tab_log_Reg {
    width: 98%;
    margin-left: 0.5rem;
    border: 1px solid none;
     
}

 /*登录框标题*/
.alert_label{font-size:2.0rem;color:var(--color2);font-weight:bold;width:auto;} 

/*表格的单元格*/
.tab_log_Reg td {line-height: 3.4rem;vertical-align: bottom;}
.tab_log_Reg .td_lable{text-align:right;padding-top:0.2rem;line-height:1.5;font-weight:bold;}


/*单元格内的输入框*/
/*.tab_log_Reg td .form-control {*/
.tab_log_Reg td input.form-control {      /*不包括Select $$   ！！*/
    padding-bottom:0;
    border: none;
    border-bottom: 1px solid var(--border_color);
    background: transparent;
    box-shadow: none;    /*去掉多出的浅灰色下划线 $$ */
}

#div_gif{display:block;width:auto;float:right;padding:1rem 1rem 0 0;font-size:var(--font-size3);}
/*.tab_log_Reg{width:98%;margin-left:0.5rem;border:1px solid none;}
.tab_log_Reg td{height:3rem;font-size:var(--font-size2);padding:0;vertical-align:bottom;}*/
 


/*按钮*/
.div_LoginButton{height:3rem;margin-top:1.8rem;margin-right:0.5rem;text-align:right;} 

/*忘记了密码*/
ul#ul_btn li a {text-decoration:none !important;color: #337ab7;font-weight:400;}


/*//您已注册成功，请和管理员联系*/
.customAlert {
    width: 88%;
   
    position:fixed;
    padding:3rem 2.0rem 1.5rem 2.5rem;

    background: #ffffff;
    
    text-align: center;
    display: none;
    box-sizing: border-box;
   
    left: 50%;
    transform: translateX(-50%);
    top: 20.9rem;                         /*_People/Index*/
    z-index: 999;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
    /*background-color: var(--td_bj_color);*/
}
.customAlert p{line-height:2.7rem;}
.customAlert #p_message{text-indent: 1em;text-align:left;}

.customAlert a{text-decoration:none;}

#modal{top:28.8rem}    /*_People/Index*/



/*Index*/
/*表上按钮框div*/
#div_tabTitle{margin:0; margin-left:0.15rem;}
#div_tabTitle  .btn-default {float:left;margin-right:-0.1rem;}   /*用户*/
/*世系图*/
/*#draggableDiv{min-width:102%;padding:0.8rem;padding-top:0.3rem;margin-top:-1.2rem; left:-0.30rem;position:fixed;background-color:blue;opacity:0.95;z-index:11;}*/

#draggableDiv {
    --left-offset: 0;
    --top-offset: 0;
    padding: 0.8rem;
    padding-top: 0.3rem;
    background-color: var(--td_bj_color);
    opacity: 0.95;
    z-index: 100;
    cursor: grab;
    user-select: none;
    overflow: visible !important;
    display: table;
    /*position: fixed;     页面滚动时可以固定，如导航栏等*/
    position: absolute;   /*fixed改为absolute，再设置z-index，可以在框内浮动*/
                          /*relative还在原位置，能设 z-index 和偏移可用；最近absolute可作为参照物定位。*/
    transition: none !important;


    max-width: 90vw;
    max-height: 80vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
html.not-wechat-android #draggableDiv{--left-offset: -9.1;--top-offset:1;}













/*Table*/
/*Surname/Index*/
.table {width: 100%;border-top: solid 3px var(--border_color);border-bottom: solid 1px var(--border_color);color: none;margin-bottom: 1.2rem;clear: both}  
.table td{padding:0 0rem 0 0.3rem;border-bottom:1px solid var(--border_color);background-color:none;line-height:3.1rem;font-size:var(--font-size2);}
.glyphicon {
    display: inline-block;
    vertical-align: middle; /* 关键：垂直居中对齐 */
    line-height: 1; /* 关键：消除行高带来的额外空间 */
    font-size: 1.3rem; /* 保持你原有的大小 */
    /* 如果你希望图标更紧凑，可以适当调整 margin */
    margin: 0 2px;
}
#tab_Article td{padding:0.3rem 0.6rem 0.3rem 0.3rem;background-color:transparent;}

/*_People/Details*/
.td_left { width: 17.5%; text-align: right;background-color:var(--td_bj_color);}
.td_left2 { width: 18%; text-align: right;background-color:var(--td_bj_color);}
/*表格的第列*/
#tab_People tr td:nth-child(2) {text-align: justify}
 tr .hide_tr{display:none;}

 






/*item*/       /* 详情项布局 左右结构 部分视图Partial_DetailsItem.cshtml，Partial_EditItem.cshtml样式 */
.details-item {display: flex;margin: 1.8rem 0;align-items: flex-end; /* 底部对齐 → 不飘、不双线 */
        min-width: 0;box-sizing: border-box;}
.details-item-label {width: 25%;font-weight: bold;text-align: right;margin-right: 0.5rem;flex-shrink: 0;line-height: 2.2rem;border: none !important; /* 标签绝对无线 */}
.details-item-value {width: 65%;min-width: 0;max-width: 65%;border-bottom: 1px solid var(--border_color);box-sizing: border-box;line-height: 1.2;padding: 0.1rem 0.3rem;margin-left:0.5rem;}
/*强制删除所有伪元素，防止多一条线 */
.details-item-value::after { display: none !important;}
.details-item-value::before {display: none !important;}
/*Edit*/
.edit-item {display: flex;margin: 0.95rem 0;align-items: flex-start;min-width: 0;box-sizing: border-box;}
.edit-item-label {width: 25%;font-weight: bold;text-align: right;margin-right: 0.5rem;flex-shrink: 0;line-height: 1.4;}   /*line-height：标签上下位置*/

.edit-item-value {width: 65%;min-width: 0;max-width: 65%;box-sizing: border-box;line-height: 1.5;position: relative;padding: 0 0.3rem;margin-left:0.5rem;border:1px solid none;}     
/* 底线固定贴紧最后一行 */
.edit-item-value::after {content: "";position: absolute;left: 0;right: 0;bottom: -0.3rem;height: 1px;border-bottom: 1px solid var(--border_color);transform: translateY(-4px); /*下边距加宽：bottom: -0.3rem */}
/* 字符串用：textarea 自适应高度 + 可换行 + 无滚动条 + 下边框 */
/*.edit-textarea {width: 100%;min-height: 20px;height:20px; border:1px solid red;background-color:blue;
                line-height: 20px;white-space: pre-wrap;word-wrap: break-word;overflow-wrap: break-word;
    word-break: break-all;overflow: hidden;border: none;outline: none;background: transparent;resize: none;
    box-sizing: border-box;margin: 0;padding: 0;margin-bottom:-0.3rem;}*/  /*下边距margin-bottom:-0.3rem;*/
.edit-textarea {
    width: 100%;
    min-height: 24px;
    height: 20px;
    line-height: 1.3;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    overflow-y: hidden;
    border: none;
    outline: none;
    background: transparent;
    resize: none;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: -0.3rem;
    padding: 2px 6px; /* 上4 左右6 下8，底部留白更大 */
}
/* 数字/日期 用：普通 input 单行输入框 */
.edit-input {width: 100%;border: none;outline: none;background: transparent;line-height: 22px;margin: 0;padding: 0;}
/*添加的span显示姓氏名称*/
.nameSpan{margin-left:2.3rem;}



/*Layout*/
#div_topImg{width:100%;aspect-ratio:100/50;margin:5.1rem 0rem 1.2rem 0rem;background-size:cover;background-position:center;overflow:hidden;border-bottom:1px solid var(--color);}  
#div_topImg{background-image: url(/Uploads/_System/default.png);background-color:none;}
  

/* 部分视图PartialTop.cshtml */
.top-group {width:100%;aspect-ratio:100/50;text-align: center;margin:1.5rem 0 0 0;padding:0;background-color:none;}
.top-title1 {padding:0;font-size: 2.5rem;text-align:center;margin-top:2.8rem;line-height:3rem;display:none;font-weight:var(--font-weightTitle);color:var( --color2)}
.top-title2 {font-size: 1.6rem;text-align:center;line-height:3.0rem;display:none;}

.top-left1 {padding:0;font-size: 2.6rem;text-align:left;margin-top:2.3rem;margin-left:2.2rem;font-weight:var(--font-weightTitle);color:var( --color2)}
.top-left2 {font-size: 1.6rem;text-align:left;margin-left:3.2rem;}


/*Details*/
.div_Item{margin:3rem 0 0 2rem;}
#div_pagination {margin:1.2rem 0;display: none;}

/*折叠面板*/
.panel{width:100%; display:none;background-color:var(--td_bj_color);border-radius: 0;padding:0 0rem 1rem 0rem;margin:0;margin-bottom:1.2rem;border:none;outline: none;}
.arrow-btn{width: 1.8rem;height: 1rem;border: 0;background: url(/Uploads/_System/icon/down.png) no-repeat center;background-size: 1.8rem 1rem;background-color: transparent;cursor: pointer;float:right;margin:0rem 3rem 0 0;}
























/* 全局禁止文字选中（手机/电脑全兼容） */
body, p, div, span, h1, h2, h3, h4, h5, h6, ul, li, table, td {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;

   
}

/* 全局禁止图片保存 */
img {
    pointer-events: none !important;
    -webkit-touch-callout: none !important;
}

/* 🔥 唯独允许按钮、视频点击 👇 你可以加所有按钮类名 */
button, [type="button"], .video-btn, .play-btn, .btn {
    -webkit-touch-callout: auto !important;
    -webkit-user-select: auto !important;
    user-select: auto !important;
    pointer-events: auto !important;
}







/*低版本苹果手机微信浏览器输入框不能输入！！！*/
/*1.据说ios的input框会无法聚焦（没有试验过），解决如下：*/
input {
    -webkit-user-select: auto;
}



/*Index*/
/*查询*/
#div_icon{width:1.9rem;height:1.9rem;float:right;background-image:var(--search_Image);background-repeat:no-repeat;background-size:cover;margin-top:0.7rem;margin-right:-0.1rem;}  /*查询按钮*/
#div_count{width:85%;height:3rem;float:left;margin:0 0 -0.5rem 1rem;font-size:var(--font-size3);}/*跳转到Details*/
.div_clear{clear:both;height:0;font-size:1px;line-height:0px;}/*结束float*/ 
.div_bj{width:100%;height:auto;background-color:var(--td_bj_color);padding:0.6rem 0.8rem 1.2rem 0.8rem;margin:0 0 1.2rem 0;}   /*编辑用户；Partial_SelectSearch色块div*/

.div_select{width:45.3%;margin:0 0.7rem;border-bottom:1px solid var(--border_color);float:left;}


.div_ckb{width:50%;margin:-0.2rem 0 0 8rem;}
.span_ckb {vertical-align:top;} 

.checkbox-inline {background-color: var(--bj_color)}    /*????*/





/* 世系图搜索高亮样式 */
.highlight {
    background-color: #ffe89c;  /* 黄色高亮背景 */
    /*color: red !important;*/      /* 红色文字 */
    /*font-weight: bold;*/
    padding: 0 2px;
    border-radius: 2px;
}

 /*详细页面高亮*/
/* 只针对详情容器内的高亮，不影响Index */
#content_value .highlight-detail {
    background-color: #ffe89c !important;
    padding: 0 2px !important;
    display: inline !important;
    line-height: inherit !important;
}
/* 修复文字单独换行问题*/
#content_value {
    white-space: normal !important;
}


/*错误信息*/
/*.text-danger{height:2.5rem;border:1px solid blue;}*/



/*调试*/
body {
   
}

/*地图标签    !!!  ？？？*/
.lab_mapText {
    width: 15%;
    background-color: red;
    text-align: center;
    filter: alpha(opacity:80);
    opacity: 0.8;
    padding: 2px 1px 1px 1px;
    line-height: 100%;
    font-size: 2rem;
} 

/*地图框架*/
#map_iframe{width:100%;height:40rem;padding:0;border:none;}


/* 全局自定义checkbox样式，编辑页+详情页通用 */
input[type="checkbox"] {
    width: 16px;
    height: 16px;
    cursor: default;
}




/*测试背景杂点*/
body{

 /*background-color: #f5f0e6;
background-image: 
    radial-gradient(circle at 15% 30%, rgba(0, 0, 0, 0.12) 1.5px, transparent 2px),
    radial-gradient(circle at 35% 65%, rgba(0, 0, 0, 0.1) 1px, transparent 1.5px),
    radial-gradient(circle at 55% 20%, rgba(0, 0, 0, 0.13) 1.2px, transparent 1.7px),
    radial-gradient(circle at 75% 80%, rgba(0, 0, 0, 0.09) 1px, transparent 1.5px),
    radial-gradient(circle at 25% 45%, rgba(0, 0, 0, 0.11) 1.3px, transparent 1.8px),
    radial-gradient(circle at 65% 55%, rgba(0, 0, 0, 0.12) 1px, transparent 1.5px),
    radial-gradient(circle at 45% 90%, rgba(0, 0, 0, 0.1) 1.4px, transparent 1.9px),
    radial-gradient(circle at 85% 35%, rgba(0, 0, 0, 0.13) 1px, transparent 1.5px),
    radial-gradient(circle at 5% 70%, rgba(0, 0, 0, 0.11) 1.2px, transparent 1.7px),
    radial-gradient(circle at 95% 10%, rgba(0, 0, 0, 0.09) 1px, transparent 1.5px),
    radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.12) 1.5px, transparent 2px);
background-repeat: repeat;*/
}


/*PDF上传按钮*/
.div_addImageButton{margin:0 auto;background-image:url(/Uploads/_System/icon/pdf.png);width:3.6rem;height:3.6rem;background-size:cover;}  /*//图片自适应大小background-size:cover;*/
.div_addImageButton{margin-top:2rem; margin-bottom:0.5rem;}


/* 纯CSS加载转圈，等待图标 */
@keyframes spin-loader {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.load-spinner {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid #ccc;
    /*border-top-color: #333;*/
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-loader 0.8s linear infinite;
    vertical-align: middle;
    margin-right: 8px;
}


/*.edit-textarea {
    overflow-y: hidden;
    box-sizing: border-box;
    min-height: 24px;
    resize: none;
    padding: 4px 6px 8px 6px; 
    line-height: 1.5;
}*/

#selectsTable select.form-control.select-readonly {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    pointer-events: none !important;
}


/*_Doc/Details_Jiapu*/
/*#rar_container{width:100%; height:100vh;margin-top:4.6rem;}*/   /*//Jiapu*/

/*显示pdf */
#rar_pdf_container {
    overflow: hidden !important;
    background: transparent !important;
    position: relative !important;
    width: 100%;
    height: 55rem;
    margin-top: 5.0rem;
    padding: 0 !important;
    /*border:1px solid blue;*/
}

#rar_pdf_container iframe {
    width: calc(111%);
    /*margin-left: -0.9rem;*/ /*加载页面后在Details.cshtml中重新设置，在此设置无效 ！  */
    background: transparent !important;
    height: 66rem;
}

/*_Doc/Details_PDF*       /*亮度pdfjs-2.5.207-es5-dist/web/viewer.html: filter: brightness(0.92) !important;/*/
#pdf_container {
    overflow: hidden !important;
    background: transparent !important;
    position: relative !important;
        
    width:100%; height:60rem;margin-top:5.3rem;
    padding:0;  
    /*border:1px solid blue;*/
}

#pdf_container iframe {
    width: calc(108%);
    /*margin-left: -0.9rem;*/                    /*加载页面后在Details.cshtml中重新设置，在此设置无效 ！  */
    background: transparent !important;
    height: 66rem;
      
}



/*pdf翻页按钮 在PC中设置显示*/
#prevBtn, #nextBtn{display:none;}

/*结合\Scripts_App\pdfjs-2.5.207-es5-dist\web\viewer.html,viewer.html及页面js代码*/


/*测试开始//////////////////////////////////////////////////////////////*/

body {
    /*color: red;*/
    /*color: blue;*/  
}

.custom-kt-style {
    font-family: var(--font-family_kt_);
    font-size: 1.6rem;
    line-height: 1;
    vertical-align: 0.15em;
    letter-spacing: -1px;
    /*color:green;*/
}



/*测试结束/////////////////////////////////////////////////////////////////////////////////////////////*/
























/*导航开始////////////////////////////////////////*/
.custom-nav { /*最外层*/
    width: 100%;
    background-color: var(--color_bookFirst); /*透亮，加重*/
    height: 4.9rem;
    position: fixed; /* 固定在屏幕上 */
    top: 0; /* 固定在顶部 */
    left: 0;
    right: 0;
    z-index: 999999;
}

#div_logo {
    background-image: url(/Uploads/_System/icon/logo.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 3.4rem;
    height: 3.4rem;
    margin: 0.7rem 0 0 1.3rem;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

.nav-left { /*栏 遮挡最外层*/
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 5.8rem;
    /*border-bottom: 1px solid var(--color_a);*/
    /*border:1px solid blue;*/
}
/*注册登录栏*/
ul.nav.navbar-nav.navbar-right {
    padding: 0.5rem 0 0.5rem 0 !important;
    margin-left: 0;
}

/* 上栏菜单：仅控制排列方式              上上上*/
.nav-menu { /*上排*/
    /*list-style: none;*/
    /*display: inline-block;*/
    margin: 0rem 0 0  0.5rem;
    padding: 0;
    /*gap: 1.4rem;*/
    width: 85%; /* $$*/
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.2rem;
    min-width: 0;
    /*border: 1px solid blue;*/
}

.navbar-nav.navbar-right li,
.nav-menu li,
.nav-horizontal li,
.login-vertical li {
    line-height: var(--nav-line-height) !important;
    /*border-radius: 3px;*/
    margin: 0 1rem 0 0;
    padding: 0rem;
    display: inline-block; /*横排*/
    /*border:1px solid white;*/
}
    /* 2. 所有菜单项文字（a）的统一样式 */
    .nav-menu li a,
    .nav-horizontal li a,
    .login-vertical li a {
        color: var(--color_a);
        text-decoration: none;
        font-family: var(--font-family);
        font-size: var(--nav-font-size); /* 统一字体大小 */
        display: inline-block; /* 统一布局方式 */
        /*padding: 0.1rem 0.2rem 0 0.2rem !important;*/ /* 统一内边距（底部0，下划线紧贴） */
        padding: 0;
        /*margin: 0.2rem 0.05rem 0 0.05rem !important;*/ /* 外边距 */
        /*margin: 9.9rem;*/
    }
 
    /* 给.nav-menu li全局设置，替代行内style */
    /*.nav-menu li {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }*/

/* 下拉菜单：仅控制排列方式+间距 */
.nav-horizontal { /*中间栏*/
    list-style: none;
    display: flex; /* 弹性布局 */
    flex-wrap: wrap; /* 自动换行 */
    gap: 0.4rem; /* 菜单项之间的间距 */
    padding: 0.8rem 1.8rem 0.8rem 1.3rem;
    margin: -0.5rem 0 0.4rem 0;
    width: 100%;
    border-top: 1px solid var(--color_a);
    border-bottom: 1px solid var(--color_a);
}

    .nav-horizontal li {
        white-space: nowrap; /* 不换行 */
    }
/* 登录/注册区域：仅控制排列方式 */
.login-vertical {
    padding: 0 0.5rem;
}

    .login-vertical ul {
        list-style: none;
        padding-bottom: 0.6rem;
        margin: 0 0 0 0.8rem;
    }

    .login-vertical li {
        display: block; /* 纵向排列 */
    }
/* 🔥 唯一正确、不冲突的高亮样式 */
.custom-nav .nav-menu li.active a, .custom-nav .nav-horizontal li.active a {
    color: var(--active-color) !important;
    border-bottom: 2px solid var(--active-color) !important;
    padding-bottom: 2px !important;
}
/* 汉堡按钮  三条线*/
.nav-toggle {
    background-color: transparent;
    border: none;
    height: 3rem;
    margin: 0.8rem 2rem 0 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    /*border: 1px solid red;*/
}

    .nav-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: var(--color_a);
        margin: 4px 0;
    }
/* 下拉菜单容器 */
.nav-collapse {
    width: 100%;
    max-width: 400px;
    background: var(--color_bookFirst);
    opacity: 0.96;
    height: auto;
    /*border-bottom: 1px solid var(--color_a);*/
    padding: 0.5rem 0;
    position: absolute;
    top: 4.8rem;
    left: 0;
    z-index: 999;
}
/* 分隔线 */
.hr_line {
    width: 100% !important;
    margin: 0.5rem 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--color_a) !important;
}
/* 小屏适配 */
@media screen and (max-width: 400px) {
    .page-container {
        width: 100% !important;
        max-width: 100% !important;
    }
}
/* 强制所有元素内的超长无空格字符串换行（重点解决链接溢出） */
* {
    /* 核心属性：让长字符串换行 */
    word-wrap: break-word !important; /* 兼容旧浏览器，按单词换行 */
    word-break: break-all !important; /* 强制换行（无空格也拆） */
    overflow-wrap: break-word !important; /* 现代浏览器标准属性 */
}
/* 专门针对链接标签的强化（确保a标签内的链接换行） */
a {
    display: inline-block !important; /* 让链接可被宽度限制 */
    max-width: 100% !important; /* 链接最大宽度不超过容器 */
    word-break: break-all !important; /* 强制拆分链接字符 */
}
/* 容器兜底：确保任何容器都不超出屏幕 */
div, p, span, td, th {
    max-width: 100% !important;
    overflow-x: hidden !important; /* 隐藏横向溢出 */
}
/*===== 新增：右侧菜单，继承nav-menu，解决flex下竖排问题 ===== 登录菜单横排*/
/*一个元素两个类，类名有空格，class="nav-menu nav-menu-right"；样式表中连写.nav-menu.nav-menu-right。可以拥有或覆盖原来的.nav-menu的样式(横排，高亮，下划线)*/
.nav-menu.nav-menu-right {
    width: auto !important;
    margin: 0;
    padding: 0;
    display: flex !important;
    flex-wrap: nowrap !important;
}

    .nav-menu.nav-menu-right li {
        display: flex !important;
        align-items: center !important;
        margin: 0 0.49rem;
        white-space: nowrap !important;
    }



/* 清除导航菜单a标签原生焦点outline，只作用于custom-nav内部链接 */
.custom-nav .nav-menu li a:focus,
.custom-nav .nav-horizontal li a:focus,
.custom-nav .login-vertical li a:focus,
.custom-nav .nav-menu li a:active,
.custom-nav .nav-horizontal li a:active,
.custom-nav .login-vertical li a:active {
    outline: none;
    box-shadow: none;
    border: none;
    background: none;
}
/*导航结束////////////////////////////////////////*/


/*@import"m.css";*/ /*使用m.css中的:root   navigation.css中的引用失效？*/

/*m.css中变量*/
:root {--font-family_kt_: 'kt_';}

.detail-content{margin: 1.2rem 0;}

/* 精准重置，增加排除.img‑block，强制继承字号，解决偶发字号缩小     图片间距$     除此之外，继承父级字号*/
.detail-content *:not(img):not(hr):not(.img-block):not(.video-block):not(.custom-kt-style) {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    text-decoration: none;
    line-height: 1.8;
    font-size: inherit !important; /*继承上级*/
    /*text-align: justify;*/ /*两端对齐*/
    /*font-size: 1.8rem;
        color:red;*/
    /*color: red;*/
    
}

/* 自定义楷体样式类 *//*在单独的样式表中，不引用变量，微信浏览器不识别 ！*/
/*.custom-kt-style{
    font-family: var(--font-family_kt_);       
    font-size: 2.6rem;
    line-height: 1;
    vertical-align: 0.15em;
    letter-spacing: -1px;
    color:red;
}*/



    /* 所有p、div块统一首行缩进：1em = 空1个汉字 */
.detail-content p,
.detail-content div {
    text-indent: 1em !important;
    line-height: 1.8;
    margin: 0 0 8px 0;
    font-size: inherit;
    text-align: justify; /*两端对齐*/
}

    /* 图片容器、视频容器：强制取消缩进，不要继承1em */
    .detail-content .img-block,
    .detail-content .video-block {
        text-indent: 0 !important;
        margin: 0.7rem 0;
    }


    /* 首段强制缩进（保留注释） */
    /*.detail-content > p:first-child {
    text-indent: 1em !important;
}*/

    /* ==============================================
   第二部分：图片样式
============================================== */

    .detail-content img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0.7rem 0;
        text-indent: 0 !important;
        text-align: left !important;
        pointer-events: none !important;
    }

    /* 视频容器 */
    .detail-content .video-block {
        display: block;
        max-width: 100% !important;
        margin: 0.7rem 0 !important;
        text-indent: 0 !important;
        position: relative !important;
        z-index: 1 !important;
        text-align: left !important;
    }

    .detail-content video {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        position: relative !important;
        z-index: 1 !important;
        text-indent: 0 !important;
        text-align: left !important;
    }

    /* ==============================================
   第三部分：分割线
============================================== */

    .detail-content hr {
        all: unset;
        display: block;
        width: 98%;
        height: 1px;
        background: var(--border_color);
        border: 0;
        margin: 0.7rem 0;
        text-indent: 0 !important;
        text-align: left !important;
    }

    /* ==============================================
   第四部分：链接样式
============================================== */

    .detail-content a {
        text-decoration: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline !important;
        color: #0066cc;
        border-bottom: 1px solid currentColor !important;
        padding-bottom: 1px;
        line-height: 1.2;
        cursor: pointer;
    }

        .detail-content a:hover {
            color: #004499;
        }

        .detail-content a[name]:empty {
            border-bottom: none !important;
            color: inherit;
        }

    /* ==============================================
   第五部分：锚点样式
============================================== */

    .anchor-text,
    .detail-content span[id] {
        display: inline !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: inherit !important;
    }

        /* 详情页隐藏锚点虚线框 */
        .detail-content .anchor-show,
        #content_value .anchor-show,
        .detail-content span[id].anchor-show {
            background: transparent !important;
            padding: 0 !important;
            border: none !important;
            border-radius: 0 !important;
            display: inline !important;
        }

    /* ==============================================
   第六部分：竖图背景样式
============================================== */

    .detail-content .img-block.vertical-img {
        /*background-image: linear-gradient(to right, #f8f8f6 50%, #e1e1e0 50%);*/
        /*background-image: linear-gradient(to right, #ff0000 50%, #00ff00 50%);

    background-size: 0.3rem 0.3rem;
    padding: 1rem 2.8rem !important;
    text-align: center;
    box-sizing: border-box;
    margin: 0.65rem 0;*/
    }

    /*.detail-content .img-block.vertical-img- {
    padding: 0 2.5rem;
    margin: 0;
    text-align: center;
}

.detail-content .img-block.vertical-img img,
.detail-content .img-block.vertical-img- img {
    max-height: 80vh;
    width: auto !important;
    height: auto;
    display: inline-block;
}

.detail-content .img-block.vertical-img img {
    border: 1px solid #656565;
}

.detail-content .img-block img {
    max-width: 100%;
    height: auto;
    display: block;
}*/



    /*///////////////////////////////*/
    /* 竖图背景*/
.detail-content .img-block.vertical-img {
    /*background-color: #f5f5f5 !important;*/ /* 必须加 */
    /* 细灰白竖线 */
    /*background: linear-gradient(90deg, #f5f5f5 1px, #fff 1px);    //角度 线条1 线条2
  background-size: 4px 100%;                                      //线条间隔                                
  */
    /*斜线*/
    /*
  background-image: linear-gradient( -45deg, rgba(150,150,150,0.1) 25%, rgba(150,150,150,0.2) 0, rgba(150,150,150,0.2) 50%, rgba(150,150,150,0.1) 0, rgba(150,150,150,0.1) 75%, rgba(150,150,150,0.2) 0);
  background-size: 5px 5px;                                            没有线条宽度，是5px×5px 的小格子 
  */
    /*background-image: linear-gradient(to right, #f8f8f6 50%, #e1e1e0 50%);*/ /*左右平分的双色背景，to bottom，横线*/
    /*background-image: linear-gradient(to right, var(--bj_color) 50%, var(--td_bj_color) 50%);  使用变量无效，放在m.css*/
    /*background-image: linear-gradient(to right, #f8f8f8 50%, #d2d2d2 50%);*/
    /*样式一*/
    /*background-image: linear-gradient(to right, #eeeeee 50%, #eeeeee 50%);*/
    background-color: var(--td_bj_color);
    /*样式二*/
    /*background-image: linear-gradient(to right, #dddddd 50%, #dddddd 50%);*/
    /*background-size: 0.3rem 0.3rem;*/
    /*background-size: 0.25rem 0.25rem;*/
    padding: 1rem 2.8rem !important; /* 必须加（左右边距） */
    text-align: center;
    box-sizing: border-box;
    margin: 0.65rem 0;
}

    .detail-content .img-block.vertical-img- {
        padding: 0 2.5rem;
        margin: 0;
        text-align: center;
    }
        /*无背景*/

        /* 竖图图片 */
        .detail-content .img-block.vertical-img img, .detail-content .img-block.vertical-img- img {
            max-height: 80vh;
            width: auto !important;
            height: auto;
            display: inline-block;
            /*margin:0;*/
        }
    /*.detail-content .img-block.vertical-img img{border:1px solid #656565;}*/
    .detail-content .img-block.vertical-img img {
        border: 2px solid var(--border_color);
        /*border: 1px solid #ff0000;*/
    }

    .detail-content .img-block img {
        max-width: 100%;
        height: auto;
        display: block;
    }