/* 小屏幕（手机，小于 768px） */
@media (max-width: 768px) {
    .flex-xs{
    	display: flex;
    	display: -webkit-flex;
    	align-items: center;
    	-webkit-align-items: center;
    }
    .flex1-xs{
    	flex:1;
    	-webkit-flex:1;
    }
    .flex2-xs{
    	flex:2;
    	-webkit-flex:2;
    }
    .flex3-xs{
    	flex:3;
    	-webkit-flex:3;
    }
    .flex4-xs{
    	flex:4;
    	-webkit-flex:4;
    }
    .flex5-xs{
    	flex:5;
    	-webkit-flex:5;
    }
    .flex6-xs{
    	flex:6;
    	-webkit-flex:6;
    }
    .flex7-xs{
    	flex:7;
    	-webkit-flex:7;
    }
    .flex8-xs{
    	flex:8;
    	-webkit-flex:8;
    }
    .flex9-xs{
    	flex:9;
    	-webkit-flex:9;
    }
    .flex10-xs{
    	flex:10;
    	-webkit-flex:10;
    }
    .flex11-xs{
    	flex:11;
    	-webkit-flex:11;
    }
    .flex12-xs{
    	flex:12;
    	-webkit-flex:12;
    }
    .no-padding-xs{
    	padding:0;
    }
    .no-margin-xs{
    	margin:0;
    }
    .ellipsis1-xs{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 1;
    }
    .ellipsis2-xs{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 2;
    }
    .ellipsis3-xs{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 3;
    }
    .ellipsis4-xs{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 4;
    }
    .ellipsis5-xs{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 5;
    }
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
    .flex{
    	display: flex;
    	display: -webkit-flex;
    	align-items: center;
    	-webkit-align-items: center;
    }
    .flex1{
    	flex:1;
    	-webkit-flex:1;
    }
    .flex2{
    	flex:2;
    	-webkit-flex:2;
    }
    .flex3{
    	flex:3;
    	-webkit-flex:3;
    }
    .flex4{
    	flex:4;
    	-webkit-flex:4;
    }
    .flex5{
    	flex:5;
    	-webkit-flex:5;
    }
    .flex6{
    	flex:6;
    	-webkit-flex:6;
    }
    .flex7{
    	flex:7;
    	-webkit-flex:7;
    }
    .flex8{
    	flex:8;
    	-webkit-flex:8;
    }
    .flex9{
    	flex:9;
    	-webkit-flex:9;
    }
    .flex10{
    	flex:10;
    	-webkit-flex:10;
    }
    .flex11{
    	flex:11;
    	-webkit-flex:11;
    }
    .flex12{
    	flex:12;
    	-webkit-flex:12;
    }
    .no-padding{
    	padding:0;
    }
    .no-margin{
    	margin:0;
    }
    .ellipsis1{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 1;
    }
    .ellipsis2{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 2;
    }
    .ellipsis3{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 3;
    }
    .ellipsis4{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 4;
    }
    .ellipsis5{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 5;
    }
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
	.flex-md{
    	display: flex;
    	display: -webkit-flex;
    	align-items: center;
    	-webkit-align-items: center;
    }
    .flex1-md{
    	flex:1;
    	-webkit-flex:1;
    }
    .flex2-md{
    	flex:2;
    	-webkit-flex:2;
    }
    .flex3-md{
    	flex:3;
    	-webkit-flex:3;
    }
    .flex4-md{
    	flex:4;
    	-webkit-flex:4;
    }
    .flex5-md{
    	flex:5;
    	-webkit-flex:5;
    }
    .flex6-md{
    	flex:6;
    	-webkit-flex:6;
    }
    .flex7-md{
    	flex:7;
    	-webkit-flex:7;
    }
    .flex8-md{
    	flex:8;
    	-webkit-flex:8;
    }
    .flex9-md{
    	flex:9;
    	-webkit-flex:9;
    }
    .flex10-md{
    	flex:10;
    	-webkit-flex:10;
    }
    .flex11-md{
    	flex:11;
    	-webkit-flex:11;
    }
    .flex12-md{
    	flex:12;
    	-webkit-flex:12;
    }
    .no-padding-md{
    	padding:0;
    }
    .no-margin-md{
    	margin:0;
    }
    .ellipsis1-md{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 1;
    }
    .ellipsis2-md{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 2;
    }
    .ellipsis3-md{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 3;
    }
    .ellipsis4-md{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 4;
    }
    .ellipsis5-md{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 5;
    }
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
    .flex-lg{
    	display: flex;
    	display: -webkit-flex;
    	align-items: center;
    	-webkit-align-items: center;
    }
    .flex1-lg{
    	flex:1;
    	-webkit-flex:1;
    }
    .flex2-lg{
    	flex:2;
    	-webkit-flex:2;
    }
    .flex3-lg{
    	flex:3;
    	-webkit-flex:3;
    }
    .flex4-lg{
    	flex:4;
    	-webkit-flex:4;
    }
    .flex5-lg{
    	flex:5;
    	-webkit-flex:5;
    }
    .flex6-lg{
    	flex:6;
    	-webkit-flex:6;
    }
    .flex7-lg{
    	flex:7;
    	-webkit-flex:7;
    }
    .flex8-lg{
    	flex:8;
    	-webkit-flex:8;
    }
    .flex9-lg{
    	flex:9;
    	-webkit-flex:9;
    }
    .flex10-lg{
    	flex:10;
    	-webkit-flex:10;
    }
    .flex11-lg{
    	flex:11;
    	-webkit-flex:11;
    }
    .flex12-lg{
    	flex:12;
    	-webkit-flex:12;
    }
    .no-padding-lg{
    	padding:0;
    }
    .no-margin-lg{
    	margin:0;
    }
    .ellipsis1-lg{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 1;
    }
    .ellipsis2-lg{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 2;
    }
    .ellipsis3-lg{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 3;
    }
    .ellipsis4-lg{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 4;
    }
    .ellipsis5-lg{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 5;
    }
}
/* 超大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1800px) {
	.flex-xl{
    	display: flex;
    	display: -webkit-flex;
    	align-items: center;
    	-webkit-align-items: center;
    }
    .flex1-xl{
    	flex:1;
    	-webkit-flex:1;
    }
    .flex2-xl{
    	flex:2;
    	-webkit-flex:2;
    }
    .flex3-xl{
    	flex:3;
    	-webkit-flex:3;
    }
    .flex4-xl{
    	flex:4;
    	-webkit-flex:4;
    }
    .flex5-xl{
    	flex:5;
    	-webkit-flex:5;
    }
    .flex6-xl{
    	flex:6;
    	-webkit-flex:6;
    }
    .flex7-xl{
    	flex:7;
    	-webkit-flex:7;
    }
    .flex8-xl{
    	flex:8;
    	-webkit-flex:8;
    }
    .flex9-xl{
    	flex:9;
    	-webkit-flex:9;
    }
    .flex10-xl{
    	flex:10;
    	-webkit-flex:10;
    }
    .flex11-xl{
    	flex:11;
    	-webkit-flex:11;
    }
    .flex12-xl{
    	flex:12;
    	-webkit-flex:12;
    }
    .no-padding-xl{
    	padding:0;
    }
    .no-margin-xl{
    	margin:0;
    }
    .ellipsis1-xl{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 1;
    }
    .ellipsis2-xl{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 2;
    }
    .ellipsis3-xl{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 3;
    }
    .ellipsis4-xl{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 4;
    }
    .ellipsis5-xl{
    	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 5;
    }
}