.margin-0-auto {
    margin: 0 auto;
}
.w-100 {
    width: 100%;
}
.h-100 {
    height: 100%;
}

.span-2 {
    width: calc(50% - 5px);
}

.span-3 {
    width: calc(33.33% - 20px / 3) !important;
}

.span-4 {
    width: calc(25% - 30px / 4) !important;
}

.span-5 {
    width: calc(20% - 40px / 5) !important;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.flex {
	display: flex;
}
.inline-flex {
	display: inline-flex;
}
.flex-column {
	flex-direction: column;
}
.non-shrink {
	flex-shrink: 0;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-nowrap {
    flex-basis: 0;
}
.flex-1 {
    flex: 1 1 0%;
}
.js-fs {
	justify-content: flex-start;
}
.jc-sb {
	justify-content: space-between;
}
.jc-c {
	justify-content: center;
}
.jc-sa {
	justify-content: space-around;
}
.jc-fd {
	justify-content: flex-end;
}
.ai-c {
	align-items: center;
}
.ai-fs {
	align-items: flex-start;
}
.ai-fd {
	align-items: flex-end;
}
.as-c {
	align-self: center;
}
.as-fs {
	align-self: flex-start;
}
.as-fd {
	align-self: flex-end;
}
.ac-sb {
    align-content: space-between;
}
.ac-fs {
    align-content: flex-start;
}

.container {
    width: 1200px;
    margin: 0 auto;
}
* {
    cursor: default;
}
.pointer {
    cursor: pointer !important;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: center;
}
.color-333 {
    color: #333333 !important;
}
.bold {
    font-weight: bold;
}
.text-ellipse {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* 超出两行省略号 */
.text-ellipse2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* 超出两行省略号 */
.text-ellipse5 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	-webkit-box-orient: vertical;
}

.tc-black{color: #333 !important;}
.tc-gray{color: #666 !important;}
.tc-grey{color: #999 !important;}
.tc-lightgrey{color: #FAFAFA !important;}
.tc-write{color: #fff !important;}
.tc-blue{color:  #409EFF !important;}
.tc-red{color: #E13B29 !important;}
.tc-deepred{color: #9F0811  !important;}
.tc-center{text-align: center !important;}
.tc-blod{font-weight: 600;}
.pointer{cursor: pointer;}
.nowrap{white-space: nowrap;}


.fs-12 {font-size: 12px;}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px;}
.fs-24 {font-size: 24px;}
.fs-26 {font-size: 26px;}
.fs-28 {font-size: 28px;}
.fs-30 {font-size: 30px;}
.fs-32 {font-size: 32px;}
.fs-36 {font-size: 36px;}
.fs-40 {font-size: 40px;}
.fs-48 {font-size: 48px;}

img[lazy='loading'], img[lazy=error] {
	height: 100% !important;
	margin: auto;
	width: auto !important;
}
.hover:hover{color: #409EFF !important;}
	
.flex-start{display: flex;align-items: center;}
.flex-between{display: flex;align-items: center;justify-content: space-between;}
.flex-around{display: flex;align-items: center;justify-content: space-around;}
.flex-end{display: flex;align-items: center;justify-content: flex-end;}
.flex-center{display: flex;align-items: center;justify-content: center;}
.flex-center {display: flex;align-items: center;justify-content: center;}
.flex-wrap {flex-wrap: wrap}
.flex-column {flex-direction: column;}
.flex-top {align-items: flex-start;}
.flex-bottom {align-items: flex-end;}
.flex-grow{flex-grow: 1}

.overflow-h{overflow: hidden}

.box-shadow{box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)}

.text-ellipse{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.ellipsi{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ellipsis{
	letter-spacing: 0;
	overflow: hidden;
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;  /*要显示的行数*/
    -webkit-box-orient: vertical;
}

.el-loading-mask .el-loading-spinner .el-icon-loading {
	font-size: 40px;
}
.el-message .el-message__icon {
	font-size: 20px;
}