.radius {
  border-radius: 2px;
}

.clearfix {
  &::after {
    content: "";
    display: block;
    clear: both;
  }
}
// 文字处理
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.text-wrap {
  word-break: break-all;
  word-wrap: break-word;
}

// 浮动
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}

// 块
.left-block {
  display: flex;
  justify-content: flex-start;
}
.center-block {
  display: flex;
  justify-content: center;
}
.right-block {
  display: flex;
  justify-content: flex-end;
}

// 显示隐藏
.show {
  display: block !important;
}
.hidden {
  display: none !important;
}

// 旋转
.rotate-90 {
  transform: rotate(90deg);
}
.rotate-180 {
  transform: rotate(180deg);
}
.rotate-270 {
  transform: rotate(270deg);
}

// 状态
.status-success {
  color: #1da76b;
}
.status-failed {
  color: #fc6d0b;
}

.icon-arrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  transform: rotate(135deg);
  vertical-align: top;
  margin-left: 6px;
  margin-top: 2px;
  /* margin-top: 21px; */
}

.list-unstyled {
  > li {
    list-style: none;
  }
}

.hover-shadow {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}