There are many differences and problems with the default styles in different browsers, and in order to have the same visual effect in different browsers, the following code is usually introduced during development:

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
textarea,
input,
select,
ul,
ol,
li,
fieldset,
figure {
  margin: 0;
  padding: 0;
  border: none;
}

ul,
li {
  list-style: none;
}


body,
textarea,
input,
select {
  font-size: 14px;
  color: # 222222;

  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, STHeiTi, 'Microsoft Yahei', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none; } a { text-decoration: none; - its - the transition: all 0.25 s ease; 0.25 s ease - moz - the transition: all; 0.25 s ease - ms - the transition: all; 0.25 s ease - o - the transition: all; 0.25 s help ease the transition: all; } img { border: none; } div { -webkit-highlight: none; -webkit-tap-highlight-color: transparent; /*-webkit-user-select:none; */ } a { -webkit-highlight: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; text-decoration: none; color:# 000;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear {
  overflow: hidden;
  zoom: 1;
}

.folat-l {
  float: left;
}

.float-r {
  float: right; }. Font18 {font-size: 1.12rem; color:# 333;
}

.font14 {
  font-size: .15rem;
  color: # 999;
}

.display-hn {
  display: inline-block;
}

.back-fff {
  background: #fff;
}

Copy the code

Just to store it for later use