/* 清除默认样式的代码 */

  /* 去除标签默认的 margin 和 padding */
  /* 盒子模型设置为內减模式 */
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  /* 设置网页统一的字体大小、行高、字体系列相关属性 */
  body {
    font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    color: #333;
  }

  /* 去除列表默认样式 */
  ul,
  ol {
    list-style: none;
  }

  /* 去除默认的倾斜效果 */
  em,
  i {
    font-style: normal;
  }

  /* 去除a标签默认下划线，并设置默认文字颜色 */
  a,
  u {
    text-decoration: none;
    color: #333;
  }

  a {
    transition: color 0.2s ease-in-out 0s;
    -moz-transition: color 0.2s ease-in-out 0s;
    -webkit-transition: color 0.2s ease-in-out 0s;
    -o-transition: color 0.2s ease-in-out 0s;
    cursor: pointer;
  }

  a:hover {
    color: #3F79EC;
    text-decoration: none;
  }

  /* 设置img的垂直对齐方式为居中对齐，去除img默认下间隙 */
  img {
    vertical-align: middle;
  }

  /* 去除input默认样式 */
  input {
    border: none;
    outline: none;
    color: #333;
  }

  /* button 当鼠标经过变成小手 */
  button {
    cursor: pointer;
  }

  /* 去除number输入框的上下箭头 */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }

  input[type="number"] {
    -moz-appearance: textfield;
  }

  /* 左浮动 和 右浮动 */
  .fl {
    float: left;
  }

  .fr {
    float: right;
  }

  /* 双伪元素清除法 */
  .clearfix::before,
  .clearfix::after {
    content: "";
    display: table;
  }

  .clearfix::after {
    clear: both;
  }

  /* 单行文本溢出处理 */
  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* 两行文本溢出处理 */
  .ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  /* 处理iconfont全彩模式 */
  .icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }