.bc-w{
	background-color: #fff
}
.bc-r{
	background-color: #ff4f4f;
}
.bc-l{
	background-color: #2a7fff
}
.bc-b{
	background-color: #000;
}
.bc-h{
	background-color: #959595;
}
.bc{
	background-color: #efeff4
}

.c-w{
	color: #fff;
}
.c-r{
	color: #ff4f4f;
}
.c-l{
	color: #2a7fff
}
.c-b{
	color: #000;
}
.c-h{
	color: #959595;
}
.c{
	color: #fff4f4;
}


.w100{
	width: 100%;
}
.h100{
	height: 100%;
}


.m10{
	margin: 10px;
}
.m15{
	margin: 15px;
}
.m20{
	margin: 20px;
}
.m30{
	margin: 30px;
}

.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}

.ml10{
	margin-left: 10px;
}
.ml15{
	margin-left: 15px;
}
.ml20{
	margin-left: 20px;
}
.ml30{
	margin-left: 30px;
}

.mr10{
	margin-right: 10px;
}
.mr15{
	margin-right: 15px;
}
.mr20{
	margin-right: 20px;
}
.mr30{
	margin-right: 30px;
}

.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}


.p10{
	padding: 10px;
}
.p15{
	padding: 15px;
}
.p20{
	padding: 20px;
}
.p30{
	padding: 30px;
}

.pt10{
	padding-top: 10px;
}
.pt15{
	padding-top: 15px;
}
.pt20{
	padding-top: 20px;
}
.pt30{
	padding-top: 30px;
}

.pl10{
	padding-left: 10px;
}
.pl15{
	padding-left: 15px;
}
.pl20{
	padding-left: 20px;
}
.pl30{
	padding-left: 30px;
}

.pr10{
	padding-right: 10px;
}
.pr15{
	padding-right: 15px;
}
.pr20{
	padding-right: 20px;
}
.pr30{
	padding-right: 30px;
}

.pb10{
	padding-bottom: 10px;
}
.pb15{
	padding-bottom: 15px;
}
.pb20{
	padding-bottom: 20px;
}
.pb30{
	padding-bottom: 30px;
}

.flex{
	display: flex;
}
.ai-c{
	align-items: center;
}
.ju-c{
	justify-content: center;
}
.fd-c{
	flex-direction: column;
}
.fw-w{
	flex-wrap: wrap;
}

.br10{
	border-radius: 10px;
}
.br15{
	border-radius: 15px;
}
.br20{
	border-radius: 20px;
}
.br30{
	border-radius: 30px;
}
.br50{
	border-radius: 50px;
}

.posa{
	position: absolute;
}
.posr{
	position: relative;
}

.top0{
	top: 0;
}
.right0{
	right: 0;
}
.left0{
	left: 0;
}
.bottom0{
	bottom: 0;
}

.text1{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.text2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.text3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.text5{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

.bsn{
	box-shadow: none;
}

.max-font{
	font-size: 20px;
}

.min-font{
	font-size: 13px;
}