vue-insagent-pc/src/assets/css/common.css

/* flex布局 */
.u-f,.u-f-ac,.u-f-ajc,.u-f-jsb,.u-f-je,.u-f1,.u-f-column,.u-f-sa{
	display: flex;
}
.u-f-ac,.u-f-ajc{
	align-items: center;
}
.u-f-ajc{
	justify-content: center;
}
.u-f-jsb{
	justify-content: space-between;
}
.u-f-je{
	justify-content: flex-end;
}
.u-f-sa{
	justify-content: space-around;
}
.u-f1{
	flex: 1;
}
.u-f-column{
	flex-direction: column;
}
.flex{
	display: flex;
}
.j-s{
	justify-content: space-between;
}
.j-c{
	justify-content: center;
}
.j-start{
	justify-content: flex-start;
}
.j-end{
	justify-content: flex-end;
}

.a-c{
	align-items: center;
}
.a-start{
	align-items: flex-start;
}
.a-end{
	align-items: flex-end;
}
.f-c{
	flex-direction: column;
}
.p-1{
  padding: 10px;
}
.p-2{
  padding: 20px;
}
.mrgin-1{
  margin: 10px;
}
.mrgin-2{
  margin: 20px;
}
.el-button--primary{
	background-color: #D42426;
	color: #fff;
	border-color: #D42426;
}
.el-button--primary.is-plain{
	background-color: #EAEDF1;
	color: #D42426;
	border-color: #EAEDF1;
}
.el-button--primary:hover{
	background-color: #BB1012;
	border-color: #BB1012;
}
.el-button--primary.is-plain:hover{
	background-color: #D2D2D2;
	color: #D42426;
	border-color: #D2D2D2;
}