/* ---------------------global CSS----------------------- */
/* display */
.dn{ display: none; }
.di{ display: inline; }
.db{ display: block; }
.dib{ display: inline-block; }
/* if the element is block level(eg. div, li), using 'inline_any' instead */
.df{ display: flex; }
.dif{ display: inline-flex; }
/* height */
.h14{ height: 14px; }
.h16{ height: 16px; }
.h18{ height: 18px; }
.h20{ height: 20px; }
.h22{ height: 22px; }
.h24{ height: 24px; }
/* line-height */
.lh14{ line-height: 14px; }
.lh16{ line-height: 16px; }
.lh18{ line-height: 18px; }
.lh20{ line-height: 20px; }
.lh22{ line-height: 22px; }
.lh24{ line-height: 24px; }
/* width (fixed width value)*/
.w20{ width: 20px; }
.w50{ width: 50px; }
.w70{ width: 70px; }
.w100{ width: 100px; }
.w200{ width: 200px; }
/* percent width value */
.pct15{ width: 15%; }
.pct20{ width: 20%; }
.pct25{ width: 25%; }
.pct33{ width: 33.3%; }
.pct50{ width: 50%!important }
.pct75{ width: 75%; }
.pct80{ width: 80%!important }
.wpt100{ width: 100%; }
.mw{ min-width: 1200px;}
/* margin */
.m0{ margin: 0; }
.ml5{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }
.mt5{ margin-top: 5px; }
.mt7{ margin-top: 7px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb12{ margin-bottom: 12px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb47{margin-bottom: 47px!important;}
.mb50{margin-bottom: 52px!important;}
/* padding */
.p0{ padding: 0; }
.pl5{ padding-left: 5px; }
.p5{ padding: 5px; }
.pt5{ padding-top: 5px; }
.pr5{ padding-right: 5px; }
.pb5{ padding-bottom: 5px; }
.p10{ padding: 10px; }
.p24{padding: 24px;}
.pl10{ padding-left: 10px; }
.pt10{ padding-top: 10px; }
.pr10{ padding-right: 10px; }
.pb10{ padding-bottom: 10px; }
.p15{ padding: 15px; }
.pl15{ padding-left: 15px; }
.pt15{ padding-top: 15px; }
.pr15{ padding-right: 15px; }
.pb15{ padding-bottom: 15px; }
.p20{ padding: 20px; }
.pl20{ padding-left: 20px; }
.pl30{ padding-left: 20px; }
.pr30{ padding-right: 30px; }
.pt20{ padding-top: 20px; }
.pr20{ padding-right: 20px; }
.pb20{ padding-bottom: 20px; }
.pt30{padding-top: 30px; }
.pl30{padding-left: 30px; }
.pbr0{padding-right: 30px; }
.pb30{padding-bottom: 30px; }
/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bd{ border: 1px solid rgba(0,0,0,.12); }
.bl{ border-left: 1px solid rgba(0,0,0,.12); }
.br{ border-right: 1px solid rgba(0,0,0,.12); }
.bt{ border-top: 1px solid rgba(0,0,0,.12); }
.bb{ border-bottom: 1px solid rgba(0,0,0,.12); }
/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh{ background-color: #fff; }
/* safe color */
.g0{ color: #000!important}
.g3{ color: #333}
.g30{color: #303133!important}
.g66{color:#666666}
.gc{ color: #ccc; }
.g60{color:#606266}
.g22{color:rgb(222,146,47)}
.wh{ color: white; }
.gf5{color: #f56c6c}
.g19{color: #19AA8D}
.bg-blue{ background: #547DF9;}
.txt-blue{ color: #547DF9;}
.blue-btn{color:#409EFF}
.g47{color:#4E74FC}
.tag-color{color:#909399}
.bgf4{
	background: #F4F6FC;
}
/* font-size */
.f12{ font-size: 12px; }
.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f24{ font-size: 24px; }
.f32{ font-size: 32px; }
/* font-style */
.n{ font-weight: normal;font-style: normal; }
.b{ font-weight: bold; }
.i{ font-style: italic; }
/* text-align */
.tc{ text-align: center; }
.tr{ text-align: right; }
.tl{ text-align: left; }
.tj{ text-align: justify; }
/*flex align*/
.jsb{ justify-content: space-between; }
.jsa{ justify-content: space-around; }
.jsc{ justify-content: center; }
.ac{ align-items: center; }
.fw{ flex-wrap: wrap }
.fc{ flex-direction: column; }
/* text-decoration */
.tdl{ text-decoration: underline; }
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{ text-decoration: none; }
/* letter-spacing */
.lt-1{ letter-spacing: -1px; }
.lt0{ letter-spacing: 0; }
.lt1{ letter-spacing: 1px; }
/* white-space */
.nowrap{ white-space: nowrap; }
/* word-wrap */
.bk{ word-wrap: break-word; }
/* float */
.l{ float: left; }
.r{ float: right; }
/* clear */
.cl{ clear: both; }
/* position */
.rel{ position: relative; }
.abs{ position: absolute; }
.fixd{ position: fixed; }
/*z-index*/
.zx1{ z-index: 1; }
.zx2{ z-index: 2; }
/* cursor */
.poi{ cursor: pointer; }
.def{ cursor: default; }
/* overflow */
.ovh{ overflow: hidden; }
.ova{ overflow: auto; }
/* visibility */
.vh{ visibility: hidden; }
.vv{ visibility: visible; }
/* zoom */
.z{*zoom:1;}

/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto{ margin-right: auto;margin-left: auto; }
/* 清除浮 动*/
.fix{*zoom:1;}
.fix:after{ display: table;clear: both;content: ''; }
/* 基于display:table-cell的自适应布局 */
.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
/* 双栏自适应cell部分连续英文字符换行 */
.cell_bk{ display: table;width: 100%;table-layout: fixed;word-wrap: break-word; }
/* 单行文字溢出虚点显 示*/
.ell{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
/* css3过渡动画效果 */
.trans{ -webkit-transition: all .3s;transition: all .3s; }
/* 无框文本框文本域 */
.bd_none{ border: 0;outline: none; }
/* 绝对定位隐藏 */
.abs_out{ position: absolute;top: -999em;left: -999em; }
.abs_clip{ position: absolute;clip: rect(0 0 0 0); }
/* 按钮禁用 */
.disabled{ cursor: default !important;pointer-events: none;color: #acacac !important;border-color: #acacac !important;outline: 0 !important;text-shadow: 1px 1px #fff !important; }
.disabled:hover{ text-decoration: none !important; }
/*inline-block与float等宽列表*/
// .inline_box{ font-family: Arial;font-size: 1em;letter-spacing: -.25em; }
.inline_two,.inline_three,.inline_four,.inline_five,.inline_six,.inline_any{ display: inline-block;vertical-align: top;letter-spacing: 0; }
.float_two,.float_three,.float_four,.float_five,.float_six{ float: left; }
.inline_two,.float_two{ width: 49.9%; }
.inline_three,.float_three{ width: 33.3%; }
.inline_four,.float_four{ width: 24.9%; }
.inline_five,.float_five{ width: 19.9%; }
.inline_six,.float_six{ width: 16.6%; }
.inline_fix{ display: inline-block;overflow: hidden;width: 100%;height: 0; }

.main {
	display: flex;
	// background: #324057;
	position: absolute;
	top: 50px;
	bottom: 0px;
	overflow: hidden;
	.content-container {
		background: #F4F6FC;
		flex:1;
		overflow-y: scroll;
		padding: 0px 1px;
	}
	.search-input{
		clear: both;
		min-height:48px;
		padding: 10px 0 0px 16px;
		// .el-input{
		// 	width: 125px;
		// }
	}
	.content-include{
		margin: 12px;
		background: #fff;
		.content-title{
			color: #222222;
			font-size: 14px;
			padding: 14px 15px;
			border-bottom: 1px solid #ECEFF8;;
		}
	}
}
.contain-center{
	margin: 30px 60px;
	// min-width: 1280px;
}
.contain-template{
	background:rgba(255,255,255,1);
	border-radius:4px;
	border:1px solid rgba(233,233,233,1);
	margin-top: 15px;
	margin-bottom: 15px;
}
.ceiling-bottom-box {
	position: fixed;
	top: auto;
	bottom: 0;
	z-index: 1020;
	width: 100%;
	height: 52px;
	min-width: 640px;
	background:rgba(255,255,255,1);
	box-shadow:0px -1px 2px 0px rgba(0,0,0,0.03);
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 52px;
}
.contain-title{
	height:44px;
	background:rgba(250,250,250,1);
	border-radius:3px 3px 0px 0px;
	padding: 11px 24px;
	box-sizing: border-box;
}
.ceiling-pagination{
	position: fixed;
	top: auto;
	bottom: 0;
	z-index: 1020;
	// width: calc(100% - 180px);
	width: 100%;
	height: 48px;
	min-width: 640px;
	box-shadow:0px -1px 2px 0px rgba(0,0,0,0.03);
	line-height: 52px;
	background:#fff;
	right: 0;
}
.el-pagination {
	white-space: nowrap;
	padding: 13px 5px;
	color: #303133;
	font-weight: 700;
	margin-right: 32px;
	float: right;
}
.el-table td{
	padding: 5px 0;
}
.el-tabs__item{
	color:rgba(96,98,102,1);
	font-size: 12px;
	background:rgba(255,255,255,1);
	padding: 0 16px;
	.is-active{
		background:red!important
	}
}
.dis-flex{
	display:flex;
}
.dis-just{
	justify-content: space-between;
}
.flex-d{
	flex-direction: row-reverse;
}
.break-all{
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}
.skuInfo {
	margin-top: 7px;
	margin-left: 20px;
}
.el-form-item {
	margin-bottom: 15px;
}
#status_color(){
	orange:#E6A23C;
	green:#67C23A;
	red: #F56C6C;
	gray:#909399;
}
.po-pay-status-1
,.po-status-0
,.po-status-1
,.po-status-2
,.po-status-4
,.po-status-5
,.pl-status-UNSUBMIT
,.pl-status-UNAUDIT
,.pl-status-UNREAUDIT
,.pl-status-UNPURCHASE
{
	color: #status_color[orange];
}
.po-pay-status-2
,.po-status-6
,.pl-status-SUCCESS
,.pl-status-PURCHASEED
{
	color: #status_color[green];
}
.po-pay-status-3
,.po-status-7
,.pl-status-FAILED
{
	color: #status_color[red];
}
.pl-status-CANCEL
{
	color: #status_color[gray];
}
.el-dialog__body{
	padding: 10px 20px!important;
}
.expand-col{
	vertical-align: top!important;
}
.el-submenu .el-menu-item {
	min-width: 180px!important;
	height: 40px;
	line-height: 40px;
	color: #222222;
	padding-left: 50px!important;
}
.el-button--primary {
	background-color: #4E74FC;
  border-color: #4E74FC;
}
.el-table td, .el-table th{
	padding: 8px 0;
	font-weight: normal;
}
.el-table thead tr th{
	background-color: #F4F6FC;
}
.el-table thead{
	color: #222222;
}
.el-drawer__header {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: baseline;
	color: #72767b;
	display: flex;
	height: 50px;
	line-height: 50px;
	padding: 0 24px;
	background: #4E74FC;
	font-size: 14px;
	color: #fff;
	margin-bottom: 0px;
}
.login-right{
	.el-input__inner{
		background: #4E74FC!important;
		text-align: center;
		color: #fff;
		font-size: 13px;
		border: none;
		border-bottom: 1px solid #fff;
		border-radius: 0;
		width: 180px;
	}
}
.el-dialog__header{
	padding: 10px 20px 10px;
	text-align: center;
	border-bottom: 1px solid #E5E5E5;
	background-color: #4E74FC;
}
.el-date-editor--daterange.el-input__inner{
	width: 220px
}
.el-tabs__nav-scroll{
	height: 50px;
	padding: 0px 24px;
}
.el-tabs__item{
	height: 49px;
	line-height: 49px;
	font-size: 14px;
}
.el-tabs__nav-wrap::after {
	height: 1px;
}
.el-input-group__append,.el-tabs__active-bar{
	background:#4E74FC;
}
.el-submenu__title,.el-menu-item {
	font-size: 12px;
	color:#606266;
	height: 40px;
	line-height: 40px;
}
.el-menu-item.is-active,.el-tabs__item.is-active {
	color: #4E74FC;
}
.ali-bar-css{
	margin-top: 10px;
	background:rgba(255,255,255,1);
}
.ali-bill-css{
	background:rgba(255,255,255,1);
}
.total-money{
	clear: both;
}
.el-form-item__error{
	position: relative;
}
.el-tabs__header{
	margin: 0;
}
.el-dialog__title{
	font-size: 14px;
	color: #fff;
}
.box-b{
	box-sizing: border-box
}
.el-select-dropdown__item{
	font-size: 12px;
}
.el-loading-mask{z-index: 100000}
.el-drawer:focus ,.el-drawer__container:focus{
	outline: none;
}
.el-drawer__body{overflow: auto;}
.el-popover{ font-size: 12px;}
.el-button--text{
	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
}
// .el-table th > .cell{font-weight: bold;}