{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\DistrictReformSubView.vue?vue&type=style&index=0&id=45a85324&scoped=true&lang=scss&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\DistrictReformSubView.vue","mtime":1681724619493},{"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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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.content-body {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  // column-gap: 0px;\r\n  /* prettier-ignore */\r\n  // padding: 15PX 0PX;\r\n  /* prettier-ignore */\r\n  // column-gap: 20PX;\r\n}\r\n\r\n.title {\r\n  position: absolute;\r\n  top: 1%;\r\n  left: 5%;\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  font-family: Source Han Sans CN;\r\n  font-style: italic;\r\n  color: #fff;\r\n  span {\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    font-family: Source Han Sans CN;\r\n    font-style: italic;\r\n    color: #fff;\r\n  }\r\n}\r\n\r\n.title-1 {\r\n  top: 2%;\r\n  left: 0%;\r\n  width: 40%;\r\n  height: 12%;\r\n  text-align: center;\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  span {\r\n    margin-left: 10%;\r\n    margin-bottom: 4%;\r\n  }\r\n}\r\n\r\n.title-2 {\r\n  position: absolute;\r\n  height: 11%;\r\n  width: 44%;\r\n  top: 0%;\r\n  left: 38.5%;\r\n  text-align: center;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background: url('~@/assets/img/bigScreen/tab-quate@2x.png') no-repeat center /\r\n    100% 100%;\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  span {\r\n    margin-left: 20%;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n\r\n.titleActive {\r\n  position: absolute;\r\n  width: 38%;\r\n  height: 5%;\r\n  top: 8%;\r\n  left: 2%;\r\n  transition: all 0.3s;\r\n  background: url('~@/assets/img/bigScreen/active-tab-quate2x.png') no-repeat\r\n    center / 100% 100%;\r\n}\r\n\r\n.titleActive-2 {\r\n  left: 45%;\r\n}\r\n\r\n.tab-btns {\r\n  position: absolute;\r\n  right: 2.6%;\r\n  top: -1%;\r\n  display: flex;\r\n  z-index: 999;\r\n\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\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.background-image {\r\n  background: url('~@/assets/img/bigScreen/img_quxian_k1@2x.png') no-repeat\r\n    center / 100% 100%;\r\n}\r\n.background-image-top {\r\n  background: url('~@/assets/img/bigScreen/border-district.png') no-repeat\r\n    center / 100% 100%;\r\n}\r\n.background-image-bottom {\r\n  background: url('~@/assets/img/bigScreen/border-district-bottom2x.png')\r\n    no-repeat center / 100% 100%;\r\n}\r\n\r\n.background-image-noActive {\r\n  /* prettier-ignore */\r\n  // margin-bottom: 20PX;\r\n  background: url('~@/assets/img/bigScreen/border-sub@2x.png') no-repeat center /\r\n    100% 100%;\r\n}\r\n\r\n.flex-cloumn {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\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\r\n.board-content-item-text span {\r\n  display: inline-block;\r\n  width: 100%;\r\n}\r\n\r\n.scroll-table-column,\r\n.board-content-item-text {\r\n  width: 100%;\r\n}\r\n\r\n.scroll-table-body {\r\n  width: 100%;\r\n  // height: 100%;\r\n\r\n  .ellipsis {\r\n    font-size: 14px;\r\n    font-family: SimHei;\r\n    font-weight: 400;\r\n    color: #d7f1ff;\r\n    &.hover:hover {\r\n      color: #1481ef;\r\n    }\r\n  }\r\n}\r\n\r\n.content-body-inner-top {\r\n  width: 100%;\r\n  flex: 1.5;\r\n  position: relative;\r\n   /* prettier-ignore */\r\n   margin-bottom: 15PX;\r\n  .content-body-left-main {\r\n    display: flex;\r\n    position: absolute;\r\n    top: 16%;\r\n    left: 4%;\r\n    height: 75%;\r\n    width: 92%;\r\n    // column-gap: 20px;\r\n\r\n    .left {\r\n      height: 100%;\r\n      flex: 2.5;\r\n      display: flex;\r\n      flex-direction: column;\r\n      // row-gap: 20px;\r\n\r\n      .left-item {\r\n        width: 100%;\r\n        flex: 1;\r\n        position: relative;\r\n\r\n        &:nth-child(1) {\r\n          background: url('~@/assets/img/bigScreen/banner-green@2x.png')\r\n            no-repeat center / 100% 100%;\r\n        }\r\n\r\n        &:nth-child(2) {\r\n          width: 85%;\r\n          background: url('~@/assets/img/bigScreen/banner-yellow@2x.png')\r\n            no-repeat center / 100% 100%;\r\n           /* prettier-ignore */\r\n           margin: 10PX 0;\r\n\r\n          span {\r\n            &:nth-child(1) {\r\n              top: 50%;\r\n              right: 30%;\r\n\r\n              p {\r\n                font-size: 16px;\r\n                font-family: SimHei;\r\n                font-weight: 400;\r\n                color: #ffce86;\r\n              }\r\n            }\r\n          }\r\n\r\n          .blod {\r\n            color: #ffce86;\r\n          }\r\n        }\r\n\r\n        &:nth-child(3) {\r\n          background: url('~@/assets/img/bigScreen/banner-orange@2x.png')\r\n            no-repeat center / 100% 100%;\r\n\r\n          span {\r\n            &:nth-child(1) {\r\n              top: 50%;\r\n              right: 30%;\r\n\r\n              p {\r\n                font-size: 16px;\r\n                font-family: SimHei;\r\n                font-weight: 400;\r\n                color: #ff7ca6;\r\n              }\r\n            }\r\n          }\r\n\r\n          .blod {\r\n            color: #ff7ca6;\r\n          }\r\n        }\r\n\r\n        span {\r\n          position: absolute;\r\n          display: flex;\r\n          align-items: flex-end;\r\n\r\n          &:nth-child(1) {\r\n            top: 30%;\r\n            right: 28%;\r\n            flex-direction: column;\r\n          }\r\n\r\n          &:nth-child(2) {\r\n            top: 30%;\r\n            right: 5%;\r\n          }\r\n\r\n          p {\r\n            font-size: 16px;\r\n            margin: 0;\r\n            padding: 0;\r\n          }\r\n\r\n          .blod {\r\n            font-size: 39px;\r\n            font-family: SimHei;\r\n            font-weight: 400;\r\n            color: #96ffca;\r\n          }\r\n\r\n          .text {\r\n            margin-bottom: 15%;\r\n            margin-left: 5%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .right {\r\n      height: 100%;\r\n      flex: 1;\r\n      position: relative;\r\n      i {\r\n        position: absolute;\r\n        /* 禁止将PX格式化px */\r\n        /* prettier-ignore */\r\n        width: 15PX;\r\n        /* prettier-ignore */\r\n        height: 25PX;\r\n        z-index: 999;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n      i.top-dot {\r\n        top: 18%;\r\n        left: 35%;\r\n        &::before {\r\n          content: '';\r\n          display: inline-block;\r\n          width: 100%;\r\n          height: 100%;\r\n          background: url('~@/assets/img/bigScreen/drop-big-blue@2x.png')\r\n            no-repeat center / 100% 100%;\r\n        }\r\n\r\n        &::after {\r\n          content: '';\r\n          display: inline-block;\r\n          width: 60%;\r\n          height: 60%;\r\n          background: url('~@/assets/img/bigScreen/drop-small-blue@2x.png')\r\n            no-repeat center / 100% 100%;\r\n        }\r\n      }\r\n      i.bottom-dot {\r\n        top: 74%;\r\n        left: 35%;\r\n        &::before {\r\n          content: '';\r\n          display: inline-block;\r\n          width: 60%;\r\n          height: 60%;\r\n          background: url('~@/assets/img/bigScreen/drop-small-green@2x.png')\r\n            no-repeat center / 100% 100%;\r\n        }\r\n\r\n        &::after {\r\n          content: '';\r\n          display: inline-block;\r\n          width: 100%;\r\n          height: 100%;\r\n          background: url('~@/assets/img/bigScreen/drop-big-green@2x.png')\r\n            no-repeat center / 100% 100%;\r\n        }\r\n      }\r\n\r\n      span {\r\n        position: absolute;\r\n        left: 15%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n\r\n        // &:nth-child(1) {\r\n        //   &::before {\r\n        //     top: 95%;\r\n        //     background: url('~@/assets/img/bigScreen/drop-big-blue@2x.png')\r\n        //       no-repeat center / 100% 100%;\r\n        //   }\r\n\r\n        //   &::after {\r\n        //     top: 125%;\r\n        //     background: url('~@/assets/img/bigScreen/drop-small-blue@2x.png')\r\n        //       no-repeat center / 100% 100%;\r\n        //   }\r\n        // }\r\n\r\n        p {\r\n          margin: 0;\r\n          padding: 0;\r\n        }\r\n\r\n        .num {\r\n          font-size: 16px;\r\n          font-family: Adobe Heiti Std;\r\n          font-weight: normal;\r\n          color: #ffffff;\r\n        }\r\n\r\n        .text {\r\n          font-size: 12px;\r\n          font-family: Adobe Heiti Std;\r\n          font-weight: normal;\r\n          color: #ffffff;\r\n        }\r\n\r\n        &::before {\r\n          content: '';\r\n          display: inline-block;\r\n          position: absolute;\r\n          right: 40%;\r\n          /* 禁止将PX格式化px */\r\n          /* prettier-ignore */\r\n          width: 15PX;\r\n          height: 15px;\r\n        }\r\n\r\n        &::after {\r\n          content: '';\r\n          z-index: 99;\r\n          display: inline-block;\r\n          position: absolute;\r\n          right: 46%;\r\n          /* 禁止将PX格式化px */\r\n          /* prettier-ignore */\r\n          width: 8PX;\r\n          height: 8px;\r\n        }\r\n      }\r\n\r\n      .round {\r\n        position: absolute;\r\n        top: 24%;\r\n        left: -35%;\r\n        padding: 70%;\r\n        background: url('~@/assets/img/bigScreen/round@2x.png') no-repeat center /\r\n          100% 100%;\r\n        animation: border_pie 5s linear infinite;\r\n\r\n        @keyframes border_pie {\r\n          from {\r\n            transform: rotate(0deg);\r\n          }\r\n\r\n          to {\r\n            transform: rotate(360deg);\r\n          }\r\n        }\r\n      }\r\n\r\n      .pieChart {\r\n        position: absolute;\r\n        top: 51%;\r\n        left: 35%;\r\n        transform: translate(-50%, -50%);\r\n        width: 140%;\r\n        height: 140%;\r\n      }\r\n\r\n      .bottom {\r\n        bottom: 0;\r\n\r\n        // &::before {\r\n        //   top: -20%;\r\n        //   background: url('~@/assets/img/bigScreen/drop-big-green@2x.png')\r\n        //     no-repeat center / 100% 100%;\r\n        // }\r\n\r\n        // &::after {\r\n        //   top: -42%;\r\n        //   background: url('~@/assets/img/bigScreen/drop-small-green@2x.png')\r\n        //     no-repeat center / 100% 100%;\r\n        // }\r\n      }\r\n    }\r\n  }\r\n\r\n  .content-body-right-main {\r\n    display: flex;\r\n    flex-direction: column;\r\n    // row-gap: 10px;\r\n    position: absolute;\r\n    top: 10%;\r\n    left: 4%;\r\n    height: 90%;\r\n    width: 92%;\r\n    // row-gap: 20px;\r\n\r\n    .top,\r\n    .bottom {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      // row-gap: 8px;\r\n    }\r\n\r\n    .top {\r\n      // flex: 1.5;\r\n      height: 55%;\r\n      .inner-top {\r\n        width: 100%;\r\n        flex: 1;\r\n      }\r\n\r\n      .inner-bottom {\r\n        width: 100%;\r\n        flex: 0.2;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n\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\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\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    }\r\n\r\n    .bottom {\r\n      height: 45%;\r\n      // flex: 1;\r\n      .bottom-inner-top {\r\n        flex: 1;\r\n        // height: 70%;\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-evenly;\r\n        align-items: center;\r\n        overflow: hidden;\r\n      }\r\n\r\n      .bottom-inner-bottom {\r\n        flex: 0.4;\r\n        // height: 30%;\r\n        background: url('~@/assets/img/bigScreen/view-more@2x.png') no-repeat\r\n          center / 100% 100%;\r\n\r\n        &:hover {\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .content-body-inner-top-main {\r\n    display: flex;\r\n    position: absolute;\r\n    top: 10%;\r\n    left: 0%;\r\n    height: 90%;\r\n    width: 100%;\r\n    // column-gap: 18%;\r\n\r\n    .left-right {\r\n      height: 100%;\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n      // row-gap: 10px;\r\n      z-index: 999;\r\n      &:nth-child(1){\r\n        margin-right: 18%;\r\n      }\r\n      &:nth-child(2){\r\n        margin-left: 18%;\r\n      }\r\n\r\n      .top-main-border-left-img {\r\n        background: url('~@/assets/img/bigScreen/top-main-border-left@2x.png')\r\n          no-repeat center / 100% 100%;\r\n      }\r\n\r\n      .top-main-border-left-bottom-img {\r\n        background: url('~@/assets/img/bigScreen/top-main-border-left-bottom@2x.png')\r\n          no-repeat center / 100% 100%;\r\n      }\r\n\r\n      .top-main-border-right-img {\r\n        background: url('~@/assets/img/bigScreen/top-main-border-right@2x.png')\r\n          no-repeat center / 100% 100%;\r\n\r\n        .mini-boder-main {\r\n          left: 42% !important;\r\n\r\n          h6 {\r\n            justify-content: flex-start !important;\r\n          }\r\n        }\r\n      }\r\n\r\n      .top-main-border-right-bottom-img {\r\n        background: url('~@/assets/img/bigScreen/top-main-border-right-bottom@2x.png')\r\n          no-repeat center / 100% 100%;\r\n\r\n        .mini-boder-main {\r\n          left: 42% !important;\r\n\r\n          h6 {\r\n            justify-content: flex-start !important;\r\n          }\r\n        }\r\n      }\r\n\r\n      .top {\r\n        /* prettier-ignore */\r\n        margin-bottom: 15PX;\r\n      }\r\n      .top,\r\n      .bottom {\r\n        width: 100%;\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        // row-gap: 10px;\r\n        position: relative;\r\n\r\n        .mini-boder-main {\r\n          position: absolute;\r\n          top: 15%;\r\n          left: 5%;\r\n          height: 80%;\r\n          width: 53%;\r\n          display: flex;\r\n          flex-direction: column;\r\n\r\n          h6,\r\n          p {\r\n            margin: 0;\r\n            padding: 0;\r\n          }\r\n\r\n          h6 {\r\n            font-size: 18px;\r\n            font-family: SimHei;\r\n            font-weight: 400;\r\n            display: flex;\r\n            justify-content: flex-end;\r\n            // margin-bottom: 3%;\r\n            /* prettier-ignore */\r\n            margin-bottom: 5PX;\r\n          }\r\n\r\n          span {\r\n            display: flex;\r\n            // column-gap: 2%;\r\n            width: 100%;\r\n            height: 100%;\r\n\r\n            p {\r\n              height: 50%;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n              font-size: 16px;\r\n              font-family: SimHei;\r\n              font-weight: 400;\r\n              /* prettier-ignore */\r\n              margin-right: 1%;\r\n\r\n              &:nth-child(1),\r\n              &:nth-child(2),\r\n              &:nth-child(3) {\r\n                flex: 1;\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              &:nth-child(4) {\r\n                flex: 3;\r\n                display: flex;\r\n                // column-gap: 0.5px;\r\n                justify-content: flex-start;\r\n                align-items: center;\r\n                box-sizing: border-box;\r\n                padding: 5px;\r\n                background: url('~@/assets/img/bigScreen/top-main-border-mini-long@2x.png')\r\n                  no-repeat center / 100% 100%;\r\n\r\n                i {\r\n                  height: 80%;\r\n                  /* prettier-ignore */\r\n                  margin-right: 0.5PX;\r\n                }\r\n              }\r\n            }\r\n            // .mini-item-1 {\r\n            //   column-gap: 0.5px;\r\n            // }\r\n            p i.top-main-i-1 {\r\n              width: calc(2% - 0.5px);\r\n              background-color: #89f89e;\r\n            }\r\n\r\n            p i.top-main-i-2 {\r\n              width: calc(3.33% - 0.5px);\r\n              background-color: #a835e9;\r\n            }\r\n\r\n            p i.top-main-i-3 {\r\n              width: calc(2% - 0.5px);\r\n              background-color: #1790ff;\r\n            }\r\n\r\n            p i.top-main-i-4 {\r\n              width: calc(5% - 0.5px);\r\n              background-color: #ff7034;\r\n            }\r\n          }\r\n\r\n          .mini-boder-top-main,\r\n          .mini-boder-bottom-main {\r\n            flex: 1;\r\n          }\r\n\r\n          .mini-boder-top-main {\r\n            width: 100%;\r\n          }\r\n\r\n          .mini-boder-bottom-main {\r\n            width: 93%;\r\n            display: flex;\r\n            // column-gap: 5%;\r\n\r\n            .mini-boder-bottom-main-left {\r\n              flex: 1.5;\r\n              height: 100%;\r\n              margin-right: 2%;\r\n\r\n              h6 {\r\n                justify-content: flex-start;\r\n              }\r\n            }\r\n\r\n            .mini-boder-bottom-main-right {\r\n              flex: 1;\r\n              height: 100%;\r\n\r\n              h6 {\r\n                justify-content: flex-start;\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\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            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .center {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      height: 100%;\r\n      width: 25%;\r\n      background: url('~@/assets/img/bigScreen/top-main-bg@2x.png') no-repeat\r\n        center / 100% 100% !important;\r\n\r\n      span {\r\n        position: absolute;\r\n        top: -20%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        font-size: 24px;\r\n        font-family: PingFang SC;\r\n        font-weight: bold;\r\n\r\n        &::after {\r\n          content: '';\r\n          display: inline-block;\r\n          position: absolute;\r\n          top: 40%;\r\n          left: 180%;\r\n          height: 40%;\r\n          width: 80%;\r\n          background: url('~@/assets/img/bigScreen/top-main-right@2x.png')\r\n            no-repeat center / 100% 100% !important;\r\n        }\r\n\r\n        &::before {\r\n          content: '';\r\n          display: inline-block;\r\n          position: absolute;\r\n          top: 40%;\r\n          right: 180%;\r\n          height: 40%;\r\n          width: 80%;\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\r\n      .tab-btns {\r\n        position: absolute;\r\n        top: -13%;\r\n        left: -136%;\r\n      }\r\n    }\r\n\r\n    .center-bg-outside-line {\r\n      position: absolute;\r\n      top: 48%;\r\n      left: 49%;\r\n      transform: translate(-50%, -50%);\r\n      width: 42%;\r\n      padding-bottom: 42%;\r\n      background: url('~@/assets/img/bigScreen/top-main--outside-round-line@2x.png')\r\n        no-repeat center / 100% 100% !important;\r\n\r\n      .center-bg-outside {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 52%;\r\n        transform: translate(-50%, -50%);\r\n        width: 95%;\r\n        padding-bottom: 100%;\r\n        background: url('~@/assets/img/bigScreen/top-main--outside-round@2x.png')\r\n          no-repeat center / 100% 100% !important;\r\n\r\n        .center-bg-center {\r\n          position: absolute;\r\n          top: 5%;\r\n          width: 95%;\r\n          padding-bottom: 95%;\r\n          background: url('~@/assets/img/bigScreen/top-main--center-round@2x.png')\r\n            no-repeat center / 100% 100% !important;\r\n          animation: rotate_center 10s linear infinite;\r\n\r\n          @keyframes rotate_center {\r\n            from {\r\n              transform: rotate(0deg);\r\n            }\r\n\r\n            to {\r\n              transform: rotate(360deg);\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .center-bg-inner {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 48%;\r\n        transform: translate(-50%, -50%);\r\n        padding: 40%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background: url('~@/assets/img/bigScreen/top-main-inner-round@2x.png')\r\n          no-repeat center / 100% 100% !important;\r\n\r\n        span {\r\n          position: absolute;\r\n          width: 20%;\r\n          height: 20%;\r\n          text-align: center;\r\n          font-size: 22px;\r\n          font-family: SimHei;\r\n          font-weight: 400;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.content-body-inner-bottom {\r\n  width: 100%;\r\n  flex: 1;\r\n  position: relative;\r\n  display: flex;\r\n  /* prettier-ignore */\r\n  // column-gap: 20PX;\r\n\r\n  .content-body-left-bottom-main {\r\n    display: flex;\r\n    flex-direction: column;\r\n    // row-gap: 10px;\r\n    position: absolute;\r\n    top: 20%;\r\n    left: 4%;\r\n    height: 75%;\r\n    width: 92%;\r\n    // row-gap: 20px;\r\n\r\n    .top,\r\n    .bottom {\r\n      width: 100%;\r\n      flex: 1;\r\n    }\r\n    .top {\r\n      /* prettier-ignore */\r\n      margin-bottom: 20PX;\r\n    }\r\n\r\n    .title {\r\n      position: absolute;\r\n      display: flex;\r\n      align-items: center;\r\n      top: -40%;\r\n      left: 22%;\r\n\r\n      p {\r\n        &:nth-child(1),\r\n        &:nth-child(3) {\r\n          font-size: 24px;\r\n          color: #0273e9;\r\n        }\r\n\r\n        &:nth-child(2) {\r\n          font-size: 17px;\r\n          font-family: SimHei;\r\n          font-weight: 400;\r\n          color: #e9ebee;\r\n        }\r\n      }\r\n    }\r\n\r\n    .main {\r\n      span {\r\n        font-size: 14px;\r\n        font-family: SimHei;\r\n        font-weight: 400;\r\n        color: #e7efff;\r\n\r\n        &:nth-child(2) {\r\n          font-size: 24px;\r\n          margin: 0 5px;\r\n        }\r\n\r\n        &:nth-child(3) {\r\n          margin-right: 8px;\r\n        }\r\n\r\n        &:nth-child(5) {\r\n          display: inline-block;\r\n          width: 48px;\r\n          height: 52px;\r\n          vertical-align: bottom;\r\n          position: relative;\r\n          background: url('~@/assets/img/bigScreen/arrowhead@2x.png') no-repeat\r\n            center / 100% 100%;\r\n          background-position-y: 6px;\r\n\r\n          p {\r\n            position: absolute;\r\n            top: 20%;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            font-size: 18px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .top {\r\n      display: flex;\r\n      // column-gap: 0;\r\n\r\n      .left,\r\n      .right {\r\n        height: 100%;\r\n        flex: 1;\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background: url('~@/assets/img/bigScreen/border-mini@2x.png') no-repeat\r\n          center / 100% 100%;\r\n      }\r\n      .left {\r\n        /* prettier-ignore */\r\n        margin-right: 10PX;\r\n      }\r\n    }\r\n\r\n    .bottom {\r\n      position: relative;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      background: url('~@/assets/img/bigScreen/border-big@2x.png') no-repeat\r\n        center / 100% 100%;\r\n\r\n      .title {\r\n        left: 42%;\r\n      }\r\n\r\n      .main {\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        span {\r\n          &:nth-child(5) {\r\n            background: none;\r\n            height: auto;\r\n            width: auto;\r\n          }\r\n\r\n          &:nth-child(6) {\r\n            display: inline-block;\r\n            width: 68px;\r\n            height: 72px;\r\n            vertical-align: bottom;\r\n            position: relative;\r\n            background: url('~@/assets/img/bigScreen/arrowhead@2x.png')\r\n              no-repeat center / 100% 100%;\r\n            background-position-y: -8px;\r\n\r\n            p {\r\n              position: absolute;\r\n              top: 14%;\r\n              left: 50%;\r\n              transform: translateX(-50%);\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n\r\n        .img {\r\n          width: 93px;\r\n          height: 78px;\r\n          vertical-align: bottom;\r\n          background: url('~@/assets/img/bigScreen/ICON@2x.png') no-repeat\r\n            center / 100% 100%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .center-inner-left {\r\n    height: 100%;\r\n    flex: 1.6;\r\n    position: relative;\r\n     /* prettier-ignore */\r\n     margin-right: 15PX;\r\n\r\n    .center-inner-left-main {\r\n      display: flex;\r\n      flex-direction: column;\r\n      position: absolute;\r\n      top: 16%;\r\n      left: 4%;\r\n      height: 75%;\r\n      width: 92%;\r\n      // row-gap: 3%;\r\n\r\n      .left-main-top {\r\n        width: 100%;\r\n        flex: 1;\r\n        display: flex;\r\n\r\n        .top-title {\r\n          flex: 1;\r\n          height: 100%;\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          font-size: 16px;\r\n          font-family: SimHei;\r\n          font-weight: 400;\r\n\r\n          &::before {\r\n            content: '';\r\n            display: inline-block;\r\n            width: 25%;\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\r\n          &::after {\r\n            content: '';\r\n            display: inline-block;\r\n            width: 25%;\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\r\n      .left-main-bottom {\r\n        flex: 5;\r\n        display: flex;\r\n\r\n        .pyramid,\r\n        .pie-charts {\r\n          flex: 1;\r\n        }\r\n\r\n        .pyramid {\r\n          position: relative;\r\n          height: 75%;\r\n          top: 5%;\r\n          background: url('~@/assets/img/bigScreen/pyramid@2x.png') no-repeat\r\n            center / 100% 100%;\r\n          span {\r\n            position: absolute;\r\n            top: -11%;\r\n            left: 12%;\r\n            &:nth-child(2) {\r\n              top: 22%;\r\n              left: 0;\r\n            }\r\n            &:nth-child(3) {\r\n              top: 85%;\r\n              left: 17%;\r\n            }\r\n            p {\r\n              font-family: SimHei;\r\n              font-weight: 400;\r\n              margin: 0;\r\n              padding: 0;\r\n              line-height: 18px;\r\n              &:nth-child(1) {\r\n                font-size: 14px;\r\n                color: #ffffff;\r\n              }\r\n              &:nth-child(2) {\r\n                font-size: 12px;\r\n                color: #45aeff;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .center-inner-right {\r\n    height: 100%;\r\n    flex: 1;\r\n    position: relative;\r\n\r\n    .center-inner-right-main {\r\n      position: absolute;\r\n      top: 16%;\r\n      left: 4%;\r\n      height: 84%;\r\n      width: 92%;\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      .title-iner {\r\n        flex: 1;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n\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\r\n          &::before {\r\n            content: '';\r\n            display: inline-block;\r\n            width: 28%;\r\n            height: 15%;\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\r\n          &::after {\r\n            content: '';\r\n            display: inline-block;\r\n            width: 28%;\r\n            height: 15%;\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\r\n      .main {\r\n        flex: 4.5;\r\n        background: url('~@/assets/img/bigScreen/border-main-big@2x.png')\r\n          no-repeat center / 100% 100%;\r\n        display: flex;\r\n\r\n        .main-item {\r\n          flex: 1;\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: center;\r\n          align-items: center;\r\n\r\n          &:nth-child(1) .main-item-img {\r\n            background: url('~@/assets/img/bigScreen/main-item-1@2x.png')\r\n              no-repeat center / 100% 100%;\r\n          }\r\n\r\n          &:nth-child(2) .main-item-img,\r\n          &:nth-child(3) .main-item-img {\r\n            background: url('~@/assets/img/bigScreen/main-item-2@2x.png')\r\n              no-repeat center / 100% 100%;\r\n          }\r\n\r\n          &:nth-child(2) .main-item-text,\r\n          &:nth-child(3) .main-item-text {\r\n            span p {\r\n              &:nth-child(1) {\r\n                color: #1481ef;\r\n              }\r\n            }\r\n          }\r\n\r\n          .main-item-img {\r\n            width: 100%;\r\n            flex: 2;\r\n          }\r\n\r\n          .main-item-text {\r\n            width: 100%;\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-bottom: 5px;\r\n\r\n            span,\r\n            p {\r\n              display: flex;\r\n              align-items: flex-end;\r\n              font-size: 12px;\r\n              font-family: SimHei;\r\n              font-weight: 400;\r\n              color: #ffffff;\r\n              margin: 0;\r\n              padding: 0;\r\n            }\r\n\r\n            span {\r\n              p {\r\n                &:nth-child(1) {\r\n                  font-size: 18px;\r\n                  font-family: SimHei;\r\n                  font-weight: 400;\r\n                  color: #42ad5a;\r\n                  vertical-align: bottom;\r\n                }\r\n\r\n                &:nth-child(2) {\r\n                  margin-bottom: 12%;\r\n                  margin-left: 8%;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      .scroll {\r\n        flex: 3;\r\n        overflow: hidden;\r\n      }\r\n\r\n      .more {\r\n        cursor: pointer;\r\n        flex: 2;\r\n        width: 100%;\r\n        background: url('~@/assets/img/bigScreen/view-more@2x.png') no-repeat\r\n          center / 100% 100%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .content-body-inner-bottom-main {\r\n    display: flex;\r\n    flex-direction: column;\r\n    // row-gap: 10px;\r\n    position: absolute;\r\n    top: 16%;\r\n    left: 4%;\r\n    height: 84%;\r\n    width: 92%;\r\n\r\n    .inner-top {\r\n      height: 78%;\r\n      width: 100%;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .inner-bottom {\r\n      height: 20%;\r\n      background: url('~@/assets/img/bigScreen/view-more@2x.png') no-repeat\r\n        center / 100% 100%;\r\n\r\n      &:hover {\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.content-body-left {\r\n  height: 100%;\r\n  flex: 1.2;\r\n  /* prettier-ignore */\r\n  padding: 15PX;\r\n  // row-gap: 20PX;\r\n}\r\n\r\n.content-body-center {\r\n  height: 100%;\r\n  flex: 2;\r\n   /* prettier-ignore */\r\n   padding: 15PX 0;\r\n  /* prettier-ignore */\r\n  // row-gap: 20PX;\r\n}\r\n\r\n.content-body-right {\r\n  height: 100%;\r\n  flex: 1.2;\r\n   /* prettier-ignore */\r\n   padding: 15PX;\r\n  /* prettier-ignore */\r\n  // row-gap: 20PX;\r\n}\r\n",null]}