body{font:14px Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;}
a{cursor: pointer;}
input[type=file]+.layui-btn{margin-left:5px}
hr{margin:2px 0;}
.main.container{padding:5px 0 0;}

.status-block{display: block;margin:-8px -2px;text-align: center;line-height: 28px;color: #fff;}

/* common use */
.fl{float: left}.fr{float: right}.tc{text-align:center}.tar{text-align:right}.h{display:none;}
.m0{margin:0 !important}
.mgl2{margin-left: 2px !important}
.mgl10{margin-left:10px !important;}
.mt0{margin-top: 0 !important}
.mt5{margin-top: 5px !important}
.mt10{margin-top: 10px !important}
.mb10{margin-bottom: 10px !important}
.mb15{margin-bottom: 15px !important}
.pl0 {padding-left: 0 !important;}
.pl12 {padding-left: 12px !important;}
.pr0 {padding-right: 0 !important;}
.pr0,.layui-input-wrap .layui-input.pr0 {padding-right: 0;}
.w3em{width:3em!important;}.w4em{width:4em!important;}
.w50{width:50px!important;}
.w60{width:60px!important;}
.w70{width:70px!important;}
.w80{width:80px!important;}
.w90{width:90px!important;}
.no-horizontal-padding{padding-left: 0;padding-right: 0;}
.tools.right{background:#fff;position:fixed;z-index:999;top:10px;right:15px;cursor: pointer}
.tools.right i.layui-icon:not(:first-child){margin-left:15px;}
.form-box{margin:10px 0 0}
.df,.flex{display:flex}
.flex0{flex:0 !important;}
.dfb{display:flex;justify-content:space-between;align-items:center}
.dfc{display:flex;justify-content:center;align-items:center}
.flex-item {display:flex;justify-content:center;}
.flex-item > .title {font-weight:bold}
.flex-item > .val{padding-left:5px;}
/*.required:before{content:'* ';color:red}*/
.required{color:#f00;}
.driver-popover-title{font-size:14px;}
.title i{color:#ccc;}
div.item{height: 36px;line-height: 36px;min-width:80px;display:block;vertical-align: middle;clear:both}
div.item label{text-align: right;padding:0 3px 0 0;font-weight: bold;}
div.item .val{text-align: left;padding-left:3px}
div.importReportWrap{padding:5px;}
div.importReportWrap div.item {height:30px;line-height:30px;}
.img-circle {border-radius: 50%;}
.img-responsive {display: block;max-width: 100%;height:auto;}
.allowCopy{cursor:copy;}
.noBorderInput{border:0 none;}
.hand {cursor:pointer;}
.halfPart{width:50%;}

/* reset layui defined  */
.main>.layui-tab {margin:0}
#admin-body>.layui-tab>.layui-tab-content{padding:0 0 0 1px}
.layui-table-header thead th,thead th .layui-table-cell{text-align:center;}
.layui-table tbody tr:hover,.layui-table-hover{background-color:#e2e2e2}
.layui-table-click{background-color:#c2c2c2}
.layui-table-chat{background-color:rgba(127,255,0,.3)}
div.layui-tab-content{padding:5px 0 0 0}
.layui-table-edit{padding:0 4px}
.layui-table-cell {overflow:visible}
.layui-table-view {margin:10px 0 0}
.layui-table th{font-weight:normal;background-color:#F2F2F2}
.layui-table-view td .layui-table-cell {padding:0 2px}
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell{height:20px;padding:0 2px;}
.layui-table-view th .layui-table-cell {padding:0}
.layui-timeline-title{margin-bottom: 5px;}
.layui-timeline-content label.title{display: inline-block;margin-right: 6px;font-weight: bold;color: #393D49;}
.layui-timeline-content span.text{display: inline-block;color:#FF5722}
.layui-tab-content hr {margin: 4px 0;}
.layui-col-grid {max-height: 78px}
.layui-form-pane .layui-form-label {width:auto;padding: 8px 10px}
.layui-field-title{margin:0;}
.layui-field-title .layui-field-box{padding:6px 0 5px;}
.layui-layer-tips .layui-layer-content{padding:5px 8px !important;word-break:break-all;word-wrap: break-word;white-space: pre-wrap;}

.layui-btn-group{margin:0 5px;}
.layui-btn-group+.layui-btn-group{margin:0 5px 0 0;}
.layui-table-view table.layui-table[lay-size="sm"] .layui-form-switch{top:-2px;}

div.layui-table-header > table.layui-table[lay-size="sm"] > thead th{height:32px;line-height:32px;}
.layui-table-tool,.layui-elem-field {background-color:#F2F2F2}
.layui-elem-field{border:1px solid #e6e6e6}
.layui-elem-field.layui-field-title{border:0 none;background-color:transparent;border-top:1px solid #e6e6e6;}
.focusItem{background-color:#16b777;color:#fff}
.layui-input-sm{height:30px;}
table[lay-size="sm"] .layui-table-cell .layui-form-select dl{top:28px;}

/*顶部搜索框部分*/
#frmSearch .layui-form-item .layui-input-inline,.frmSearch .layui-form-item .layui-input-inline{margin-right:4px;}
#frmSearch .layui-input,.frmSearch .layui-input{padding-left:4px;}
#frmSearch .layui-form-select .layui-input,.frmSearch .layui-form-select .layui-input{padding-right:25px;}
.customTab{display:flex;height:36px;line-height:36px;background-color:#E8E8E8;margin:5px 0;}
.customTab li {padding:0 10px;min-width:100px;text-align:center;cursor:pointer;}
.customTab li.active{background-color:#1E9FFF;color: white;transition: background-color 0.3s;}
.customTab li:hover {background-color:#157ABF;color: white;}

/*展开折叠搜索框区域*/
#toggleQueryZone {cursor:pointer}
#more-query-wrap{display:none;}

.downloadTemplateLink{line-height: 36px;text-decoration: underline;color:#FF5722;display:inline-block;padding:0 15px;font-size:22px;margin-left:20px;}
a.downloadTemplateLink:visited{color:#ff4757;}

/* 通用查询表单部分 */
.form-box .layui-form-item{margin-bottom:5px}
.form-box .layui-form-item .layui-inline{margin-bottom:0}
.form-box .layui-form-pane label.layui-form-label{padding:8px 4px;}
.form-box .layui-form-item .layui-input-inline.input-panel{width:auto;}
.frm-search label.layui-form-label{padding:8px 4px}
.frm-search .layui-input{padding-left:5px}

/*text input 前= %的筛选条件容器*/
div.operator-box.layui-input-inline {margin-right:0;width:66px}

/* 客服中心部分页面查地址提交 异常件提交等页面公用  */
input.canCopy {width: 100%;height: 100%;border: 0}
.layui-form-pane .layui-form-radio, .layui-form-pane .layui-form-switch{margin:6px 5px 0;padding-right: 0;}
.layui-form-item .layui-input-inline.btm-smt-box{width: auto;margin-left: 110px;}

/* radio checkbox等input适用的待边框样式容器 d8dce0*/
.layui-form-item .layui-input-inline.input-panel {border:1px solid #e6e6e6;border-left:1px solid #eee;display:inline-block;height: 36px;background-color:#fff;width:auto;}
.oper-zone,.operZone {display: flex;justify-content: flex-end}

/* region tip */
.tip-box {background-color:#FBFCC5;border: 1px solid #FFCC66;margin:10px;padding: 8px;line-height:1.8;position: relative;display: none;}
.tip-box ul,.tip-box ol{margin-left: 15px;}
.tip-box li{list-style-type: decimal;}
.tip-box .tip-box-close{position: absolute;top: 0;right: 5px;}
.tip-box .tip-box-close:hover{cursor: pointer;}
/* endregion tip*/

/* region  sm 自定义表格样式 */
.layui-table[lay-size=sm] td, .layui-table[lay-size=sm] th{font-size: 14px;}
.layui-table-view .layui-table td, .layui-table-view .layui-table th{padding:4px 0;}
.layui-table[lay-size=sm] .layui-table-cell .layui-input{height: 25px;line-height: 25px;}
#detail-result-table-box .layui-table[lay-size=sm] .layui-form-select dl{top:28px}
#detail-result-table-box .layui-table[lay-size=sm] .layui-form-select.layui-form-selectup dl {top:auto;bottom: 28px;}
.layui-table[lay-size=sm] .layui-table-cell .layui-form-select {border:none;margin-top:-4px;}
.layui-table[lay-size=sm] .layui-table-cell .layui-form-select input{border:none}
/* endregion  sm 自定义表格样式 */
/* fix select in lay-table */
body .layui-layer-content,body .to-fix-select .layui-layer-content {overflow:visible!important;}

.layui-table-cell .cell-status-0{background-color: red; color: #fff;}
.layui-table-cell .cell-status-1{background-color: #16b777; color: #fff;}
.layui-table-cell .cell-status-2{background-color: #c2c2c2; color: #fff;}
.layui-table-cell .cell-status-4{background-color: #0d95e8; color: #fff;}

/*页面头部提示条*/
.page-tip-bar{background-color:#FBFCC5;color:#0a0a0a;border: 1px solid #FFCC66;padding: 2px;margin: 5px 0;position:relative}
.page-tip-bar i.layui-icon{position:absolute;right:5px;top:5px;cursor:pointer}
.page-tip-bar i.layui-icon.layui-icon-speaker{left:-1px;top:0;}

.modal-popup{padding:2px 5px}

/*带清除按钮的输入框,类要在input父级容器*/
.canClearInput {position: relative;}
.canClearInput .closeIcon {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #999;
  font-size: 18px;
  display: none;
}
.canClearInput.hoverIn .closeIcon {display: block;}

/*展示形式的列表*/
.list-wrap {display:flex;flex-wrap:wrap}
.flex-item {display:flex;justify-content:center;}
.flex-item > .title {font-weight:bold}
.flex-item > .val{padding-left:5px;}

/*region 自定义card*/
.card.layui-row {background-color:#fff;margin:6px 0;padding:4px 10px 8px;}
.card .layui-card{background-color:#ecf0f1;}
.card-header {height:36px;line-height:36px;}
/*endregion 自定义card*/
/*jquery autocomplete*/
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }