@charset "gb2312";
/* CSS Document */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body {
	/*font-size: 62.5%;*/
	font-size: 14px;
	color: #333333;
}
body, header, div, section, footer, p, ul, li, h1, h2, h3, h4, h5, h6, table, tr, td, th, a {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;
}
a {
	text-decoration: none;
	color: #333333;
}
input, button, select, textarea, img {
	padding: 0px;
	margin: 0px;
	border: none;
	outline: none;
}
textarea {
	resize: none;
}
select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: 0px;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url("http://ourjs.github.io/static/2015/arrow.png");
	background-color: transparent;
	background-attachment: scroll;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
	display: none;
}

.clear {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	overflow: auto;
	zoom: 1;
}
.safeSize {
	width: 1200px;
	margin: 0 auto;
}
.maxSize {
	max-width: 1200px;
	margin: 0 auto;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.show {
    display: block;
}

.hide {
    display: none;
}
@font-face {
    font-family: 'medioroman';
    src: url('../webfont/medio-webfont.woff2') format('woff2'),
         url('../webfont/medio-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}