.trigger {
  font-size: 18px;
  line-height: 64px;
  padding: 0 24px;
  cursor: pointer;
  transition: color .3s;
}

.trigger:hover {
  color: #1890ff;
}

.navLogo{
  height: 64px;
  position: relative;
  line-height: 64px;  
  transition: all 0.3s;
  background: #002140;
  padding-left: 24px;
  overflow: hidden; 
}
.navLogo img{
  display: inline-block;
  vertical-align: middle;
  height: 32px;
}
.navLogo h1{
   color: white;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    margin: 0 0 0 12px;
    font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 600;
}
.right{
  float: right;
  height: 100%;
}
.right .action{
  cursor: pointer;
    display: inline-block;
    height: 100%;
    padding: 0px 20px 0 12px;
    transition: all 0.3s;
}
.right .avatar{   
  margin: 20px 8px 20px 0;
  color: #1890ff;
  background: hsla(0,0%,100%,.85);
  vertical-align: middle;  
}
.header_menu .anticon{
   margin-right: 8px;
}
.header_menu .ant-dropdown-menu-item{
   width: 160px;
}
.navSider{
  min-height: 100vh;
  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
  position: relative;
  z-index: 10;
}
.navSider.fixSiderbar{
  position: fixed;
  top: 0;
  left: 0;
}

.scroll::-webkit-scrollbar,body::-webkit-scrollbar {
 width: 6px;
 height: 10px;
}
 .scroll::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
 background-color:rgba(255,255,255,0.3);
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}
.scroll::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
 background-color:rgba(255,255,255,0.3);
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}
.layoutHeader{
  box-shadow: 0 1px 4px rgba(0,21,41,.08);
  position: fixed;
  z-index: 2;
  top: 0;
}