/**
*   flex布局
**/
.flex {
	display: flex;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.flex1 {
	flex: 1;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.justify-start {
	justify-content: flex-start;
}

.justify-center {
	justify-content: center;
}

.justify-end {
	justify-content: flex-end;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.items-start {
	align-items: start;
}

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

.items-end {
	align-items: flex-end;
}
.btn-size{padding:7px;}
.pointer{cursor: pointer;}
/* Grid */
.grid {
  display: -ms-grid;
  display: grid;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gap-x-20px {
  column-gap: 20px;
}
.gap-x-10px {
  column-gap: 10px;
}
.gap-y-10px{
  -webkit-row-gap: 10px;
  -moz-row-gap: 10px;
  grid-row-gap:  10px;
  row-gap: 10px;
}
.truncate{
    overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Position */
.relative{ position: relative;display: inline-block;}
.absolute{  position: absolute;}
.fixed{  position: fixed;}
.text-node {
  display: flex;
  justify-content: start;
  align-items: center;
  font-weight: 700;
  font-size: 17px;
}
.text-node::before {
    content: "";
    width: 3px;
    height: 18px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: #1A797B;
    margin-bottom: -1px;
  }
.el-tag {
  background-color: #cffeff;
  border-color: #12a3a6;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #1a797b;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}

/****************************** 自定义单据格式 */
.el-scrollbar {
  --el-scrollbar-wrap-height: 100% !important; /* 强制滚动容器高度100% */
}
.el-scrollbar__wrap {
  overflow-y: auto !important; /* 强制显示垂直滚动条（有内容时） */
  height: 100% !important;
}
.topCentr .p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.topCentr .p, .tableBottom .p.on {
	padding: 2px 0;	border-bottom: 0px dashed rgba(0,0,0,.18);
	line-height: 1.5;
	font-weight: normal;
}

.topCentr .left_div .vDiv {
	text-align: center;
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}

	.topCentr .left_div .vDiv.oneHalf {
		width: 100%;
	}

	.topCentr .left_div .vDiv img {
		width: 150px;
		height: 150px;
		margin-top: 20px;
	}

.topCentr .p.on, .tableBottom .p.on {
	background-color: rgba(255,102,0,.18);
	color: #000;
}
.topCentr .on-active {
	background-color: rgba(255,102,0,.18);
	color: #000;
}
.fontSize0 {
	font-size: 12px !important;
	transform: scale(1,1);
	font-weight: bold;
}

.fontSize1 {
	font-size: 15px !important;
	transform: scale(1,1);
	font-weight: normal;
}

.fontSize2 {
	font-size: 20px !important;
	transform: scale(1,1);
	font-weight: normal;
	line-height: 0.75 !important;
	margin-top: 5px;
}

.fontSize3 {
	font-size: 25px !important;
	transform: scale(1,1);
	font-weight: normal;
}