/* 清除浮动 */
.clear{
    zoom:1;
    
}

.clear:after {
	clear: both;
	content: "";
	height: 0;
	visibility: hidden;
	line-height: 0;
}

/*文字一行溢出*/
.oneline{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	word-break:break-all;
}
/*文字两行溢出*/
.twoline{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break:break-all;
}
/*文字三行溢出*/
.Threeline{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	word-break:break-all;
}
/*/四行*/
.siline{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	word-break:break-all;
}

/* 转换成flex容器 */
.flex {
	display:flex;
}
/* 竖直排列 */
.flexv {
	flex-direction: column;
}
/* 自动填充 */
.flex1 {
	flex: 1;
}
/* 自动换行 */
.flex-wrap{
    display:flex;
	flex-wrap:wrap;
}
/* 水平居中 */
.jus-c {
    display:flex;
	justify-content:center;
}
/* 水平两端对齐 */
.jus-b{
    display:flex;
	justify-content: space-between;
}
/* 水平相等间距 */
.jus-a {
    display:flex;
	justify-content:space-around;
}
/* 主轴终端对齐 */
.jus-e {
    display:flex;
	justify-content: flex-end;
}
/* 竖直居中 */
.ali-c{
	display:flex;
	align-items: center;
}
.ali-e{
	display:flex;
	align-items: flex-end;
}
/* 水平垂直居中 */
.flexc {
    display:flex;
	justify-content:center;
	align-items: center;
}
.greybody{
	background: #f4f4f4;
}
.fill{
	width: 100%;
	height: 100%;
	display: block;
}
.fill-auto{
	width: 100%;
	height: auto;
	display: block;
}
.tc {
	text-align: center;
}
