*{
	font-family: '微软雅黑';
	padding: 0;
	margin: 0;
}
.flex{
	display: flex;
}
.flex1{
	display: flex;
	justify-content: space-between;
}
.fl{float: left;}
.fr{float: right;}
.c{
	clear: both;
}
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.mgl5{
margin-left: 5px;
}
.mgl10{
	margin-left: 10px;
}
.mgl15{
	margin-left: 15px;
}
.mgl20{
	margin-left: 20px;
}

.flex{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-direction: row;
}
.font10{
	font-size: 20upx;
}
.font11{
	font-size: 22upx;
}
.font12{
	font-size: 24upx;
}
.font13{
	font-size: 26upx;
}

.font14{
	font-size: 28upx;
}
.font15{
	font-size: 30upx;
}
.font16{
	font-size: 32upx;
}
.font17{
	font-size: 34upx;
}
.font18{
	font-size: 36upx;
}
.font20{
	font-size: 40upx;
}
.mag20bg{
	height: 20px;
	background: #efefef;
}
.mag30{
	height: 30px;
}
.mag10bg{
	height: 10px;
	background: #F6F6F6;
}
.mag60bg{
	height: 60px;
	
}
.mag70bg{
	height: 70px;
	
}
.mag1bg{
	height: 1px;
	background:#F6F6F6 ;
}
.mag5{
	height: 10upx;
}
.mag10{
	height: 20upx;
}
.mag20{
	height: 40upx;
}
.mag30{
	height: 60upx;
}	
.mag40{
	height: 80upx;
}
.mag130{
	height: 260upx;
}