*{
	padding:0;
	margin:0;
	font-family:"微软雅黑";
	box-sizing:border-box;
}
.content{
	width:1200px;
	margin:0 auto;
}
html{
	font-size:20px;
}
li{
	list-style:none;
}
span,i,img,a{
	display:inline-block;
}
i{
	font-style:normal;
}
a{
	text-decoration:none;
}
.flex{
	display:box;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox; 
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
}
.flex-r{
	-webkit-box-orient:horizontal;
	-webkit-flex-direction:row;
	-ms-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row; 
	flex-direction:row;
}
.flex-v{
	-webkit-box-orient:vertical;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-moz-flex-direction: column;
	-o-flex-direction: column;
}
.flex-1{
	 -prefix-box-flex: 1; /* old spec webkit, moz */
	 -webkit-flex: 1;          /* Chrome */
	 -ms-flex: 1;              /* IE 10 */
	 flex: 1;                  /* NEW,  Opera 12.1, Firefox 20+ */
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	width: 20%;               /* For old syntax, otherwise collapses. */         /* Chrome */             
}
.flex-2 {
	 -prefix-box-flex: 2; /* old spec webkit, moz */
	 -webkit-flex: 2;          /* Chrome */
	 -ms-flex: 2;              /* IE 10 */
	 flex: 2;                  /* NEW,  Opera 12.1, Firefox 20+ */
	-webkit-box-flex: 2;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 2;         /* OLD - Firefox 19- */
	width: 40%;               /* For old syntax, otherwise collapses. */         /* Chrome */  
}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

.fs0{
	font-size:0;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.ovhid{
	overflow:hidden;
}
.hh{
	height:100%;
}
.lh50{
	line-height:2.5rem;
}
.psr0{
	position:relative;
}
.textcen{
	text-align:center;
}
.textlef{
	text-align:left;
}
.textrig{
	text-align:right;
}
.pad0-30{
	padding:0 1.5rem;
}
.mal25{
	margin-left:1.25rem;
}
.mat75{
	margin-top:3.75rem;
}
.mat100{
	margin-top:5rem;
}
.fc-f{
	color:#fff;
}
.fc-gray{
	color:#666;
}
.bg-f{
	background-color:#fff;
}
.fs16{
	font-size:0.8rem;
}
.fs13{
	font-size:0.65rem;
}
.fs100{
	font-size:5rem;
}
@media only screen and (min-width: 320px) and (max-width: 414px)  {
	html{
		font-size:10px !important;
	}
	.content{
		width:90%;
	}
}
@media only screen and (min-width: 414px) and (max-width: 414px)  {
	html{
		font-size:12px !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
	html{
		font-size:18px !important;
	}
	.content{
		width:90%;
	}
}
/*@media only screen and (min-width: 769px) and (max-width: 1024px) {
	html{
		font-size:18px;
	}
}*/