.flex {
  display: flex;
}
.flex-1 {
  flex: 1;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.rela {
  position: relative;
}
.gap-8 {
  gap: vh(8) vw(8);
}
.mb-6 {
  margin-bottom: vh(6) !important;
}
.ml-8 {
  margin-left: vw(8) !important;
}
.mr-8 {
  margin-right: vw(8) !important;
}
.mt-8 {
  margin-top: vh(8) !important;
}
.pt-10 {
  padding-top: vh(10) !important;
}
.pb-10 {
  padding-bottom: vh(10) !important;
}
.mb-10 {
  margin-bottom: vh(10) !important;
}
.mt-10 {
  margin-top: vh(10) !important;
}
.ml-10 {
  margin-left: vw(10) !important;
}
.mr-10 {
  margin-right: vw(10) !important;
}
.mt-20 {
  margin-top: vh(20) !important;
}
.ml-20 {
  margin-left: vw(20) !important;
}
.pt-20 {
  padding-top: vh(20) !important;
}
.pb-20 {
  padding-bottom: vh(20) !important;
}
.pr-20 {
  padding-right: vh(20) !important;
}

.el-pager li,
.btn-prev:disabled,
.btn-next,
.btn-prev {
  width: vw(40) !important;
  height: vh(40) !important;
  color: #ffffff !important;
  background-color: #004dc2 !important;
}
.el-pagination.is-background .el-pager li.is-active {
  background-color: #00d0ff !important;
}
