{"remainingRequest":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\ljzc-fvue\\src\\components\\layout\\SideMenu\\components\\ServicePopupList.vue?vue&type=style&index=0&id=09f9bdf4&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\components\\layout\\SideMenu\\components\\ServicePopupList.vue","mtime":1702030575319},{"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\r\n$font-color: #0F2A4D;\r\n$icon-color: #616e80;\r\n$icon-color-hover: #1150A0;\r\n\r\n.service-popup-list {\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 30px 40px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  flex-direction: column;\r\n  row-gap: 32px;\r\n\r\n  .search-area {\r\n    width: 100%;\r\n\r\n\r\n    .search-area-top {\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      column-gap: 200px;\r\n      user-select: none;\r\n\r\n      ::v-deep .el-input {\r\n        .el-input__inner {\r\n          border: 1px solid #c2c2c2;\r\n\r\n          &::placeholder {\r\n            color: #888;\r\n          }\r\n        }\r\n\r\n        .el-input__icon {\r\n          font-size: 18px;\r\n          color: $icon-color;\r\n        }\r\n      }\r\n\r\n      .popup-close-icon {\r\n        color: $icon-color;\r\n        cursor: pointer;\r\n\r\n\r\n        &::before {\r\n          font-size: 30px !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .menu-area {\r\n    width: 100%;\r\n    flex: 1;\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n\r\n    .menu-box {\r\n      width: calc((100% - 96PX) / 4);\r\n      box-sizing: border-box;\r\n      padding: 0 0 40px 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      row-gap: 16px;\r\n\r\n      .menu-box-title {\r\n        margin: 0 8px;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: $font-color;\r\n        font-family: Microsoft YaHei, serif;\r\n        box-sizing: border-box;\r\n        user-select: none;\r\n\r\n        ::v-deep span {\r\n          font-size: 16px;\r\n        }\r\n      }\r\n\r\n      .menu-box-content {\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        row-gap: 5px;\r\n        box-sizing: border-box;\r\n\r\n        .menu-item {\r\n          width: 100%;\r\n          height: 34px;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          cursor: pointer;\r\n          transition: all 0.2s;\r\n          padding: 0 0px 0 8px;\r\n          box-sizing: border-box;\r\n          user-select: none;\r\n          border-bottom: 1px solid transparent;\r\n\r\n          &.menu-item-active {\r\n            background: #E5F2FF;\r\n            border-radius: 2px;\r\n            border-color: transparent !important;\r\n\r\n            .menu-name {\r\n              color: $icon-color-hover;\r\n            }\r\n          }\r\n\r\n          &:hover {\r\n            border-color: $icon-color-hover;\r\n\r\n            .menu-name {\r\n              color: $icon-color-hover;\r\n            }\r\n\r\n            .collect-icon {\r\n              opacity: 1;\r\n            }\r\n          }\r\n\r\n          .menu-name {\r\n            font-size: 14px;\r\n            font-family: Microsoft YaHei, serif;\r\n            font-weight: 400;\r\n            color: $font-color;\r\n            transition: all 0.2s;\r\n\r\n\r\n            ::v-deep span {\r\n              font-size: 14px;\r\n            }\r\n          }\r\n\r\n          .collect-icon {\r\n            width: 34px;\r\n            height: 34px;\r\n            opacity: 0;\r\n            background: url(\"~@/assets/img/publicLayout/collect1.png\") no-repeat 50% 50%;\r\n            transition: all 0.1s;\r\n\r\n            &.collect {\r\n              background: url(\"~@/assets/img/publicLayout/collect1.png\") no-repeat 50% 50%;\r\n              background-size: 45% 45%;\r\n              opacity: 1;\r\n            }\r\n\r\n            &.un-collect {\r\n              background: url(\"~@/assets/img/publicLayout/cancel-favorite-icon1.png\") no-repeat 50% 50%;\r\n              background-size: 45% 45%;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n",null]}