//  全局样式
* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  box-sizing: border-box;
  outline: none;
}

html {
  margin: 0;
  padding: 0;
}

body {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  background-color: #f1f1f1;
  margin: 0;
  padding: 0;
}

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

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

img[src=""],img:not([src]){
  opacity: 0;
  border:none;
  visibility: hidden;
  max-width: none;
}

.clearfix {
  &::after {
    content: "";
    display: table;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
  }
}

pre{
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  word-wrap: break-word;
  white-space: pre-wrap;
}

/**滚动条的宽度*/
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

//滚动条的滑块
::-webkit-scrollbar-thumb {
  background-color: #13439E;
  border-radius: 3px;
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

//浮动
.float-r {
  float: right;
}

//文章一行显示，多余省略号显示
.title-item {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}