/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
::-webkit-scrollbar {
  width: 5px; /* 滚动条的宽度 */
  height: 8px; /* 滚动条的高度 */
}
::-webkit-scrollbar-track {
  background: #f1f1f1; /* 轨道的背景颜色 */
}
::-webkit-scrollbar-thumb {
  background: rgba(73, 119, 252, 0.5); /* 滑块的颜色 */
}
::-webkit-scrollbar-thumb:hover {
  background: rgb(73, 119, 252); /* 鼠标悬停时的滑块颜色 */
}
.flex-y-start {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.wid30 {
  width: 30%;
}
.wid50 {
  width: 50%;
}
.wid60 {
  width: 60%;
}
.wid100 {
  width: 100%;
}
.gap4 {
  gap: 4px;
}
.gap5 {
  gap: 5px;
}
.gap6 {
  gap: 6px;
}
.gap8 {
  gap: 8px;
}
.gap10 {
  gap: 10px;
}
.gap12 {
  gap: 12px;
}
.gap14 {
  gap: 14px;
}
.gap16 {
  gap: 16px;
}
.gap29 {
  gap: 29px;
}
.gap38 {
  gap: 38px;
}
.hover:hover {
  cursor: pointer;
  opacity: 0.8;
}
.flex-y-end {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-x-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.flex-x-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex-x-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-x-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.flex-x-start-y-end {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.flex-vertical {
  display: flex;
  flex-direction: column;
}
.flex-vertical-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-grow {
  flex-grow: 1;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-basis {
  flex-basis: auto;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.hideOmit1 {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.common-state-text-default {
  color: #828282;
}
.common-state-text-danger {
  color: #FF5733;
}
.common-state-text-success {
  color: #43CF7C;
}
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
.center {
  width: 100%;
  height: 100vh;
}
.tableBox > .scroll {
  width: 100%;
  height: calc(100% - 52px);
  overflow: auto;
}
#nprogress .bar {
  background: blue !important;
}
.myTooltip {
  max-width: 50%;
  max-height: 50%;
  overflow-y: auto;
}

/*E confirm样式*/
.ptClass {
  padding: 0 10px;
  padding-bottom: 20px !important;
}
.ptClass .el-message-box__title {
  align-items: center;
  justify-content: flex-start !important;
}
.ptClass .el-message-box__title span {
  font-weight: 500;
}
.ptClass .el-message-box__status.el-icon-error {
  color: rgb(255, 87, 51);
}
.ptClass .el-message-box__message {
  text-align: left;
  padding-left: 18px;
}
.ptClass .el-message-box__btns {
  margin-top: 5px;
}
.ptClass .cancelButtonClass {
  border-radius: 5px !important;
  background: linear-gradient(90deg, rgba(173, 211, 255, 0.67) 0%, rgba(255, 255, 255, 0) 100%) !important;
  border: 1px solid rgb(31, 120, 255) !important;
  font-size: 12px;
  font-weight: 500;
  color: rgb(31, 120, 255);
  padding: 10px 30px;
}
.ptClass .confirmButtonClass {
  border-radius: 5px !important;
  background: rgb(50, 135, 255) !important;
  border: 1px solid rgb(31, 120, 255) !important;
  font-size: 12px;
  font-weight: 500;
  color: rgb(255, 255, 255);
  padding: 10px 30px;
  margin-left: 20px !important;
}
.ptClass .confirmButtonClass:hover {
  background: #409EFF !important;
}
.ptClass .fade-enter-active, .fade-leave-active {
  transition: opacity 0.2s;
}
.ptClass .fade-enter, .fade-leave-to {
  opacity: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=1&id=7ba5bd90&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

  /*//显示滚动条*/
.el-table__body-wrapper {
    overflow: auto !important;
    position: relative;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=2&id=7ba5bd90&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.el-menu {
  height: 100%;
}
.el-menu-item-group > ul {
  display: flex;
  flex-wrap: wrap;
}
.el-submenu .el-menu-item {
  width: 100% !important;
  font-size: 14px;
  text-align: left;
  padding-left: 50px !important;
}
.el-menu-item:focus,
.el-menu-item:hover {
  background-color: #fff !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=3&id=7ba5bd90&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.aside .el-submenu__title{
   font-size: 16px !important;
}
.aside .el-menu-item-group__title{
  padding: 0 !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=4&id=7ba5bd90&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.is-active{
  color:#031ef3 !important;
  font-weight: 900;
}
.is-active .el-submenu__title{
  color:#031ef3 !important;
  font-weight: 900;
}
.is-active .el-submenu__title i{
  color: #031ef3;
  font-weight: 900;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=5&id=7ba5bd90&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

<!--  表格标题行末小bug  -->
    ::v-deep.el-table th.el-table__cell {
        background: #F5F6FA;
}
.el-table__row{
  height: 55px;
  min-height: 55px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=6&id=7ba5bd90&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.home {
    height: 100% !important;
}
.el-container {
    height: 100% !important;
}
.el-aside {
    height: 100% !important;
}
.hello .el-menu {
    padding-left: 238px !important;
}
.el-main {
    height: calc(100vh - 64px) !important;
    background: #f5f6fa !important;
}
.el-card__body,
.el-main {
    padding: 0 !important;
}
.el-header {
    border-bottom: 1px solid #e6e6e6 !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=7&id=7ba5bd90&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.el-menu--horizontal > .el-menu-item.is-active{
   border-bottom: 3px solid rgba(42, 85, 229, 1) !important;
}
.el-menu--horizontal > .el-menu-item{
  height: 100% !important;
}