html{ }
.layui-font-grey {color:#aaa;}
.layui-font-red{color:#FF5722;}
.layui-font-orange{color:#FFB800;}
.layui-font-green{color:#009688;}
.layui-font-cyan{color:#2F4056;}
.layui-font-blue{color:#1E9FFF;}
.layui-font-black{color:#393D49;}

.layui-bg-pink{background-color: #FFF0F0;}
.layui-bg-pink.layui-table-hover {background-color: #FAFAFA;}
.layui-bg-honey{background-color: #F0FFF0;}
.layui-bg-azure{background-color: #F0FFFF;}
.layui-bg-azure.layui-table-hover {background-color: #FAFAFA;}
.layui-bg-grey{background-color: #FAFAFA;}
.layui-bg-dark-grey{background-color: #F2F2F2;}


/* 弹窗 */
.layui-layer-title { height: 42px !important; line-height: 42px !important; }

/* 去掉鼠标点击行的背景颜色 */
.layui-table-click { background-color: transparent; }
/* 合计行去掉鼠标悬停行的背景颜色 */
.layui-table-total .layui-table, .layui-table-total .layui-table tbody tr:hover, .layui-table-total .layui-table-hover {
    background-color: transparent;
}
/* 表单 */
.txt-c { text-align: center; }
.layui-input, .layui-select { height: 30px; }
.layui-table-view .layui-input, .layui-table-view .layui-select, .layui-table-view .layui-textarea { height: 28px; }
.discount-amount, .total-amount { color: #FF5722; font-size: 18px; font-weight: bold; }
.form-item-title { line-height: 24px; margin: 20px 0 10px 0; font-size: 16px; text-align: left; color: #009688; font-weight: bold; }
.form-table-wrapper { margin-bottom: 20px; }
select.layui-form-danger { border-color: #FF5722 !important }
.layui-form-label { width: 110px; padding: 5px 15px; }
.layui-form-mid { padding: 5px 0 !important; }
.layui-form-label-sm { font-size: 12px; }
.layui-input-block { min-height: 30px; margin-left: 140px; }
.layui-form-radio { margin-top: 2px; }
.layui-layer-page .layui-layer-btn, .layui-layer-iframe .layui-layer-btn { background-color: #F8F8F8 !important; }
.xm-select-parent .xm-select, .xm-select-parent .xm-select-title { min-height: 30px; height: 30px; padding: 0; }
.xm-select-parent .xm-input { height: 30px; }
.input-keywords { width: 180px; }
.input-datetime-range { width: 320px; }
.layui-btn-group .layui-btn-primary.hover { color: #009688; }
.layui-table img { max-width: 100px; max-height: 30px; }
.layui-table .input-placeholder-light::placeholder { color: #FF5722; opacity: 1; }
.layui-upload-container { overflow: hidden; border: 1px solid #e6e6e6; min-height: 100px; padding: 15px; text-align: center; }
.layui-upload-list { overflow: hidden; margin: 15px 0; margin-bottom: 0; }
.layui-upload-block { overflow: hidden; border: 1px solid #e6e6e6; min-height: 100px; padding: 15px; text-align: center; }
.layui-upload-list .layui-upload-item { display: inline-block; position: relative; margin: 10px 15px 0 15px; width: 100px; height: 100px; line-height: 100px; }
.layui-upload-list .layui-upload-item.main { }
.layui-upload-list .layui-upload-item.clear-margin-top { margin-top: 0;}
.layui-upload-list .layui-upload-item .delete { position: absolute; top:-10px; right: -12px; z-index: 99; line-height: 22px; font-size: 24px; color: #333; cursor: pointer; background-color: #fff; border: 0px solid #e6e6e6; border-radius: 0 0 0 50%; }
.layui-upload-list .layui-upload-item .delete:hover { color: #FF5722; background-color: #fff; }
.layui-upload-list .layui-upload-item .delete.hide { display: none; }
.layui-upload-list .layui-upload-item .check { position: absolute; top: 0px; left: 0px; z-index: 99; cursor: pointer; line-height: normal; background-color: #fafafa; border: 1px solid #e6e6e6; border-radius: 0 0 50% 0; }
.layui-upload-list .layui-upload-item .check .layui-form-radio { padding: 2px; margin: 0; line-height: 22px; }
.layui-upload-list .layui-upload-item .check .layui-form-radio>i { margin: 0; }
.layui-upload-list .layui-upload-item .img-tip{ line-height: normal; margin:5px 0; }
.layui-upload-list .layui-upload-item .img-tip span { color: #FF5722; }
.layui-upload-list .layui-upload-item .img-tip .layui-btn{ vertical-align: text-bottom; }
.layui-upload-list .layui-upload-img-wrapper { overflow: hidden; width: 100%; height: 100%; background-color: #fafafa; border: 1px solid #e6e6e6; border-radius: 2px; }
.layui-upload-list .layui-upload-item.main .check { top: 0px; left: 0px; border: 2px solid #5FB878; }
.layui-upload-list .layui-upload-item.main .layui-upload-img-wrapper { border: 2px solid #5FB878; }
.layui-upload-list .layui-upload-img { max-width: 100%; max-height: 100%; cursor: pointer; }
.layui-upload-list .layui-upload-img.noimage { cursor: default; }
.clear-margin { margin: auto; }
/* 编辑器 */
.wangEditor-container { border: 1px solid #e6e6e6; }
.wangEditor-menu-container { border-bottom: 1px solid #e6e6e6; }
.wangEditor-menu-shadow { box-shadow: none; }
.wangEditor-container .wangEditor-txt { margin-top: 0; }
.wangEditor-fullscreen { border-top: 0; }
.wangEditor-fullscreen .wangEditor-txt { border-bottom: 1px solid #e6e6e6; }
/* 树形组件 */
.layui-pos { position: relative; }
.layui-col-left { position: absolute; top: 0; left: 0; z-index: 999; width: 200px; }
.layui-col-right { padding-left: 210px; width: 100%; }
.left-tree-box {
    min-height: 578px;
    max-height: 778px;
    height: calc(100% - 32px);
    padding: 10px;
    border: 1px solid #e6e6e6; overflow: auto;
    /*border-radius: 3px;*/
    -webkit-transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 5%);
    box-shadow: 2px 2px 5px rgb(0 0 0 / 5%);
}
.layui-tree-iconClick{ width: 12px; }
.layui-tree-entry, .layui-tree-main { height: 30px; }
.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{ color: #000; text-decoration: none; }
.layui-tree-line .layui-tree-entry:hover .layui-tree-main, .layui-tree-line .layui-tree-entry.selected .layui-tree-main{ background-color: #d2d2d2; border-radius: 6px; }

/* 表格 */
.layui-table-cell{ padding:0 8px; }
.layui-table-view .layui-table-cell select {
    height: 28px;
    padding: 0 5px;
}
.layui-table-view .layui-btn-container { display: inline-block; }
.layui-main{ width: auto; margin:15px; }
.custom-main{ padding-bottom: 0; }
.custom-main .custom-header{ margin-bottom: 10px; }
.custom-main .custom-body{ margin-top: 10px; }
.custom-main .layui-table-view{ margin: 0; }
.layui-card.last-child{ margin-bottom: 0; }
.custom-card{ box-shadow: none; border: 1px solid #e6e6e6; }
.custom-card .layui-card-header{ background: #f8f8f8; border-bottom: 1px solid #e6e6e6; }
.custom-card .layui-card-body{ }
.toolbar-inline {display: inline-block; margin:0 5px !important;}
.toolbar-inline .layui-form-label {width: auto !important;}
.toolbar-inline .toolbar-form-label{padding: 6px 0; text-align: left;}
.toolbar-inline .toolbar-input-inline {display: inline-block; vertical-align: middle; margin:0 5px;}
.toolbar-inline .toolbar-input-inline input{width: 100px;}
.toolbar-inline .toolbar-input-inline .layui-form-mid{ float: none; display: inline-block; margin: 0; }
.thead-inline{ display: inline-block; margin: 0 5px; }
.thead-inline .thead-form-label{ padding: 5px 15px; }
.thead-inline .thead-input-inline{ display: inline-block; }
.thead-inline .layui-form-switch { top: 0; margin: 0;box-sizing: content-box; }

.detail-iframe .layui-layer-btn .layui-layer-btn0 { display: none; }
.approve-iframe .layui-layer-btn .layui-layer-btn0 { display: none; }
.time-alert .layui-layer-btn { display: none; }

.search-form .layui-form-switch { margin: 0; }
.search-form .layui-form-checkbox[lay-skin="primary"] { margin: 0; }
.search-form .layui-form-item .layui-input-width200 { width: 200px; }
.search-form .layui-form-item .layui-input-width160 { width: 150px; }
.search-form .layui-form-item .layui-input-width140 { width: 140px; }
.search-form .layui-form-item .layui-input-width120 { width: 120px; }
.search-form .layui-form-item .layui-input-width100 { width: 100px; }
.search-form .layui-form-item .layui-input-width80 { width: 80px; }
.search-form .layui-form-item .layui-input-width60 { width: 60px; }

.layui-tab { margin: 0; }
.layui-tab .layui-tab-title { }
.layui-tab .layui-tab-content { padding: 0; }
.layui-tab-card { box-shadow:none; }
.layui-tab-overflow .layui-tab-title { white-space: nowrap; overflow: hidden; overflow-x: auto; text-overflow: ellipsis; display: flex; flex-wrap: nowrap; height: auto; }
.layui-form .layui-form-item:last-child{ margin-bottom: 0; }
.layui-form .layui-input-list { overflow: hidden; overflow-y: auto; border: 1px solid #e6e6e6; max-height: 300px; padding: 20px; }
.layui-form .layui-input-list .layui-input-item { display: block; margin: 10px 0; }
.layui-form .layui-input-list .layui-input-item:first-child { margin-top: 0; }
.layui-form .layui-input-list .layui-input-item:last-child { margin-bottom: 0; }
.layui-form .form-btn-container .layui-btn { padding: 0 15px; font-size: 14px; }
.edit-form { background-color: #fff; padding: 20px; }
.edit-form .static-table { margin-top: 0; margin-bottom: 0; }
.edit-form .layui-table-view { margin-top: 0; margin-bottom: 0; }
.edit-form .layui-form-item .layui-form-label{ float: none; width: 100%; padding: 6px 0; text-align: left; }
.edit-form .layui-form-item .layui-form-label:before { content: '|'; color: #000; margin-right: 3px; font-weight: 400; font-size: 16px; }
.edit-form .layui-form-item .layui-input-block{ margin-left: 0; }
.edit-form .layui-form-item .layui-inline{ min-width: 310px; margin-right: 15px; }
.edit-form .layui-form-item .layui-table-view .layui-inline { min-width: auto; margin-right: auto; }
.edit-form .layui-form-item .layui-inline-merge2{ width: 639px; }
.edit-form .layui-form-item .layui-inline-merge3{ width: 968px; }
.edit-form .layui-form-item .layui-inline-merge4{ width: 1297px; }
.edit-form .layui-form-item .layui-inline-width { min-width: 310px; }
.edit-form .layui-form-item .layui-inline-width16{ width: 16%; }
.edit-form .layui-form-item .layui-inline-width22{ width: 22%; }
.edit-form .layui-form-item .layui-inline-width24{ width: 24%; }
.edit-form .layui-form-item .layui-inline-width32{ width: 32%; }
.edit-form .layui-form-item .layui-inline-width36{ width: 36.8%; }
.edit-form .layui-form-item .layui-inline-width48{ width: 48%; }
.edit-form .layui-form-item .layui-inline-width64{ width: 64%; }
.edit-form .layui-form-item .layui-inline-width80{ width: 80%; }
.edit-form .layui-form-item .layui-inline-width96{ width: 96%; }
.edit-form .layui-form-item .layui-inline-width100{ width: 100%; }
.edit-form .layui-form-item .layui-inline-full{ width: 100%; }
.edit-form .layui-form-item .layui-input-inline { width: 200px; }
.edit-form .layui-form-item .layui-input-inline:last-child { margin-right: 0; }
.edit-form .layui-form-item .layui-input-inline-width300 { min-width: 300px; width: auto; }
.edit-form .layui-form-item .layui-input-inline-width200 { min-width: 200px; width: auto; }
.edit-form .layui-form-item .layui-input-inline-width150 { min-width: 150px; width: auto; }
.edit-form .layui-form-item .layui-input-inline-width120 { min-width: 120px; width: auto; }
.edit-form .layui-form-item .layui-input-inline-width100 { min-width: 100px; width: auto; }
.edit-form .layui-form-item .layui-input-inline-width80 { min-width: 80px; width: auto; }
.edit-form .layui-form-item .layui-input-inline-width60 { min-width: 60px; width: auto; }
.edit-form .layui-form-item .layui-inline-full .layui-input-inline { width: 100%; }
.edit-form .layui-form-item .layui-inline-merge2 .layui-input-inline { width: calc(100% - 110px); }
.edit-form .layui-form-item .layui-inline-merge3 .layui-input-inline { width: calc(100% - 110px); }
.edit-form .layui-form-item.form-btn-container-pos { position: fixed; left:0; bottom: 0; z-index: 199; width:100%; background:#F8F8F8 !important; text-align: center; margin-top: 30px; border-top:1px solid #e6e6e6; }
.edit-form .layui-form-item.form-btn-container-pos .layui-input-block { margin: 12px 15px; text-align: center; }

.info-form { padding: 20px; }
.info-form .layui-form-item .layui-inline{ min-width: 210px; }

.open-form { padding: 20px 30px 20px 20px; }

.view-img-container { }
.view-img-container .item { margin: 15px 0; border: 1px solid #e6e6e6; text-align: center; }
.view-img-container .item.main { border: 2px solid #5FB878; }
.view-img-container .item img { max-width: 100%; max-height: 100%; }