/*公用样式*/

.bg {
	background-color: #f2f2f2 !important;
	font-family: 'Microsoft Yahei'
}

#haixiang {
	margin: 0;
	padding: 0;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.text-align-left {
	text-align: left;
}

.text-align-right {
	text-align: right;
}

.text-align-center {
	text-align: center;
}

.display-block {
	display: block;
}

.display-inline-block {
	display: inline-block;
}

.display-top-block {
	display: inline-block;
	vertical-align: top;
}

.display-middle-block {
	display: inline-block;
	vertical-align: middle;
}

.overflow-hidden {
	overflow: hidden;
}

.font-bloder {
	font-weight: bolder;
}

.clear {
	clear: both;
}

.red {
	color: red;
}
.success {
	color: #51D351;
}
.w-150{
	width: 152px!important;
}
.top-10 {
	margin-top: 10px;
}

.top-5 {
	margin-top: 5px;
}

.right-10 {
	margin-right: 10px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-15 {
	margin-top: 15px;
}

.margin-top-30 {
	margin-top: 30px;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-left-5 {
	margin-left: 5px;
}
.margin-left-10 {
	margin-left: 10px;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-left-60 {
	margin-left: 60px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-right-5 {
	margin-right: 5px;
}

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.position-fixed {
	position: fixed;
}

.margin-5 {
	margin: 5px;
}

.width120 {
	width: 120px;
}

.width150 {
	width: 150px;
}

.width95 {
	width: 95px;
}

.ellipsis-3 {
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.ellipsis-2 {
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.ellipsis-1 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.word-break {
	word-break: break-all;
}

.overflowAuto {
	max-height: 540px;
	overflow: auto;
}

.font-size-0 {
	font-size: 0;
}

.ps-span {
	color: red;
	font-size: 12px;
	margin: 5px;
}


/*以上为公用模块*/

.header {
	background-color: #3c414d;
	font-size: 14px;
	height: 50px;
	position: fixed;
	z-index: 500;
	width: 100%;
}

.header-ul {
	overflow: hidden;
	margin-left: 200px;
}

.header-ul li {
	float: left;
	color: #fff;
	padding: 0 15px;
}

.tab-line {
	display: inline-block;
	vertical-align: top;
}

.tab-line ul {
	display: inline-block;
}

.tab-line ul .menu-li {
	font-size: 12px;
	float: left;
	color: #fff;
	text-align: center;
	cursor: pointer;
	padding: 15px;
	height: 50px;
}

.tab-line ul .menu-li:hover {
	color: #4792e0;
	background-color: #fff;
}

.tab-line ul .menu-li.active {
	color: #4792e0;
	background-color: #fff;
}

.tab-line .menu-hover {
	top: 49px;
	left: 0;
	background-color: #fff;
	font-size: 12px;
	display: inline-block;
	color: #333;
	box-shadow: 0 5px 16px hsla(0, 0%, 7%, .18);
	width: 240px;
	text-align: left;
	max-height: 530px;
	overflow: auto;
}

.tab-line .menu-div {
	margin: 5px;
}

.tab-line .menu-hover-title {
	margin-left: 5px;
	font-weight: bold;
}

.tab-line .menu-hover-content {
	padding-left: 21px;
}

.tab-line .menu-hover-content span {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 3px 0;
}

.tab-line .menu-hover-content span:hover {
	display: inline-block;
	background-color: #b9d5f3;
}

.tab-line .menu-hover-content span.active {
	display: inline-block;
	color: #2d8cf0;
}


/*左侧菜单*/

.sidebar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: #333744;
	z-index: 109;
	max-height: 1200px;
	overflow-y: auto;
}

.nav {
	width: 180px;
	background-color: #42485b;
	padding-top: 50px;
}


/*伸缩的*/

.sidebar.hide-content {
	overflow-y: inherit;
}

.nav.hide-content {
	width: 30px;
}

.nav.hide-content .sub-menu {
	display: none !important;
}

.nav .menu-content {
	display: inline-block;
}

.nav.hide-content .menu-content {
	display: none;
}

.nav-a {
	cursor: pointer;
	color: #fff;
}

.nav-a.active {
	color: #2d8cf0 !important;
}

.sub-nav {
	float: left;
	display: none;
	cursor: pointer;
}

.sub-nav li a {
	color: #fff;
}

.sub-nav.active {
	display: block;
}

.container {
	background-color: #f1f2f4;
	height: 100%;
	padding-top: 50px;
}

.container.hide-content {
	margin-left: 30px;
}
.content {
	margin: 55px 5px 0px 5px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ccc;
}

.username {
	color: #fff;
}

.username .qq {
	font-size: 12px;
}

.fontSize12 {
	font-size: 12px !important;
}

.publik-title-div {
	background-color: #f2f5f7;
	font-size: 14px;
	border: 1px solid #d9dadc;
	overflow: hidden;
	margin-bottom: 5px;
}

.publik-title-div .text {
	float: right;
	width: 200px;
	height: 32px;
	border: 1px solid #dddee1;
	border-radius: 5px;
	margin: 5px 5px 5px 0;
}

.public-modal-div .text {
	width: 200px;
	height: 32px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 5px 5px 5px 0;
}

.public-modal-div .text:hover,
.publik-title-div .text:hover {
	border: 1px solid rgb(45, 140, 240);
}

.public-modal-div .text input,
.publik-title-div .text input {
	border: none;
	width: 150px;
	height: 30px;
	text-indent: 5px;
}

.public-modal-div .text i,
.publik-title-div .text i {
	margin-left: 5px;
	font-size: 16px;
	vertical-align: middle;
	line-height: normal;
	cursor: pointer;
}

.publik-title-div .button-right {
	float: right;
	margin: 5px;
}

.publik-title-div .input-left {
	float: left;
	margin-left: 5px;
}

.publik-title-div .select-div {
	display: inline-block;
	margin: 5px;
}

.publik-title-div .select-right {
	overflow: hidden;
	display: inline-block;
	text-align: right;
	vertical-align: top;
	float: right;
}

.logo {
	width: 130px;
	height: 50px;
	float: left;
	text-align: center;
}

.logo img {
	width: 110px;
	height: 19px;
	margin-top: 15px;
}

.tab-right {
	display: inline-block;
	vertical-align: top;
	margin: 10px 10px auto auto;
}

.help {
	color: #fff;
	font-size: 12px;
	overflow: hidden;
}

.help span {
	cursor: pointer;
}

.user-modal {
	text-align: center;
	padding: 10px 0;
}

.user-modal .name {
	color: #232323;
	font-size: 16px;
}

.user-modal .role {
	color: #4792e0;
	font-size: 14px;
}

.cursor {
	cursor: pointer;
}

.cursor:hover {
	color: #4a95df;
}

.table-style {
	margin: 0.5%;
	padding: 10px;
	background-color: #fff;
}

.page-style {
	margin-top: 10px;
	text-align: center;
}

.title-div {
	background-color: #e9d5c1;
	font-size: 14px;
	margin-bottom: 5px;
	padding: 5px;
}


/*订单详情中*/

.icon-style {
	float: right;
	font-size: 16px;
	cursor: pointer;
	line-height: 34px !important;
	margin-right: 10px;
	line-height: 34px;
}

.icon-style:hover {
	color: #4a95df;
}

.details-publik-title-div {
	background-color: #f2f5f7;
	height: 36px;
	color: #407abd;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	font-size: 14px;
}

.details-publik-title-div-span {
	margin-left: 10px;
	line-height: 34px;
}

.details-publik-title-div-icon {
	margin-right: 10px;
	line-height: 34px;
}

.details-publik-title-div .export-in {
	margin: 5px;
}

.public-table {
	width: 100%;
	border-collapse: collapse;
}

.public-table-td {
	background-color: #f2f5f7;
}

.public-table-input {
	padding: 5px;
	width: 300px;
}

.public-table tr td {
	border: 1px solid #ccc;
}

.public-td-col {
	padding: 8px;
	display: inline-block;
}

.mandatory {
	color: red;
}

.texthidden {
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}


/*tab切换*/

.tabs {
	font-size: 0;
	border-bottom: 1px solid #e9eaec;
	min-height: 40px;
}

.tabs>a {
	font-size: 12px;
	margin-right: -1px;
	border-top: 1px solid #e9eaec;
	border-left: 1px solid #e9eaec;
	border-right: 1px solid #e9eaec;
	padding: 10px 15px;
	display: inline-block;
	background-color: #FBFAF8;
	color: #666;
}

.tabs>a.selected {
	border-top: 2px solid #2d8cf0;
	background-color: #fff;
	margin-bottom: -1px;
	border-bottom: 1px solid #fff;
}

.iconfont {
	font-size: 13px !important;
}


/*仓库sku*/

.sku-content {
	overflow: hidden;
	font-size: 12px;
	margin-bottom: 10px;
}

.sku-content>div {
	float: left;
}

.sku-content .sku-left {
	width: 15%;
}

.sku-left img {
	width: 100%;
	height: 200px;
	border: 1px solid #e9eaec;
}

.sku-content .sku-right {
	width: 84%;
	margin-left: 1%;
}

.sku-right table {
	width: 100%;
	border: 1px solid #e9eaec;
	text-indent: 5px;
	border-collapse: collapse;
	height: 200px;
	/*margin-left: 10px;*/
}

.sku-right table tr {
	height: 40px;
	border: 1px solid #e9eaec;
}

.sku-right table td {
	border: 1px solid #e9eaec;
}

.sku-bottom {
	max-height: 350px;
	overflow: auto;
}

.sku-bottom table {
	width: 100%;
	border-collapse: collapse;
}

.sku-bottom table th {
	height: 30px;
	white-space: nowrap;
	overflow: hidden;
	background-color: #f8f8f9;
}

.sku-bottom table td {
	box-sizing: border-box;
	text-overflow: ellipsis;
	vertical-align: middle;
	border-bottom: 1px solid #e9eaec;
	text-align: center;
	height: 30px;
}

.sku-bottom table td,
.sku-bottom table th {
	border: 1px solid #e9eaec;
}

.file-title {
	display: inline-block;
	vertical-align: middle;
}


/*table fixed公用样式*/

.data-ul {
	width: 100%;
}

.data-ul table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.data-ul table th {
	height: 30px;
	overflow: hidden;
	background-color: #f8f8f9;
	padding: 8px;
	font-size: 14px;
	word-wrap: break-word;
}

.data-ul table td {
	box-sizing: border-box;
	text-overflow: ellipsis;
	vertical-align: middle;
	padding: 8px;
	word-wrap: break-word;
}

.data-ul table td,
.data-ul table th {
	border: 1px solid #e9eaec;
}

.data-ul tr:nth-child(even) {
	background-color: #f8f8f9;
}

.data-ul tr:nth-child(odd) {
	background-color: #fff;
}

.data-ul table tr:hover {
	background-color: #e6e4e4;
}

.overflow-auto {
	overflow: auto;
	width: 100%;
}

.overflow-auto::-webkit-scrollbar {
	display: none;
}

.tableTr {
	position: fixed;
	top: 98px;
	display: table;
	z-index: 100;
}

.panelContent {
	margin: 10px 5px 0 5px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ccc;
}


/*
	多行文本溢出
 */

.mult_line_ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	width: 130px;
}


/*自己定义的table公用样式*/

.data-ul1 {
	margin-top: 10px;
	overflow: auto;
}

.data-ul1 table {
	width: 100%;
	border-collapse: collapse;
}

.data-ul1 table th {
	height: 30px;
	white-space: nowrap;
	overflow: hidden;
	background-color: #f2f5f7;
	padding: 8px;
}

.data-ul1 table td {
	box-sizing: border-box;
	text-overflow: ellipsis;
	vertical-align: middle;
	border-bottom: 1px solid #e9eaec;
	text-align: center;
	padding: 8px;
}

.data-ul1 table td,
.data-ul1 table th {
	border: 1px solid #e9eaec;
}

.data-ul1 tr:nth-child(even) {
	background-color: #fff;
}

.data-ul1 tr:nth-child(odd) {
	background-color: #f8f8f9;
}

.data-ul1 table tr:hover {
	background-color: #e6e4e4;
}


/*关闭样式*/

.form-button {
	margin-top: 50px;
}


/*查看更多/点击有详情时*/

.look-more {
	color: #2d8cf0;
	cursor: pointer;
}


/*iview中•••的样式乱码问题*/

.ivu-page-item-jump-next::after,
.ivu-page-item-jump-prev::after {
	content: "\2022\2022\2022";
}

.ivu-page-item-jump-next:after,
.ivu-page-item-jump-prev:after {
	content: "\2022\2022\2022";
}


/*iview中dropdown下拉太长问题*/

.ivu-dropdown .ivu-select-dropdown {
	overflow: auto !important;
	max-height: 500px !important;
}


/*公用图片格式*/

.product-img {
	width: 50px;
	height: 50px;
	margin-top: 5px;
}


/*固定的table样式 -- 开始*/

.fixed-table {
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: flex-start;
}

.fixed-table table {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
	border: #e9eaec solid 0px;
	table-layout: fixed;
	display: block;
}

.fixed-table table td {
	border: 1px solid #e9eaec;
	height: 60px;
	text-align: center;
	border-left: 0px;
	width: 105px;
	word-break: break-all;
}

.fixed-table table th {
	background: #f2f5f7;
	color: #495060;
	border: 1px solid #e9eaec;
	white-space: nowrap;
	height: 36px;
	border-top: 0px;
	border-left: 0px;
	width: 105px;
}

.fixed-table table tr:nth-child(even) {
	background-color: #f8f8f9;
}

.fixed-table table tr:nth-child(odd) {
	background-color: #fff;
}

.fixed-table table tr:hover {
	background-color: #e6e4e4;
}

.t_left {
	width: 105px;
	height: auto;
	float: left;
	border-top: 1px solid #e9eaec;
	border-left: 1px solid #e9eaec;
}


/*t_r_content和cl_freeze高度相差20px， 高度为外观显示高度，可根据情况调整*/

.t_r_content {
	width: 100%;
	background: #fff;
	overflow: auto;
}

.cl_freeze {
	overflow-y: auto;
	width: 100%;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.cl_freeze::-webkit-scrollbar {
	display: none;
	/* Chrome Safari */
}


/* width 调整左边标题列宽度（左侧外观显示宽度）; 指定为width:auto 在Opera下显示有问题; height比 t_r_content 高度小20px*/


/* width 宽度为 右侧外观显示宽度 实际显示宽度大小为“t_r”宽度加上“cl_freeze”宽度 */


/* 如果显示不正常，调整 t_r的width 使其和t_left的width之和小于100%；等于100%时会有问题*/

.t_r {
	width: calc(100% - 105px);
	height: auto;
	float: left;
	border-top: 1px solid #e9eaec;
	border-right: #e9eaec solid 1px;
}


/*宽度比 t_r table 大20px （至少大20，小了滚动条滑到右侧显示有问题）*/

.t_r_t {
	width: 100%;
	overflow: hidden;
}

.bordertop {
	border-top: 0px;
}


/*固定的table样式 -- 结束*/


/*头部固定样式*/

.head-fixed-table table {
	border-collapse: collapse;
	border-left: 1px solid #e9eaec;
}

.head-fixed-table tbody {
	display: block;
	overflow-y: scroll;
}

.head-fixed-table table thead,
.head-fixed-table tfoot,
.head-fixed-table tbody tr {
	display: table;
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

.head-fixed-table thead tr th {
	background-color: #f2f5f7;
}

.head-fixed-table thead tr th,
.head-fixed-table tbody tr td {
	padding: 8px;
	border-bottom: 1px solid #e9eaec;
	border-right: 1px solid #e9eaec;
	word-wrap: break-word;
}

.head-fixed-table table thead,
.head-fixed-table tfoot {
	width: calc( 100% - 15px);
	border-top: 1px solid #e9eaec;
}

.head-fixed-table tbody tr:nth-child(even) {
	background-color: #f8f8f9;
}

.head-fixed-table tbody tr:nth-child(odd) {
	background-color: #fff;
}

.head-fixed-table tbody tr:hover {
	background-color: #e6e4e4;
}


/*头部固定样式*/

/* 合并单元格 */
.table {overflow-x:auto;}
.table table {
	width: 100%;
	border-collapse: collapse;
	border-left: 1px solid #e9eaec;
}
.table tbody {
	display: block;
	overflow-y: scroll;
}
.table table thead{display: block;}
.table table thead,
.table tfoot,
.table tbody tr {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}
.table thead tr th {
	background-color: #f2f5f7;
}
.table thead tr th,
.table tbody tr td {
	min-width: 100px;
	padding: 8px;
	border-bottom: 1px solid #e9eaec;
	border-right: 1px solid #e9eaec;
	word-wrap: break-word;
}
.table table thead,
.table tfoot {
	width: calc( 100% - 17px);
	border-top: 1px solid #e9eaec;
}
.table tbody tr:nth-child(even) {
	background-color: #f8f8f9;
}
.table tbody tr:nth-child(odd) {
	background-color: #fff;
}
.table tbody tr:hover {
	background-color: #e6e4e4;
}
/* 合并单元格 */

.mytabs {
	font-size: 0;
	min-height: 40px;
	display: inline-block;
	vertical-align: top;
}

.mytabs>a {
	font-size: 12px;
	margin-right: -1px;
	border: 1px solid #2d8cf0;
	padding: 6px 16px;
	display: inline-block;
	background-color: #ffff;
	color: #000;
}

.mytabs>a.selected {
	border: 1px solid #2d8cf0;
	background-color: #2d8cf0;
	color: #fff;
	margin-bottom: -1px;
}

.mytabs1 {
	font-size: 0;
	min-height: 40px;
	display: inline-block;
	vertical-align: top;
}

.mytabs1>a {
	font-size: 12px;
	margin-right: -1px;
	border: 1px solid #2d8cf0;
	padding: 6px 10px;
	display: inline-block;
	background-color: #ffff;
	color: #000;
}

.mytabs1>a.selected {
	color: #2d8cf0;
	margin-bottom: -1px;
}

.mytabs>a.selected[disabled] {
	background-color: #f3f3f3;
	opacity: 1;
	cursor: not-allowed;
	color: #ccc;
}


/*加载的样式*/

.loading-div {
	position: absolute;
	top: 37px;
	width: 100%;
	min-height: 163px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* border: 1px solid red; */
}

.loading-color {
	color: #2196F3;
}
/* title blue */
.titleBlue {
	padding-left: 10px;
	border-left: 3px solid #2d8cf0;
	margin: 5px 0;
}
.listArr .zilist {
	display: flex;
	justify-content: center;
	align-items: center;
word-wrap: break-word;
min-height:34px;
}
.listArr .zilist:not(:last-child){
	border-bottom: 1px solid #e9eaec;
}
.blue {
	cursor: pointer;color: #2d8cf0;
}
.package {
  position: absolute;
  z-index: 9;
  transform: rotate(-21deg);
  -ms-transform: rotate(-21deg);
  -moz-transform: rotate(-21deg);
  -webkit-transform: rotate(-21deg);
  -o-transform: rotate(-21deg);
  color: rgba(199, 33, 147, 0.43);
  font-size: 18px;
}
.activeList{background: #cce5ff !important;}

.over td,.over th{
	width: 120px;
}
.over .st{
	position:sticky;
	right: -1px;
	box-shadow: 1px 0 3px -2px #8d8d8d inset;
	border-left: #fff;
}
.over .le{
	position:sticky;
	left: -1px;
	box-shadow: 1px 0 3px -2px #8d8d8d inset;
	border-left: #fff;
}
.over td{background: #fff;}
.over th:nth-last-child(2),.over td:nth-last-child(2){border-right: #fff;}
.fixed-btn{
	position: sticky;
	bottom: 0;
	z-index: 3;
	/* background: #fff; */
}
.tab_::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 19px;
  background: #409eff;
  margin-right: 12px;
  margin-bottom: -4px;
}
.maxH{
	overflow: auto;
	max-height: calc(100vh - 250px);
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin: 0; 
}
/* 列表上的统计 */
.box_tab {
    display: flex;
    flex-wrap: wrap;
    
  }
.box_tab .li {
      font-size: 19px;
      border: 1px dashed #1e88c7;
      color: #1e88c7;
      margin: 10px 20px 10px 0;
      padding: 5px 12px;
      cursor: pointer;
    }
.hr_{
  width: 100%;
  height: 6px;
  background: #EEF5FD;
  margin: 12px 0;
}
@media print{
  .bg {background: #fff!important;}
}