* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0);   /*解决ios点击背景问题*/
}
html, body {
	overflow-y: auto;
	font-family: "微软雅黑";
	font-size: 0.28rem;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ul, ol, li {
	list-style: none;
}
a {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
input, textarea , button, select {
	border: none;
	outline: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
textarea , button, select {
	-webkit-appearance: none;
}
.hide {
	display: none;
}
/*清除浮动*/
.clearfix:before,.clearfix:after{ 
    content:""; 
    display:table; 
} 
.clearfix:after{clear:both;} 
.clearfix{ 
    *zoom:1;
}		
/*盒子模型*/
.box-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
}
.item-flex {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
}
/*盒子竖向分布*/
.box-shu {
	-webkit-flex-direction:column;
	flex-direction:column;
}
/*盒子两端对齐*/
.justify {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
/*盒子居中对齐*/
.centers {
	-webkit-justify-content: center ;
	justify-content: center ;
}
/*盒子垂直对齐*/
.valign {
	-webkit-align-items: center;
	align-items: center;
}
/*盒子贴底部*/
.flex-end {
	-webkit-align-self: flex-end;
	align-self: flex-end;
}
/*文字溢出*/
.ellipsis {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/*双行文字溢出*/
.ellipsistwo {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; 
}
/*三行文字溢出*/
.ellipsisthree {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; 
}
/*灰度*/
.grayscale {
	-webkit-filter: grayscale(1);
}
/*图片适应*/
.img-fit {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0 0;
}
/*vue防止页面闪烁*/
[v-cloak] {
	display: none !important;
}


/*为空样式*/
.kongzhuantai {
	padding-top: 0.85rem;
}
.kongzhuantai > img {
	display: block;
	width: 3.0rem;
	height: 2.8rem;
	margin: 0 auto;
}
.kongzhuantai  > p {
	font-size: 0.26rem;
	text-align: center;
	color: #8a8a8a;
}
.chulibut {
	width: 2.8rem;
	height: 0.75rem;
	line-height: 0.75rem;
	text-align: center;
	color: #fc7f5e;
	border-radius:0.75rem ;
	font-size: 0.3rem;
	border: 1px solid #fc7f5e;
	margin: 0.5rem auto;
}
.chulibut:active {
	background: #fc7f5e;
	color: #FFFFFF;
}
