/**
 * Created by YangTao(Niklaus) on 2018/3/12 19:35.
 */

body {
  margin: 0;
  font: 12px/1.5 Helvetica Neue, Helvetica, Arial,
    Hiragino Sans GB, Microsoft YaHei,
    \5b8b\4f53, sans-serif;
  color: #323232;
}

p {
  margin: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

blockquote {
  margin: 0;
}

address {
  font-style: normal;
}

dl,
dt,
dd {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

a {
  text-decoration: none;
}

em {
  font-style: normal;
}

img {
  border: 0;
}

form,
input,
button {
  /*
        外边线
            特性1：书写方式和 border 相同
            特性2：在文档流布局中不占位置
    */
  margin: 0;
  padding: 0;
  outline: none;
}

textarea {
  resize: none;
}

.clearFix:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
  zoom: 1;
  visibility: hidden;
}

a:hover,
a:focus {
  text-decoration: none;
}

@media screen and (max-width:414px) {
  html {
    font-size: 12px
  }
}

@media screen and (min-width:415px) and (max-width:639px) {
  html {
    font-size: 15px
  }
}

@media screen and (min-width:640px) and (max-width:719px) {
  html {
    font-size: 20px
  }
}

@media screen and (min-width:720px) and (max-width:749px) {
  html {
    font-size: 22.5px
  }
}

@media screen and (min-width:750px) and (max-width:799px) {
  html {
    font-size: 23.5px
  }
}

@media screen and (min-width:800px) {
  html {
    font-size: 25px
  }
}