@charset "utf-8";
/*布局宽度*/
.w{width: 1200px;margin: 0 auto;}
/* body.body{min-width: 1200px;} */
/*默认链接颜色*/
a{color: #333;}
a:focus {outline:0 !important; }
/** 基础布局  清除空隙  需在外层容器加上 dib-box，dib 可单独使用*/
.dib-box { font-size: 0; /* 所有浏览器 */ *word-spacing: -1px; /* IE6/7 */ }
@media (-webkit-min-device-pixel-ratio: 0) { .dib-box { letter-spacing: -5px; /* Safari 5- 等不支持 font-size: 0 的浏览器 */ } }
.dib-box .dib {vertical-align: top;font-size: 14px;letter-spacing: normal;word-spacing: normal;line-height: inherit;}
.dib{display: inline-block; *display: inline; *zoom: 1; }
/*自适应两端对齐组件 外层加上 justify，内部需要两端对齐的元素都加上 dib,dib 与 justify 不要同时出现*/
/*防止行高增大  尽量不要在父元素上设置行高*/
.justify, .dib-box .justify { font-size: 0; line-height: inherit; }
.justify {text-align: justify;text-justify: inter-ideograph; /* IE 6-7 */ *zoom: 1; /* IE 6-7 触发 hasLayout 使一行也能两端对齐 */-moz-text-align-last: justify;text-align-last: justify; /* IE 8+ */}
/*** 不支持 text-align-last 的浏览器用伪元素模拟* 1. margin-left:100% 仅 WebKit 支持*/
.justify:after { content: ""; display: inline-block; width: 100%; /* 1 */ }
/* 子元素取消两端对齐 */
.justify .dib {-moz-text-align-last: auto;text-align-last: auto;text-justify: auto;text-align: left;font-size: 12px;letter-spacing: normal;word-spacing: normal;}
/* 常用样式 */
.bz{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.db{display:block;}
.dib{display: inline-block;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content: '\0020'; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{*zoom: 1; }
/*字体样式*/
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.ell{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.ell_1{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ell_2{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ell_3{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ell_4{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ell_5{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.ell_10{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 10;-webkit-box-orient: vertical;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f26{font-size: 26px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.fbold{font-weight: bold;}
/*常用颜色*/
.color3{color: #333;}
.color-hei{color: #2e3541;}
.color-gray{color: #666;}
.color-lightgray{color: #999;}
.color-white{color: #FFFFFF;}
/*常用浮动*/
.mt30{margin-top: 30px;}
.ml24{margin-left: 24px;}
.ml40{margin-left: 40px;}
.link {
	color: #006fba;
}
.mt12 {margin-top: 12px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mb60 {margin-bottom: 60px;}
.red {color: #ed0000;}
.grey {color: #999;}
.orange {color: #ff8800;}
.blue {color: #2c86ef;}
.w150 {width: 150px;}
.h42 {height: 42px;line-height: 42px;}
/*通用样式开始*/
* {
	margin: 0;
	padding: 0;
	border: 0
}

body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
img,
span,
a,
table,
tr,
td {
	margin: 0;
	padding: 0;
	border: 0
}

body {
	width: 100%;
	height: 100%;
	background: #fff;
	color: #333;
}

html {
	width: 100%;
	height: 100%;
	/*overflow-y: auto;
    overflow-x:hidden;*/
}

body {
	font: 12px Arial, microsoft yahei, "\5b8b\4f53";
}

ul,
ol {
	list-style: none;
}

ul,
li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #0d131a;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

img {
	border: none;
}

textarea {
	border: 1px solid #A9A9A9;
}

/*去除input框黄色背景*/
input:-webkit-autofill {
	box-shadow: 0 0 0px 1000px white inset;
	/* box-shadow: 0 0 0px 1000px white inset; */
	/* border: 1px solid #CCC !important; */
}

input {
	border: 1px solid #ccc;
}

.font_14 {
	font-size: 14px;
}

.font_w {
	font-weight: 700;
}

.bgc {
	background: #F6FBF7;
}

.rgbff00 {
	color: #ff0000 !important;
}

.rgb666 {
	color: #666 !important;
}

.rgb999 {
	color: #999 !important;
}

.rgbff9b {
	color: #ff9b00 !important;
}

.rgb333 {
	color: #333 !important;
}

.rgb0404 {
	color: #040404 !important;
}

.rgbff00 {
	color: #ff0000 !important;
}

.ml15 {
	margin-left: 15px !important;
}

.mt12 {
	margin-top: 12px !important;
}

.mt11 {
	margin-top: 11px !important;
}

.mt16 {
	margin-top: 16px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt6 {
	margin-top: 6px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.ml8 {
	margin-left: 8px !important;
}

.pdf20 {
	padding-left: 20px !important;
}

.pdf150 {
	padding-left: 150px !important;
}

.pdf70 {
	padding-left: 70px !important;
}
.w8 {
	width: 8% !important;
}
.w9 {
	width: 9% !important;
}
.w10 {
	width: 10% !important;
}
.w12 {
	width: 12% !important;
}
.w14 {
	width: 14% !important;
}
.w15 {
	width: 15% !important;
}
.w17 {
	width: 17% !important;
}
.w18 {
	width: 18% !important;
}
.w19 {
	width: 19% !important;
}

.w25 {
	width: 25% !important;
}
.w31 {
	width: 31% !important;
}
.w35 {
	width: 35% !important;
}

.w40 {
	width: 40% !important;
}

.w45 {
	width: 45% !important;
}

.vt {
	vertical-align: top !important;
}

.vtm {
	vertical-align: middle !important;
}

.tac {
	text-align: center !important;
}

.bbn {
	border-bottom: none;
}

.blr {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}

/*通用样式结束*/

/*外框*/
.container {
	width: 100%;
	height: 100%;
}

.dy_hd {
	width: 100%;
	height: 50px;
	background: #2c86f1;
}

.dy_logo img {
	float: left;
	margin-left: 16px;
	margin-top: 15px;
}

.dy_logo .system-name {
	float: left;
	margin-left: 10px;
	font-size: 16px;
	line-height: 50px;
	color: #fff;
	font-weight: normal;
}

.dy_hd .dy_user {
	position: relative;
	float: right;
	color: #fff;
	opacity: 0.5;
	margin-right: 15px;
	height: 50px;
	line-height: 50px;
}

.dy_hd .dy_user h4 {
	font-weight: normal;
}

.dy_hd .dy_password {
	position: relative;
	float: right;
	margin-right: 15px;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
	color: #fff;
}

.dy_hd .dy_password a {
	color: #fff;
}

.dy_hd .dy_password a:hover {
	text-decoration: underline;
}

.dy_hd .dy_quit {
	position: relative;
	float: right;
	margin-right: 20px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
}

.dy_hd .dy_quit a {
	color: #fff;
}

.dy_hd .dy_quit a:hover {
	text-decoration: underline;
}

.dy_bd {
	position: absolute;
	top: 50px;
	bottom: 6px;
	left: 0;
	right: 0;
	padding: 0 0 0 200px;
}

.dy_bd .dy_sider {
	float: left;
	height: 100%;
	margin-left: -200px;
	width: 200px;
	background: #f1f1f1;
	overflow: auto;
}

.dy_sider .dy_model_name:nth-child(1) {
	padding: 12px 20px 0;
	height: 32px;
	line-height: 32px;
	font-weight: 700;
}

.dy_sider .dy_model_name {
	padding: 0 20px;
	height: 32px;
	line-height: 32px;
	font-weight: 700;
}

.dy_model_name .dy_name {
	font-size: 14px;
}

.dy_sider_icon {
	float: left;
	margin: 9px 0 0 0;
	width: 20px;
	height: 20px;
}

.dy_sider_icon1 {
	background: url(../images/nav_icon1.png) no-repeat;
}

.dy_sider_icon2 {
	background: url(../images/nav_icon2.png) no-repeat;
}

.dy_sider_icon3 {
	background: url(../images/nav_icon3.png) no-repeat;
}

.sider_nav li {
	line-height: 32px;
	margin-bottom: 2px;
}

.sider_nav li:hover {
	height: 32px;
	background: #2c86f1;
}

.sider_nav li.current {
	height: 32px;
	background: #2c86f1;
}

.sider_nav li a {
	display: block;
	padding: 0 10px;
	height: 100%;
	color: #000;
	font-size: 14px;
}

.sider_nav li.current a {
	padding-left: 10px;
	color: #fff;
}

.sider_nav li .sider_nav_title {
	width: 112px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 14px;
	margin-left: 46px;
}

#dy_page {
	float: left;
	width: calc(100% - 200px);
	height: calc(100% - 56px);
	background: #fff;
	position: absolute;
	top: 50px;
	left: 200px;
}

/*订单同步*/
.page {
	margin: 0 16px;
	margin-top: 50px;
}

.crumbs {
	margin-bottom: 15px;
	height: 36px;
	line-height: 36px;
	padding-left: 20px;
	background-color: #fff;
	border-top: 1px solid #fff;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 9;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.crumbs .crspan {
	color: #666;
}

.page .ordernav {
	margin-top: 6px;
	background: #fff;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	padding: 30px 20px;
	overflow: hidden;
	margin-bottom: 15px;
	font-size: 14px;
}

.wback {
	font-weight: 500;
	color: #333;
	font-size: 22px;
}

.zhbox {
	margin-top: 20px;
	font-size: 14px;
}

.pagebox {
	padding: 20px;
	background: #fff;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	margin-bottom: 30px;
}

.ordergoods {
	font-weight: 700;
	font-size: 14px;
}

.ordergoods span {
	border-bottom: 1px solid #f1f1f1;
	height: 40px;
	display: block;
}

table {
	width: 100%;
	font-size: 14px;
	margin-top: 20px;
}

table tr th {
	background: #eee;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	font-weight: 700;
	text-align: left;
}

table tr td {
	padding: 16px 0;
	border-bottom: 1px solid #eee;
	vertical-align: top;
}

table .prdbox {
	position: relative;
}

.border_table .prdbox .pr_num {
	/*position: absolute;
	top:6px;
	right:20px;*/
}

table .prdimg {
	width: 102px;
/*	height: 102px;*/
	border: 1px solid #eee;
}

table .prsxbox {
	position: absolute;
	top: 6px;
	left: 110px;
}

table .express select {
	width: 108px;
	height: 32px;
	line-height: 32px;
	padding-left: 4px;
	border: 1px solid #eee;
	outline: none;
}

.qc {
	color: #0e90d2;
	cursor: pointer;
	display: none;
}

.qc:hover {
	color: #095f8a;
}

.dzje {
	display: none;
	line-height: 34px;
}

.dcdzd {
	color: #0e90d2;
}

.dcdzd:hover {
	color: #095f8a;
}

/*分页*/
#paging {
	width: 100%;
	height: 58px;
	line-height: 58px;
}

.layui-laypage {
	float: right;
}

.layui-laypage-em {
	background: #2c86f1 !important;
}

.pagebottom {
	margin: 0 16px;
	padding: 26px 0;
	background: #fff;
	margin-bottom: 80px;
	font-size: 14px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.pagebottom .qr_btn {
	width: 100px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	text-align: center;
	background: #2c86f1;
	margin-top: 20px;
	margin-left: 75px;
}

/*订单查询*/
.ordergoods a {
	display: inline-block;
	line-height: 20px;
	height: 20px;
}

.ordergoods a:hover {
	color: #2c86f1;
}

.ordergoods .aa.on {
	color: #2c86f1;
	border-bottom: 2px solid #2c86f1;
}

table tr .td1 {
	background: #fafafa;
	padding-left: 10px;
	padding-right: 10px;
}

.ordernav .inputk {
	width: 128px;
	height: 34px;
	line-height: 34px;
	background: #ebeced;
	padding-left: 10px;
	border: none;
}

.ordernav .ordernav_p {
	line-height: 34px;
	margin-right: 8px;
}

.ordernav select {
	width: 110px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #ebeced;
	padding-left: 10px;
}

.ordernav .inputdd {
	width: 230px;
	height: 32px;
	line-height: 32px;
	padding-left: 10px;
}

.ordernav .inputds {
	width: 140px;
	height: 32px;
	line-height: 32px;
	padding-left: 10px;
}

.ordernav .bt {
	width: 86px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	text-align: center;
	background: #ff9b00;
	border: 1px solid #ff9b00;
	margin-left: 16px;
}

.border_table {
	border: 1px solid #ddd;
}

.table_c tr th {
	text-align: center;
}

.border_table .prdbox {
	padding-left: 14px;
}

.border_table .prsxbox {
	left: 124px;
}

.order-track {
	color: #0e90d2;
}

.order-track:hover {
	color: #095f8a;
}

.consignee {
	color: #0e90d2;
}

.consignee:hover {
	color: #0e90d2;
}

.order-cancel {
	padding: 4px 10px;
	border-radius: 4px;
	border: 1px solid #EEEEEE;
}

/*提交下单表格*/
.xdwj {
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 300px;
}

.xdbgbt {
	width: 156px;
	height: 32px;
	line-height: 32px;
	background: #fafafa;
	color: #333;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #e0e0e0;
}

.xdwj p {
	padding-top: 14px;
	padding-left: 80px;
	color: #ff7300;
}

.dzmb {
	margin-left: 80px;
	margin-top: 40px;
}

.downloaddz {
	color: #2c86f1;
	margin-left: 10px;
}

.downloaddz:hover {
	color: #2c86f1
}

.icon {
	width: 18px;
	height: 18px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
}

.standard {
	background: url(../images/standard.png) no-repeat;
}

.customization {
	background: url(../images/customization.png) no-repeat;
}

/*库存管理*/
.table_kcgl tr th,
.table_kcgl tr td {
	text-align: center;
}

.table_kcgl tr th {
	border: 1px solid #eee;
}

.table_kcgl tr td {
	border: 1px solid #eee;
	padding: 0.7rem;
	line-height: 1.6;
	vertical-align: middle;
}

.table_kcgl a {
	color: #0e90d2;
}

.table_kcgl a:hover {
	color: #095f8a;
}

.dckcqdbt {
	width: 116px;
	height: 32px;
	line-height: 32px;
	outline: none;
	color: #fff;
	text-align: center;
	background: #2c86f1;
	margin-top: 22px;
}

/*补货*/
.bhbox {
	padding: 20px 40px 20px;
}

.bhbox input {
	width: 240px;
	height: 34px;
	line-height: 34px;
	padding-left: 10px;
	padding-right: 10px;
}

.bhbox .btbox button {
	width: 86px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	outline: none;
}

.bhbox .btbox .qr {
	color: #fff;
	background: #2c86f1;
}

.bhbox .btbox .qx {
	background: #fff;
	border: 1px solid #eee;
	line-height: 28px;
}

/*库存日志*/
.kcrz .table_kcrz tr th,
.kcrz .table_kcrz tr td {
	text-align: center;
	border: 1px solid #eee;
}

.kcrz .table_kcrz tr th {
	border: 1px solid #eee;
	background: #fcfcfc;
}

.kcrz {
	padding: 20px 40px;
}

.kcrz .table_kcrz {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 0;
}

.border_table tr td {
	padding: 0.7rem;
	line-height: 1.6;
}

/* 产品编辑 */
.productEdit {
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
}

.productEdit p {
	font-weight: 700;
	font-size: 14px;
	padding-bottom: 20px;
}

.buttonbox {
	margin-top: 40px;
}

.buttonbox button {
	width: 88px;
	height: 32px;
	line-height: 32px;
	outline: none;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}

.buttonbox .submitbtn {
	background: #2c86f1;
	color: #fff;
	margin-right: 10px;
	border: 1px solid #2c86f1;
}

.buttonbox .cancelbtn {
	background: #fff;
	border: 1px solid #eee;
}

.prdinfo input {
	width: 500px;
	height: 42px;
	line-height: 42px;
	outline: none;
	padding-left: 10px;
	border: 1px solid #eee;
	box-sizing: border-box;
}

.pfdtt {
	line-height: 42px;
	margin-top: 20px;
}

.prdinfo .imgbox {
	width: 100px;
	height: 100px;
	margin-right: 20px;
	border: 1px solid #eee;
	box-sizing: border-box;
}

.prdinfo .imgbox img {
	width: 100%;
}

.addBtn {
	color: #333 !important;
	width: 88px;
	height: 32px;
	line-height: 32px;
	outline: none;
	display: block;
	margin-top: 10px;
	text-align: center;
	border: 1px solid #eee;
	box-sizing: border-box;
}

.table_kcgl td input {
	width: 100%;
	height: 20px;
	text-align: center;
	border: 1px solid #ccc;
	background: #f8f8f8;
}


/* 外链 */
.exl_opear {
	cursor: pointer;
}

.exlc_page .fl {
	float: none;
	display: inline-block;
	vertical-align: middle;
}

.exlc_page .ib {
	display: inline;
	vertical-align: middle;
}

.exlc_page .prdimg {
	min-width: 102px;
	height: 102px;
}

.consignee {
	cursor: pointer;
}

.consignee_tip {
	font-size: 14px;
}

.bs_inline {
	margin-right: 20px;
	display: inline-block;
	white-space: nowrap;
}

table .prdimg {
	min-width: 66px;
	width: auto;
	display: inline-block;
}


.border_table tr td{
	line-height: 1.9;
}
.border_table .prdbox{
	line-height: 1;
}
.group_a{
	font-size: 20px;
	line-height: 1.6;
}
.group_a a{
	font-size: 14px;
	white-space: nowrap;
	border-radius: 2px;
}
.order_sure{
	background-color: #2c86f1;
	color: #fff;
	border-color: #2c86f1;
}
.order_return{
	color: #444;
	border-color: #ccc;
}
.h60 {height: 60px;}