body{background-color:  #F4F4F4;}
@media (max-width: 768px) {
      body{background-color: white;}
    }

#head-nav {background-color: #05975D;color:white;padding: 0;}
#head-nav #collapsibleNavbar a.nav-link{color:white}
#active-menu{color:white}
#collapsibleNavbar li.active{background-color: #057E4E; font-weight:700;}
.navbar-toggler-icon {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 8h24M4 16h24M4 24h24"/%3E%3C/svg%3E');
  }

.selected{background:#ddd}
tr.selected{background:yellow;}
.active1{color:red}
.error{color:red}
.table-editor th{padding-top:0.5rem}



.dcl-btn-group >div {text-align: center;padding:5px 0;border: 1px solid #2BA342;border: 1px solid #dddddd;}
.dcl-btn-group a{width: 100%;}
.dcl-btn-group >div.selected {background-color: #2BA342;color: white;border:1px solid #2BA342;}
.dcl-btn-group >div.selected a.btn{color:white}
.dcl-btn-group > div:not(:first-child){border-left: 0}
.dcl-btn-group > div:first-child{border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.dcl-btn-group > div:last-child{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

.block_head {font-size: 28px; font-weight: 700;}
.head-icon {background: url(/upload/images/png_tm.png);width: 14px;height: 38px;}
.head-text {  padding-top: 5px;}
.part-1 {color: #2BA342;}
.captcha{cursor: pointer;}


/** block nav  **/
.block-nav  .nav-section, .block-nav .page-item {padding:5px; border:1px solid #dddddd; margin:0 16px; width: 4rem;text-align: center; cursor: pointer;}
.block-nav  .page-item.active {border-color: #2BA342; cursor: auto;color: #2BA342;}
.block-nav  div.disabled{border-color: #f4f4f4; color:#dddddd; cursor: not-allowed;}

article h1{font-size: 2.5rem;}
article h2{font-size: 1.5rem; margin-top: 1.5rem;}
.success{color:#057E4E}


/* accordion horizontal */

.accordion-h {

  width: 100%;

}
.accordion-h .accordion-h-item {
  width: 90px;
  height: 270px;
  position: relative;
  overflow: hidden;
  width: 180px;
}
.accordion-h .accordion-h-item.active {
  width: 90px;
  height: 270px;
  position: relative;
  overflow: hidden;
  width: 480px;
}
.accordion-h .accordion-h-item .img {
  width: 100%;
  height: 270px;
  position: relative;
}
.img img{display: inline-block;}

.accordion-h .accordion-h-item .img h3 {
display: block;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 270px;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #ffffff;
line-height: 22px;
letter-spacing: 2px;
}
.accordion-h .accordion-h-item .text h3 {
font-size: 20px;
line-height: 27px;
font-weight: bold;
color: #fff;
margin-bottom: 12px;
}
.accordion-h .accordion-h-item .text {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 480px;
height: 128px;
background: rgba(0, 0, 0, 0.6);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
padding: 12px 20px;
color: white;
}
.accordion-h .accordion-h-item .img::before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 270px;
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(#000000));
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, #000000 100%);
background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, #000000 100%);
opacity: 0.9;
}

.accordion-h .accordion-h-item.active .img::before {
display: none;
content: none;;
}
.accordion-h .accordion-h-item.active .text {
display: block;
}
.accordion-h .accordion-h-item.active .img h3 {
display: none;
}

/** 段落首行缩进2字符 **/
article p, .article p {text-indent: 2em;line-height: 2;}

ul.dcl-li{list-style-type: none;}
ul.dcl-li li::before {
  content: "•"; /* 使用Unicode字符表示圆点 */
  color: #2BA342; /* 设置颜色为绿色 */
  padding-right: 5px; /* 为圆点添加一些右边距 */
  font-size: 1.2em; /* 调整圆点的大小 */
  white-space: nowrap; 
  padding: 0 6px 0 0;
  margin: 0;
}
ul.dcl-li li{line-height: 2rem;}
@media (max-width: 768px) { /* 768px 以下的屏幕 */  
  ul.dcl-li {  
      padding-left: 6px; /* 小屏幕时的 padding */  
  }  
}  

/* 滚动内容样式 */
.marquee-content {
  display: flex; /* 使用flex布局 */
  flex-direction: row; /* 子项水平排列 */
  will-change: transform; /* 提升动画性能 */
  }
  /* 定义动画 */
  @keyframes marqueeScroll {
  from {
      transform: translateX(100%); /* 从容器右侧开始 */
  }
  to {
      transform: translateX(-100%); /* 移动到容器左侧 */
  }
  }

  /* 应用动画 */
  .marquee-content {
  animation: marqueeScroll 20s linear infinite; /* 动画名称，持续时间，速度曲线，循环次数 */
  }

  /* 如果需要在滚动到最左侧后立即跳回最右侧重新开始滚动 */
  .marquee-content {
  animation-timing-function: linear;
  }
  .marquee-content li{overflow: hidden;  white-space: nowrap; }

  .login-holder{
    margin: 1rem  2rem;
}
@media (max-width: 768px) {
    .login-holder{
        margin: 1rem;
    }
}


  /* 登录窗口的图片验证码 */
.captcha-container {  
width: 6rem; /* 宽度限制 */  
min-width: 6rem; /* 最小宽度限制 */  
margin-left: 3px;  
overflow: hidden; /* 避免撑大 */  
height: 2rem; /* 使百分比高度生效 */  
max-height: 100%; /* 最大高度限制 */  
position: relative; /* 相对定位 */  
}  

img.captcha {  
    position: absolute; /* 绝对定位 */  
    top: 50%; /* 垂直居中 */  
    left: 60%; /* 水平居中 */  
    transform: translate(-50%, -50%) scale(1.5); /* 放大1.5倍并居中 */  
    max-width: none; /* 允许图片扩展 */  
    max-height: none; /* 允许图片扩展 */  
}  


/* 图片放大效果 */
.image-enlarge {
  overflow: hidden; /* 隐藏超出部分 */
  position: relative;
}

.image-enlarge img {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease; /* 添加过渡效果 */
}

.image-enlarge:hover img {
  transform: scale(1.2); /* 放大 1.1 倍 */
}