@media screen and (max-width: 1500px) {
    body {
        font-size: 12px;
    }
}

@media screen and (max-width: 1200px) {

}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*必填项红星样式*/
.mustInput:before {
    content: "*";
    color: red;
    margin-right: 4px;
}

html:not(.mainHtml), body:not(.mainBody) {
    /*overflow-x: hidden;*/
}

/*子页面盒子*/
.contentBox {
    display: flex;
    /*min-height: 100vh;*/
    height: 100vh;
    width: 100vw;
    flex-direction: column;
}

.content {
    flex: 1;
    /*因为flex:1会导致盒子内容超出时拉长盒子长度，所以height要设置为0*/
    height: 0;
    padding: 20px 20px;
}

/*---------------功能公共区*/
.operationBox {
    padding: 4px 20px;
    border-bottom: 1px solid #E7E7E7;
    /*min-height: 40px;*/
    min-height: fit-content;
    /*position: sticky;*/
    /*top: 0;*/
    background: #fff;
    z-index: 120;
}

.operationBox .baseBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 100%;
}

/*功能区-表单盒子*/
.operationBox .inputBox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.operationBox .inputBox input.layui-input {
    height: 30px;
    width: 140px;
    /*margin-right: 20px;*/
    margin: 5px 10px 5px 0;
    border-radius: 3px;
    font-size: 11px;
    border: 1px solid #94999F;
}

.operationBox .inputBox .rangeDateInput {
    /*日期范围选择器宽度稍大些*/
    width: 170px !important;
}

.operationBox .inputBox .rangeDateTimeInput {
    /*日期时间范围选择器宽度稍大些*/
    width: 255px !important;
}

.operationBox .layui-form-select .layui-edge {
    right: 18px;
}

/*更多按钮*/
.operationBox .inputBox #moreQuery {
    margin: 0 15px;
    cursor: pointer;
}

.operationBox .inputBox #moreQuery:hover {
    font-weight: bold;
}

/*功能区-按钮盒子*/
.operationBox .btnBox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-height: 100%;
}

.operationBox .btnBox button {
    margin: 5px 6px;
}

/*功能区-更多查询条件*/
.operationBox .moreQueryBox {
    display: none;
}

/*---------------表格公共样式*/
/*表格-盒子*/
.tableBox {

}

/*表格-默认*/
.defTableCss > .layui-table {
    margin: 0;
}

.defTableCss thead tr {
    background: #F5F6F8;
    /*height: 30px;*/
}

.defTableCss tbody[lay-size=""] tr {
    height: 40px;
    border-bottom: 1px solid #e6e6e6;
}

.defTableCss .layui-table[lay-even] tr:nth-child(even) {
    /*.defTableCss tbody tr:nth-of-type(2n) {*/
    background: #F5F6F8;
}

.defTableCss tbody tr:hover {
    background: #E7F1FA;
}

.defTableCss .layui-table-page {
    border: none;
    text-align: center;
}

.defTableCss .layui-table-page > div {
    text-align: center;
}

.defTableCss .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #2492EB;
}

.defTableCss .layui-table td, .defTableCss .layui-table th {
    font-size: 14px;
}

.defTableCss .layui-table-box {
    border: 1px solid #e6e6e6;
}

.defTableCss .layui-border-box {
    border: none
}

.defTableCss .layui-table-view {
    margin: 0;
    position: relative;
}

.defTableCss .layui-table-hover {
    background: #E7F1FA !important;
}

/*小型表格*/
.smallTableCss .layui-table-cell {
    height: 25px;
    line-height: 25px;
    padding: 0;
}

.smallTableCss .layui-table td, .smallTableCss .layui-table th {
    font-size: 12px;
    padding: 3px 0;
}

/*小型表格*/
.miniTableCss .layui-table-cell {
    height: 22px;
    line-height: 22px;
    padding: 0;
}

.miniTableCss .layui-table td, .miniTableCss .layui-table th {
    font-size: 11px;
    padding: 2px 0;
}

/*自适应宽高表格*/
.autoTableCss {
    height: 100%;
    width: 100%;
}

.autoTableCss .layui-table-view {
    height: 100%;
}

.autoTableCss .layui-table-box {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.autoTableCss .layui-table-body {
    flex: 1;
}

.autoPageTableCss {
    height: 100%;
    width: 100%;
}

/*自适应宽高表格2-自适应分页表格*/
/*前提是要给.content元素添加样式：overflow: hidden;*/
.autoPageTableCss > .layui-table-view {
    height: 100% !important;
}

.autoPageTableCss > .layui-table-view > .layui-table-box {
    height: calc(100% - 41px);
}

.totalRowTableCss > .layui-table-view > .layui-table-box {
    height: calc(100% - 24px);
}

.autoPageTableCss.totalRowTableCss > .layui-table-view > .layui-table-box {
    height: calc(100% - 80px);
}

.autoPageTableCss > .layui-table-view .layui-table-main {
    /*height: auto !important;*/
    /*max-height: calc(100% - 31px);*/
    height: calc(100% - 39px);
}

.autoPageTableCss.multiTableHead > .layui-table-view .layui-table-main {
    height: calc(100% - 62px);
}

.autoPageTableCss > .layui-table-view .layui-table-fixed .layui-table-body {
    max-height: calc(100% - 31px);
}

/*表格底部合计行样式*/
.defTableCss .layui-table-total {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.defTableCss .layui-table-total tr {
    background: #F5F6F8;
}

/*表格复选框样式*/

.layui-form-checked[lay-skin=primary] i {
    border-color: #2593EC !important;
    background-color: #fff;
    color: #2B95EC;
}

.layui-form-checkbox[lay-skin=primary] i {
    font-weight: 900;
}

.layui-form-checked:hover i {
    color: #2B95EC !important;
}

.layui-form-switch i {
    background-color: #2B95EC;
}

.layui-form-onswitch i {
    background-color: #fff;
}

.layui-form-switch {
    border-color: #2B95EC !important;
    margin-top: 0;
}

.layui-form-onswitch {
    border-color: #2B95EC !important;
    background-color: #2B95EC !important;
}

/*表格-操作栏*/
.tableControl {
    width: 100%;
    display: inline-flex;
    justify-content: center;
}

.tableControl .controlBox > span {
    cursor: pointer;
}

.tableControl .edit, .tableControl .OnOff, .tableControl .track, .tableControl .blue {
    color: #2691EA;
}

.tableControl .del, .tableControl .cancel, .tableControl .red {
    color: #ED3637;
}

.tableControl .controlBox + .controlBox {
    /*margin-left: 15%;*/
    margin-left: 15px;
}

.tableControl .controlBox > span[disabled] {
    cursor: not-allowed;
    color: #ccc;
}

.tableControl .controlBox > span:hover {
    font-weight: bold;
}

/*表格-树形表格默认*/

.defTreeTableCss table {
    margin: 0;
}

.defTreeTableCss tbody tr:nth-of-type(2n) {
    background: none;
}

.defTreeTableCss thead tr th {
    border: none;
    border-right: 1px solid #E6E6E6;
}

.defTreeTableCss thead tr th:last-child {
    border-right: none;
}

.defTreeTableCss tbody tr td {
    border-left: none;
}

.defTreeTableCss tbody tr td:last-child {
    border-right: none;
}

.defTreeTableCss tbody .showTr {
    background: #F5F6F8 !important;
}

.defTreeTableCss tbody .hideTr {
    background-color: #f2f6f9 !important;
}

.treeTable_body, .treeTable_head {
    border: 1px solid #E6E6E6;
}

.treeTable_body {
    position: relative;
    border-top: none;
}

.treeTable_body table {
    margin-top: -1px;
}

.treeTable_msg {
    /*无数据时的提示内容*/
    line-height: 26px;
    padding: 15px;
    text-align: center;
    color: #999;
}

/*分页-默认*/
.defPageCss {
    display: none;
    box-sizing: border-box;
    text-align: center;
}

/*---------------按钮公共样式
目前用到的：
功能类：queryBtn、addBtn、delBtn、importBtn、exportBtn、
      downLoadBtn、readICCIDBtn、moveBtn
交互类：confirmBtn、cancelBtn
类名独立，可自定义*/

/*按钮-默认*/
.layui-btn {
    height: 30px;
    line-height: 28px;
    background: #fff;
    padding: 0 10px;
    font-size: 12px;
    color: #000;
    border: 1px solid #94999F;
    border-radius: 2px;
}

.layui-btn:disabled {
    background: #d5d5d5;
    color: #686868;
    cursor: not-allowed;
}

.layui-btn:hover {
    color: #000;
}

.layui-btn + .layui-btn {
    margin-left: 15px;
}

/*按钮-查/确认*/
.queryBtn, .confirmBtn, .downLoadBtn {
    background: #2492EB;
    border: 1px solid #2492EB;
    color: #fff;
}

.queryBtn:hover, .confirmBtn:hover, .downLoadBtn:hover {
    color: #fff;
}

/*按钮-小型*/
.smallBtn {
    padding: 2px 5px;
    line-height: 17px;
    font-size: 12px;
    height: 22px;
}

/*按钮-取消*/
.cancelBtn {
    color: #2492EB;
    border-color: #2492EB;
}

.cancelBtn:hover {
    color: #2492EB;
}

/*按钮-下载*/
.downLoadBtn img {
    height: 70%;
    margin-right: 4px;
}

/*---------------弹框公共样式*/
.popupCss .layui-layer-title {
    color: #fff;
    background: #2492EB;
    height: 40px;
    line-height: 40px;
}

.popupCss .layui-layer-setwin .layui-layer-min cite {
    background-color: #fff;
}

.popupCss .layui-layer-setwin .layui-layer-min:hover cite {
    opacity: .2;
    background-color: #fff;
}

.popupCss .layui-layer-content {
    /*防止内部下拉列表被遮挡*/
    overflow: initial !important;
    height: calc(100% - 40px) !important;
}

.popupCss .layui-layer-setwin {
    top: 12px;
}

.popupCss .popupBox {
    height: 100%;
    width: 100%;
    position: relative;
    overflow-y: auto;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-height: 80vh;
}

.popupCss .smallPopup {
    overflow-y: unset;
    max-height: unset;
}


.popupCss .popupContent {
    /*padding: 20px;*/
    display: flex;
    flex: 1;
    /*防止flex和百分比布局冲突，有bug*/
    /*min-height: 0;*/
    /*overflow: auto;*/
}

/*弹框表单*/
.popupCss .popupForm {
    flex: 1;
}

.popupCss .popupForm .formRow {
    display: flex;
    justify-content: space-around;
    flex: 1;
}

.popupCss .formRow {
    /*margin-bottom: 15px;*/
}

.popupCss .popupForm > .formRow:last-of-type {
    margin-bottom: 15px;
}

.popupCss .popupForm > .formRow + .formRow {
    margin-top: 15px;
}

.popupCss .formRow .formRow + .formRow {
    margin-left: 30px;
}

.popupCss .popupForm .formItem {
    flex: 1;
}

.popupCss .popupForm .formItem.horizontal {
    display: flex;
    align-items: center;
}

.popupCss .popupForm .formItem > div {
    margin-top: 4px;
}

.popupCss .popupForm .formItem.horizontal > div {
    margin-top: 0;
    margin-left: 10px;
}

.popupCss .popupForm .formItem + .formItem {
    margin-left: 30px;
}

.popupCss .popupForm .formRowGroup {
    display: flex;
    flex: 1;
}

.popupCss .popupForm .formRowGroup + .formRowGroup {
    margin-left: 30px;
}

.popupCss .popupForm .layui-input {
    /*width: 100%;*/
}

.popupCss .popupForm .layui-form-radio > i {
    font-size: 17px;
}

.popupCss .popupForm .layui-form-radio > * {
    font-size: 12px;
}

/*弹框按钮*/
.popupCss .popupBtnBox {
    /*height: 70px;*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 20px;
    /*border-top: 1px solid #DBDDE1;*/
    position: sticky;
    bottom: 0;
}

.popupCss .popupBtnBox_ex {
    justify-content: space-between;
}

.popupCss .popupBtnBox .layui-btn + .layui-btn {
    margin-left: 30px;
}

.popupCss .popupBtnBox_noLine {
    border-top: none;
    padding-top: 0;
}

.popupCss .popupBtnBox_center {
    justify-content: center;
}

/*取消订单原因弹窗*/
.cancelReasonBox {
    position: relative;
    display: flex;
    flex-direction: column;
}

.cancelReasonBox textarea {
    resize: none;
    border-color: #D2D5D9;
    border-radius: 6px;
    margin-top: 4px;
    padding: 6px 0 0 6px;
}

.cancelReasonBox .count {
    color: #D2D5D9;
    position: absolute;
    bottom: 2px;
    right: 10px;
}

/*弹框树列表*/
.popupTree {
    flex: 1;
}

.popupTree > p {
    margin-bottom: 5px;
}

.popupTree .listBox {
    height: calc(100% - 46px);
    padding: 10px;
    overflow-y: auto;
    border-radius: 3px;
    border: 1px solid #d3d3d3;
}

.moveTip span {
    color: #2492EB;
}

/*详情弹框*/
.popupCss .tablePopupCss {
    padding: 15px;
    width: 70vw;
    height: 60vh;
    max-width: 1200px;
}

.popupCss .tablePopupCss .operationBox {
    padding: 0 0 15px 0;
}

.popupCss .tablePopupCss .operationBox .inputBox input {
    margin: 0 10px 0 0;
}

.popupCss .tablePopupCss .operationBox .btnBox button {
    margin: 0 6px;
}

.popupCss .tablePopupCss .detailContent {
    height: calc(100% - 46px);
    width: 100%;
}

/*---------------导入窗口公共样式*/
.importPopup {

}

.importPopup .popupContent {
    flex-direction: column;
}

/*.importPopup .popupForm .formRow{*/
/*justify-content: space-between;*/
/*align-items: flex-end;*/
/*}*/
/*.importPopup .popupForm .formItem{*/
/*width: 240px;*/
/*flex: unset;*/
/*}*/

.importBox {
    height: 220px;
    border: 1px dashed #ccc;
    border-radius: 5px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.importBox_default {
    height: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
}

.import_icon {
    margin-right: 10px;
}

.import_icon img {
    height: 30px;
    width: 30px;
}


/*---------------修改layui样式*/
/*表单样式*/
.layui-input {
    height: 35px;
    border-radius: 4px;
}

.layui-form-select dl dd.layui-this {
    background-color: #60adf0;
    color: #fff;
    height: 30px;
    line-height: 30px;
}

.layui-textarea {
    resize: none
}


/*表单禁用*/
input:disabled, .layui-disabled, .layui-select-disabled .layui-disabled {
    background: #EFEFEF;
    border-color: #d4d4d4 !important;
    cursor: not-allowed !important;
    color: #000000 !important;
}

.layui-radio-disbaled > i {
    color: #d3d3d3 !important;
}

/*弹框公共样式*/
.layui-layer-title {
    /*background-color: #2492EB !important;*/
    background-color: #2492EB;
    color: #fff !important;
}

.layui-layer-btn {
    text-align: center !important;
}

.layui-layer-dialog .layui-layer-content {
    text-align: center;
}

/*开关样式*/
.layui-form-switch em {
    /*修补原样式缺陷*/
    margin-right: 5px;
}

.layui-form-onswitch em {
    margin-right: 21px;
}

/*提示框样式*/
.layerCss .layui-layer-content {
    /*min-height: 110px;*/
    /*min-width: 310px;*/
    min-height: 40px;
    min-width: 220px;
    max-width: 400px;
    /*因为配车排班重新排班功能提示内容中包含div元素，故取消flex*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
}

.layerCss .layui-layer-btn {
    padding: 0 15px 24px;
}

.layerCss .layui-layer-btn a {
    border-radius: 4px;
    min-width: 40px;
}

.layerCss .layui-layer-btn .layui-layer-btn1 {
    margin-left: 22px;
    color: #2492EB;
    border-color: #2492EB;
}

.layui-form-select dl {
    margin-bottom: 10px;
    max-height: 200px;
    top: 100%;
    height: fit-content;
}

/*单选框样式*/
.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #2492EB;
}

.layui-form-radio > i:hover, .layui-form-radioed > i {
    color: #2492EB;
}

.layui-table-edit:focus {
    border-color: #2492EB !important
}

/*时间选择器*/
.layui-laydate {
    margin: 0 !important;
    animation-name: unset !important;
    -webkit-animation-name: unset !important;
}

.layui-laydate li.layui-this, .layui-laydate tr .layui-this {
    background-color: #2492EB !important;
}

/*滚动条样式*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
    background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1)
}

/*修复：使用多级表头时，单元格下边框没有*/
.multiTableHead .layui-table-view .layui-table td, .multiTableHead .layui-table-view .layui-table th {
    border-width: 0 1px 1px 0;
}

/*禁止框选文字*/
.notSelectText {
    /*禁止框选文字*/
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently*/
}

/*通用-页面关键词备注*/
.pageWordTip {
    position: relative;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pageWordTip > span {
    display: block;
    height: 15px;
    width: 15px;
    line-height: 16px;
    background: #ccc;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #939191;
}

.pageWordTip > p {
    display: none;
    position: absolute;
    background: rgb(248 248 248);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 7px 10px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 3px #ccc;
    color: #757575;
    width: fit-content;
    top: 80%;
}

.pageWordTip:hover > p {
    display: block;
}

.pageWordTip > p span {
    display: block;
    white-space: nowrap;
}

/*绝对定位关闭按钮样式，元素内容为“+”，父级需设置*/
.pubAbsolutCloseBtnCss {
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    font-size: 23px;
    top: 5px;
    right: 6px;
    cursor: pointer;
    border-radius: 50%;
}

.pubAbsolutCloseBtnCss:hover {
    background: #ededed;
}

.xmSelectCss xm-select > .xm-label .scroll .label-content {
    padding: 0px 10px;
}

.xmSelectCss xm-select {
    box-sizing: border-box;
}

.xmSelectCss xm-select > .xm-tips {
    font-size: 11px;
}

.xmSelectCss .xm-label-block {
    background-color: #f1f1f1 !important;
    border: 1px solid #e9e9eb !important;
}

.xmSelectCss xm-select > .xm-label .xm-label-block > span {
    color: #909399;
}

.xmSelectCss xm-select > .xm-label .xm-label-block > i {
    color: #6b6b6b;
}

.layui-table-view .layui-table[lay-size=ssm] .layui-table-cell {
    height: 20px;
    line-height: 20px;
    padding: 0 5px !important;
}

.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-mend, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
    border-color: #e7e7e7;
}

.layui-table[lay-skin=row] td, .layui-table[lay-skin=row] th {
    border-width: 1px;
}

.myLayuiDropdown {
    animation-name: unset;
}

.layui-form-radio:hover > *, .layui-form-radioed, .layui-form-radioed > i {
    color: #2492EB;
}

.layui-form-checkbox[lay-skin=primary] > .layui-icon-indeterminate {
    border-color: #2492EB;
}

.layui-form-checkbox[lay-skin=primary] > .layui-icon-indeterminate:before {
    background-color: #2492EB
}

.layui-table-checked {
    background-color: #E8F2FB;
}

.layui-layer.layuiLayerFull {
    width: 100%;
    height: 100%;
}

.layui-layer.layuiLayerFull .layui-layer-content :first-child {
    width: 100% !important;
    height: 100% !important;
    max-width: unset !important;
    max-height: unset !important;
}

.layui-tab-brief > .layui-tab-title .layui-this {
    color: #2492EB;
}

.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom-color: #2492EB;
}

/*第三方下拉组件样式调整*/
.xmSelectCss xm-select > .xm-label .scroll .label-content {
    padding: 0px 10px;
}

.xmSelectCss xm-select {
    box-sizing: border-box;
}

.xmSelectCss xm-select > .xm-tips {
    font-size: 11px;
}

.xmSelectCss .xm-label .xm-label-block {
    height: 24px;
    line-height: 24px;
}

.xmSelectCss xm-select[size='small'] .xm-label .xm-label-block {
    height: 22px;
    line-height: 20px;
}

.xmSelectCss xm-select > .xm-label .xm-label-block > span ,.xmSelectCss .xm-option-content{
    font-size: 12px;
}