{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\MajorProjectsSubView.vue?vue&type=style&index=0&id=650ff823&scoped=true&lang=scss&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\MajorProjectsSubView.vue","mtime":1686282914844},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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/big-screen.scss';\r\n\r\n.flex-row-center {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n.flex-column-center {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n.flex-change-to-column {\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n}\r\n// 每一个模块内部显示内容区域固定\r\n.border-main {\r\n  display: flex;\r\n  position: absolute;\r\n  top: 15%;\r\n  left: 3%;\r\n  height: 85%;\r\n  width: 94%;\r\n  .border-main-content {\r\n    flex: 4;\r\n    overflow: hidden;\r\n  }\r\n  .border-main-more-btn {\r\n    flex: 1;\r\n  }\r\n}\r\n.border-main-bottom {\r\n  top: 10%;\r\n  height: 90%;\r\n  .border-main-content {\r\n    flex: 9;\r\n    display: flex;\r\n    flex-direction: column;\r\n    // row-gap: 10px;\r\n    .border-main-content-item {\r\n      width: 100%;\r\n      &:nth-child(1) {\r\n        flex: 5;\r\n      }\r\n      &:nth-child(2) {\r\n        flex: 1;\r\n        span {\r\n          width: 100%;\r\n          height: 100%;\r\n          font-size: 16px;\r\n          font-family: SimHei;\r\n          font-weight: 400;\r\n          color: #ffffff;\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          text-shadow: 0px 0px 16px #266bf2;\r\n          &::before {\r\n            content: '';\r\n            display: inline-block;\r\n            width: 10%;\r\n            height: 10%;\r\n            margin-right: 10%;\r\n            background: url('~@/assets/img/bigScreen/line-drop-right@2x.png')\r\n              no-repeat center / 100% 100%;\r\n          }\r\n          &::after {\r\n            content: '';\r\n            display: inline-block;\r\n            width: 10%;\r\n            height: 10%;\r\n            margin-left: 10%;\r\n            background: url('~@/assets/img/bigScreen/line-drop-left@2x.png')\r\n              no-repeat center / 100% 100%;\r\n          }\r\n        }\r\n      }\r\n      &:nth-child(3) {\r\n        flex: 3;\r\n        overflow: hidden;\r\n      }\r\n    }\r\n  }\r\n  .border-main-more-btn {\r\n    flex: 1;\r\n  }\r\n}\r\n.more-btn {\r\n  cursor: pointer;\r\n  background: url('~@/assets/img/bigScreen/majorProjects-more-border@2x.png')\r\n    no-repeat center / 100% 100%;\r\n  span {\r\n    font-size: 14px;\r\n    font-family: Microsoft YaHei;\r\n    font-weight: 400;\r\n    color: #62b4ff;\r\n  }\r\n}\r\n.body-title {\r\n  position: absolute;\r\n  top: 1%;\r\n  left: 10%;\r\n  font-size: 20px;\r\n  font-family: Microsoft YaHei;\r\n  font-weight: bold;\r\n  font-style: italic;\r\n  color: #ffffff;\r\n}\r\n.board-content-item-text {\r\n  cursor: pointer;\r\n  position: relative;\r\n  margin-left: 20px;\r\n  width: 146px;\r\n  height: 34px;\r\n  line-height: 34px;\r\n  font-size: 12px;\r\n  font-family: PingFang SC;\r\n  font-weight: 400;\r\n  color: #d7f1ff;\r\n  text-align: left;\r\n}\r\n.board-content-item-text span {\r\n  display: inline-block;\r\n  width: 100%;\r\n}\r\n.scroll-board-top {\r\n  position: absolute;\r\n  left: 6%;\r\n  top: 11%;\r\n  width: 88%;\r\n  height: 72%;\r\n}\r\n.scroll-table-column,\r\n.board-content-item-text {\r\n  width: 100%;\r\n}\r\n.scroll-table-body {\r\n  width: 100%;\r\n  .ellipsis {\r\n    font-size: 14px;\r\n    font-family: SimHei;\r\n    font-weight: 400;\r\n    color: #d7f1ff;\r\n  }\r\n}\r\n.tab-btns {\r\n  position: absolute;\r\n  right: 1%;\r\n  top: 1%;\r\n  display: flex;\r\n  .tab-btn {\r\n    margin: 0 4px;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    width: 64px;\r\n    height: 30px;\r\n    line-height: 30px;\r\n    font-size: 12px;\r\n    font-family: SimHei;\r\n    font-weight: 500;\r\n    color: #ffffff;\r\n    text-shadow: 0px 0px 27px #0b1f3e;\r\n    background: url('~@/assets/img/bigScreen/tab_btn_b.png') no-repeat center /\r\n      100% 100%;\r\n  }\r\n  .active {\r\n    background: url('~@/assets/img/bigScreen/tab_btn_g.png') no-repeat center /\r\n      100% 100% !important;\r\n  }\r\n}\r\n// 根容器\r\n.content-body {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  // padding: 15px 40px;\r\n  // column-gap: 10px;\r\n}\r\n.content-body-side {\r\n  flex: 1.3;\r\n  /* prettier-ignore */\r\n  padding: 15PX;\r\n  // row-gap: 10px;\r\n  .content-body-side-top {\r\n    flex: 1.5;\r\n    /* prettier-ignore */\r\n    margin-bottom: 15PX;\r\n    background: url('~@/assets/img/bigScreen/majorProjects-border-1@2x.png')\r\n      no-repeat center / 100% 100%;\r\n  }\r\n  .content-body-side-bottom {\r\n    flex: 2.5;\r\n    background: url('~@/assets/img/bigScreen/majorProjects-border-2@2x.png')\r\n      no-repeat center / 100% 100%;\r\n    .content-body-side-border {\r\n      display: flex;\r\n      flex-direction: column;\r\n      // row-gap: 5%;\r\n      top: 12%;\r\n      height: 84%;\r\n    }\r\n    .content-body-side-bottom-item {\r\n      flex: 1;\r\n      position: relative;\r\n      background: url('~@/assets/img/bigScreen/majorProject-center-side-border.png')\r\n        no-repeat center / 100% 100%;\r\n      &:nth-child(2) {\r\n        /* prettier-ignore */\r\n        margin: 15PX 0;\r\n        .side-bottom-item-inner .item-inner-center-img:nth-child(1) {\r\n          background: url('~@/assets/img/bigScreen/majorProject-center-side-border-center-top-2@2x.png')\r\n            no-repeat center / 100% 100% !important;\r\n        }\r\n      }\r\n      &:nth-child(3) {\r\n        .side-bottom-item-inner .item-inner-center-img:nth-child(1) {\r\n          background: url('~@/assets/img/bigScreen/majorProject-center-side-border-center-top-3@2x.png')\r\n            no-repeat center / 100% 100% !important;\r\n        }\r\n      }\r\n      .bottom-item-title {\r\n        position: absolute;\r\n        top: -12%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        font-size: 18px;\r\n        font-family: Microsoft YaHei;\r\n        font-weight: 400;\r\n      }\r\n      .side-bottom-item-inner {\r\n        position: absolute;\r\n        top: 16%;\r\n        left: 5%;\r\n        width: 90%;\r\n        height: 72%;\r\n        display: flex;\r\n        // column-gap: 10px;\r\n        p {\r\n          margin: 0;\r\n          padding: 0;\r\n        }\r\n        .item-inner {\r\n          flex: 1;\r\n          display: flex;\r\n          flex-direction: column;\r\n          align-items: flex-start;\r\n          justify-content: center;\r\n          // row-gap: 5%;\r\n          span {\r\n            font-size: 18px;\r\n            font-family: Microsoft YaHei;\r\n            font-weight: 400;\r\n            color: #e7efff;\r\n            margin-left: 20%;\r\n            &:nth-child(2) {\r\n              display: flex;\r\n              justify-content: flex-start;\r\n              align-items: center;\r\n              // column-gap: 2px;\r\n              width: 100%;\r\n            }\r\n            p {\r\n              width: 20%;\r\n              height: 100%;\r\n              font-size: 20px;\r\n              font-family: Microsoft YaHei;\r\n              font-weight: 400;\r\n              color: #e7efff;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n              background: url('~@/assets/img/bigScreen/top-main-border-mini-small@2x.png')\r\n                no-repeat center / 100% 100%;\r\n              /* prettier-ignore */\r\n              margin-left: 2PX;\r\n            }\r\n          }\r\n          span p i.up {\r\n            height: 100%;\r\n            width: 100%;\r\n            background: url('~@/assets/img/bigScreen/top-main-border-up@2x.png')\r\n              no-repeat center / 100% 100%;\r\n          }\r\n          span p i.down {\r\n            height: 100%;\r\n            width: 100%;\r\n            background: url('~@/assets/img/bigScreen/top-main-border-down@2x.png')\r\n              no-repeat center / 100% 100%;\r\n          }\r\n          &:nth-child(2) {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            position: relative;\r\n            .item-inner-center-img {\r\n              width: 50%;\r\n              &:nth-child(1) {\r\n                width: 20%;\r\n                height: 35%;\r\n                top: 12%;\r\n                position: absolute;\r\n                background: url('~@/assets/img/bigScreen/majorProject-center-side-border-center-top@2x.png')\r\n                  no-repeat center / 100% 100%;\r\n              }\r\n              &:nth-child(2) {\r\n                height: 100%;\r\n                background: url('~@/assets/img/bigScreen/majorProject-center-side-border-center-bottom@2x.png')\r\n                  no-repeat center / 100% 100%;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.content-body-cneter {\r\n  flex: 2;\r\n  /* prettier-ignore */\r\n  padding-bottom: 15PX;\r\n  /* prettier-ignore */\r\n  padding-top: 40PX;\r\n  // row-gap: 10px;\r\n  .main-title {\r\n    position: absolute;\r\n    width: 100%;\r\n    top: -8%;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    /* prettier-ignore */\r\n    line-height: 20px;\r\n    z-index: 999;\r\n    span {\r\n      position: absolute;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      /* prettier-ignore */\r\n      font-size: 18PX;\r\n      font-family: PingFang SC;\r\n      font-weight: bold;\r\n      text-align: center;\r\n      /* prettier-ignore */\r\n      line-height: 20PX;\r\n      &::after {\r\n        content: '';\r\n        display: inline-block;\r\n        position: absolute;\r\n        top: 40%;\r\n        left: 110%;\r\n        /* prettier-ignore */\r\n        height: 10PX;\r\n        /* prettier-ignore */\r\n        width: 60PX;\r\n        background: url('~@/assets/img/bigScreen/top-main-right@2x.png')\r\n          no-repeat center / 100% 100% !important;\r\n      }\r\n      &::before {\r\n        content: '';\r\n        display: inline-block;\r\n        position: absolute;\r\n        top: 40%;\r\n        right: 110%;\r\n        /* prettier-ignore */\r\n        height: 10PX;\r\n        /* prettier-ignore */\r\n        width: 60PX;\r\n        background: url('~@/assets/img/bigScreen/top-main-left@2x.png')\r\n          no-repeat center / 100% 100% !important;\r\n      }\r\n    }\r\n    .tab-btns {\r\n      position: absolute;\r\n      left: 8%;\r\n    }\r\n  }\r\n  .content-body-center-top {\r\n    flex: 1.5;\r\n    position: relative;\r\n    /* prettier-ignore */\r\n    margin-bottom: 15PX;\r\n    .border-center-top {\r\n      width: 100%;\r\n      height: 85%;\r\n      position: absolute;\r\n      top: 10%;\r\n      left: 0%;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      // column-gap: 30%;\r\n    }\r\n    .left-bg {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      // row-gap: 5%;\r\n      background: url('~@/assets/img/bigScreen/majorProjects-top-left-bg@2x.png')\r\n        no-repeat center / 100% 100%;\r\n      .left-bg-item {\r\n        flex: 1;\r\n        width: 80%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-around;\r\n        // column-gap: 5%;\r\n        margin-right: 10%;\r\n        span {\r\n          width: 42.5%;\r\n          &:nth-child(1) {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: flex-end;\r\n            p {\r\n              margin: 0;\r\n              padding: 0;\r\n              font-size: 14px;\r\n              font-family: Microsoft YaHei;\r\n              font-weight: 400;\r\n              color: #b1e3ff;\r\n              &:nth-child(2) {\r\n                font-size: 14px;\r\n                font-family: Microsoft YaHei;\r\n                font-weight: bold;\r\n                color: #ffffff;\r\n              }\r\n            }\r\n          }\r\n          &:nth-child(2) {\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            align-items: center;\r\n            height: 50%;\r\n            width: 30%;\r\n            // column-gap: 2px;\r\n            p {\r\n              height: 100%;\r\n              width: 100%;\r\n              font-size: 16px;\r\n              font-family: Microsoft YaHei;\r\n              font-weight: bold;\r\n              color: #ffffff;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n              /* prettier-ignore */\r\n              margin-left: 2PX;\r\n              background: url('~@/assets/img/bigScreen/top-main-border-mini-small@2x.png')\r\n                no-repeat center / 100% 100%;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .right-bg {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      // row-gap: 5%;\r\n      background: url('~@/assets/img/bigScreen/majorProjects-top-right-bg@2x.png')\r\n        no-repeat center / 100% 100%;\r\n      .right-bg-item {\r\n        flex: 1;\r\n        width: 85%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-around;\r\n        // column-gap: 5%;\r\n        margin-left: 15%;\r\n        span {\r\n          width: 42.5%;\r\n          &:nth-child(2) {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: flex-start;\r\n            p {\r\n              margin: 0;\r\n              padding: 0;\r\n              font-size: 14px;\r\n              font-family: Microsoft YaHei;\r\n              font-weight: 400;\r\n              color: #b1e3ff;\r\n              &:nth-child(2) {\r\n                font-size: 14px;\r\n                font-family: Microsoft YaHei;\r\n                font-weight: bold;\r\n                color: #ffffff;\r\n              }\r\n            }\r\n          }\r\n          &:nth-child(1) {\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            align-items: center;\r\n            height: 50%;\r\n            width: 30%;\r\n            // column-gap: 2px;\r\n            p {\r\n              height: 100%;\r\n              width: 100%;\r\n              font-size: 16px;\r\n              font-family: Microsoft YaHei;\r\n              font-weight: bold;\r\n              color: #ffffff;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n              /* prettier-ignore */\r\n              margin-left: 2PX;\r\n              background: url('~@/assets/img/bigScreen/top-main-border-mini-small@2x.png')\r\n                no-repeat center / 100% 100%;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .center-top-side {\r\n      // flex: 1.2;\r\n      width: 38%;\r\n    }\r\n    .center-top-center {\r\n      // flex: 1;\r\n      width: 33%;\r\n      padding-bottom: 33%;\r\n      position: absolute;\r\n      top: -8%;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      background: url('~@/assets/img/bigScreen/majorProject-center-top-left@2x.png')\r\n          left no-repeat,\r\n        url('~@/assets/img/bigScreen/majorProject-center-top-right@2x.png')\r\n          right no-repeat;\r\n      background-size: 50% 98%, 50% 100%;\r\n      .inner-round {\r\n        position: absolute;\r\n        top: 7.5%;\r\n        left: 7.5%;\r\n        width: 85%;\r\n        padding-bottom: 85%;\r\n        background: url('~@/assets/img/bigScreen/majorProject-center-top-round@2x.png')\r\n          no-repeat center / 100% 100% !important;\r\n        animation: rotate_center 10s linear infinite;\r\n        @keyframes rotate_center {\r\n          from {\r\n            transform: rotate(0deg);\r\n          }\r\n          to {\r\n            transform: rotate(360deg);\r\n          }\r\n        }\r\n      }\r\n      .inner-line {\r\n        position: absolute;\r\n        top: 12%;\r\n        left: 12%;\r\n        width: 76%;\r\n        padding-bottom: 76%;\r\n        background: url('~@/assets/img/bigScreen/majorProject-center-top-line@2x.png')\r\n          no-repeat center / 100% 100% !important;\r\n      }\r\n      .inner {\r\n        position: absolute;\r\n        top: 15%;\r\n        left: 15%;\r\n        width: 70%;\r\n        padding-bottom: 70%;\r\n        background: url('~@/assets/img/bigScreen/majorProject-center-top-inner@2x.png')\r\n          no-repeat center / 100% 100% !important;\r\n        span {\r\n          font-size: 20px;\r\n          font-family: Microsoft YaHei;\r\n          font-weight: 400;\r\n          color: #ffffff;\r\n          line-height: 24px;\r\n          text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.49);\r\n          position: absolute;\r\n          top: 40%;\r\n          /* 禁止将PX格式化px */\r\n          /* prettier-ignore */\r\n          width: 40PX;\r\n          &:nth-child(1) {\r\n            left: 25%;\r\n          }\r\n          &:nth-child(2) {\r\n            left: 60%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .content-body-center-bottom {\r\n    flex: 2.5;\r\n    // row-gap: 10px;\r\n    .center-bottom-header {\r\n      flex: 1;\r\n      position: relative;\r\n      /* prettier-ignore */\r\n      margin-bottom: 15PX;\r\n      .border-center-bottom {\r\n        width: 100%;\r\n        height: 85%;\r\n        position: absolute;\r\n        top: 15%;\r\n        left: 0%;\r\n        background: url('~@/assets/img/bigScreen/majorProject-top-oval.png')\r\n          no-repeat center / 100% 100% !important;\r\n        .oval-active {\r\n          background: url('~@/assets/img/bigScreen/majorProject-oval-active.png')\r\n            no-repeat center / 100% 100% !important;\r\n        }\r\n        .oval-noActive {\r\n          background: url('~@/assets/img/bigScreen/majorProject-oval-noActive.png')\r\n            no-repeat center / 100% 100% !important;\r\n        }\r\n        .border-center-bottom-item {\r\n          position: absolute;\r\n          top: 0;\r\n          left: 45%;\r\n          transform: translateX(-50%);\r\n          width: 12%;\r\n          padding-bottom: 12%;\r\n          border-radius: 50%;\r\n          cursor: pointer;\r\n          .item-name {\r\n            font-size: 14px;\r\n            font-family: Microsoft YaHei;\r\n            font-weight: bold;\r\n            color: #ffffff;\r\n            line-height: 20px;\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            text-align: center;\r\n            transform: translate(-50%, -50%);\r\n          }\r\n          &:nth-child(1) {\r\n            transform: scale(1.2);\r\n          }\r\n          &:nth-child(2) {\r\n            top: 23%;\r\n            left: 32%;\r\n            transform: scale(1);\r\n          }\r\n          &:nth-child(3) {\r\n            top: 53%;\r\n            left: 23%;\r\n            transform: scale(0.8);\r\n          }\r\n          &:nth-child(4) {\r\n            top: 23%;\r\n            left: 58%;\r\n            transform: scale(1);\r\n          }\r\n          &:nth-child(5) {\r\n            top: 53%;\r\n            left: 67%;\r\n            transform: scale(0.8);\r\n          }\r\n        }\r\n        .border-center-bottom-hand {\r\n          position: absolute;\r\n          bottom: 8%;\r\n          left: 50.5%;\r\n          width: 1%;\r\n          height: 40%;\r\n          transform-origin: 50% 82%;\r\n          transition: all 0.3s;\r\n          background: url('~@/assets/img/bigScreen/majoctPeoject-hand@2x.png')\r\n            no-repeat center / 100% 100% !important;\r\n        }\r\n        .border-center-bottom-point {\r\n          position: absolute;\r\n          bottom: 8%;\r\n          left: 51%;\r\n          transform: translateX(-50%);\r\n          width: 3.5%;\r\n          padding-bottom: 3.5%;\r\n          background: url('~@/assets/img/bigScreen/majoctPeoject-hand-point@2x.png')\r\n            no-repeat center / 100% 100% !important;\r\n        }\r\n      }\r\n      .border-center-top-left {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 23%;\r\n        height: 76%;\r\n        background: url('~@/assets/img/bigScreen/majorProject-top-center-left.png')\r\n          no-repeat center / 100% 100% !important;\r\n        span {\r\n          font-size: 14px;\r\n          font-family: Microsoft YaHei;\r\n          font-weight: bold;\r\n          color: #ffffff;\r\n          line-height: 28px;\r\n          &:nth-child(2) {\r\n            margin-bottom: 5%;\r\n          }\r\n          &:nth-child(3),\r\n          &:nth-child(4),\r\n          &:nth-child(5) {\r\n            font-weight: 400;\r\n            line-height: 22px;\r\n          }\r\n          &:nth-child(5) {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            p {\r\n              margin: 0;\r\n              padding: 0;\r\n              font-size: 14px;\r\n              font-family: Microsoft YaHei;\r\n              color: #ffffff;\r\n              font-weight: 400;\r\n              line-height: 22px;\r\n            }\r\n          }\r\n          &:nth-child(5) i {\r\n            display: inline-block;\r\n            width: 12% !important;\r\n            height: 100% !important;\r\n            &.up {\r\n              height: 100%;\r\n              width: 100%;\r\n              background: url('~@/assets/img/bigScreen/top-main-border-up@2x.png')\r\n                no-repeat center / 100% 100%;\r\n            }\r\n            &.down {\r\n              height: 100%;\r\n              width: 100%;\r\n              background: url('~@/assets/img/bigScreen/top-main-border-down@2x.png')\r\n                no-repeat center / 100% 100%;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .border-center-top-right {\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        width: 21%;\r\n        height: 76%;\r\n        background: url('~@/assets/img/bigScreen/majorProject-top-center-right.png')\r\n          no-repeat center / 100% 100% !important;\r\n        span {\r\n          font-size: 14px;\r\n          font-family: Microsoft YaHei;\r\n          font-weight: bold;\r\n          color: #ffffff;\r\n          line-height: 28px;\r\n          li {\r\n            font-size: 13px;\r\n            font-family: PingFang SC;\r\n            font-weight: 400;\r\n            color: #ffffff;\r\n            line-height: 18px;\r\n            cursor: pointer;\r\n            list-style-image: url('~@/assets/img/bigScreen/point-list@2x.png');\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .center-bottom-footer {\r\n      flex: 1;\r\n      display: flex;\r\n      // column-gap: 10px;\r\n      .center-bottom-footer-left {\r\n        flex: 1;\r\n        /* prettier-ignore */\r\n        margin-right: 15PX;\r\n        background: url('~@/assets/img/bigScreen/majorProjects-border-3@2x.png')\r\n          no-repeat center / 100% 100%;\r\n      }\r\n      .center-bottom-footer-right {\r\n        flex: 1;\r\n        background: url('~@/assets/img/bigScreen/majorProjects-border-3@2x.png')\r\n          no-repeat center / 100% 100%;\r\n      }\r\n    }\r\n  }\r\n}\r\n",null]}