﻿
/*margin的样式初始化*/
body,h1,h2,h3,h4,h5,h6,p,ol,ul,input {
	margin:0;
}
/*padding的样式初始化*/
ol,ul,th,td,input {
	padding:0;
}
/*列表点点的样式初始化*/
ul,ol {
	list-style: none;
}
/*下划线的样式初始化*/
a {
	text-decoration: none;
}
/*字体样式初始化*/
em,i {
	font-style:normal;
}
/*图片的初始化*/
img {
	border:none;
}

/*表格的间隙样式初始化*/
table {
	border-collapse: collapse;
}

/*表单*/
input,textarea{
	outline: none;
}
textarea {
	resize:none;
}
select{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  border:none;
  outline: none;
}

h1, h2, h3, h4, h5, h6 {font-weight:500}

*{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	margin: 0;
	padding: 0;
}
/*清浮动 BFC*/
.clearfix:after {
	content: "";display: block;clear: both;
}
clearfix {
	zoom:1;
}
/*浮动*/
.fl{
	float: left;
}
.fr{
	float: right;
}
@font-face {
  font-family: "SOURCEHANSANSCN-REGULAR";
  src: url("../fonts/sourcehansanscn-regular.woff2") format("woff2"),
       url("../fonts/sourcehansanscn-regular.woff") format("woff"),
       url("../fonts/sourcehansanscn-regular.ttf") format("truetype"),
       url("../fonts/sourcehansanscn-regular.eot") format("embedded-opentype"),
       url("../fonts/sourcehansanscn-regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SOURCEHANSANSCN-BOLD";
  src: url("../fonts/sourcehansanscn-bold.woff2") format("woff2"),
       url("../fonts/sourcehansanscn-bold.woff") format("woff"),
       url("../fonts/sourcehansanscn-bold.ttf") format("truetype"),
       url("../fonts/sourcehansanscn-bold.eot") format("embedded-opentype"),
       url("../fonts/sourcehansanscn-bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
html,body {
	font-family: "PingFangSC-Regular, sans-serif";
	color:#333;
	line-height:1;
	background-color:#fff;
}
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
input[type="text"]{-webkit-appearance: none;}
.pc-flex-wrap{
 display: -webkit-box!important;
 display: -webkit-flex!important;
 display: -ms-flexbox!important;display: flex!important;
 -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.pc-flex-per{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important;}
.pc-flex-per2{ -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important;}
.pc-flex-per3{ -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important;}
.pc-flex-per4{ -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important;}
.pc-flex-per5{ -webkit-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important;}
.pc-flex-per6{ -webkit-box-flex: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important;}
.pc-flex-per7{ -webkit-box-flex: 7; -webkit-flex: 7; -ms-flex: 7; flex: 7; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important;}
.container{
	width: 1200px;
	margin: 0 auto;
}