:root {
  --text-color: #000;
  --background-color: #fff;
  --font-size: 14px;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-size: 14px;
  background-color: var(--background-color);
}
body,
html {
  font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei";
}
.widthfix {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .widthfix {
    max-width: 100%;
  }
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li dl,
dt,
dd {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
}
em,
i {
  font-style: normal;
}
ol,
li,
ul {
  list-style: none;
}
img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ellipsis-2 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  /*伪元素是行内元素 正常浏览器清除浮动方法*/
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  *zoom: 1;
  /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
input,
button,
textarea,
select {
  outline: none;
  resize: none;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  background: 0 0;
  color: inherit;
  font: inherit;
}