/* 首页 */
html{
    overflow: auto;
}
body.bodyindex{
    min-width: 1300px;
}
/* 导航菜单的激活样式 */
.navActive{
    color: #009688;
}
/* 全局 begin */
.layui-table + .layui-table-view{
    position: relative;
}   
.layui-table + .layui-table-view > *{
    position: relative;
    z-index: 1;
}
.layui-table + .layui-table-view .watermark{
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 100px;
    font-size: 50px;
}
.x-body .layui-btn-warm{
    background-color: #F38622;
}
/********** 图片遮罩层 **********/
.layui-layer-photos .layui-layer-imgsee{
    /* display: none; */
}
/********** 左侧导航栏和选项卡标题的文字无法被选中 ***********/
.layui-tab-title .layui-this, #side-nav #nav{
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none;
}
/********** 页面结构样式 **********/
.x-body.tab-body .layui-tab{ /* 含有卡片的页面 */
    margin: 0;
}

.x-body.tab-body .layui-tab-content{ /* 含有卡片的页面 */
    box-sizing: border-box;
    padding: 5px;
}

/********** 表格样式 ***********/
.layui-table,.layui-table-view{ /* 表格边距为0 */
    margin: 0; 
    color: #333;
    background-color: transparent;
} 
table a{ 
    color: #009688;
    padding: 2px;
    cursor: pointer;
}
table .layui-table-cell{ 
    text-align: center;
    padding: 0 3px;
}
/* 表格行的背景色透明, 这样不会遮挡到水印 */
.layui-table thead tr, 
.layui-table-click,  
.layui-table-hover, 
.layui-table-mend, 
.layui-table-patch, 
.layui-table-tool, 
.layui-table-total, 
.layui-table-total tr, /**/
.layui-table tbody tr:hover,
.layui-table-header,
.layui-table[lay-even] tr:nth-child(even){
    background-color: rgba(242,242,242,.5);   
}
.layui-table-fixed {
    background-color: #fff;
}

.layui-table-total .layui-table tr{ 
    background-color: #fff;
}
/*  */
.h-search {
    display: inline-block;
}
.h-search .layui-inline:first-child {
    margin-right: -5px !important;
}
.h-search .layui-input-inline {
    width: 100px !important;
}
.h-search .layui-input {
    padding-right: 5px !important;
}
.h-search-b .layui-inline:first-child {
    max-width: 125px !important;
}
.h-search-b .layui-inline:last-child {
    max-width: 180px !important;
}
.h-search-b .layui-input-inline {
    width: 180px !important;
}
.layui-btn-container {
    display: inline-block;
}
.notea {
    display: inline-block;
    margin-left: 5px;
}
.notea span:nth-child(even) {
    color: #FF5722;
    margin-right: 5px;
}

.font_strong{
    font: 16px 'Microsoft Yahei'!important;
}
.font20 {
    font-size: 20px;
    line-height: 1.2;
}
.font40 {
    font-size: 40px;
}
.h-margin {
    margin: 15px 0;
}
.xm-input.xm-select {
    /*下拉多选*/
    background-color: #fff;
}
.xm-select-parent .xm-form-select dl {
    z-index: 1000;
}
.h-table + .layui-form .layui-table-cell{
    height: auto !important;
    line-height: inherit;
    white-space: pre-wrap;
    padding: 0 5px;
}
.layui-input, .layui-select, .layui-textarea {
    height: 32px;
}
.textbg {
    position: fixed;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    overflow: hidden;
    z-index: -1;
}
.textbgdiv {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    font-size: 40px;
    line-height: 80px;
    width: 400%;
    height: 400%;
    position: absolute;
    left: -20%;
    /* color: #eee; */
    color: black;
    opacity: 0.25;
}
.width4 {
    max-width: 90px !important;
}
.border {
    border: 1px solid #FF5722;
}

.x-admin-sm .iconfont{
    vertical-align: middle;
}
/* 显示和隐藏 */
.display_block{ display: block; }
.display_inblock{ display: inline-block; }
.display_inline{ display: inline; }
.display_none{ display: none; }
/* 预定义颜色 */
.x-admin-sm .color-success {color: #5FB878;}
.x-admin-sm .color-orange {color: #FFB800;}
.x-admin-sm .color-blue {color: #01AAED;}
.x-admin-sm .color-red {color: #FF5722;}
/*height*/
.x-admin-sm .height20{height: 20px;}
/*min-height*/
.x-admin-sm .min_height70{min-height: 70px;}
/*width*/
.width40{width: 40px;}
.width60{width: 60px;}
.width65{width: 65px;}
.width75{width: 75px;}
.width77{width: 77px;}
.width80{width: 80px;}
.width85{width: 85px;}
.width90{width: 90px;}
.width95{width: 95px;}
.width100{width: 100px;}
.width105{width: 105px;}
.width115{width: 115px;}
.width120{width: 120px;}
.width130{width: 130px;}
.width150{width: 150px;}
.width200{width: 200px;}
.width240{width: 240px;}
.width250{width: 250px;}
.width280{width: 290px;}
.width300{width: 300px;}
.width350{width: 350px;}
.width400{width: 400px;}
.width450{width: 450px;}
.width500{width: 500px;}
.width550{width: 550px;}
.width600{width: 600px;}
.width610{width: 610px;}
.width650{width: 650px;}
.width700{width: 700px;}
.width750{width: 750px;}
.width800{width: 800px;}
.width850{width: 850px;}
.width900{width: 900px;}
.width950{width: 950px;}
.width1000{width: 1000px;}

/* 下拉框限制高度 */
.select200 dl.layui-anim.layui-anim-upbit,
.select200 .xm-select-parent .xm-form-select dl {
    max-height: 200px;
}
.select150 dl.layui-anim.layui-anim-upbit,
.select150 .xm-select-parent .xm-form-select dl {
    max-height: 150px;
}
.pad_btm50{padding-bottom: 50px;}
.pad_btm30{padding-bottom: 30px;}

/* 全局 over */
.layui-nav .to-index .layui-badge-dot {
    margin: -8px -3px 0;
}

/*perUserAdd  创建用户档案 */
.perUserAdd .h-note {
    text-indent: 54px;
    margin-bottom: 30px;
}
/*perUserAddb  创建用户档案（二） */
.perUserAddb .h-note {
    text-indent: 54px;
    margin-bottom: 30px;
}
/*adduser 新增用户*/
.form-adduser .layui-form-label {
    width: 90px;
}
.form-adduser .layui-input-inline {
    width: 120px;
    margin-top: 4px;
}
.form-adduser .layui-inline {
    margin-bottom: 0;
}
.form-adduser .layui-btn-container {
    margin-top: 15px;
    display: block;
}
/*编辑管理账号*/
.editUser-btns {
    position: relative;
}
.editUser-btns .layui-inline {
    display: inline-block;
}
.editUser-btns .layui-btn {
    position: absolute;
    left: 300px;
    margin-left: 0;
    margin-top: 0;
    display: block;
}
.editUser-btns-a {
    top: 4px;
}
.editUser-btns-b {
    top: 42px;
}
.editUser-btns-c {
    top: 80px;
}
/*权限管理-添加权限*/
.addAuth .layui-btn-container {
    margin-left: 48px;
}
.editAuth .layui-btn-container {
    margin-left: 48px;
}

/********** 全局搜索栏部分 **********/
.search-bar{
    position: relative;
    font-size: 0; /* 去除行内块的空格 */
    padding-bottom: 5px; 
}
/* 缩小layui内置文本框下拉框的内边距 */
.search-bar .layui-form-select .layui-input {
    padding-right: 22px;
}
.search-bar .layui-input, .layui-textarea {
    padding-left: 5px;
}
.search-bar .layui-form-select .layui-edge {
    right: 6px;
}

.search-bar .layui-inline{
    font-size: 12px !important;
}
.search-bar .layui-inline>*{
    font-size: 12px !important;
}


.search-bar .layui-inline, 
.search-bar .layui-btn{
    margin-right: 3px !important;
    margin-bottom: 5px;
    margin-left: 0;
}
.layui-btn i{
    margin-right: 3px;
    vertical-align: bottom;
    font-size: 16px !important;
    line-height: 29px;
}

/* 多选框组 */
.search-bar .search-group{
    font-size: 0!important;
}
.search-bar .search-group .layui-inline{
    font-size: 12px;
    margin-right: 0 !important;
    margin-bottom: 0;
}
.search-bar .search-group .layui-inline+.layui-inline{
    margin-left: -1px;
}

/* 包含提示的group */
.search-bar .tips-group.layui-inline .layui-inline{
    margin-bottom: 0;
}
.search-bar .tips-group{
    margin-right: 0!important;
    font-size: 0!important;
}

/********** 多行搜索栏相关(扩展) **********/
.multiline{
    height: 35px; 
    opacity: 0;
}
.multiline.active{
    z-index: 999;
}
.multiline.active .search-bar-left{
    z-index: 999;
    box-shadow: 0 2px 5px -3px rgba(0,0,0,.3);
    border-bottom: 5px solid #fff;
}
.multiline .layui-btn,
.multiline .layui-inline{
    margin-bottom: 10px;
}
.search-bar-left{
    position: relative;
    background-color: #fff;
    width: calc(100% + 20px);
    margin-left: -10px;
    box-sizing: border-box;
    padding: 0 200px 0 10px;
    font-size: 0!important;
}
.search-bar-right{
    position: absolute;
    z-index: 999;
    top: 50%;
    margin-top: -20px;
    right: 0;
    font-size: 0!important;
}
.func-more{
    display: inline-block;
    padding: 0 10px;
    font-size:12px;
    vertical-align: middle;
    margin-bottom: 5px;
}
.func-btn{
    position: relative;
    z-index: 100;
    background-color: #fff;
}
.table-box{
    position: relative;
    z-index: 100;
    background-color: #fff;
}
.layui-tab{
    position: relative;
    z-index: 100;
    background-color: #fff;
}

/* 功能按钮栏样式 */
.func-btn{
    font-size: 0;
    padding-bottom: 5px;
    vertical-align: middle;
}

.func-btn .layui-btn{
    margin-bottom: 5px;
    vertical-align: middle;
}
.func-btn .layui-btn + .layui-btn {
    margin-left: 5px;
}
.func-btn .layui-inline{ /* 按钮右侧的合计内容 */
    font-size: 12px;
    line-height: 30px;
    margin: 0 0 5px 5px;
}



/******* 表单元素 *******/

.form-body .layui-form-item{
    margin-bottom: 5px;
}

/* radio */
.address_list .layui-form-radioed{ /* 突出选中项 */
    background-color: rgba(124,197,229,.3);
}
.address_list .layui-unselect{
    -webkit-user-select: text; 
    -ms-user-select: text;
    -moz-user-select: text; 
}
/* radio: 地址选项换行效果修改 */
.address_list .layui-form-radio{
    position: relative;
    width: 100%;
}
.address_list .layui-form-radio .layui-anim.layui-icon{
    position: absolute;
}
.address_list .layui-form-radio > div{
    margin-left: 22px;
}

/* textarea, 禁止拉伸 */
.layui-textarea{
    resize: none;
}

/* 禁用表单控件的背景色 */
[disabled].layui-input{
    background-color: #f9f9f9;
}
/* 单选字体大小 */
.layui-form-radio div{
    font-size: 12px;
}

.look-item p{
    box-sizing: border-box;
    padding: 10px 0;
    line-height: 18px;
}
.look-item img{
    width: 30px;
    height: 30px;
    margin: 4px 0;
}
/* 验证的红点: class="layui-input-block verify"*/
.layui-input-block,
.layui-input-inline{
    position: relative;
}
.verify::after{
    content:'*';
    color: red;
    position: absolute;
    right: 3px;
    top: 3px;
}


/* 备注的样式 */
p.remark,div.remark{ 
    padding: 13px 0;
    line-height: 18px; 
    width: 80%;
}
textarea.remark{
    width: 80%;
    margin: 13px 0;
    min-height: 76px;
}

/* 表单底部按钮组 */
.fbtmbtns,
.ftbtnab{
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 1;
    display: block;
    width: 100%;
    background-color: #fff;
    height: 40px;
    padding-top: 10px;
    border-top: 1px solid #eee;

}
.fbtmbtns .layui-btn,
.ftbtnab .layui-btn{
    text-align: center;
    letter-spacing: 1px;
}

/* 详情页(查看详情表单)的表格样式 class="x-body detail" */
.x-body .table-detail td:first-child{ /* 用于展示键值对的数据 姓名: 张三 */
    text-align: right;
    width: 130px;
    box-sizing: border-box;
}
.x-body .table-record td{ /* 用于展示一条一条的数据*/
    text-indent: 2em;
}
.log-box{ /* 用于展示日志 */
    line-height: 22px;
    padding: 10px 2em;
    color:#333;
    letter-spacing: 0.5px;
}
.input-txt{ /* 一些是layui-input-block>span.input-txt标签 展示查看表单 */
    display: block;
    padding-top: 9px;
    padding-bottom: 9px;
    line-height: 20px;
    color: #666;
}

/** dtree样式 */
.dtree-icon-weibiaoti5:before,
.dtree-icon-wenjianjiazhankai:before{
    color: #FFB800;
}
.dtree-icon-shuye1:before{ 
    color: #5FB878;
}