body, html {
    font-family: Microsoft YaHei,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
    color: #022433;
    height: 100%;
    min-width: 1280px;
    font-size: 14px;
    overflow-x: auto
}
* {
    box-sizing: border-box
}

html {
    overflow: hidden;
    overflow-x: auto;
    min-width: auto
}
/*css 简约滚动条 系统滚动条美化*/
::-webkit-scrollbar {
    width: 7px;
    height: 10px;
    background-color: #ffffff;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #ccc;
}

/* 背景色（蓝色） */
.layui-form-onswitch, .layui-laypage .layui-laypage-curr .layui-laypage-em {
    border-color: #177ce3;
    background-color: #177ce3;
}

#main .layui-table-view {
    margin-bottom: 0px;
    margin-top: 0px;
}

.layui-card-body {
    padding: 10px;
}

.layui-font-13 {
    font-size: 13px !important;
}

/* 字体红色加粗 */
.font-red {
    font-weight: 700;
    color: red;
}

.font-green {
    font-weight: 700;
    color: green;
}

/* 字体黑色加粗 */
.font-black {
    font-weight: 700;
    color: black;
}

#toolbar {
    margin: 0px 0px 10px 0px;
}

/* 超链接（原始样式） */
.a_original {
    color: -webkit-link;
    text-decoration: underline;
    cursor: pointer;
}

.a_original:hover {
    color: #777;
}

.bigtitle {
    padding: 15px 0px 20px 0px;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    padding-right: 200px;
}

/* 文本框右侧图标按钮(lg规格) */
.span-icon {
    width: 45px;
    height: 30px;
    position: absolute;
    top: 1px;
    right: 1px;
    text-align: center;
    border-left: 1px solid #eee;
    cursor: pointer;
}

/* 日期文本框右侧图标（日历） */
.span-icon-calendar {
    width: 45px;
    height: 30px;
    position: absolute;
    top: 1px;
    right: -5px;
    text-align: center;
}

/* 文本框右侧图标按钮(lg规格) */
.span-icon i {
    font-size: 22px;
    line-height: 30px;
}

/* 文本框右侧图标按钮(sm规格) */
.span-icon-sm span, .span-icon-sm-2 span {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 1px;
    right: 1px;
    text-align: center;
    border-left: 1px solid #eee;
    cursor: pointer;
}

/* 文本框右侧图标按钮(sm规格) */
.span-icon-sm i, .span-icon-sm-2 i {
    font-size: 16px;
    line-height: 30px;
}

/* 带图标的文本框（搜索） */
.span-icon-sm > .layui-input {
    padding-right: 30px !important;
}

/* 带两个图标按钮的文本框调整 */
.span-icon-sm-2 > .layui-input {
    padding-right: 65px !important;
}

/* 文本框右侧图标按钮 两个按钮情况下，左侧按钮左移 */
.span-icon-sm-2 .leftspan {
    right: 30px;
}

/* 背景颜色 - 全透明 */
.layui-bg-transparent {
    background-color: transparent !important;
}

/************************************************* 列表搜索框 *************************************************/

#search .layui-btn-sm {
    height: 32px;
}

/* 只读文本 */
#search .layui-form-label {
    padding: 6px 6px 0px 6px;
    width: auto;
}

/* 文本框 */
#search .layui-input, .layui-textarea {
    padding: 0px 5px;
    height: 32px;
}

#search.layui-elem-field {
    padding: 10px 10px 5px 10px;
    margin-bottom: 10px;
}

#search .layui-inline {
    margin-right: 0px;
}

#search .layui-input-inline {
    width: 110px;
    margin-right: 5px;
}

/* 复选框 开关 */
#search .layui-form-switch {
    margin-top: 2px;
}

#search .layui-form-checkbox[lay-skin=primary] {
    margin-top: 5px;
}

/*#search .layui-form-item {
    margin-bottom: 0px;
}*/

/* 下拉框 */
#search xm-select[size='small'] {
    min-height: 30px;
    line-height: 30px;
}

/* 下拉框 选项文本优化 */
#search xm-select > .xm-body .xm-option-content {
    display: block;
    width: 100%;
}

/* 单选框 */
#search .layui-form-radio {
    margin-top: 2px;
    margin-right: 0px;
}

#search .layui-btn + .layui-btn {
    margin-left: 2px;
}

/* 文本框右侧图标按钮（搜索） */
.searchinput-gengduo span {
    width: 25px;
    height: 30px;
    position: absolute;
    top: 1px;
    right: 1px;
    text-align: center;
    border-left: 1px solid #eee;
    cursor: pointer;
}

/* 文本框右侧图标按钮（搜索） */
.searchinput-gengduo i {
    font-size: 16px;
    line-height: 30px;
}

/* 带图标的文本框（搜索） */
.searchinput-gengduo > .layui-input {
    padding-right: 25px !important;
}

/* 文本框右侧图标按钮（搜索） */
.span-icon-search span {
    width: 25px;
    height: 30px;
    position: absolute;
    top: 1px;
    right: 1px;
    text-align: center;
    border-left: 1px solid #eee;
    cursor: pointer;
}

/* 文本框右侧图标按钮（搜索） */
.span-icon-search i {
    font-size: 16px;
    line-height: 30px;
}

/* 带图标的文本框（搜索） */
.span-icon-search > .layui-input {
    padding-right: 25px !important;
}

/******************************************  表格 相关  *********************************************************/

/* 字体颜色 */
.layui-table {
    color: rgba(0,0,0,0.85);
}

/* 超链接 */
.layui-table a {
    color: -webkit-link;
    text-decoration: underline;
}

.layui-table a:hover {
    color: #777;
}

/* 表头 单元格 字体 居中 */
.layui-table-header .layui-table-cell {
    font-weight: 700;
    text-align: center;
    padding: 0 5px;
    height: auto;
    line-height: 30px;
}

/* 树形表格 */
/* 图标和文字间距 */
.layui-table-tree-item .layui-table-tree-nodeIcon {
    margin-right: 5px !important;
}

/* 三角尖和图标间距 */
.layui-table-tree-item .layui-table-tree-flexIcon {
    margin-right: 3px !important;
}

/* 树形表格 表头 单元格 字体加粗 居中 树形表格 */
.ew-tree-table-head .ew-tree-table-cell-content {
    font-weight: 700;
    text-align: center;
}

/* 树形表格 单元格  */
.ew-tree-table-cell > .ew-tree-table-cell-content {
    padding: 5px;
}

/* 树形表格 下边框 */
.ew-tree-table {
    margin-bottom: 0px;
}

.layui-table-body .layui-table-cell, .layui-table-total .layui-table-cell {
    padding: 0 5px;
    font-size: 13px;
    height: auto;
    line-height: 30px;
}

/* 行被选中 */
.layui-table-body .layui-table-checked {
    background-color: rgb(220,248,168);
}

/* 单元格内容自动换行 */
.autowrap {
}

.autowrap .layui-table-cell {
    height: auto !important;
    white-space: normal;
    word-break: break-all;
}

/* 编辑框垂直居中 */
/*.layui-table-body .layui-table-edit {
    top: 50%;
    margin-top: -15px;
}*/

.layui-table-total .layui-table-cell {
    padding: 0 5px;
}

/* 头部工具栏样式调整 */
.layui-table-tool {
    box-shadow: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

/* 行内操作按钮间隔 */
.layui-table-col-special .layui-btn + .layui-btn {
    margin-left: 10px;
}

/* 表格不设置高度(强制取消) */
.layui-table-view {
    height: unset !important;
}

/* 行td，th增加间隔 */
.layui-table-view .layui-table td, .layui-table-view .layui-table th {
    padding: 5px 0;
}

/* 行td，th增加间隔  小尺寸模式 */
/*.layui-table-view .layui-table[lay-size=sm] td {
    padding: 0;
}*/

/*.layui-table-view .layui-table[lay-size="sm"] .layui-table-cell {
    height: auto;
}*/

/* 表格内行内操作按钮样式（调整） */
/*.layui-table-toolbtn .layui-btn {
    border: none;
}*/

/* 表格内行内操作按钮图标大小（调整） */
/*.layui-table-toolbtn i {
    font-size: 18px;
}*/

/* 表格内行内操作图标样式（调整） */
.layui-table-cell .iconfont {
    margin: 0px 3px;
    cursor: pointer;
}

/******************************************** 表单元素 相关 ********************************************************/

/* 原始样式按钮 鼠标覆盖时的外框颜色 */
.layui-btn-primary:hover {
    border-color: #177ce3;
}

/* 必填项样式 */
#form1 .layui-required {
    font-weight: 900;
    color: red;
    padding-right: 2px;
}

/* 文本框 */
#form1 .layui-input, .layui-textarea {
    vertical-align: middle;
    padding: 0px 5px;
    height: 32px;
}

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

#form1 .layui-inline {
    margin-bottom: 0px;
    margin-right: 0px;
}

#form1 .layui-form-label {
    padding-top: 5px;
    padding-bottom: 7px;
    padding-right: 5px;
}

#form1 .layui-field-title {
    margin-bottom: 0px;
}

/* 下拉框 */
.layui-form xm-select[size='small'] {
    min-height: 30px;
    line-height: 30px;
}

/* 下拉框 选项文本优化 */
.layui-form xm-select > .xm-body .xm-option-content {
    display: block;
    width: 100%;
}

/* 文本调整 */
#form1 .layui-input-inline .layui-form-text {
    padding-top: 3px;
}

/* 复选框-开关 样式调整 */
#form1 .layui-form-switch {
    margin-top: 3px;
}

/* span 样式调整 */
#form1 .layui-span {
    line-height: 30px;
    white-space: normal;
    word-wrap: break-word;
}

/* 单选框 */
#form1 .layui-form-radio {
    margin-top: 2px;
    margin-right: 0px;
}

/* span 样式调整 */
.layui-form .layui-span {
    line-height: 30px;
    white-space: normal;
    word-wrap: break-word;
}

.layui-form .layui-field-title {
    margin-bottom: 0px;
}

/* 文本框 */
.layui-form .layui-input, .layui-textarea {
    vertical-align: middle;
    padding: 0px 5px;
    height: 32px;
}

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

.layui-form .layui-inline {
    margin-bottom: 0px;
    margin-right: 0px;
}

.layui-form .layui-form-label {
    padding-top: 5px;
    padding-bottom: 7px;
    padding-right: 5px;
}

/* 必填项样式 */
.layui-form .layui-required {
    font-weight: 900;
    color: red;
    padding-right: 2px;
}

/* 单选框 */
.layui-form .layui-form-radio {
    margin-top: 2px;
    margin-right: 0px;
}

/* 复选框 */
/*.layui-form .layui-form-checkbox[lay-skin=primary] {
    margin-top: 3px;
}*/
.layui-form .layui-input-inline .layui-form-checkbox[lay-skin=primary] {
    margin-top: 7px;
}

/* 2个字时的样式调整 */
.layui-label-2 {
    padding-left: 15px;
}

/* 5个字时的样式调整 */
.layui-label-5 {
    width: auto;
    padding-left: 11px;
}

/* 5.5个字时的样式调整 */
.layui-label-5-5 {
    width: auto;
    padding-left: 6px;
}

/* 6个字时的样式调整 */
.layui-label-6 {
    width: auto;
    padding-left: 2px;
}

/**************************************************  Tree 相关  *********************************************/

/* tree node 行间距 */
.layui-tree-entry {
    line-height: 16px;
}

/* 左右分栏 左边Tree样式 */
.layui-tree {
    position: absolute;
}

/* 左右分栏 左边Tree头部样式 */
.layui-tree .layui-tree-header {
    position: relative;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    border: 1px solid #d3d3d3;
    border-bottom: none;
}

/* 左右分栏 左边Tree身体样式 */
.layui-tree .layui-tree-body {
    border: 1px solid #d3d3d3;
    overflow: auto;
    padding: 5px 10px 0px 0px;
}

/* dtree 样式调整 */
.dtree-nav-item {
    padding-left: 0px;
}

/* tree 节点被选中后 节点背景颜色 */
/*#main .layui-tree-set-active > .layui-tree-entry {
    background: #00BFFF;
}*/

/* tree 节点被选中后 节点字颜色 */
/*#main .layui-tree-set-active > .layui-tree-entry .layui-tree-txt {
    color: #FFFFFF !important;
}*/

/* tree 鼠标移到节点上 节点背景颜色 */
/*#main .layui-tree-entry:hover {
    background-color: #F2F2F2 !important;
}*/

/* tree 鼠标移到节点上 节点字颜色 */
/*#main .layui-tree-entry:hover .layui-tree-txt {
    color: #555 !important;
}*/

/******************************** 列表选项卡页面 *******************************************/

.listpage .layui-fluid {
    padding: 0 10px;
}

.listpage .layui-tab .layui-tab-content {
    padding-bottom: 10px;
}

.listpage .layui-tab .ew-tree-table, .listpage .layui-tab .layui-table-view {
    margin: 0;
}

.listpage .layui-tab .top-toolbar {
    margin-bottom: 10px;
}

.listpage .layui-tab .layui-tab-item {
    padding: 0 10px;
}

/***************************** 富文本框 样式调整 *****************************/
.editor img {
    max-width: 1000px;
}

.editor table {
    border: 1px solid #eee;
    border-collapse: collapse;
    margin-bottom: 5px;
}

.editor table tr:first-child td {
    line-height: 32px !important;
    padding: 5px 0px;
    background-color: #fafafa;
    font-weight: 700;
}

.editor table td {
    border: 1px solid #eee;
    text-align: center;
    line-height: 20px;
    padding: 7px 5px;
}

.editor p {
    line-height: 30px;
}

/**********************************************************************************************************************/

/* 导航条操作按钮模块 */
#toolbar .layui-btn {
    /*border: 1px solid transparent;*/
    height: 32px;
}

#toolbar .layui-btn + .layui-btn {
    margin-left: 2px;
}

#toolbar .layui-form-label {
    padding: 6px;
}

/* 审批页 审批模块 样式调整 */
.approve-field {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* 审批页 审批模块 样式调整 */
.approve-field .layui-field-box {
    padding-bottom: 0px;
}


/***************************************** 企业微信页面  ***********************************/

#mobile.layui-fluid .layui-elem-field {
    margin: 0px;
}

#mobile .layui-field-box .layui-panel {
    padding: 5px 10px;
    margin-bottom: 10px;
}

#mobile .layui-field-box .layui-inline {
    line-height: 30px;
    width: 100%;
}

/* 底部按钮 */
#mobile .bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    justify-content: center;
    height: 56px;
    background: #fff;
    box-shadow: 0px 0px 5px #ccc;
    z-index: 9;
}

#mobileform .layui-form-item {
    margin-bottom: 0px;
}

#mobileform .layui-form-item .layui-inline {
    margin-bottom: 0px;
    width: 100%;
}

#mobileform .publicwithline {
    height: 15px;
    background-color: #eef4fa;
    border-bottom: 1px solid #e7eef3;
    clear: both;
}

/* 搜索框 */
#mobileform .layui-search-input {
    height: 40px;
    padding: 0 5px;
    margin: 10px 0;
    width: 100%;
    background-color: #EFF4FA;
    border-radius: 5px 0 0 5px;
    border: 0;
}

/* 文本框-带选择事件 */
#mobileform .layui-input-select {
    display: flex;
    border-color: #eee;
    border: 1px solid #eee;
    background-color: #fff;
    height: 38px;
    line-height: 38px;
    padding-right: 5px;
    margin-right: 9px;
    margin-bottom: 10px;
}

/*table tbody .layui-table-cell,
.layui-table-tips-main {
    white-space: pre-wrap;
}*/
/*.xm-option-content{
    white-space: pre !important;
}*/


/****************************** iconfont 颜色自定义  ***********************************/
/* 新增 */
.icon-xinzeng {
    color: rgb(0,170,166);
}
/* 修改 */
.icon-xiugai {
    color: rgb(255,165,0);
}
/* 删除 */
.icon-shanchu {
    color: rgb(216,30,6);
}
/* 取消共享 */
.icon-quxiaogongxiang {
    color: rgb(216,30,6);
}
/* 共享 */
.icon-gongxiang {
    color: rgb(18,150,219);
}
/* 刷新 */
.icon-shuaxin {
    color: rgb(18,150,219);
}
/* 下移 */
.icon-MoveDown {
    color: rgb(18,150,219);
}
/* 上移 */
.icon-MoveUp {
    color: rgb(18,150,219);
}
/* 置顶 */
.icon-zhiding {
    font-weight: 600;
}
/* 置底 */
.icon-zhidi {
    font-weight: 600;
}
/* 复制 */
.icon-fuzhi {
    color: rgb(80,144,241);
}
/* 驳回 */
.icon-bohui {
    color: rgb(240,93,88);
}
/* 一键 */
.icon-yijian {
    color: rgb(33,194,155);
}
/* Excel */
.icon-Excel {
    color: rgb(16,123,15);
}
/* 星级 */
.icon-xingji {
    color: rgb(255,99,99);
}
/* 导出PDF */
.icon-daochuPDF {
    color: rgb(18,150,219);
}
/* 发货 */
.icon-fahuo1 {
    color: rgb(18,150,219);
}
/* 日期选择 */
.icon-calendar {
    line-height: 30px;
}
/* 微信 */
.icon-weixin {
    color: rgb(40,196,69);
}

/* 调拨，移交 */
.icon-tiaobo {
    font-size: 18px !important;
    color: rgb(28,147,163);
}

/* 客户查重 */
.icon-customer-check {
    color: rgb(4,219,178);
}

/* 免检 */
.icon-mianjian {
    color: rgb(255,152,96);
    font-size: 20px !important;
}

/* 返工 */
.icon-fangong {
    font-size: 20px !important;
    color: #d81e06;
}

.icon-daifahuo {
    font-size: 18px !important;
    color: green;
}

/* 取消 */
.icon-quxiao {
    color: red;
    font-weight: 700;
}

/* 开始 */
.icon-kaishi {
    color: green;
}

/* 发货单 */
.icon-fahuodan {
    font-size: 18px;
    color: #30C776;
}

/* 更改单 */
.icon-genggaidan {
    font-size: 18px;
    color: #ea9518;
}

/* 恢复 */
.icon-recovery {
    color: #3777F4;
}

/* 人员组 */
.icon-renyuanzu {
    color: rgb(6,204,191);
}

/* 权限 */
.icon-quanxian {
    color: rgb(105,188,254);
}