/** 移动端公用css */
*{
  margin: 0;padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body{
  -webkit-text-size-adjust: none;	/* 禁用Webkit内核浏览器的文字大小调整功能 */
	font-family: PingFangSC-Semibold, 'PingFang SC';
  font-size: 16px;
  color: #333;
  background-color: #F5F5F5;
}
a{
  text-decoration: none;outline: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;	/* 去除a标签的点击阴影 */
}
ul, ol, li{
  list-style: none;
}
form{
  border: 0 none;
  list-style: none;
}
img{
  border: 0 none;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}
table{
  border-spacing: 0;
  border-collapse: collapse;
}
label, input,
button, select, textarea{
  outline:none;
}
button, input[type="button"],
input[type="reset"], input[type="submit"]{
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
       -o-appearance: none;
  		  	appearance: none;
}
textarea{
  resize: none;
}

/** 清除浮动 */
.clearfix::after{
  content: ".";display: block;
  height: 0;font-size: 0;
  clear: both;visibility: hidden;
}
.clearfix{
  display: block;
}
/** 超出文本处理 */
.ellipsis{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.ellipsisLine2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.break{
  word-break: break-all;
  word-wrap: break-word;
}
.left{
	float: left;
}
.right{
	float: right;
}

/** px和rem单位换算 */
@media screen and (max-width: 300px){
  html, body{
		font-size: 12.8px;
  }
}
@media screen and (max-width: 375px) and (min-width: 300px){
  html, body{
		font-size: calc(16px + 3.2 * (100vw - 375px) / 75);
  }
}
@media screen and (max-width: 750px) and (min-width: 375px){
  html, body{
		font-size: calc(16px + 16 * (100vw - 375px) / 375);
  }
}
@media screen and (min-width: 750px){
  html, body{
		font-size: 32px;
  }
}

/** 输入框placehold 和 error状态 */
::-webkit-input-placeholder{
	color: #999;
}
:-moz-placeholder {
	color: #999;
}
::-moz-placeholder {
	color: #999;
}
:-ms-input-placeholder{
	color: #999;
}
.error::-webkit-input-placeholder{
	color: #ff5b5b;
}
.error:-moz-placeholder {
	color: #ff5b5b;
}
.error::-moz-placeholder {
	color: #ff5b5b;
}
.error:-ms-input-placeholder{
	color: #ff5b5b;
}

/** 状态色 */
.state-blue{
	color: #409EFF !important;
}
.state-green{
	color: #67C23A !important;
}
.state-red{
	color: #F56C6C !important;
}
.state-black{
	color: #333 !important;
}
.state-grey{
	color: #999 !important;
}
.state-yellow{
	color: #F85B23 !important;
}
.state-main{
	color: #E958FF !important;
}