{"remainingRequest":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\ljzc-fvue\\src\\components\\layout\\Navigator.vue?vue&type=style&index=0&id=e84fc204&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\components\\layout\\Navigator.vue","mtime":1701311301084},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@import '@/assets/css/element-variables.scss';\r\n\r\n\r\n.title {\r\n  font-family: STXingkai;\r\n  font-size: 35px !important;\r\n\r\n  i {\r\n    font-size: 30px;\r\n  }\r\n}\r\n\r\n.el-header {\r\n  padding: 0;\r\n  height: 60px !important;\r\n}\r\n\r\n.header-container {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  z-index: 999;\r\n  padding-left: 16px;\r\n  box-sizing: border-box;\r\n  background: url(\"~@/assets/img/publicLayout/header-bg.png\") no-repeat 0 0, linear-gradient(180deg, #1150A0 0%, #4686D6 100%);\r\n  background-size: 100% 100%;\r\n\r\n  > * {\r\n    font-family: Microsoft YaHei, serif;\r\n  }\r\n\r\n  .header-left {\r\n    flex: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    column-gap: 60px;\r\n    height: 100%;\r\n    position: relative;\r\n\r\n    .logo-box {\r\n      height: 100%;\r\n      box-sizing: border-box;\r\n      display: flex;\r\n      align-items: center;\r\n      column-gap: 5px;\r\n      color: #fff;\r\n\r\n      img {\r\n        width: 65px;\r\n      }\r\n\r\n      .logo_title {\r\n        cursor: pointer;\r\n        display: flex;\r\n        flex-direction: column;\r\n        margin-top: 10px;\r\n\r\n        .chinese {\r\n          font-size: 16px;\r\n          font-weight: 700;\r\n          font-family: Song Typeface, serif;\r\n          opacity: 0.9;\r\n        }\r\n\r\n        .english {\r\n          font-family: SimHei, serif;\r\n          opacity: 0.7;\r\n        }\r\n      }\r\n\r\n    }\r\n\r\n    .first-menus {\r\n      display: flex;\r\n      column-gap: 30px;\r\n      height: 100%;\r\n      position: absolute;\r\n      left: 58%;\r\n      transform: translateX(-50%);\r\n\r\n      .first-menus-item {\r\n        padding-top: 6px;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        column-gap: 10px;\r\n        position: relative;\r\n        cursor: pointer;\r\n        transition: all 0.2s;\r\n        color: #FFFFFF;\r\n        user-select: none;\r\n        box-sizing: border-box;\r\n\r\n\r\n        &.active-menu {\r\n          color: #fff;\r\n          transform: scale(1.125) translateY(-5%);\r\n\r\n          span {\r\n            font-weight: 700;\r\n\r\n            &::after {\r\n              opacity: 1;\r\n              transform: translate(-50%, 0%)\r\n            }\r\n          }\r\n\r\n        }\r\n\r\n        &:hover {\r\n          color: #fff;\r\n\r\n          span {\r\n            color: #fff;\r\n          }\r\n        }\r\n\r\n        span {\r\n          display: flex;\r\n          align-items: center;\r\n          height: 100%;\r\n          font-size: 16px;\r\n          color: #FFFFFF;\r\n          transition: all 0.15s;\r\n          white-space: nowrap;\r\n          position: relative;\r\n\r\n          &::after {\r\n            content: '';\r\n            width: 80%;\r\n            height: 2.5px;\r\n            background-color: #fff;\r\n            border-radius: 5px;\r\n            position: absolute;\r\n            bottom: 3px;\r\n            left: 50%;\r\n            transform: translate(-50%, 300%);\r\n            opacity: 0;\r\n            transition: all 0.2s;\r\n          }\r\n        }\r\n\r\n        .header-icon {\r\n          font-size: 18px;\r\n        }\r\n\r\n        .active-line {\r\n          width: 40px;\r\n          height: 4px;\r\n          border-radius: 2px 2px 2px 2px;\r\n          opacity: 1;\r\n          margin: 5px auto 0;\r\n        }\r\n      }\r\n    }\r\n\r\n  }\r\n\r\n\r\n  .header-right {\r\n    margin-right: 10px;\r\n    display: flex;\r\n    flex-direction: row-reverse;\r\n    align-items: center;\r\n\r\n    .input {\r\n      width: 340px;\r\n      height: 40px;\r\n      border-radius: 4px;\r\n      margin: 19px 36px;\r\n      margin-left: 24px;\r\n\r\n      /deep/ .el-input input,\r\n      /deep/ .el-input-group__append {\r\n        background-color: #f1f1f1;\r\n        border: none;\r\n\r\n        .el-icon-search {\r\n          font-size: 18px;\r\n        }\r\n      }\r\n\r\n      /deep/ .el-input-group {\r\n        height: 100%;\r\n      }\r\n\r\n      /deep/ .el-input {\r\n        input {\r\n          font-size: 16px;\r\n          font-weight: normal;\r\n          font-stretch: normal;\r\n          line-height: 19px;\r\n          letter-spacing: 0px;\r\n          height: 100%;\r\n        }\r\n\r\n        input::-webkit-input-placeholder {\r\n          // 针对 谷歌 内核\r\n          font-family: Microsoft YaHei;\r\n          font-size: 16px;\r\n          font-weight: normal;\r\n          font-stretch: normal;\r\n          line-height: 19px;\r\n          letter-spacing: 0px;\r\n          color: #c4c4c4;\r\n        }\r\n\r\n        input:-moz-placeholder {\r\n          // 火狐\r\n          font-family: Microsoft YaHei;\r\n          font-size: 16px;\r\n          font-weight: normal;\r\n          font-stretch: normal;\r\n          line-height: 19px;\r\n          letter-spacing: 0px;\r\n          color: #c4c4c4;\r\n        }\r\n\r\n        input:-ms-input-placeholder {\r\n          // 微软ie\r\n          font-family: Microsoft YaHei;\r\n          font-size: 16px;\r\n          font-weight: normal;\r\n          font-stretch: normal;\r\n          line-height: 19px;\r\n          letter-spacing: 0px;\r\n          color: #c4c4c4;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.operation-manual {\r\n  color: #2761ff;\r\n  background: #e9efff;\r\n  padding: 6px 12px;\r\n  border: 1px solid #a9c0ff;\r\n  cursor: pointer;\r\n  margin-right: 20px;\r\n  font-weight: bold;\r\n  border-radius: 5px;\r\n\r\n  i {\r\n    color: #2761ff;\r\n    margin-right: 6px;\r\n  }\r\n\r\n  .sub-back {\r\n    color: #fff;\r\n  }\r\n\r\n  &:first-child {\r\n    color: #fff;\r\n    background: #2761ff;\r\n    border: 1px solid #2761ff;\r\n  }\r\n}\r\n\r\n.action-btn {\r\n  width: 100px;\r\n  height: 35px;\r\n  border-radius: 5px;\r\n  box-sizing: border-box;\r\n  padding: 0;\r\n  margin: 0 10px 0 0;\r\n}\r\n\r\n.operation-manual:hover {\r\n  background: #2761ff;\r\n  border-color: #2761ff;\r\n  color: #ffffff;\r\n\r\n  i {\r\n    color: #ffffff;\r\n  }\r\n}\r\n\r\n\r\n.el-avatar {\r\n  width: 40px;\r\n  height: 40px;\r\n  line-height: 50px;\r\n}\r\n\r\n.el-avatar i {\r\n  font-size: 16px;\r\n  color: #c0c4cc;\r\n}\r\n\r\n.user-box-header {\r\n  padding: 10px;\r\n\r\n  h3 {\r\n    color: $--navigator-text-color;\r\n    font-weight: bold;\r\n  }\r\n}\r\n\r\n.user-link-ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  background: $--navigator-main-color;\r\n\r\n  > li {\r\n    padding: 8px 10px;\r\n    cursor: pointer;\r\n    color: $--navigator-text-color;\r\n  }\r\n\r\n  > li > i {\r\n    margin-right: 5px;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n  }\r\n\r\n  > li:hover {\r\n    color: $--navigator-text-color;\r\n    background-color: #f1f1f1;\r\n  }\r\n\r\n  .el-link {\r\n    color: #606266 !important;\r\n\r\n    i {\r\n      font-size: 16px;\r\n      margin-right: 5px;\r\n      vertical-align: middle;\r\n    }\r\n  }\r\n}\r\n\r\n.user-box-logout {\r\n  justify-content: center;\r\n  background: $--navigator-main-color;\r\n  // border-top: 1px solid rgba($--navigator-text-color,0.1);\r\n  // border-bottom: 1px solid rgba($--navigator-text-color,0.1);\r\n  // margin-top: 10px;\r\n  color: $--navigator-main-text-color !important;\r\n}\r\n\r\n.user-box-logout:hover {\r\n  background: $--navigator-main-text-color;\r\n}\r\n\r\n.user-box-logout > .el-link {\r\n  line-height: 46px;\r\n  width: 100%;\r\n  color: $--navigator-main-text-color !important;\r\n  background: $--navigator-main-color;\r\n}\r\n\r\n.user-box-logout > .el-link:hover,\r\n.user-box-logout > .el-link:focus {\r\n  color: $--navigator-main-text-color !important;\r\n}\r\n",null]}