* {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	text-decoration: none;
	color: #27282b;
}

*,
*::before,
*::after {
	outline: none;
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	height: 100%;
	/* min-height: 100vh; */
	font-size: 14px;
	line-height: 1.8;
	font-family: sans-serif, "HelveticaNeue", Helvetica, "PingFangSC", "MicrosoftYaHei", "HiraginoSansGB", Arial;
	color: #27282b;
	background: #fff;
}

img {
	display: block;
}

/*flex start*/
.box-flex {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -o-flex;
}

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

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

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

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

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

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

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

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

.flex-1 {
	flex: 1;
}

.flex-2 {
	flex: 2
}

.flex-3 {
	flex: 3
}
/*flex end*/
.w-100-0 {
	width: 100%;
}
.h-100-0 {
	height: 100%;
}
.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}
/****/
.m-t-m {
	margin-top: 10px;
}
.m-t-l {
	margin-top: 15px;
}
.m-r-m {
	margin-right: 10px;
}

/****/
.color-white {
	color: white
}
.text-center{
	text-align: center;
}

.fs-12 {
	font-size: 12px;
}