/* 把我们所有标签的内外边距清零 */
* {
  margin: 0;
  padding: 0;
  /* 使用 CSS3 的盒子模型 */
  box-sizing: border-box
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img {
  border: medium none;
  margin: 0;
  padding: 0;
}

/* 声明字体图标 这里一定要注意fonts文件夹路径的变化*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?b6lsev');
  src:  url('../fonts/icomoon.eot?b6lsev#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?b6lsev') format('truetype'),
    url('../fonts/icomoon.woff?b6lsev') format('woff'),
    url('../fonts/icomoon.svg?b6lsev#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 版心部分 */
.w {
  width: 1200px;
  margin: 0 auto;
}

/* 直接设置左右浮动的样式类，以后遇到左右浮动的盒子直接调用fl,fr就行了 */
.fl {
  float: left;
}

.fr {
  float: right;
}

/* 红色字体有许多地方使用到，直接设置一个style_red样式，谁需要谁调用就可以了 */
.style_red {
  color: #c81623;
}

/* em 和 i 斜体的文字不倾斜 */
em,
i {
  font-style: normal
}

/* 去掉li 的小圆点 */
li {
  list-style: none
}

img {
  /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
  border: 0;
  /* 取消图片底侧有空白缝隙的问题 */
  vertical-align: middle
}

button {
  /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
  cursor: pointer;
}

a {
  color: #666;
  text-decoration: none
}

/* a:hover {
  // color: #c81623
  color: #161515;
} */

button,
input {
  /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
  font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
  /* 默认有一个灰色边框,取消掉 */
  border: 0;
  /* 去掉鼠标聚焦时的蓝色边框 */
  outline: none;
}

body {
  /* CSS3 抗锯齿形 让文字显示的更加清晰 */
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
  color: #666
}

.hide,
.none {
  display: none
}

/* 清除浮动 */
.clearfix:after {
  visibility: hidden;
  clear: both;
  display: block;
  content: ".";
  height: 0
}

/* .clearfix {
  *zoom: 1
} */