
/**
 * 由 Fantastic-admin 提供技术支持
 * Powered by Fantastic-admin
 * Gitee  https://gitee.com/hooray/fantastic-admin
 * Github https://github.com/hooray/fantastic-admin
 */
  
header[data-v-d7786ddc]{position:fixed;z-index:1000;top:0;left:0;right:0;display:flex;align-items:center;padding:0 20px;height:var(--g-header-height);color:var(--g-header-color);background-color:var(--g-header-bg);transition:background-color .3s,var(--el-transition-color)}header .header-container[data-v-d7786ddc]{width:var(--g-header-width);height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid red}header .header-container .main[data-v-d7786ddc]{flex:1;display:flex;flex-wrap:wrap;align-items:center;height:100%}@media screen and (max-width: var(--g-header-width)){header .header-container[data-v-d7786ddc]{width:100%}}header[data-v-d7786ddc] .title{position:relative;width:inherit;height:inherit;padding:inherit;background-color:inherit}header[data-v-d7786ddc] .title .logo{width:50px;height:50px}header[data-v-d7786ddc] .title span{font-size:24px;letter-spacing:1px;color:var(--g-header-color)}header .nav[data-v-d7786ddc]{flex:1;display:flex;width:0;height:100%;margin:0 30px;padding:0 20px;overflow-x:auto;-webkit-mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent);scrollbar-width:none}header .nav[data-v-d7786ddc]::-webkit-scrollbar{display:none}header .nav .item-container[data-v-d7786ddc]{position:relative;display:flex;width:initial}header .nav .item-container .item[data-v-d7786ddc]{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 5px;width:80px;height:100%;cursor:pointer;color:var(--g-header-menu-color);background-color:var(--g-header-bg);transition:background-color .3s,var(--el-transition-color)}header .nav .item-container .item[data-v-d7786ddc]:hover{color:var(--g-header-menu-hover-color);background-color:var(--g-header-menu-hover-bg)}header .nav .item-container .item .el-icon[data-v-d7786ddc]{font-size:24px;vertical-align:middle}header .nav .item-container .item span[data-v-d7786ddc]{text-align:center;vertical-align:middle;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}header .nav .item-container.active .item[data-v-d7786ddc]{color:var(--g-header-menu-active-color);background-color:var(--g-header-menu-active-bg)}header[data-v-d7786ddc] .tools{padding:0}header[data-v-d7786ddc] .tools .buttons .item .el-icon{color:var(--g-header-color)}header[data-v-d7786ddc] .tools .user-container{font-size:16px;color:var(--g-header-color)}.header-enter-active[data-v-d7786ddc],.header-leave-active[data-v-d7786ddc]{transition:transform .3s}.header-enter-from[data-v-d7786ddc],.header-leave-to[data-v-d7786ddc]{transform:translateY(calc(var(--g-header-height) * -1))}
