.header {
    height: 60px;
    border-bottom: 1px solid #eef1f6;
    background: #fff;
  }
  .main {
    padding: 0;
  }
  .el-main.main {
    background: #fff;
    padding: 0 10px;
    height: 100%;
  }
  .aside {
    width: 218px !important;
    border-right: 1px solid #eee;
    background: #545c64;
  }
  .main-menu .el-submenu .el-menu-item {
    height: 42px;
    line-height: 42px;
  }
  .main-menu .el-menu-item,
  .main-menu .el-submenu__title {
    height: 50px;
    line-height: 50px;
  }
  .main-menu .el-menu-item.is-active {
    color: #FFF !important;
    background-color: #ffaf4b !important;
  }
  .main-menu li.el-menu-item.is-active:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
    height: 100%;
    width: 2px;
    background: #E9B666;
  }
  .menu {
    border-right: none;
  }
  
  .el-menu .el-submenu__title, .el-menu .el-menu-item {
    font-size: 13px;
  }
  .input-width {
    width: 350px;
  }
  .input-width-long {
    width: 700px;
  }
  .el-form-item {
    margin-bottom: 15px;
  }
  .el-form {
    padding-bottom: 16px;
  }
  .block {
    min-height: 100%;
  }
  .bspan{
    display: inline-block;
  }
  .w100 {
    width: 100%;
  }
  .mt5 {
    margin-top: 5px;
  }
  .mt10 {
    margin-top: 10px;
  }
  .mt20 {
    margin-top: 20px;
  }
  .mt50 {
    margin-top: 50px !important;
  }
  .mt100 {
    margin-top: 100px !important;
  }
  .mb5 {
    margin-bottom: 5px;
  }
  .mb10 {
    margin-bottom: 10px;
  }
  .mb20 {
    margin-bottom: 20px;
  }
  .ml5 {
    margin-left: 50px;
  }
  .ml10 {
    margin-left: 10px;
  }
  .ml20 {
    margin-left: 20px;
  }
  .mr10 {
    margin-right: 10px;
  }
  .mr20 {
    margin-right: 20px;
  }
  .pl5 {
    padding-left: 5px;
  }
  .pl10 {
    padding-left: 10px;
  }
  .pl20 {
    padding-left: 20px;
  }
  .pr5 {
    padding-right: 5px;
  }
  .pr10 {
    padding-right: 10px;
  }
  .pr20 {
    padding-right: 20px;
  }
  .pt5 {
    padding-top: 5px;
  }
  .pt10 {
    padding-top: 10px;
  }
  .pt20 {
    padding-top: 20px;
  }
  .hide {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .center {
    text-align: center;
  }
  .left {
    text-align: left;
  }
  .right {
    text-align: right;
  }
  .f10 {
    font-size: 10px;
  }
  .f12 {
    font-size: 12px;
  }
  .f13 {
    font-size: 13px;
  }
  .f15 {
    font-size: 15px;
  }
  .gray {
    color: gray;
  }
  .light-gray {
    color: lightgray;
  }
  .back-gray {
    background-color: #f5f7fa !important;
  }
  .back-orange {
    background-color: #FAECD8 !important;
  }
  .back-blue {
    background-color: #d7e2f8 !important;
  }
  .back-yellow {
    background-color: #f3f7ca !important;
  }
  .el-table--striped .el-table__body tr.el-table__row--striped.back-orange td{
    background-color: #FAECD8 !important;
  }
  .el-table--striped .el-table__body tr.el-table__row--striped.back-blue td{
    background-color: #d7e2f8 !important;
  }
  .el-table--striped .el-table__body tr.el-table__row--striped.back-yellow td{
    background-color: #f3f7ca !important;
  }
  
  .text-gray {
    color: #8d8e91 !important;
  }
  .text-orange {
    color: orange !important;
  }
  .text-blue {
    color: blue !important;
  }
  .text-yellow {
    color: yellow !important;
  }
  .el-table--striped .el-table__body tr.el-table__row--striped.text-orange td{
    color: orange !important;
  }
  .el-table--striped .el-table__body tr.el-table__row--striped.text-blue td{
    color: blue !important;
  }
  .el-table--striped .el-table__body tr.el-table__row--striped.text-yellow td{
    color: yellow !important;
  }
  .red {
    color: red;
  }
  .blue{
    color: blue;
  }
  .green{
    color: green;
  }
  .lightblue{
    color: #66b1ff;
  }
  .tips-blue {
    color: #66b1ff;
  }
  .bold {
    font-weight: bold;
  }
  .tips-yellow {
    color: #e9a94a;
  }
  .redbold {
    color: red;
    font-weight: bold;
    font-size: 16px;
  }
  .tips-darkblue {
    color: #662fe9;
  }
  .bgcolor-blue,
  .el-table thead.is-group th.bgcolor-blue,
  .el-table__footer-wrapper tbody td.bgcolor-blue {
    background-color: lightblue;
    padding: 0 1px;
  }
  .bgcolor-yellow,
  .el-table thead.is-group th.bgcolor-yellow,
  .el-table__footer-wrapper tbody td.bgcolor-yellow {
    background-color: lightyellow;
    padding: 0 1px;
  }
  .bgcolor-cyan,
  .el-table thead.is-group th.bgcolor-cyan,
  .el-table__footer-wrapper tbody td.bgcolor-cyan {
    background-color: lightcyan;
    padding: 0 1px;
  }
  .bgcolor-orange,
  .el-table thead.is-group th.bgcolor-orange,
  .el-table__footer-wrapper tbody td.bgcolor-orange {
    background-color: #f3cd93;
    padding: 0 1px;
  }
  .el-table th.table-head-class,
  .el-table tr.table-head-class {
    background: #f5f7fa;
  }
  
  .el-table .ex-cascader  .el-cascader__search-input{
    margin: 2px 25px 2px 15px;
  }

  .el-table .ex-cascader  .el-cascader__tags{
    width: calc(100% - 25px)
  }
  .el-cascader-menu__wrap{
    height: 300px !important;
  }

  .ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }
  .el-dialog {
    margin: 0 auto 20px;
    margin-top: 7vh !important;
  }
  .el-tabs__header {
    margin-bottom: 5px;
  }
  div.el-collapse-item__header {
    background-color: #FAFAFA;
    font-weight: bold;
    padding-left: 10px;
  }
  .el-select {
    min-width: 120px;
  }
  .query-form {
    padding: 5px 15px;
    display: flex;
    flex-direction: flex-start;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  .query-form > div,
  .query-form > button {
    margin-left: 5px;
    margin-top: 5px;
    white-space: nowrap;
  }
  .query-form .date-width {
    min-width: 140px;
  }
  @media screen and (max-width: 600px) {
    .el-date-range-picker.has-sidebar {
      width: 360px !important;
      overflow-x: scroll;
    }
    .el-date-range-picker .el-picker-panel__body {
      display: flex;
    }
    .el-date-range-picker .el-picker-panel__content {
      min-width: 300px;
    }
    .el-date-editor--daterange.el-input,
    .el-date-editor--daterange.el-input__inner,
    .el-date-editor--timerange.el-input,
    .el-date-editor--timerange.el-input__inner {
      width: 280px;
    }
  }

  .el-table th,
  .el-table tr {
    user-select: text !important;
  }
  .el-table .cell,
  .el-table .cell div,
  .el-table th div {
    width: 100%;
  }
  .el-table .cell.el-tooltip,
  .el-table .cell.el-tooltip div {
    display: block;
  }
  .el-table .el-link {
    display: inline;
    margin: 0px 5px;
    font-size: 12px;
  }
  .el-table .el-button--text{
    padding: 0px 10px;
  }
  .el-table p {
    display: inline;
  }
  .el-table .width45
   {
    display: inline-block;
    min-width: 45px;
    text-align: center;
    /* border: 1px red solid; */
  }

  .el-table thead th {
    background-color: #DCDFE6;
  }
  .el-table .select-copy-cell {
    font-weight: bold !important;
    background-color: #FFEB9C !important;
  }
  .el-table.light-table thead th {
    background-color: #f5f7fa;
  }
  
  .el-table .el-table thead th {
    background-color: lightblue;
  }
  .min-table-class.el-table--mini td,
  .min-table-class.el-table--mini th {
    padding: 0px 0px;
  }
  .small-table-class.el-table--mini td,
  .small-table-class.el-table--mini th {
    padding: 2px 0px;
  }
  .mini-form .el-form-item--mini.el-form-item,
  .mini-form .el-form-item--small.el-form-item {
    margin-bottom: 0px;
  }
  
  .second-menu-background{
    background: rgb(55, 65, 75) !important;
  }
  .second-menu-background > li >div.el-submenu__title{
    background: rgb(55, 65, 75) !important;
  }
  .third-menu-background{
    background:rgb(67, 75, 82) !important;
  }
  .third-menu-background > li >div.el-submenu__title{
    background:rgb(67, 75, 82) !important;
  }


  .env-bzzc .main-menu > .el-menu{
    background: #2F5FB3 !important;
  }
  .env-bzzc .first-menu-background{
    background: #2F5FB3 !important;
  }
  .env-bzzc .first-menu-background > li >div.el-submenu__title{
    background: #2F5FB3 !important;
  }
  .env-bzzc .second-menu-background{
    background: #4976B7 !important;
  }
  .env-bzzc .second-menu-background > li >div.el-submenu__title{
    background: #4976B7 !important;
  }
  .env-bzzc .third-menu-background{
    background: #5785D0 !important;
  }
  .env-bzzc .third-menu-background > li >div.el-submenu__title{
    background:#5785D0 !important;
  }
  

  .sum-red .el-table__footer-wrapper tbody td{
    color: red;
  }
  
  .noSelectAll .el-table__header .el-table-column--selection .el-checkbox{
    display: none;
  }


  .safariWeb .el-table--mini .cell{
    font-size: 10px;
    font-weight: 400;
  }
  .safariWeb .el-table--small{
    font-size: 10px;
    font-weight: 400;
  }
  .safariWeb .el-table__expand-icon{
    font-size: 10px;
    font-weight: 400;
  }
  .safariWeb .el-table .el-link{
    font-size: 10px;
    font-weight: 400;
  }

  .safariWeb .el-table .cell.el-tooltip{
    width: 150px;
  }

  div.el-pagination{
    white-space: normal;
  }

  .el-pagination .infospan {
    display: inline-block;
    margin-left: 20px;
    font-weight : normal;
  }

.el-pagination span.red{
  min-width: auto !important;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

.vipFlag{
  color: white;
  font-size: 12px;
  display: inline-block;
  padding: 1px 3px;
  border-radius: 12px;
  line-height: 12px;
  background-color: red;
  /* transform: scale(0.9); */
  position: absolute;
  right: 2px;
  top: 8px;
}

.noModel{
  pointer-events: none;
}
.noModel .el-drawer{
  pointer-events: auto;
}



.b-title{
  display: block;
  background-color: #FAFAFA;
  border-top: 1px #EBEEF5 solid;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 20px;
  margin: 10px 0;
}



.el-tooltip__popper{
  max-width: 1000px !important;
  max-height: 400px !important;
  overflow-y: auto !important;
}
.el-tooltip__popper.is-dark{
  max-width: 1000px !important;
  max-height: 400px !important;
  overflow-y: auto !important;
}


.phone-mode .el-menu-item,.phone-mode  .el-submenu__title{
  height: 36px;
  line-height: 36px;
}

.phone-mode .el-submenu .el-menu-item{
  height: 36px;
  line-height: 36px;
}

.phone-mode .hide-on-phone{
  display: none !important;
}
.pc-mode .hide-on-pc{
  display: none !important;
}