:root {
  --el-color-primary: #0f2f6e;
  --el-border-radius-base: 9px;
  --el-fill-color-blank: #f5f5f5;
}

.butn {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-tap-highlight-color: transparent;
}

.o0 {
  opacity: 0;
}

.reversal {
  transform: rotate(180deg);
}

.vh {
  visibility: hidden;
}

.one-line {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
}

.two-line {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

[v-cloak] {
  display: none !important;
}

/* element reset start */
.el-dialog {
  --el-dialog-padding-primary: 0 !important;
}

.el-pagination {
  margin-top: 20px;
  width: 100%;
  justify-content: center;

  --el-pagination-button-width: 48px;
  --el-pagination-button-height: 48px;
  --el-pagination-button-bg-color: #fff;
  --el-disabled-bg-color: #eee;
}

.el-pagination.is-background .btn-next.is-active, .el-pagination.is-background .btn-prev.is-active, .el-pagination.is-background .el-pager li.is-active {
  background-color: #ff5f0b;
}

@media (max-width: 1200px) {
  /* element reset start */
  .el-pagination {
    --el-pagination-button-width: 34px;
    --el-pagination-button-height: 34px;
  }
  /* element reset end */
}
/* element reset end */