a{
	color:#000;
}
body{
	font-size: 13px;
}


/* ----------------------- *\
   布局
\* ----------------------- */


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

.f-full{
	flex: 1;
}

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

.f-b-e{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.f-b-s{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}


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

.f-a-s{
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}

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

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

.f-s{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

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

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

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


.f-col{
	flex-direction: column;
	height: 100%;
}


.mt-5{
	margin-top: 5px;
}
.mt-10{
	margin-top: 10px;
}

.mt-20{
	margin-top: 20px;
}

.mt-30{
	margin-top: 30px;
}
.mt-40{
	margin-top: 40px;
}

.ml-5{
	margin-left: 5px;
}
.ml-10{
	margin-left: 10px;
}

.ml-20{
	margin-left: 20px;
}

.ml-30{
	margin-left: 30px;
}
.ml-40{
	margin-left: 40px;
}

.mr-5{
	margin-right: 5px;
}
.mr-10{
	margin-right: 10px;
}

.mr-20{
	margin-right: 20px;
}

.mr-30{
	margin-right: 30px;
}
.mr-40{
	margin-right: 40px;
}

.mb-5{
	margin-bottom: 5px;
}
.mb-10{
	margin-bottom: 10px;
}

.mb-20{
	margin-bottom: 20px;
}

.mb-30{
	margin-bottom: 30px;
}
.mb-40{
	margin-bottom: 40px;
}

.pt-5{
	padding-top: 5px;
}
.pt-10{
	padding-top: 10px;
}

.pt-20{
	padding-top: 20px;
}

.pt-30{
	padding-top: 30px;
}
.pt-40{
	padding-top: 40px;
}

.pl-5{
	padding-left: 5px;
}
.pl-10{
	padding-left: 10px;
}

.pl-20{
	padding-left: 20px;
}

.pl-30{
	padding-left: 30px;
}
.pl-40{
	padding-left: 40px;
}

.pr-5{
	padding-right: 5px;
}
.pr-10{
	padding-right: 10px;
}

.pr-20{
	padding-right: 20px;
}

.pr-30{
	padding-right: 30px;
}
.pr-40{
	padding-right: 40px;
}

.pb-5{
	padding-bottom: 5px;
}
.pb-10{
	padding-bottom: 10px;
}

.pb-20{
	padding-bottom: 20px;
}

.pb-30{
	padding-bottom: 30px;
}
.pb-40{
	padding-bottom: 40px;
}



/* ----------------------- *\
   工具
\* ----------------------- */


/* 边框 */

.no-border-right{
	border-right: none !important;
}

.no-border-bottom{
	border-bottom: none !important;
}

.border-r-light{
	border-right: 1upx solid $borderColorLight;
}

/* padding */ 
.no-padding-left{
	padding-left: 0 !important;
}

.no-padding-right{
	padding-right: 0 !important;
}

/* width */
.w-full{
	width: 100%;
}

/* height */ 
.h-full{
	height: 100%;
}