/* *{margin:0;padding: 0;box-sizing: border-box;}
li{list-style:none;}
a{text-decoration: none;}
img{display:block;border:none;max-width: 100%;}
input,button{outline: none;}
html,body{ height:100%; background-color: #ffffff;}
html{font-size:26.66667vw;}
body{font-size:14px; }
.bgColor{background-color: #f2f2f2;} */
/****=reset***/
html,body, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0;padding:0;font:12px "微软雅黑","Arial Narrow",HELVETICA;-webkit-text-size-adjust:100%;}
/* table{border-collapse:collapse;}
a img{border:0px;}
a{outline: none; text-decoration:none;}
:focus{outline:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
q:before, q:after{content:'';}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal; margin:0; padding:0}
input, button, textarea, select {font-family:inherit;}
html{overflow-y:scroll;}
.fontA{font-family:Arial;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;} */

/* 滚动条样式 */
*::-webkit-scrollbar {width: 6px;height: 6px;}
*::-webkit-scrollbar-track {background: #f8f8f8;}
*::-webkit-scrollbar-thumb {background: #ccc;border-radius: 3px;}
*::-webkit-scrollbar-thumb:hover {background: #3abba9;}

/* 自定义其他任意主题  */
.popup-titlecolor .layui-layer-title{background-color: rgba(58, 187, 169, 0.3);}
.popup-titlecolor .layui-layer-btn{padding: 5px 10px 10px;}
.popup-titlecolor .layui-layer-btn a{background: #fff; border-color: #E9E7E7; color: #333;}
.popup-titlecolor .layui-layer-btn .layui-layer-btn0{ background-color:#3ABBA9; color: #fff;}

/* 重置layui样式 */
/* .layui-nav-tree .layui-nav-item a{height: 50px!important; line-height: 50px!important; }
.layui-nav-tree .layui-nav-item>a{height: 50px!important; } */
/* .layui-side-menu .layui-nav>.layui-nav-item .layui-icon:first-child{ margin-top: -24px!important; } */
.layadmin-tabspage-none .layui-layout-admin .layui-body{top: 200px!important;}

/* 页面标题 */
.new-header{display: none!important;}

/* logo */
.layui-layout-admin .layui-logo{display: flex; flex-direction: column; justify-content: center; align-items: center;  height: 89px!important;}
.layui-layout-admin .layui-logo img{border:#4B5A72 solid 1px;border-radius: 4px; padding: 3px; width: 35px; height: 35px;}
.layui-layout-admin .layui-logo span{line-height: 35px; color: #3ABBA9;font-weight: bold;}
.layui-side-menu .layui-nav{margin-top: 90px!important;}
/****左侧菜单栏 top-menu***/
.top-menu {font-size: 14px; padding: 0px 20px; box-sizing: border-box;/*display: none !important;*/}
.top-menu .layui-row{ display: flex; justify-content: space-between; height: 90px;}
.menu-left{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.menu-left .menu-list{ display: flex; align-items: center; flex: 1;cursor: pointer;transition: all 0.5s ease;white-space: wrap; margin-right: 15px;}
.menu-left .menu-list .licon{ width: 66px; height: 66px; border-radius: 50%; background-color: rgba(58, 187, 169, 0.2); display: flex; justify-content: center; align-items: center; flex-direction: column; }
.menu-left .menu-list .licon .layui-icon{font-size: 25px!important; color: #3abba9;}
.menu-left .menu-list .licon p{font-size: 16px;color: #3abba9;}
.menu-left .menu-list div:last-child{min-width: 60px; margin-left: 10px;}
.menu-left .menu-list:hover {color: #F46363;}
.menu-left .menu-list:hover .licon{background-color: rgba(255, 224, 224, 0.2); }
.menu-left .menu-list:hover .licon .layui-icon{color: #F46363;}
.menu-left .menu-list:hover .licon p{color: #F46363;}
.menu-right{display: flex; flex-wrap: wrap;align-content: center; margin-left: 40px; padding-left: 40px; border-left: 1px solid #EDF2F7; }
.menu-right li{display: flex; align-items: center; width: 25%; margin-right:7%;height: 35px;cursor: pointer;font-size: 14px;}
.menu-right .layui-icon{font-size: 20px!important; color: #777777; }
.menu-right li p{ flex: 1; padding-left: 10px;font-size: 14px; }

/* ==================== 通用：页面内容区域滚动控制 ==================== */
/* 页面布局 表格区域内滚动 */
.layui-body{height: calc(100vh - 90px) !important;background-color: #ffffff; }
.layui-fluid{ overflow: hidden!important; box-sizing: border-box;}
.layui-card{ }
.layui-card-header{}
.layui-card-body{}

/* 表格头样式  */
.layui-table-header thead tr th{background-color: #F8FCF9; color: #3ABBA9!important;}
.layui-table-cell{padding: 6px 6px;}

/* 表格头工具栏样式 */
.layui-table-tool{min-height: 40px!important;/*padding: 0px 15px!important;*/}
/* .layui-table-tool-self{top: 0;} */
.layui-table-tool-self .layui-icon{ right: 6px!important;}
.layui-table-tool-self .layui-unselect .layui-icon{ top: 6px!important;}
.layui-table-tool .layui-inline[lay-event]{background-color: #34BBA9; border: 0;}
.layui-table-tool .layui-inline[lay-event]:hover{border:0;}
.layui-table-tool .layui-inline[lay-event]{width: 30px; height: 30px;}
.layui-table-tool-self .layui-icon{ color: #fff;font-size: 18px;}
.layui-table-tool-temp{ padding-right: 160px;}
.layui-col-space10>*{padding-bottom: 0;}
.layui-table-box{}
.layui-table-body.layui-table-main{overflow-y: auto;max-height: 457px;/*min-height: 350px;*/ }
.table-headbtn{ display: flex; justify-content: space-between;}

/* 表单输入框样式 */
.layui-input, .layui-textarea{border-color: rgba(58, 187, 169, 0.5);}
.layui-form-select .layui-input{padding-right: 0px!important;}
.layui-form-pane .layui-form-label{border-color: rgba(58, 187, 169, 0.5);background-color: rgba(58, 187, 169, 0.2);}

/* 禁止拖拽列 */
.layui-table-view .layui-table-header thead tr th.no-drag { cursor: not-allowed !important; background-color: #3ABBA9 !important; color: #fff !important;/* pointer-events: none !important;  禁止所有鼠标事件 */ }
.layui-table-view .layui-table-header thead tr th { cursor: move !important; user-select: none !important;}
.sortable-ghost {  opacity: 0.5 !important;}

/* 弹框标题颜色 */
.layui-layer-admin .layui-layer-title{color: #3ABBA9;}

/* 快速日期按钮样式修复 */
.layui-btn-group .layui-btn { color: #666;  /* 默认文字颜色 */}

.layui-btn-group .layui-btn.layui-btn-primary {
    color: #3ABBA9;  /* 未选中状态 - 绿色文字 */
    border-color: #3ABBA9;
    background-color: #fff;
}

.layui-btn-group .layui-btn:not(.layui-btn-primary) {
    background-color: #3ABBA9;  /* 选中状态 - 绿色背景 */
    color: #fff !important;      /* 选中状态 - 白色文字 */
    border-color: #3ABBA9;
}

/* 如果使用 layui-border-green 类 */
.layui-btn-group .layui-btn.layui-border-green {
    color: #3ABBA9;
    border-color: #3ABBA9;
}

/* 确保选中按钮的文字是白色 */
.layui-btn-group .layui-btn:not(.layui-btn-primary).layui-border-green {
    color: #fff !important;
}

.layui-form-checked[lay-skin=primary]>i{background-color: #3ABBA9; border-color: #3ABBA9;color: #fff!important;}