html {
    /*overflow-x: hidden;*/
}

/* 表头背景色 */
.layui-table-header th {
  background-color: #f6f8fc !important;
  color: #333 !important;
}

.wrapper {
    height: 100%;
    position: relative;
}
/*dhm 解决首页滚动条 删除 AdminLTE.min.css
.wrapper{
overflow-x:hidden;
overflow-y:auto}
*/
.main-sidebar{
    overflow-y: auto;
}
/*滚动条样式*/
.sidebar::-webkit-scrollbar {/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.sidebar::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(99, 107, 106, 0.94);
}
.sidebar::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}

.content-header {
    position: relative;
    padding: 0 0 3px 8px
}

.content-header > .breadcrumb {
    position: relative;
    top: 0;
    right: 0;
    float: none;
    margin-top: 0px;
    padding-left: 10px;
    background: #ecf0f5;
}

.main-footer {
    padding: 7px;
    color: #444;
    border-top: 1px solid #eee;
}

[v-cloak] {
    display: none;
}

.grid-btn {
    margin-top: 12px;
    margin-bottom: 12px;
}

/*dhm添加*/
#queryForm .row{
    border: 0;
}

.grid-btn {
    margin: 0;
}

.grid-query {
    margin-bottom: 12px;
    /*width: 1100px;*/
}

.grid-btn .btn {
    margin-right: 15px;
}

.pointer {
    cursor: pointer;
}

.ml-10 {
    margin-left: 0 !important;
}
@media (max-width: 1120px) {
    #aphorism{
        display: none;
    }
}
@media (min-width: 768px) {
    .ml-10 {
        margin-left: 10px !important;
    }

    .col-sm-label {
        width: 70%;
        padding-left: 0px;
        padding-top: 7px;
        margin-bottom: 0;
        text-align: left;
        font-weight: bold;
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word;
        float: left !important;
    }

    .col-sm-10 {
        width: 70%;
        padding-left: 0px;
    }

    .col-label {
        padding-left: 0px;
        padding-top: 7px;
        margin-bottom: 0;
        text-align: left;
        font-weight: bold;
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word;
        float: left !important;
    }

}

tbody > tr > th {
    font-weight: normal;
}

.panel .table {
    margin: 0 0;
}

.panel .pagination {
    margin: 0;
}

.panel-default > .panel-heading {
    background-color: #f5f5f5;
}

.row {
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 20px 2px 0px 2px;
}

.col-xs-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.form-horizontal {
    width: 550px;
    padding-top: 20px;
}

/*切换系统下拉样式*/
.dropdown-menu .list-group-item {
}

.dropdown-menu {
    padding: 0;
}

.dropdown-menu > li > a {
    padding: 3px 3px;
}

.media-box .pull-left {
    margin-right: 10px;
}

.layuiSucess {
    background-color: #def1d8;
}

fieldset[disabled] .btn, fieldset[disabled] .btn:hover {
    background-color: #eee;
}

.select-search {
    background-color: transparent !important;
}

.layui-table-cell {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.hr {
    width: 100%;
    color: #987cb9;
}

/*!*.layui-table-body*!*/
/*div[style="height: 488px;"] > div > div[class="layui-table-body layui-table-main"] {*/
    /*height: 408px !important;*/
/*}*/

/*div[style="height:488px;"] > div > div[class="layui-table-body layui-table-main"] {*/
    /*height: 408px !important;*/
/*}*/

.layui-table {
width: 100% !important;
}

.layui-table-view {
width: 100% !important;
}

/*div[style="height: 488px;"] {*/
    /*width: 100% !important;*/
/*}*/

/*div[style="height:488px;"] {*/
    /*width: 100% !important;*/
/*}*/

/*!*设置模态框，让内部元素可以显示完整*!*/
/*div[class="layui-layer layui-layer-page layui-layer-lan layui-layer-content-overflow"] > div[class="layui-layer-content"] {*/
    /*overflow: visible !important;*/
    /*height: 0px !important;*/
/*}*/

/*.layui-layer-content{*/
/*overflow: visible !important;*/
/*height: 0px !important;*/
/*}*/
/*.layui-layer-btn{*/
/*padding-bottom: 0px !important;*/
/*}*/



/*下面是layerui相关的*/
.layuiSucess {
    background-color: #def1d8;
}
.login-bg {
    /*background: url(../image/login_bg4.png) #eeeeee 0 0 ;*/
    /*z-index: 2;*/
    overflow: hidden;
    position:relative;
}
.animation-img1{
    width: 550px;
    height: 400px;
    position: absolute;
    top:-70px;
    left:0;
    animation: aniBgMove1 16s linear infinite;
}
.animation-img2{
    width: 550px;
    height: 400px;
    position: absolute;
    top:230px;
    left:200px;
    animation: aniBgMove2 16s linear infinite;
}
@keyframes aniBgMove1 {
    0% {
       left:0;
    }
    100% {
       left:1000px;
    }
}
@keyframes aniBgMove2 {
    0% {
        left:500px;
    }
    100% {
        left:1000px;
    }
}

.login {
    margin: 120px auto 0 auto;
    min-height: 420px;
    /*max-width: 400px;*/
    width: 400px;
    padding: 40px;
    background-color: #ffffff;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    border-radius: 4px;
    /* overflow-x: hidden; */
    box-sizing: border-box;
    position: fixed;
    top:80px;
    left:0px;
    right: 0px;

    /*transform: translateX(-50%);*/

}
.login a.logo {
    display: block;
    height: 58px;
    width: 167px;
    margin: 0 auto 30px auto;
    background-size: 167px 42px;
}
.login .message {
    margin: 10px 0 0 0;
    padding: 18px 10px 18px 60px;
    background: #189F92;
    position: relative;
    color: #fff;
    font-size: 18px;
}
.login .message-center {
    margin: 10px auto 0;
    padding: 18px 10px 18px 10px;
    background: #189F92;
    position: relative;
    color: #fff;
    font-size: 18px;
    width: 100%; /* 必须设置宽度，居中才生效，可自行修改 */
    box-sizing: border-box; /* 保证内边距不撑开宽度 */
    border-radius: 4px; /* 可选：加圆角更好看 */
    text-align: center
}
.login #darkbannerwrap {
    /*background: url(../image/dot_aiwrap.png);//image文件夹中没有这张图片*/
    width: 18px;
    height: 10px;
    margin: 0 0 20px 0;
    position: relative;
}
.login input[type=text],
.login input[type=file],
.login input[type=password],
.login input[type=email],
.login select {
    border: 1px solid #DCDEE0;
    vertical-align: middle;
    border-radius: 3px;
    height: 50px;
    padding: 0px 16px;
    font-size: 14px;
    color: #555555;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}
.login input[type=text]:focus,
.login input[type=file]:focus,
.login input[type=password]:focus,
.login input[type=email]:focus,
.login select:focus {
    border: 1px solid #27A9E3;
}
.login input[type=submit],
.login input[type=button] {
    display: inline-block;
    padding: 12px 24px;
    margin: 0px;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    color: #ffffff;
    background-color: #189F92;
    border-radius: 3px;
    border: none;
    -webkit-appearance: none;
    outline: none;
    width: 100%;
}
.login hr {
    background: #fff 0 0 no-repeat;
}
.login hr.hr15 {
    height: 15px;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.login hr.hr20 {
    height: 20px;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}


.layui-table-box, .layui-table-view {
    position: relative;
    overflow: hidden;
}


.select2-selection--single {
    border: 1px solid #ccc !important;
    height: 34px !important;
    line-height: 34px !important;
}

.select2-selection__rendered {
    line-height: 34px !important;
}

/*修改layui-table-tips-c样式，右上角X偏移问题*/
.layui-table-tips-c{
    padding: 0px !important;
}

.layui-layer-resize {
    background: url(../image/resize.png) !important;
}

/* 去除IE输入框的X标记 */
input[type=text]::-ms-clear { display: none !important; }

/* 去除IE输入框的小眼睛标记 */
input[type=password]::-ms-reveal { display: none !important; }

/* 模拟a标签下划线样式 */
.downLoadSpan:hover{ text-decoration:underline;cursor: pointer;}

/*layui table的单元格内容居中显示*/
.layui-table th, .layui-table td {
    text-align: center !important;
    vertical-align: middle!important;
}
.layui-table th>div, .layui-table td>div{
    display: inline-block;
}


/*导入字体*/

@font-face {
    font-family:hefengti;
    src:url("../fonts/hefengti.ttf");
}
@font-face {
    font-family:madingti;
    src:url("../fonts/madingti.ttf");
}
#aphorism{
    position: absolute;
    top:12px;
    left:260px;
    color:#fff;
    font-family:madingti;
    font-size: 18px;
}

/*账户下拉列表*/
/*.showNav:hover{*/
    /*height: 200px;*/
    /*animation: height 2s linear;*/
/*}*/
.showDropList{
    position: absolute;
    right:8px;
    top:50px;
    width: 140px;
    list-style: none;
    padding: 10px 0 10px 20px;
    background-color: #fff;
    display: none;
}
.showDropList li{
    line-height: 30px;
}
.showDropList li a{
    color:#222d32;
}
/*菜单搜索框*/
.sidebar-menu .search-box{
    margin-top: 4px;
    position: relative;
    color: #b8c7ce;
}
.sidebar-menu .search-box input{
    width: 100%;
    height: 22px;
    background-color: #222d32;
    border: 1px solid #b8c7ce;
    border-radius: 8px;
    color: #b8c7ce;
    padding: 10px;
}
.sidebar-menu .search-box i{
    position: absolute;
    right: 8px;
    top: 5px;
    color: #b8c7ce;
}



/* Flex布局核心样式 - 全局统一，优先级拉满 */
.form-flex-item {
  display: flex !important;
  align-items: flex-start !important;
  /* 顶部对齐 */
  margin-bottom: 0px !important;
  /* 统一项间距 */
  width: 100% !important;
  /* 占满父容器宽度 */
  box-sizing: border-box !important;
  
}

/* 标签容器：固定宽度，全局统一 */
.form-flex-label {
  flex: 0 0 100px !important;
  /* 所有分组标签宽度一致，可调整 */
  text-align: right !important;
  padding-top: 7px;
  padding-right: 10px !important;
  color: #333 !important;
  white-space: nowrap !important;
  /* 标签不换行 */
  box-sizing: border-box !important;
}

/* 内容容器：自动填充剩余空间 */
.form-flex-content {
  flex: 1 !important;
  /* 占满剩余宽度 */
  word-break: break-all !important;
  /* 长文本换行 */
  box-sizing: border-box !important;

  padding-left: 5px !important;
  padding-right: 15px !important;
}

/* 内容容器：自动填充剩余空间 */
.text{
  padding-top: 7px;
}


/* 关键：改造模态框容器的布局，实现垂直居中 */
.modal-dialog-center {
  /* 1. 让 modal-dialog 占满可视区高度，作为 Flex 容器 */
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中（可选，Bootstrap 默认已有） */
  min-height: calc(100vh - 1rem); /* 占满可视区高度，减去少量边距避免溢出 */
  margin: 0 auto; /* 重置默认水平 margin */
}

/* 兼容 Bootstrap 模态框的响应式 */
@media (max-width: 768px) {
  .modal-dialog-center {
    min-height: calc(100vh - 2rem); /* 小屏幕增加边距 */
  }
}

/* 原有样式保留，新增父级限定 */

#editModal .bs-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
  margin-bottom: 0;
  vertical-align: middle;
  /* 强制显示，避免被隐藏 */
  display: inline-block !important;
}

#editModal .bs-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

#editModal .bs-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ddd;
  border-radius: 30px;
  transition: .4s;
}

#editModal .bs-switch-slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  border-radius: 50%;
  transition: .4s;
}

#editModal input:checked+.bs-switch-slider {
  background-color: #5cb85c;
}

#editModal input:checked+.bs-switch-slider:before {
  transform: translateX(30px);
}

/* 1. 统一左右列每个表单项的最小高度，避免高度不一致错位 */
#editModal .form-group.col-md-6 {
  min-height: 45px;
  /* 按你界面元素的高度调整，确保左右项高度一致 */
  margin-bottom: 10px;
  /* 保留间距 */
}

/* 3. 强制每两个col-md-6（左+右）后换行，避免跨行列错位 */
#editModal .form-group.col-md-6:nth-child(2n) {
  clear: right;
  /* 每第2个col-md-6后强制右清除，确保换行 */
}


.lay-ext-mulitsel .layui-input.multiple {
 padding: 6px 10px 0px 10px !important; 
 border-radius: 4px;
 box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 border: 1px solid #ccc;
}

.lay-ext-mulitsel .layui-input.multiple a {
  line-height: 15px !important;  /* 改为15px，加!important确保生效 */
  margin: 2px 5px 2px 0 !important; 
}


/* 仅让模态框内的layui下拉列表生效，避免影响全局 */
#editModal .layui-form-select {
  position: relative; /* 关键：让dl相对于模态框内的下拉框定位 */
  z-index: 1051; /* 高于模态框容器(1050)，但远低于之前的10000 */
}
#editModal .layui-form-select dl {
  z-index: 1052 !important; /* 仅比父容器高1，限定在模态框内 */
  position: absolute !important; /* 强制相对父容器定位，不脱离模态框 */
  top: 100% !important;
  left: 0 !important;
  max-height: 200px; /* 可选：限制下拉框最大高度，避免溢出模态框 */
  overflow-y: auto;
}
/* 重置全局的dl层级（如果之前有全局设置） */
.layui-form-select dl {
  z-index: 9999 !important; /* 全局下拉框层级降低，避免覆盖模态框 */
}




/* 2. 给表单容器加清除浮动，避免浮动元素溢出错位 */
#addOrUpdateForms {
  overflow: auto;
  /* 包含浮动元素 */
}

/* 模态窗居中核心样式 */
#editModal .modal-dialog {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中（可选，bootstrap默认已水平居中） */
  min-height: calc(100vh - 60px); /* 减去模态窗的padding/margin，避免超出屏幕 */
  margin: 0 auto; /* 水平居中兜底 */
  width: 80%; /* 保留你原有的宽度 */
}

/* 移除原固定的margin-top，避免冲突 */
#editModal .modal-content {
  width: 100%; /* 让内容撑满dialog */
}

/* 适配小屏幕（可选）：屏幕小于768px时调整宽度 */
@media (max-width: 768px) {
  #editModal .modal-dialog {
    width: 95%;
    min-height: calc(100vh - 30px);
  }
}
/**
  2026年1月6日注释掉, 影响BootStrap弹出框的内容展示.   郑高峰
 */
/*!* 确保 modal-content 不会超出可视区 *!*/
/*#editModal .modal-content {*/
/*  max-height: 90vh; !* 内容最大高度为可视区 90%，避免溢出 *!*/
/*  overflow-y: auto; !* 内容过长时滚动 *!*/
/*}*/

/* 重置 Bootstrap 模态框默认的 margin-top（关键） */
#editModal .modal-dialog {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* 模态框body允许内部元素溢出（下拉列表需要超出input区域） */
#editModal .modal-body {
  overflow: visible !important;
  position: relative; /* 让内部元素的定位基于模态框body */
}
/* 确保模态框遮罩层层级不被覆盖 */
.modal-backdrop {
  z-index: 1040 !important;
}
/* 确保模态框容器层级高于遮罩层 */
#editModal .modal-dialog {
  z-index: 1050 !important;
}