.flex {
	display: flex;
}

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

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

.flex-c-sb {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-c-sa {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

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

.flex1 {
	flex: 1;
}

.flexnone {
	flex: none;
}

.mt10 {
	margin-top: 10upx;
}

.mt20 {
	margin-top: 20upx;
}

.ml10 {
	margin-left: 10upx;
}

.ml20 {
	margin-left: 20upx;
}

.mb10 {
	margin-bottom: 10upx;
}

.mb20 {
	margin-bottom: 20upx;
}

.mr10 {
	margin-right: 10upx;
}

.mr20 {
	margin-right: 20upx;
}

.pd10 {
	padding: 10upx;
}

.pd15 {
	padding: 15upx;
}

.pd20 {
	padding: 20upx;
}

.pb10 {
	padding-bottom: 10upx;
}

.pb15 {
	padding-bottom: 15upx;
}

.pb20 {
	padding-bottom: 20upx;
}

.pt10 {
	padding-top: 10upx;
}

.pt15 {
	padding-top: 15upx;
}

.pt20 {
	padding-top: 20upx;
}

.pl10 {
	padding-left: 10upx;
}

.pl15 {
	padding-left: 15upx;
}

.pl20 {
	padding-left: 20upx;
}

.pr10 {
	padding-right: 10upx;
}

.pr15 {
	padding-right: 15upx;
}

.pr20 {
	padding-right: 20upx;
}

.w100 {
	width: 100%;
}

.h100 {
	height: 100%;
}

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

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

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

.fwb {
	font-weight: bold;
}

.fwn {
	font-weight: normal;
}

.rem-1 {
	font-size: 1rem;
}

.rem-0-8 {
	font-size: 0.8rem;
}

.rem-0-9 {
	font-size: 0.9rem;
}

.rem-1-5 {
	font-size: 1.5rem;
}

.primaryColor {
	color: #172e60;
}

.primaryColorIm {
	color: #172e60 !important;
}