.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;
}

.text-ellipsis {
	display: -webkit-box;
	/* 关键属性 */
	-webkit-box-orient: vertical;
	/* 排列方向 */
	-webkit-line-clamp: 2;
	/* 显示行数 */
	overflow: hidden;
	/* 超出隐藏 */
	text-overflow: ellipsis;
	/* 超出显示省略号 */
	word-break: break-all;
	/* 允许单词断行 */
}

.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;
}

.color-price {
	color: #FF5030;
}
.color-white {
	color: #fff;
}

.color-orange {
	color: #FC581C;
}
.color-red {
	color: #F22513;
}
.color-yellow {
	color: #FE9000;
}
.color-pink {
	color: #FF4545;
}

.color-text {
	color: #222426;
}

.color-text1 {
	color: #626468;
}

.color-text2 {
	color: #898E91;
}

.color-text3 {
	color: #B2B2B2;
}

.bg-color {
	background-color: #008FD3;
}

.bg-price {
	background-color: #FF5030;
}

.bg-yellow {
	background-color: #F5A623;
}

.bg-gree {
	background-color: #2CAE5C;
}

.bg-purple {
	background-color: #7A73E0;
}

.bg-white{
	background-color:#fff;
}
.bg-light{
	background-color:#F5F7FA;
}
