#app {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

:root {
  --view-bg-color: #f7f7f7;
}

a {
  text-decoration: none;
}

input,
button {
  outline: none;
}

input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset;
}

.el-input-number__decrease, .el-input-number__increase {
  border: 0 !important;
  background-color: transparent;
}

.el-message,
.el-overlay.is-message-box {
  z-index: 10000 !important;
}

.el-message.el-message--success, .el-message.el-message--error, .el-message.el-message--info, .el-message.el-message--warning {
  border-radius: 6px;
}
.el-message__icon {
  font-size: 18px;
}

@media only screen and (max-width: 768px) {
  .el-message-box {
    width: 90% !important;
  }
}
@keyframes dou {
  0% {
    transform: rotate(0);
  }
  11% {
    transform: rotate(7.61deg);
  }
  23% {
    transform: rotate(-5.8deg);
  }
  36% {
    transform: rotate(3.35deg);
  }
  49% {
    transform: rotate(-1.9deg);
  }
  62% {
    transform: rotate(1.12deg);
  }
  75% {
    transform: rotate(-0.64deg);
  }
  88% {
    transform: rotate(0.37deg);
  }
  100% {
    transform: rotate(-0.28deg);
  }
}html.dark {
  --el-bg-color: #2c3142;
}
html.dark .cl-dialog .el-dialog__header,
html.dark .cl-dialog .cl-form-tabs {
  border-bottom: 1px solid #222;
}
html.dark .cl-dialog .cl-form-tabs * {
  border-color: #222;
}
html.dark .cl-crud {
  background-color: transparent !important;
}
html.dark .cl-crud .el-table__header tr th {
  background-color: #222222 !important;
  color: #fff;
}
html.dark .cl-crud .el-table__body tr.current-row td {
  background-color: #18222c !important;
}
html.dark .app-layout {
  background-color: var(--el-bg-color) !important;
}
html.dark .app-layout .a-menu .el-menu-item {
  border-radius: 6px !important;
}
html.dark .app-layout .app-topbar {
  background-color: transparent;
  color: #fff;
}
html.dark .app-layout .app-topbar span {
  color: #fff;
}
html.dark .app-layout .app-topbar .el-breadcrumb span {
  color: #ddd;
}
html.dark .app-layout .app-topbar .el-breadcrumb__item:last-child span {
  color: #fff;
}
html.dark .app-layout .app-views {
  background-color: #2f3447;
}
html.dark .el-overlay {
  background-size: 4px 4px;
  backdrop-filter: saturate(50%) blur(4px);
}

body.theme-jihei .app-layout {
  background-color: rgba(47, 52, 71, 0.9);
}
body.theme-jihei .app-layout .a-menu .el-menu-item {
  border-radius: 6px !important;
}
body.theme-jihei .app-layout .app-topbar {
  background-color: transparent;
  color: #fff;
}
body.theme-jihei .app-layout .app-topbar span {
  color: #fff;
}
body.theme-jihei .app-layout .app-topbar .el-breadcrumb span {
  color: #ddd;
}
body.theme-jihei .app-layout .app-topbar .el-breadcrumb__item:last-child span {
  color: #fff;
}
body.theme-guolv .app-layout .app-slider__logo {
  background-color: var(--color-primary);
}
body.theme-jiangzi .app-layout .app-slider {
  background-color: var(--color-primary);
}
body.theme-jiangzi .app-layout .app-slider .el-sub-menu__title,
body.theme-jiangzi .app-layout .app-slider .el-menu-item {
  color: #fff;
  border-radius: 10px;
  position: relative;
}
body.theme-jiangzi .app-layout .app-slider .el-sub-menu__title::after,
body.theme-jiangzi .app-layout .app-slider .el-menu-item::after {
  position: absolute;
  left: 10px;
  top: 0;
  content: "";
  display: block;
  height: 100%;
  width: calc(100% - 20px);
  border-radius: 8px;
}
body.theme-jiangzi .app-layout .app-slider .el-sub-menu__title:hover::after,
body.theme-jiangzi .app-layout .app-slider .el-menu-item:hover::after {
  background-color: rgba(255, 255, 255, 0.2);
}
body.theme-jiangzi .app-layout .app-slider .el-sub-menu__title.is-active::after,
body.theme-jiangzi .app-layout .app-slider .el-menu-item.is-active::after {
  background-color: #fff;
}
body.theme-jiangzi .app-layout .app-slider .el-sub-menu__title.is-active .cl-svg,
body.theme-jiangzi .app-layout .app-slider .el-sub-menu__title.is-active span,
body.theme-jiangzi .app-layout .app-slider .el-menu-item.is-active .cl-svg,
body.theme-jiangzi .app-layout .app-slider .el-menu-item.is-active span {
  color: var(--color-primary);
  position: relative;
  z-index: 2;
}
body.theme-cangqing .app-layout .app-slider {
  background: linear-gradient(30deg, #7397ab, #75878a);
}
body.theme-cangqing .app-layout .app-slider .el-sub-menu__title,
body.theme-cangqing .app-layout .app-slider .el-menu-item {
  color: #fff;
}
body.theme-cangqing .app-layout .app-slider .el-sub-menu__title:hover,
body.theme-cangqing .app-layout .app-slider .el-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
body.theme-cangqing .app-layout .app-slider .el-sub-menu__title.is-active,
body.theme-cangqing .app-layout .app-slider .el-menu-item.is-active {
  background-color: #fff !important;
}
body.theme-cangqing .app-layout .app-slider .el-sub-menu__title.is-active .cl-svg,
body.theme-cangqing .app-layout .app-slider .el-sub-menu__title.is-active span,
body.theme-cangqing .app-layout .app-slider .el-menu-item.is-active .cl-svg,
body.theme-cangqing .app-layout .app-slider .el-menu-item.is-active span {
  color: var(--color-primary);
}.cl-crud{height:100%;overflow:hidden auto;position:relative;box-sizing:border-box;background-color:#fff}.cl-crud.is-border{border:1px solid var(--el-border-color);border-radius:var(--el-border-radius-base)}.cl-crud>.cl-row{width:100%}.cl-crud>.cl-row:not(.cl-row--last)>*{margin:0 10px 10px 0}.cl-crud>.cl-row .cl-flex1,.cl-crud>.cl-row:not(.cl-row--last)>:last-child{margin-right:0}.cl-flex1{flex:1;font-size:12px}.cl-search-key{display:inline-flex}.cl-search-key__select{margin-right:10px}.cl-search-key__select.el-select{width:100px}.cl-search-key__wrap{display:inline-flex}.cl-search-key__wrap .el-input{flex:1}.cl-search-key__wrap .el-button{margin-left:10px}.cl-table{width:100%}.cl-table .el-table.el-loading-parent--relative{box-sizing:border-box}.cl-table .el-table__header .el-table__cell{background-color:#f5f7fa!important;color:#333}.cl-table .el-table__header .el-table__cell .cell{line-height:normal}.cl-table .el-table__header .el-table__cell.is-sortable .cl-table-header__search{width:auto}.cl-table .el-table__header .el-table__cell.is-sortable .cl-table-header__search.is-input{width:calc(100% - 24px)!important}.cl-table .el-table__empty-block{height:auto!important}.cl-table .el-loading-mask .el-loading-spinner .el-icon-loading{font-size:25px;color:#000}.cl-table .el-loading-mask .el-loading-spinner .el-loading-text{color:#666;margin-top:5px}.cl-table__op{margin-bottom:-5px}.cl-table__op .el-button{margin-bottom:5px}.cl-table .cl-table-header__search{display:inline-block;width:100%;cursor:pointer}.cl-table .cl-table-header__search .icon{margin-right:5px;position:relative;top:2px;font-size:14px}.cl-table .cl-table-header__search:hover{color:var(--el-color-primary)}.cl-table .cl-table-header__search>div{width:100%}.cl-table .cl-table-header__search>div .el-date-editor{margin-right:0}.cl-filter{display:flex;align-items:center;margin:0 10px}.cl-filter__label{font-size:12px;margin-right:10px;white-space:nowrap}.cl-filter .el-select{min-width:120px}.cl-search{margin-bottom:0!important}.cl-search .el-form:not(.el-form--label-top) .cl-search__btns .el-form-item__label{display:none}.cl-search .el-form:not(.el-form--inline) .cl-search__btns{margin-left:5px}.cl-search .cl-search__btns .el-button+.el-button{margin-left:10px}.cl-search__more{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.cl-search__more .el-form-item{margin-bottom:0}.cl-search.is-collapse .cl-search__form{max-height:84px;overflow:hidden}.cl-adv-btn{margin-left:10px}.cl-adv-btn .el-icon{margin-right:5px}.cl-adv-search.el-drawer{background-color:#fff}.cl-adv-search .el-drawer__body{padding:0}.cl-adv-search__header{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 15px 0 20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cl-adv-search__header .text{font-size:16px}.cl-adv-search__header .el-icon{cursor:pointer}.cl-adv-search__header .el-icon:hover{color:red}.cl-adv-search__container{height:calc(100% - 110px);overflow-y:auto;padding:10px 20px;box-sizing:border-box}.cl-adv-search__container::-webkit-scrollbar{width:6px}.cl-adv-search__container::-webkit-scrollbar-thumb{border-radius:6px;background-color:hsla(220,4%,58%,.3)}.cl-adv-search__container .el-form-item__content>div{width:100%}.cl-adv-search__footer{display:flex;align-items:center;justify-content:flex-end;height:60px;border-top:1px solid var(--el-border-color-extra-light);padding:0 10px;box-sizing:border-box}.cl-form [class*=el-col-].is-guttered{min-height:0}.cl-form-item,.cl-form-item__component{display:flex}.cl-form-item__component.flex1{flex:1;width:100%}.cl-form-item__component.flex1>div{width:100%}.cl-form-item__prepend{margin-right:10px}.cl-form-item__append{margin-left:10px}.cl-form-item__collapse{width:100%;font-size:12px;cursor:pointer}.cl-form-item__collapse .el-divider{margin:16px 0}.cl-form-item__collapse .el-divider__text{font-size:12px}.cl-form-item__collapse i{margin-left:6px}.cl-form-item .el-table__header tr{line-height:normal}.cl-form__footer{display:flex;justify-content:flex-end}.cl-form .cl-crud{line-height:normal}.cl-form .el-form-item .el-form-item{margin-bottom:18px}.cl-form .el-form-item .el-input-number__decrease,.cl-form .el-form-item .el-input-number__increase{border:0;background-color:transparent}.cl-form .el-form-item__label .el-tooltip i{margin-left:5px}.cl-form .el-form-item__content{min-width:0}.cl-form .el-form-item__content>div{width:100%}.cl-form:not(.el-form--label-top) .el-form-item.no-label>.el-form-item__label{padding:0;display:none}.cl-form .el-form--label-top .el-form-item__label{min-height:22px}.cl-form .el-form--inline .cl-form__items{display:flex;flex-wrap:wrap}.cl-form .el-form--inline .el-form-item{margin:0 10px 10px 0}.cl-form .el-form--inline .el-form-item .el-date-editor{box-sizing:border-box}.cl-form .el-form--inline .el-form-item .el-date-editor .el-range-input:nth-child(2){margin-left:5px}.cl-form .el-form--inline .el-form-item .el-select{width:173px}.cl-form .el-form--inline .el-form-item:last-child{margin-right:0}.cl-form-tabs{border-bottom:1px solid var(--el-border-color);overflow:hidden;width:calc(100% - 10px);margin:0 5px 20px 5px}.cl-form-tabs__wrap{height:35px;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;position:relative}.cl-form-tabs__wrap::-webkit-scrollbar{display:none}.cl-form-tabs ul{display:inline-flex;white-space:nowrap;margin:0;padding:0}.cl-form-tabs ul li{display:inline-flex;align-items:center;list-style:none;padding:0 20px;height:35px;cursor:pointer}.cl-form-tabs ul li .el-icon{margin-right:5px;font-size:16px}.cl-form-tabs ul li.is-active{color:var(--el-color-primary)}.cl-form-tabs__line{height:3px;width:100%;position:absolute;bottom:-1px;left:0;transition:transform .3s ease-in-out,width .2s cubic-bezier(.645,.045,.355,1) .1s;background-color:var(--el-color-primary)}.cl-form-tabs--card .cl-form-tabs__line{display:none}.cl-form-tabs--card ul{border:1px solid var(--el-border-color);border-top-left-radius:5px;border-top-right-radius:5px}.cl-form-tabs--card ul li{border-left:1px solid var(--el-border-color)}.cl-form-tabs--card ul li:first-child{border-left-width:0}.cl-form-card{margin-top:0}.cl-form-card__header{display:flex;align-items:center;justify-content:space-between;font-size:14px;height:32px;line-height:normal;font-weight:700;padding:0 10px;background-color:var(--el-border-color-extra-light);border-radius:var(--el-border-radius-base);cursor:pointer}.cl-form-card__header:hover .el-icon{color:var(--el-color-primary)}.cl-form-card__container{transition:all .3s;display:grid;grid-template-rows:0fr}.cl-form-card__container>.cl-form-item__children{min-height:0;overflow:hidden}.cl-form-card__container>.cl-form-item__children .el-row{margin-top:10px}.cl-form-card.is-expand>.cl-form-card__container{grid-template-rows:1fr;margin-bottom:-18px}.cl-form-card .cl-form-card{margin-left:10px}.cl-dialog{display:flex;flex-direction:column}.cl-dialog.el-dialog{border-radius:6px;padding:0}.cl-dialog .el-dialog__header{padding:0;margin-right:0}.cl-dialog .el-dialog__header-slot.is-drag{-moz-user-select:none;-webkit-user-select:none;user-select:none;cursor:move}.cl-dialog .el-dialog__body{padding:0;box-sizing:border-box;flex:1;overflow:hidden}.cl-dialog .el-dialog__footer{padding:0}.cl-dialog__header{position:relative;padding:10px;border-bottom:1px solid var(--el-border-color-extra-light);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cl-dialog__default{box-sizing:border-box}.cl-dialog__footer{border-top:1px solid var(--el-border-color-extra-light);padding:20px}.cl-dialog__title{display:block;font-size:15px;letter-spacing:.5px}.cl-dialog__controls{display:flex;justify-content:flex-end;position:absolute;right:0;top:0;z-index:9;width:100%}.cl-dialog__controls .close,.cl-dialog__controls .maximize,.cl-dialog__controls .minimize,.cl-dialog__controls-icon{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border:0;background-color:transparent;cursor:pointer;outline:none}.cl-dialog__controls .close i,.cl-dialog__controls .maximize i,.cl-dialog__controls .minimize i,.cl-dialog__controls-icon i{font-size:18px}.cl-dialog__controls .close i:hover,.cl-dialog__controls .maximize i:hover,.cl-dialog__controls .minimize i:hover,.cl-dialog__controls-icon i:hover{opacity:.7}.cl-dialog.hidden-header .el-dialog__header{display:none}.cl-dialog.is-fullscreen{height:100vh!important;border-radius:0;overflow:hidden}.cl-dialog.is-fullscreen .cl-dialog__container{height:100%!important}.cl-context-menu{position:absolute;z-index:9999}.cl-context-menu__box{box-shadow:0 2px 12px 0 rgba(0,0,0,.1);width:160px;background-color:#fff;border-radius:4px;position:absolute;top:0}.cl-context-menu__box.is-append{right:calc(-100% - 5px);top:-5px}.cl-context-menu__box>div{display:flex;align-items:center;height:35px;font-size:13px;cursor:pointer;padding:0 15px;color:#666;position:relative}.cl-context-menu__box>div:first-child{margin-top:5px}.cl-context-menu__box>div:last-child{margin-bottom:5px}.cl-context-menu__box>div span{height:35px;line-height:35px;flex:1}.cl-context-menu__box>div:hover{background-color:#f7f7f7;color:#000}.cl-context-menu__box>div i:first-child{margin-right:5px}.cl-context-menu__box>div i:last-child{margin-left:5px}.cl-context-menu__box>div.is-active{background-color:#f7f7f7;color:#000}.cl-context-menu__box>div.is-ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-context-menu__box>div.is-disabled span,.cl-context-menu__box>div.is-disabled span:hover{color:#ccc}.cl-context-menu__target{position:relative}.cl-context-menu__target:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.05)}@media only screen and (max-width:768px){.el-table__body-wrapper::-webkit-scrollbar{height:6px;width:6px}.cl-search-key{width:100%;margin-right:0!important}.cl-search-key__wrap{width:100%!important}}