/* 通用类-布局 */
.fr {
  float: right;
}

.fl {
  float: left;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.move {
  cursor: move;
}

.inlineBlock {
  display: inline-block;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.text-center {
  text-align: center;
}
.text-right {
  text-align: right
}
.text-left {
  text-align: left;
}

/* 单行缩略 */
.oneline {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* 多行缩略 */
.multiline {
  display: -webkit-box !important;
  overflow: hidden;

  text-overflow: ellipsis;
  word-break: break-all;

  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

/* 主题色彩 */
/* 重要 */
.c-primary {
  color: #409EFF !important;
}
.bg-primary {
  background-color: #409EFF !important;
}
/* 成功 */
.c-success {
  color: #67C23A !important;
}
.bg-success {
  background-color: #67C23A !important;
}
.bd-success {
  border: 1px solid #67C23A !important;
}
/* 信息 */
.c-info {
  color: #909399 !important;
}
.bg-info {
  background-color: #909399 !important;
}
.bd-info {
  border: 1px solid #909399 !important;
}
/* 提醒 */
.c-warning {
  color: #E6A23C !important;
}
.bg-warning {
  background-color: #E6A23C !important;
}
.bd-warning {
  border: 1px solid #E6A23C !important;
}
/* 危险 */
.c-danger {
  color: #F56C6C !important;
}
.bg-danger {
  background-color: #F56C6C !important;
}
.bd-danger {
  border: 1px solid #F56C6C !important;
}

/* 文字大小 */
.f-xxl {
  font-size: 20px !important;
}
.f-xl {
  font-size: 18px !important;
}
.f-lg {
  font-size: 16px !important;
}
.f-sm {
  font-size: 13px !important;
}
.f-xs {
  font-size: 12px !important;
}

/* 文字颜色 */
/* 主要文字 */
.f-primary {
  color: #303133 !important;
}
/* 次要文字 */
.f-secondary {
  color: #909399 !important;
}
/* 占位文字 */
.f-placeholder {
  color: #c0c4cc !important;
}

/* 边框颜色 */
.bd-primary {
  border: 1px solid #DCDFE6;
}
.bd-normal {
  border: 1px solid #E4E7ED;
}
.bd-secondary {
  border: 1px solid #EBEEF5;
}
.bd-placeholder {
  border: 1px solid #F2F6FC;
}