.hb {
	height: 100%;
	box-sizing: border-box;
}
	
.hidden {
	overflow: hidden;
}
.w100 {
	width: 100%;
}

.h100 {
	height: 100%;
}
.row {
	display: flex;
	flex-direction: row;
}

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

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

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

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

.justify-around {
	display: flex;
	justify-content: space-around;
}
.justify-evenly {
	display: flex;
	justify-content: space-evenly;
}

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

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

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

.align-end {
	display: flex;
	align-items: flex-end;
}

.center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.centerV {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.wrap {
	flex-wrap: wrap;
}

.flex-1 {
	flex: 1;
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	box-sizing: border-box;
	width: 100%;
	-webkit-line-clamp: 1;
}

.lines-2 {
	-webkit-line-clamp: 2 !important;
}

.lines-3 {
	-webkit-line-clamp: 3 !important;
}

.bold {
	font-weight: bold;
}

.line-through {
	text-decoration: line-through;
}

.nowrap {
	white-space: nowrap;
}

.scrollx {
	overflow-x: scroll;
}

.scrolly {
	overflow-y: scroll;
}
.base-textcol{
	color: var(--base-color-text);
}
.color9{
	color: #999;
}
.color6{
	color: #666;
}
.bgf{
	background-color: #fff;
}
.base-color{
	color: #018C39;
}