/* ---------------------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; }
.lh30{ line-height: 30px; }
.lh40{ line-height: 40px; }
/* width (fixed width value)*/
.w20{ width: 20px; }
.w50{ width: 50px; }
.w70{ width: 70px; }
.w100{ width: 100px; }
.w150{ width: 150px; }
.w192{ width:192px }
.w200{ width: 200px; }
.w210{ width: 210px; }
/* percent width value */
.pct25{ width: 25%; }
.pct30{ width: 30%; }
.pct33{ width: 33.3%; }
.pct45{ width: 45%; }
.pct50{ width: 50%; }
.pct70{ width: 70%; }
.wpt100{ width: 100%; }
/* margin */
.m0{ margin: 0; }
.m10{margin: 10px;}
.ml5{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.ml30{ margin-left: 30px; }
.ml40{ margin-left: 40px!important; }
.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }
.mr30{ margin-right: 30px; }
.mr27{ margin-right: 27px;}
.mt5{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb40{ margin-bottom: 40px; }
/* 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; }
.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; }
.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; }
.bg-default{ background-color: #eee; }
.bg-blue{ background: #367EE2;}
/* safe color */
.g0{ color: #000; }
.g3{ color: #333; }
.gc{ color: #ccc};
.wh{ color: #ffffff; }
.gf5{color: #f56c6c}
.g19{color: #19AA8D}
.txt-blue{ color: #547DF9;}
.icon-color{color: #367EE2;}
.gray-nine{
	color:#999
}
.f-red {
	color: #ec4339;
}
.f-yellow{
	color:#f96
}
.f-blue{
	color: #367EE2
}
/* font-size */
.f12{ font-size: 12px; }
.f13{ font-size: 13px; }
.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f24{ font-size: 24px; }
/* 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; }
.fr{flex-direction: row-reverse}
/* 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; }
.dis-flex{
	display:flex
}
.content-height{
	// background: #F5F5F5;
	min-width: 1280px;
	min-height: 359px;
	overflow:hidden;
	padding: 0 20px;
	box-sizing: border-box;
	margin-top: 58px;
	button {
		display: inline-block;
		margin-bottom: 0;
		// border: 1px solid transparent;
		border-radius: 2px;
		padding: 0 12px;
		font-weight: 400;
		line-height: 32px;
		text-align: center;
		vertical-align: middle;
		white-space: nowrap;
		cursor: pointer;
		user-select: none;
		touch-action: manipulation;
		border-radius: 4px;
		border:none
	}
	a{cursor:pointer;text-decoration: none;}
}
.myorder-content{
	min-width: 1280px;
	margin: 20px 0px 40px;
	overflow:hidden;
	display: flex;
}
.content-right{
	width: 87%
}
.contain-page{
	width: 1100px;
	margin: 0 auto;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
	background-color: #F5222D!important;
}
li{
	list-style:none;
}
.font-color{
	color:#666666
}
.el-dialog__header{
	background:#eee;
	padding: 8px 20px 8px;
}
.el-dialog__headerbtn{
	top: 5px;
	right: 10px;
}
.el-table thead tr th {
	background-color: #eee!important;
}
.el-table--border th{
	border-right: 1px solid #ddd!important;
	border-bottom: 1px solid #ddd;
}
.el-table--border td{
	border-right: 1px solid #ddd!important
}
.el-table td{
	border-bottom: 1px solid #ddd;
}
.custom-tree-node {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	padding-right: 8px;
	border-bottom:1px solid #dddddd;
}
.el-tree-node__content{
	height: 36px;
}
.el-input-number .el-input__inner {
	text-align: left!important
}
.btn {
	display: inline-block;
	vertical-align: middle;
	height: 34px;
	min-width: 80px;
	margin-right: 10px;
	font-size: 13px;
}
.btn-primary {
	color: #fff;
	background-color: #367EE2;
	border-color: #367EE2;
}
.item-collection-white{
	border: 1px solid #ccc;
	border-bottom:none;
	min-width: 100px;
	height: 39px;
	border-radius: 4px 4px 0 0;
	padding: 8px 2px;
	box-sizing:border-box;
	float: left;
	margin-left: 10px;
	text-align: center;
	cursor:pointer;
}
.item-collection{
	background-color: #367EE2;
	border: 1px solid #367EE2;
	color: #fff;
	min-width: 100px;
	height: 39px;
	border-radius: 4px 4px 0 0;
	padding: 8px 2px;
	box-sizing:border-box;
	float: left;
	margin-left: 10px;
	text-align: center
}
.el-dropdown-link {
	cursor: pointer;
	color: #367EE2;
	font-size: 13px;
}
.el-table th{
	padding: 5px 0;
}
.el-table .cell{
	padding-right: 2px!important;
	padding-left: 2px!important;
}
.el-table td{
	padding: 2px 0;
}
.break-two{
	display: -webkit-box;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	-webkit-line-clamp: 2;
}
.el-button{
	font-size: 13px;
}
.btn-myj-orange {
	background-color: #f96!important;
	border: 1px solid #f96;
	color: #fff;
}
.clean::after {
	content: '';
	position: absolute;
	left: 0;
	width: 43px;
	height: 41px;
	background: url(../img/otherIcon.png?v=31) no-repeat -1130px -90px;
}
.vc{
	vertical-align: middle;
}
.el-table .discard-row {
	color: #999;
}
