*{padding: 0; margin: 0;}
html,body{
    float: left;
    width: 100%;
    height: 100%;
}
.fl{
    float: left;
}
.wh{
    width: 100%;
    height: 100%;
}
/*上下左右居中 父布局*/
.center {
	display: flex;
	align-items: center;
	justify-content: center;
}
/*垂直居中*/
.center_vertical {
	display: flex;
	align-items: center;
}
/*水平居中 display: contents;*/
.center_horizontal{
	display: flex;
	justify-content: center;
	
}
/*底部对齐*/
.center_end {
	display: flex;
	align-items: end;
	align-items: flex-end;
}
/* 禁止文字选中 */
.text_select_none{
	-moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.font0{
	color: #666;
}
.font1{
	color: rgb(38, 180, 38);
}
.font2{
	color: red;
}
.font3{
	color: #da6643;
}