app-big-data/page/bigDataOut/css/index.css

.el-main{
    padding: 0
}
.opactiy0{
    opacity: 0;
}
.el-submenu .el-menu-item{

    padding: 0 45px;
    min-width: 200px;
    padding-left: 57px!important;
}


.el-submenu [class^=el-icon-]{
    color: #2d9bd2!important;
}
.activeColor{
    color: #2d9bd2!important; 
}

.history_tabList{
    height: 47px;
    border-bottom: solid 1px #e8edec;
}
.history_tabList ul{
    height: 100%;
    overflow: auto;
}
.history_tabList li{
    cursor: pointer;
    height: 100%;
    padding: 0px 20px;
    border-right: 1px solid #dcdcdc
}
.history_tabList li i{
    cursor: pointer;
    margin-left: 10px;
    font-weight: bold
}
.history_tabList li i:hover{
    color: red
}
.history_tabList li:hover {
    color: #777;
    background-color: #f6f8f8;
    border-color: #f6f8f8;
 }
 .history_tabList li.active{
    color: #777;
    background-color: #f6f8f8;
    border-color: #f6f8f8;
 }  
 .close_all_route {
    transform: rotate(90deg);
    cursor: pointer;
    font-size: 22px;
    margin-right: 20px
  }




  #app {
    font-family: Helvetica, sans-serif;

  }
  /* .main{
    background: url('../static/img/bg.png');background-size: cover
  } */
  .tabHead {
    position: fixed;
    top: 0;
    height: 51px;
    left: 220px;
    right: 0px;
    background: #fff;
    z-index: 5;
  }

  .tabTool {
    position: absolute;
    right: 0;
    background: #fff;
    z-index: 6;
    top: 0;
    height: 51px;
    border-left: solid 1px #e8edec;
  }

  .tabTool [class*=" el-icon-"],
  [class^=el-icon-] {
    min-width: 19.5px;
    text-align: center;
  }

  #tabDiv {
    width: 100000px;
    border-bottom: 1px solid #ccc;
    background: #fff;
    height: 100%;
  }

  html,
  body {
    height: 100%;
    overflow: hidden;
  }

  aside {
    background-color: #23344a;
  }

  * {
    margin: 0;
    padding: 0
  }

  .el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
    min-height: 400px;
  }

  .el-menu {
    border-right: 0
  }

  
  .cursor {
    cursor: pointer;
  }

  .relative {
    position: relative;
  }

  li {
    list-style-type: none
  }

  .cwhite {
    color: #fff
  }

  .router_history {
    padding-left: 62px;
    padding-right: 62px;
    position: relative;
  }

  .histouryTab,
  .home-absolute {
    background-color: #fff;
    color: #323232;
    border-right: solid 1px #e8edec;
    cursor: pointer;
    padding: 15px;
    transition: all .5s ease-in-out;
    box-sizing: border-box;
    position: relative;
    padding-right: 31px;
  }

  .home-absolute {
    padding: 15px;
    position: absolute;
    left: 0;
    top: 0;
    width: 63px;
    color: #323232;
    font-size: 16px;
    z-index: 6;

  }

  .activeHistory,
  .histouryTab:hover,
  .home-absolute:hover {
    color: #777;
    background-color: #f6f8f8;
    border-color: #f6f8f8;

  }

  .router_history i {
    display: none;
    margin-top: 3px;
  }

  .histouryTab:hover i {
    display: block;
  }

  .router_history i:hover {
    color: red
  }

  .hoverRed {
    cursor: pointer;
  }

  .hoverRed:hover {
    color: #c6d9ec
  }

  a {
    color: #333;
    text-decoration: none;
  }

  .header-logo {
    /* background-color: #259ee7; */
    background: url('./assets/LOGO11.png') center no-repeat;
    width: 270px;
    height: 31px;
    margin-top: 18px;
    background-size: contain;
  }

  .ml15 {
    margin-left: 15px
  }

  .close_all_route {
    transform: rotate(90deg);
    cursor: pointer;
    font-size: 22px
  }

  .close_all_route .el-dropdown {
    font-size: 22px;
  }

  .router_history li span {
    position: absolute;
    right: 8px;
    top: 15px;
  }

  .home-icon {
    width: 31px;
    height: auto;
    display: block;
  }
  .el-menu--inline .el-menu-item {
    background: #263e56!important;
}
.el-table th, .el-table tr{
  background-color: #f0f9ff;
}
.el-table .cell{
  color: #323232;
}.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
.unit{
  color: #fff;font-size: 14px;font-weight: normal;
}
.el-menu--inline .el-menu-item {
    background: #263e56!important;
}
.el-menu-item:focus, .el-menu-item:hover{
  color: #ffffff!important
}