#app {
  overflow: auto;
  background-image: url('/static/images/bg-home.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0;
  background-attachment: fixed;
  background-color: #1e3b73;
}

.bg-wapper {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.inner-box {
  width: 93.75%;
  height: 85.3%;
  margin: 1rem auto 0;
  padding: 0.6rem .25rem .25rem;
  background: url("../images/bg1.png") no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  overflow-y: auto;
}

.case-box {
  width: 100%;
  height: 1.62rem;
  padding: .24rem .28rem;
  border: 1px solid #1ED7FF;
  -webkit-box-shadow: 0 0 15px #1ED7FF inset;
  -moz-box-shadow: 0 0 15px #1ED7FF inset;
  box-shadow: 0 0 15px #1ED7FF inset;
  border-radius: 4px;
  box-sizing: border-box;
}

.case-box h3 {
  font-size: .16rem;
  color: #FCFF14;
}

.case-box p {
  margin-top: .3rem;
  line-height: 1.6;
  font-size: .14rem;
  color: #fff;
  text-indent: .28rem;
}

.border-inset {
  -webkit-box-shadow: 0 0 15px #1ED7FF inset;
  -moz-box-shadow: 0 0 15px #1ED7FF inset;
  box-shadow: 0 0 15px #1ED7FF inset;
  border-radius: 4px;
}

.elupdate .el-table tr {
  background-color: transparent !important;
}

.elupdate .el-form--inline .el-form-item {
  margin-right: 30px !important;
}

.elupdate .el-form {
  margin-top: .1rem;
}

.elupdate .el-form-item__label {
  color: #FCFF14 !important;
}

.elupdate .el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
  margin-bottom: .2rem !important;
}

.elupdate .el-pagination__total {
  color: #fff !important
}

.elupdate .el-input-group__append {
  background-color: transparent !important;
  border-color: #24C4DA !important;
  color: #fff !important;
}

.elupdate .el-input--mini .el-input__inner {
  height: 22px !important;
  line-height: 22px !important;
}

.elupdate .el-radio {
  margin-right: 15px !important;
  color: #f5f5f5 !important;
}

.elupdate .el-checkbox {
  width: 120px !important;
  color: #f5f5f5 !important;
}

.elupdate .el-radio__input.is-checked .el-radio__inner {
  border-color: #24C4DA !important;
  background: #24C4DA !important;
}

.style-input,
.elupdate .el-input__inner,
.elupdate .el-textarea__inner {
  background-color: transparent !important;
  border: 1px solid #24C4DA !important;
  color: #fff !important;
}

.elupdate .el-pagination button:disabled {
  background-color: transparent !important;
}

.elupdate .el-pagination .btn-next,
.elupdate .el-pagination .btn-prev {
  color: #fff;
  background-color: transparent !important;
}

.elupdate .el-pager li {
  color: #fff;
  background-color: transparent !important;
}

.elupdate .el-pager li.btn-quicknext,
.elupdate .el-pager li.btn-quickprev {
  color: #fff;
}

.elupdate .el-radio__inner {
  background-color: transparent !important;
}

.elupdate .el-checkbox__inner {
  background-color: transparent !important;
}

.elupdate .el-checkbox__label {
  font-size: 12px !important;
}

.elupdate .el-radio__input.is-checked + .el-radio__label {
  color: #24C4DA !important;
}

.elupdate .el-checkbox__input.is-checked .el-checkbox__inner,
.elupdate .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #24C4DA !important;
  border-color: #24C4DA !important;
}

.elupdate .el-checkbox__input.is-checked + .el-checkbox__label {
  font-size: 12px !important;
  color: #24C4DA !important;
}


/* 表格 */

.el-table {
  width: 100%;
  margin: 0;
  background-color: transparent !important;
  text-align: left;
  white-space: initial;
}

table.el-table[nowrap] {
  white-space: nowrap;
}


/* 文字位置 */

table.el-table[align=left],
table.el-table[align=left] th {
  text-align: left;
}

table.el-table[align=center],
table.el-table[align=center] th {
  text-align: center;
}

table.el-table[align=right],
table.el-table[align=right] th {
  text-align: right;
}

.el-table thead,
.el-table thead th {
  background-color: rgba(31, 127, 179, 0.2) !important;
  z-index: 1;
}

.el-table thead tr {
  background-color: transparent;
  height: 40px;
  color: var(--color-title);
}

.el-table th {
  text-shadow: 0px 0px 1px #111;
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
  background-color: #1ED7FF !important;
}

.el-table--border,
.el-table--group,
.el-table td,
.el-table th.is-leaf {
  border-color: #1ED7FF !important;
}

.el-table tbody {
  color: #fff;
}

.el-table--striped .el-table__body tr.el-table__row--striped td,
.el-table tbody tr {
  background-color: transparent !important;
}

.el-table[bm] tbody tr:nth-child(2n) {
  background-color: rgba(0, 233, 255, 0.1) !important;
}

.el-table[bm] tbody tr:hover,
.el-table tbody tr:hover td {
  background-color: rgba(0, 233, 255, 0.1) !important;
}

.el-table__body-wrapper {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.el-table__body-wrapper::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 12px;
  height: 12px;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 6px;
  background-color: #518ebf;
}

.el-table__body-wrapper::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: rgba(255, 255, 255, 0.1);
}

.el-table__body tr.current-row > td {
  background-color: var(--bg-opacity4) !important;
}

/* v-loading */
.el-loading-mask {
  background-color: rgba(8, 65, 121, 0.7) !important;
  box-shadow: inset 0 0 70px -10px rgba(0, 233, 255, 0.4) !important;
}


/* 表单宽度调整 */
.el-form-box {
  color: #fff;
}

.el-form-box .el-input,
.el-form-box .el-select,
.el-form-box .el-textarea {
  width: 5rem !important;
}

.el-form-box .el-select > .el-input {
  width: 100% !important;
}


/* 步骤条 */
.el-steps .el-step__head {
  text-shadow: 1px 1px 2px #5a5a5a;
}

.el-steps .el-step__head.is-process {
  color: #00e9ff;
  border-color: #00e9ff;
}

.el-steps .el-step__title.is-process {
  color: #00e9ff;
}

.el-steps .el-step__description.is-process {
  color: #ffffff;
}

.el-steps .el-step__head.is-success {
  color: #ffbe00;
  border-color: #ffbe00;
}

.el-steps .el-step__title.is-success {
  color: #ffbe00;
}

.el-steps .el-step__description.is-success {
  color: #ffbe00;
}