#app {
  --color-red: red;
  --color-body: #173F81;
  --color-title: #3253B0;
  --color-table-outline: #7383B4;
  --color-select-bg: #2D6FB9;
  --color-option-hover: #4389D8;
}
.el-dialog{
  background: linear-gradient(180deg, rgba(0, 46, 88, 0.8) -0.06%, rgba(0, 20, 39, 0.8) 87.61%), rgba(19, 56, 89, 0.16);
  border: 0.617791px solid #58A4EB;
  box-shadow: 0px 0px 4.94233px #3391FF;
}
.el-pagination .btn-next {
  background-color: transparent !important;
}

.el-progress__text{
  color: white;
}

.el-pagination .btn-next, .el-pagination .btn-prev {
  color: #e6f1fe !important;
}

.el-pagination .btn-prev {
  background-color: transparent !important;
}

.el-pagination__total {
  color: #e6f1fe !important;
}

.el-pagination__jump {
  color: #e6f1fe !important;
}

.el-input__inner {
  height: 0.2rem;
  background: transparent;
  border: 1px solid #325C8B;
  color: white;
}

.el-range-input {
  background: transparent !important;
  color: white;
}

.el-range-separator {
  color: white;
}

.number {
  background-color: transparent !important;
  color: #e6f1fe;
}

.el-icon {
  background-color: transparent !important;
  color: #e6f1fe;
}

.el-range-input {
  background-color: transparent !important;
  color: #e6f1fe !important;
}

.el-pagination__editor.el-input .el-input__inner {
  height: 0.14rem !important;
  background: transparent;
  border: 1px solid #4F7BED;
  color: white;
}

.el-range-separator {
  color: #c7d2df !important;
}

/* vxe-table */
.vxe-table--render-default .vxe-table--body-wrapper, .vxe-table--render-default .vxe-table--footer-wrapper {
  background-color: #1E4586 !important;
}

.vxe-header--row {
  height: 40px !important;
  line-height: 40px;
  border: none !important;
  outline: none !important;
}

.vxe-table--render-default.border--full .vxe-body--column, .vxe-table--render-default.border--full .vxe-footer--column, .vxe-table--render-default.border--full .vxe-header--column {
  background-image: none !important;
}

.vxe-table--render-default .vxe-table--border-line {
  border-bottom: none !important;
  border-top: 1px solid var(--color-table-outline) !important;
  border-left: none !important;
  border-right: none !important;
}

.vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line {
  border: none !important;
}


.vxe-body--column {
  border: 1px solid var(--color-table-outline) !important;
}


.vxe-header--column {
  border: 1px solid var(--color-table-outline) !important;
}


.vxe-table--render-default.border--default .vxe-table--header-wrapper, .vxe-table--render-default.border--full .vxe-table--header-wrapper, .vxe-table--render-default.border--outer .vxe-table--header-wrapper {
  background-color: var(--color-body) !important;
  color: #9EDCFF;
}

.vxe-body--row {
  height: 40px;
  line-height: 40px;
  color: white;
}


/* table 头部过滤筛选框 */
.vxe-table--filter-wrapper {
  background-color: #2D6FB9 !important;
  color: white;
  border: none !important;
}

.vxe-icon--caret-bottom:before, .vxe-icon--caret-left:before, .vxe-icon--caret-right:before, .vxe-icon--caret-top:before{
  color: #4389D8;
}

input[type="number"] {
-moz-appearance: textfield;
}

::-webkit-inner-spin-button{
 -webkit-appearance: none !important;
   margin: 0;
   -moz-appearance: textfield;
 }

.vxe-table--filter-option:hover {
  background-color: #4389D8 !important;
  color: white;
}

/*table 输入框*/
.vxe-cell .vxe-default-input, .vxe-cell .vxe-default-select, .vxe-cell .vxe-default-textarea, .vxe-table--filter-wrapper .vxe-default-input, .vxe-table--filter-wrapper .vxe-default-select, .vxe-table--filter-wrapper .vxe-default-textarea{
  color:white !important;
  background-color: transparent !important;
  border: 1px solid #4F7BED;
  width: 62% !important;
}

/*table筛选框*/
.vxe-input--inner{
  background: transparent !important;
  border: 1px solid #2D6FB9 !important;
  color: white !important;
}

/*table 选择框*/
.vxe-default-select option{
  background-color: #2D6FB9;
  width: 100%;
  color: white;
  border: none !important;
  font-size: 16px;
}

/*
  element-ui筛选框
 */
.el-select-dropdown {
  color: white;
  border: none;
  background-color: #2D6FB9 !important;
}

.el-select-dropdown__item {
  color: white;
}

.el-select-dropdown__item:hover {
  background-color: #4389D8 !important;
  color: white;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: #4389D8 !important;
}

.el-popper[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #2D6FB9 !important;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #2D6FB9 !important;
}

/*element-ui时间选择器*/
.el-picker-panel{
  background-color: #4389D8 !important;
  border:none;
  color: white !important;
}

.el-date-table th{
  color: white;
}

.el-picker-panel__icon-btn{
  color: white;
}

.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div{
  background-color: #3253B0 !important;

}

.el-date-table td.next-month, .el-date-table td.prev-month{
  color: #ABABAB !important;
}

/* element-ui   menu样式*/
.el-menu-item:focus, .el-menu-item:hover{
   background-color: transparent !important;
}

.title_icon {
  height: 48px;
  color: white;
  font-size: 24px !important;
  margin-left: 20px;
}


.box_title {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  background-color: var(--color-title);
}

.title_name {
  margin-left: 10px;
  color: white;
  font-weight: bold;
}

.vxe-input--panel{
  z-index:9999 !important;
}

.vxe-select--panel{
  z-index:9999 !important;
}
@font-face {
  font-family: "zcool-gdh";
  src: url("/font/gaoduanhei.ttf");
}
@font-face {
  font-family: "ShiShangZhongHeiJianTi";
  src: url("/font/ShiShangZhongHeiJianTi-1.ttf");
}

.el-loading-mask{
  background: rgba(26, 95, 199, 0.48) !important;
  /* background-image: url() */
}