/* 字体大小配置 */
.font12 {
  font-size: 12px;
}

.font13 {
  font-size: 13px;
}

.font14 {
  font-size: 14px;
}

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.font24 {
  font-size: 24px;
}


/* margin-top */
.margintop10 {
  margin-top: 10px;
}

.margintop24 {
  margin-top: 24px;
}

.margintop48 {
  margin-top: 48px;
}


/* margin-bottom */
.marginbottom4 {
  margin-bottom: 4px;
}

.marginbottom6 {
  margin-bottom: 6px;
}

.marginbottom8 {
  margin-bottom: 8px;
}

.marginbottom15 {
  margin-bottom: 15px;
}

.marginbottom24 {
  margin-bottom: 24px;
}

/* margin-right */
.marginright8 {
  margin-right: 8px;
}


/* line-height */
.lineheight24 {
  line-height: 24px;
}


/* height */
.height186 {
  height: 186px;
}


/* padding-top */
.paddingtop10 {
  padding-top: 10px;
}

/* paddingbottom12 */
.paddingbottom12 {
  padding-bottom: 12px;
}

.padding0-18 {
  padding: 0 18px;
}

.span {
  color: #1890ff;
  background-color: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.flex-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}