/*常用定义*/
.btn:hover,.btn:focus {outline: none!important;}
.hide{display:none!important}
.dialog{display:none!important}
.bg-fff{background: #fff!important}
.pad-0{padding: 0px!important;}
.pad-10{padding: 10px!important;}
.pad-l-0{padding-left: 0px!important;}
.pad-r-0{padding-right: 0px!important;}
.pad-t-0{padding-top: 0px!important;}
.pad-b-0{padding-bottom: 0px!important;}
.m-0{margin: 0px!important;}
.ml-0{margin-left: 0px!important;}
.mr-0{margin-right: 0px!important;}
.mt-0{margin-top: 0px!important;}
.mb-0{margin-bottom: 0px!important;}
.fr { float: right!important }
.fl { float: left!important }
.pr{ position:relative!important }
.pa{ position:absolute!important }
.cur_pointer{cursor: pointer;}
.b{font-weight: 700}
.nowrap{white-space: nowrap;}
.okwrap{word-break:break-all;}
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.must:after{content:'*';color:red}

.tc{text-align: center!important;}
.tr{text-align: right!important;}
.tl{text-align: left!important;}

.color-blue{color: #1c84c6;}

.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}.f22{font-size:22px}.f24{font-size:24px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}

.mt-1{margin-top:1px!important;}
.mt-5{margin-top:5px!important;}
.mt-10{margin-top:10px!important;}
.mt-15{margin-top:15px!important;}
.mt-20{margin-top:20px!important;}

.ml-5{margin-left: 5px!important;}
.ml-10{margin-left: 10px!important;}
.ml-15{margin-left: 15px!important;}
.ml-20{margin-left: 20px!important;}

.mr-5{margin-right: 5px!important;}
.mr-10{margin-right: 10px!important;}
.mr-15{margin-right: 15px!important;}
.mr-20{margin-right: 20px!important;}
.mr-25{margin-right: 25px!important;}
.mr-30{margin-right: 30px!important;}
.mr-50{margin-right: 50px!important;}

.mb-5{margin-bottom: 5px!important;}
.mb-10{margin-bottom: 10px!important;}
.mb-15{margin-bottom: 15px!important;}
.mb-20{margin-bottom: 20px!important;}

.pt-1{padding-top:1px!important;}
.pt-5{padding-top:5px!important;}
.pt-10{padding-top:10px!important;}
.pt-15{padding-top:15px!important;}
.pt-20{padding-top:20px!important;}

.pl-5{padding-left: 5px!important;}
.pl-10{padding-left: 10px!important;}
.pl-15{padding-left: 15px!important;}
.pl-20{padding-left: 20px!important;}

.pr-5{padding-right: 5px!important;}
.pr-10{padding-right: 10px!important;}
.pr-15{padding-right: 15px!important;}
.pr-20{padding-right: 20px!important;}
.pr-25{padding-right: 25px!important;}
.pr-30{padding-right: 30px!important;}
.pr-50{padding-right: 50px!important;}

.pb-5{padding-bottom: 5px!important;}
.pb-10{padding-bottom: 10px!important;}
.pb-15{padding-bottom: 15px!important;}
.pb-20{padding-bottom: 20px!important;}

.pad-b-5{padding-bottom: 5px!important;}
.pad-b-10{padding-bottom: 10px!important;}
.pad-b-15{padding-bottom: 15px!important;}
.pad-b-20{padding-bottom: 20px!important;}

.b-none{border:none;}
.b-t-none{border-top:none}.b-b-none{border-bottom:none}.b-r-none{border-right:none}.b-l-none{border-left:none}
.b-a{border: 1px solid #e5e6e7;}
.br-t-none{border-top-left-radius:0;border-top-right-radius:0;}
.br-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.br-l-none{border-top-left-radius:0;border-bottom-left-radius:0;}
.br-r-none{border-top-right-radius:0;border-bottom-right-radius:0;}

.w-12 { width: 100%!important }
.w-11 { width: 91.66666667%!important }
.w-10 { width: 83.33333333%!important }
.w-9 { width: 75%!important }
.w-8 { width: 66.66666667%!important }
.w-7 { width: 58.33333333%!important }
.w-6 { width: 50%!important }
.w-5 { width: 41.66666667%!important }
.w-4 { width: 33.33333333%!important }
.w-3 { width: 25%!important }
.w-2 { width: 16.66666667%!important }
.w-1 { width: 8.33333333%!important }

.w-30 { width: 30px!important }
.w-40 { width: 40px!important }
.w-50 { width: 50px!important }
.w-60 { width: 60px!important }
.w-70 { width: 70px!important }
.w-80 { width: 80px!important }
.w-90 { width: 90px!important }
.w-100 { width: 100px!important }
.w-120 { width: 120px!important }
.w-150 { width: 150px!important }
.w-200 { width: 200px!important }
.w-250 { width: 250px!important }
.w-300 { width: 300px!important }
.w-324 { width: 324px!important }
.w-350 { width: 350px!important }
.w-400 { width: 400px!important }
.w-450 { width: 450px!important }
.w-500 { width: 500px!important }

.h-50 { height: 50px!important }
.h-55 { height: 55px!important }
.h-60 { height: 60px!important }
.h-70 { height: 70px!important }
.h-80 { height: 80px!important }
.h-90 { height: 90px!important }
.h-100 { height: 100px!important }
.h-150 { height: 150px!important }
.h-200 { height: 200px!important }

.form-control-static.inline{display: inline-block!important;}
.form-control-note{vertical-align: middle; min-height: 34px; padding-top: 8px; padding-bottom: 7px; margin-bottom: 0;}
.form-control-tip{padding: 7px 12px 6px; border: 1px solid #CDD3DE; border-right:none; margin-bottom:0;}
.form-control-unit{padding: 7px 12px 6px; border: 1px solid #CDD3DE; border-left:none; margin-bottom:0;}

/*other*/
.text-a{ color: #337ab7 }
.text-red { color: red;}/*红包*/   
.text-orange { color: #f57c00;}/*橘色*/   
.text-green { color: #1ab394;}/*绿色*/
.text-blue { color: #0275d8; }/*蓝色*/
.text-darkblack { color: #000;}/*灰色*/
.text-darkgrey { color: #666;}/*灰色*/
.text-grey { color: #999;}/*灰色*/
.text-lightgrey { color: #bbb;}/*灰色*/

/*tip*/
.ttip { position: relative; z-index: 1070; display: inline-block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto }
.ttip.in { filter: alpha(opacity=90); opacity: .9 }
.ttip-arrow { position: absolute; width: 8px; height: 8px; z-index:2; background: #000;	transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.ttip-inner { padding: 3px 8px; color: #fff; text-align: center; background: #000; border-radius: 4px; z-index:1; }
.ttip.top { padding-top: 4px;} .ttip.top .ttip-arrow{left:4px;top:0;} .ttip.top .ttip-arrow.center{left:49%;top:0;} .ttip.top .ttip-arrow.right{left:auto;top:0;right:0;margin-right:4px;}
.ttip.bottom { padding-bottom: 4px; } .ttip.bottom .ttip-arrow{left:4px;bottom:0;} .ttip.bottom .ttip-arrow.center{left:49%;bottom:0;} .ttip.bottom .ttip-arrow.right{left:auto;bottom:0;right:0;margin-right:4px;}
.ttip.left { margin-left: 4px } .ttip.left .ttip-arrow{left:-4px;top:50%;margin-top:-4px;}
.ttip.right { margin-right: 5px } .ttip.right .ttip-arrow{right:-4px;top:50%;margin-top:-4px;}
.ttip.success .ttip-arrow{background:#dff0d8}
.ttip.success .ttip-inner{background:#dff0d8; color:#3c763d}
.ttip.info .ttip-arrow{background:#d9edf7}
.ttip.info .ttip-inner{background:#d9edf7; color:#31708f}
.ttip.warn .ttip-arrow{background:#fcf8e3}
.ttip.warn .ttip-inner{background:#fcf8e3; color:#8a6d3b}
.ttip.danger .ttip-arrow{background:#f2dede}
.ttip.danger .ttip-inner{background:#f2dede; color:#843534}

/*表单验证*/
.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block;*display:inline; background:url(../images/msg_bg.png) no-repeat;color:#5e6d82; min-width: 18px; height: 18px; vertical-align: initial; margin-left: 8px; padding-left: 22px }
.onShow{background-position:0px -36px;}
.onFocus{background-position:0px -36px;}
.onError{background-position:0px 0px; color:#f33024}
.onCorrect{background-position:0px -18px;}
.onLamp{background-position:0px -54px}
.onTime{background-position:0px -72px}
.onLoad{background-position:0px -36px}


/*联动菜单*/
.linkage-menu{}
.linkage-menu h6{ border-bottom:1px solid #e2ecee; padding:2px 0 3px; margin-bottom:5px}
.linkage-menu h6 a.rt{ font-weight:normal; color:#377abe}
.linkage-menu div.menu a{line-height:30px;text-decoration: none; margin-right:8px; overflow:hidden; height:30px;display:inline-block;}
.linkage-menu div.menu a:hover{ background:#d9e4ed; color:#377abe}


#pages { padding:14px 0 10px; text-align:right; font-size: 12px;}
#pages a { display:inline-block; height:30px; line-height:28px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#pages a:not(:last-child):not(.pages_dot):not(.pages_sep){margin-right: 3px; margin-left:3px}
#pages a.pages_total{cursor: default;}
#pages a.pages_prev{margin-left:0;margin-right:3px;font-weight:700;}
#pages a.pages_next{margin-left:3px;margin-right:0;font-weight:700;}
#pages a.pages_dot,#pages a.pages_sep{padding:0 1px 0 3px;border:none;cursor: default;}
#pages a.pages_on{background:#2E95FF; border:1px solid #2E95FF; color:#fff;}
#pages a:not(.pages_total):not(.pages_dot):not(.pages_sep):not(.pages_on):hover{ background:#f1f1f1; color:#000; text-decoration:none; }
#pages input.form-control{padding: 0px; height:30px; margin-left:3px; text-align: center; font-size: 12px; padding-top:1px;-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);}
#pages button.btn{margin-left:6px; border-radius: 0px;padding: 4px 10px;}

/*表格扩展*/
.table-nothead>tbody>tr:first-child>td, .table-nothead>tbody>tr:first-child>th {border-top: none;}
.table-noborder>tbody>tr>td, .table-noborder>tbody>tr>th {border-top: none;}
table>tbody>tr>td.td-vtop{vertical-align: top; padding-top: 16px;}
/*时间范围*/
.range-date-to { width: 38px!important; border-right:none; border-left:none; }

/*列表点*/
.list-dot{ padding-bottom:10px}
.list-dot li,.list-dot-othors li{padding:5px 0; border-bottom:1px dotted #c6dde0; font-family:"宋体"; color:#bbb; position:relative; left:0px; _height:22px}
.list-dot li:hover,.list-dot-othors li:hover{ background-color:#d9e5ee}
.list-dot li span,.list-dot-othors li span{color:#004499}
.list-dot li a.close span,.list-dot-othors li a.close span{display:none}
.list-dot li a.close,.list-dot-othors li a.close{background: url(../images/cross.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:5px; bottom:5px}
.list-dot li a.close:hover,.list-dot-othors li a.close:hover{background-position: left -46px}
.list-dot-othors li{float:left;width:24%;overflow:hidden;}

/*物流信息*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.clear{clear:both;zoom:1;}
.wuliu{width: 100%; padding: 4% 5%;box-shadow: none; background-color: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
.wuliu .list{width: 100%; margin-bottom: 3%;}
.wuliu .list .left{width: 100%; margin-bottom: 5%; font-weight: bold; text-align: left; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; float: left;  font-size: .43rem; color: #333;}
.wuliu .list:first-child .left{color: #f40;}
.wuliu .right{width: 100%; float: right;}
.wuliu .right ul li{width: 100%; float: right; position: relative; margin-bottom:.4rem; padding: 3% 0; border-left: 2px solid #ddd; list-style: none;}
.wuliu .right ul li .dian{position: absolute; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; left: -4px; top: 1.5em; width: 6px; height: 6px; background-color: #ddd;}
.wuliu .right ul li.active .dian{background-color: #f40;}
.wuliu .right ul li.active{border-left: 2px solid #f40;}
.wuliu .right ul li:last-child{margin-bottom: 0;}
.wuliu .right .zuo{width: 25%; float: left; color: #333; font-size: .37rem; display: inline-block; text-align: center;}
.wuliu .right .you{color: #333; float: right; display: inline-block; width: 75%; font-size: .37rem; padding-right: 3%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
.wuliu .right ul li .zuo,
.wuliu .right ul li .you{line-height: 2em;}
.wuliu .right ul li.active .zuo,
.wuliu .right ul li.active .you{color: #fff; line-height: 2em;}
.wuliu .right ul li .list-line{width: 90%; padding: 3% 0; float: right; background-color: #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.wuliu .right ul li.active .list-line{background-color: #F40;}
/*多图片*/
.picList li{list-style: none; margin-bottom: 3px;}
.pics_container{border: 3px dashed #e6e6e6;min-height: 90px;text-align:center;}
.pics_container .btn{margin-bottom:30px;}
.pics_header{border: 3px dashed #e6e6e6;border-bottom:0;padding: 8px 10px;}
.pics_header p{margin-bottom: 0px;}
.pics_footer{border: 3px dashed #e6e6e6;border-top:0;padding: 8px 10px;}
.pics_footer p{margin-bottom: 0px;}
.pics_container .pics_files_list{list-style: none;margin: 20px;padding: 0;width:100%;}
.pics_container .pics_files_list li {width: 110px;height: 110px;text-align: center;margin: 0 8px 20px 0;position: relative;display: inline;float: left; overflow: hidden;font-size: 12px;}
.pics_container .pics_files_list li.pic_line {width:100%; height:auto; text-align:left; margin:0 0 3px 0;}
.pics_container .pics_files_list li.pic_line:last-child {margin-bottom: 20px;}
.pics_container .pics_files_list li.pic_line input {margin-bottom: 6px; margin-right: 3px;}
.pics_container .pics_files_list li.pic_line .btn {margin-bottom: 6px; margin-right: 3px; outline: none;}
.pics_container .pics_files_list li p.file-img {position: relative;z-index: 2;line-height: 110px;vertical-align: middle;overflow: hidden;width: 110px;height: 110px;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webit-transition: 200ms ease-out;-moz-transition: 200ms ease-out;-o-transition: 200ms ease-out;-ms-transition: 200ms ease-out;transition: 200ms ease-out;}
.pics_container .pics_files_list li p.file-img img {width: 100%;}
.pics_container .pics_files_list li div.file-selected {display:none;position: absolute;width: 18px;height: 18px;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\0;background: rgba(0,0,0,.5);top: 0px;right: 0px;overflow: hidden;z-index: 300;font-size: 12px;padding:0px;border-radius: 50%;font-size:16px;color:#4caf50;}
.pics_container .pics_files_list li div.file-selected i{position: relative;top:-2px;}
.pics_container .pics_files_list li.on div.file-selected{display: block;}
.pics_container .pics_files_list li div.file-tool {position: absolute;width: 100%;bottom: 0;left: 0;font-size:12px;height: 18px;overflow: hidden;z-index: 50;margin: 0;border-radius: 0;-webkit-box-shadow: 0 0 0;color:#ffffff;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\0;background: rgba(0,0,0,.5);}
.pics_container .pics_files_list li div.file-tool .file-move {float:left;width:50%}
.pics_container .pics_files_list li div.file-tool .file-cancel {float:left;width:50%}

/*模拟select*/
.input-group-select{}
.input-group-select .input-group-btn{width:auto;}
.input-group-select .input-group-btn .caret{position: absolute;right:6px;top:47%;}
.input-group-select .input-group-btn button.dropdown-toggle{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:22px;}
.input-group-select .input-group-btn ul.dropdown-menu-select{left:0;min-width:148px;max-height:215px;overflow-x:hidden;overflow-y:auto;}
.input-group-select .input-group-btn ul li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:3px 0 3px 10px;}
/*并列中间太大间距*/
.col-no-pad-left{padding-left:0;}
.col-no-pad-right{padding-right:0;}
@media (max-width:768px) {
.col-no-pad-left{padding-left:15px;}
.col-no-pad-right{padding-right:15px;}
}
/*ibox fixed*/
.ibox.moving {position: fixed;background-color: #fff;border: solid 1px #e7e7e7;z-index: 1000; top: 0;right: 20px; left: 20px;}
/*layer msg fixed*/
.layui-layer-dialog.layui-layer-msg .layui-layer-content.layui-layer-padding {padding: 18px 20px 18px 55px;text-align: left;}
/*layer title ext*/
/*layer*/
.layui-layer-iframe-pad-lr-10 .layui-layer-content{padding-left: 10px; padding-right: 10px;}
.layui-layer-ext{position:absolute;top:0px;left:0px;z-index:100;background-color:#F8F8F8;padding-left:10px;border-bottom: 1px solid #eee;}
.layui-layer-ext a{line-height:40px;text-align: center;display:inline-block;padding:0 10px;margin-right:10px;font-size:14px;color: #2E95FF;/*background-color: #009688;color:#fff;*/}
.layui-layer-ext a.layui-layer-exton{border-bottom: 1px solid #2E95FF;}

/* flex */
.flex{display:-webkit-box;display:-webkit-flex;display:flex}
.flex-item{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.flex-sb{ display: flex; justify-content:space-between; align-items: center;}
.flex-start{ display: flex; justify-content:flex-start; align-items:flex-start;}
.flex-center{display:flex;align-items:center;justify-content:center;}
.flex-end{ display: flex; justify-content:flex-end; align-items:center;}
.flex-column{display: flex; flex-direction: column;}
.flex-wrap{ display: flex; flex-direction: row; flex-wrap: wrap;}
.flex-centers { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

/* layui */
.layui-table-nomargin .layui-table, .layui-table-nomargin .layui-table-view {
    margin: 0;
}
.layui-table-noborder .layui-table-view {
    border: 0;
}
.layui-table-noheader .layui-table-header {
    display: none;
}
/* layui 表格自动换行 */
.layui-table-auto .layui-table-cell{
    height: auto;
    word-break: normal;
    display: block;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
}

/*xm-select tree disabled前radio不显示*/
.xm-select-tree xm-select > .xm-body .disabled {
    cursor: pointer;
}
.xm-select-tree xm-select > .xm-body .disabled .xm-option-content {
    color: #666 !important;
}
.xm-select-tree xm-select > .xm-body .disabled .xm-option-icon {
	display: none;
}
.xm-select-tree xm-select > .xm-body .xm-option-content {
    padding-left: 5px;
}

/*详细基本信息*/
.finfo-wrap{ display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 0 5px 5px;}
.finfo-wrap .finfo-item{ display: flex; justify-content:flex-start; align-items:flex-start; margin: 5px 30px 5px 0px;width: 230px;}
.finfo-wrap .finfo-two{ width: 490px;}
.finfo-wrap .finfo-title{font-weight:600;margin-right:3px;min-width:65px;text-align:right;}
.finfo-wrap .finfo-msg{flex: 1;border-bottom: 1px solid #e6e6e6;height: 24px;padding-left: 6px;}

/*表单基本信息*/
.frm-wrap{ display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 0 5px 5px;}
.frm-align{}/*对齐*/
.frm-wrap .frm-item{ display: flex; justify-content:flex-start; align-items:flex-start; height: 40px; margin: 5px 0px 5px 0px; padding-right:20px; border-bottom: 1px solid #e6e6e6;}
.frm-wrap .frm-w250{ width: 250px;}
.frm-wrap .frm-w500{ width: 500px;}
.frm-wrap .frm-w750{ width: 750px;}
.frm-wrap .frm-item > label{font-weight:600;margin-right:3px;text-align:right;line-height:36px;}
.frm-wrap .frm-item > div{flex: 1;height: 24px;padding-left: 6px;}
.frm-align .frm-item > label{min-width:80px;}