.u-row {
	position: relative;
	box-sizing: border-box;

	&::before {
		display: table;
		content: '';
		clear: both;
	}

	&::after {
		display: table;
		content: '';
		clear: both;
	}

	.u-col {
		float: left;
		box-sizing: border-box;
	}

	.u-col-0 {
		display: none;
	}
}

/* 布局/定位相关 */
.u-relative {
	position: relative;
}

.u-absolute {
	position: absolute;
}

.u-fl {
	float: left;
}

.u-fr {
	float: right;
}

.u-f-none {
	float: none;
}

/* flex布局 */
.u-flex {
	display: flex;
	flex-direction: row !important;
	align-items: center;
}

.u-flow-column {
	flex-flow: column !important;
}

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

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

.u-flex-auto {
	flex: auto;
}

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

.u-col-top {
	align-items: flex-start;
}

.u-col-bottom {
	align-items: flex-end;
}

.u-col-stretch {
	align-items: stretch;
}

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

.u-row-left {
	justify-content: flex-start;
}

.u-row-right {
	justify-content: flex-end;
}

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

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

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

.u_align_self {
	align-self: flex-end;
}

.u_align_self_center {
	align-self: center;
}

.u_align_self_end {
	align-self: end;
}

.u_align_flex_start {
	align-self: flex-start;
}
.u-flex-shrink-0{
	flex-shrink: 0;
}
.u-flex-shrink-1{
	flex-shrink: 1;
}

.u-flex-auto{
	flex: auto !important;
}