/*清除默认样式*/
*{
	margin: 0;
	padding: 0;
}
body{
	font-family: "Microsoft YaHei";
}
a{
	text-decoration: none;
}
ul{
	list-style-type: none;
}
/* 清除浮动 */

.clear {
  zoom: 1;
}

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

/* 转换成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;
}

/* 水平垂直居中 */

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

/* 文字一行溢出 */

.oneline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

/* 文字两行溢出 */

.twoline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}