/* 清除默认样式的代码 */
/* 去除常见标签默认的 margin 和 padding */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
input {
  margin: 0;
  padding: 0;
}
 
/* 內减模式 */
* {
  box-sizing: border-box;
}
 
/* 设置网页统一的字体大小、行高、字体系列相关属性 */
body {
  font: 16px/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 {
  text-decoration: none;
  color: #333;
}
 
/* 设置img的垂直对齐方式为居中对齐，去除img默认下间隙 */
img {
  vertical-align: middle;
}
 
/* 去除input默认样式 */
input {
  border: none;
  outline: none;
  color: #333;
}
 
/* 左浮动 */
.fl {
  float: left;
}
 
/* 右浮动 */
.fr {
  float: right;
}
 
/* 双伪元素清除法 */
.clearfix::before,
.clearfix::after {
  content: '';
  display: table;
}
.clearfix::after {
  clear: both;
}
 
/*版心居中*/
.wrapper {
  /*width: 1240px;*/
  margin: 0 auto;
}

.flex {
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flex;
  display: flex;
}

.justify-content-center {
  -webkit-justify-content: center;
  justify-content: center;
  -moz-box-pack: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  box-pack: center;
}

.justify-content-between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -moz-justify-content: space-between;
}

.justify-content-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  -moz-justify-content: space-around;
}

.justify-content-start {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  -moz-justify-content: flex-start;
}

.justify-content-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  -moz-justify-content: flex-end;
}

.align-items-center {
  align-items: center;
  -webkit-align-items: center;
  box-align: center;
  -moz-box-align: center;
  -ms-align-items: center;
  -o-align-items: center;
  -webkit-box-align: center;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-baseline {
  align-items: baseline;
  -ms-flex-align: baseline;
}

.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-flex-direction: column;
}

.wrap {
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ellipsis-1 {
  //单行文本
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@for $i from 2 to 5 {
  .ellipsis-#{$i} {
    display: -webkit-box;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: #{$i};
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

.font-600 {
  font-weight: 600;
}
.font-size-16 {
  font-size: 16rpx;
}
.font-size-20 {
  font-size: 20rpx;
}
.font-size-22 {
  font-size: 22rpx;
}
.font-size-24 {
  font-size: 24rpx;
}
.font-size-26 {
  font-size: 26rpx;
}
.font-size-28 {
  font-size: 28rpx;
}
.font-size-30 {
  font-size: 30rpx;
}
.font-size-32 {
  font-size: 32rpx;
}
.font-size-33 {
  font-size: 33rpx;
}
.font-size-34 {
  font-size: 34rpx;
}
.font-size-36 {
  font-size: 36rpx;
}
.font-size-38 {
  font-size: 38rpx;
}
.font-size-40 {
  font-size: 40rpx;
}
.font-size-41 {
  font-size: 41rpx;
}
.font-size-48 {
  font-size: 48rpx;
}
.font-size-50 {
  font-size: 50rpx;
}
.font-size-64 {
  font-size: 64rpx;
}
.font-size-86 {
  font-size: 86rpx;
}
.font-size-87 {
  font-size: 87rpx;
}