{"remainingRequest":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\test\\ssi-satoken\\ui\\src\\views\\largeScreen\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\test\\ssi-satoken\\ui\\src\\views\\largeScreen\\index.vue","mtime":1697106011493},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1669864538178},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1669864538095},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1669864538178},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1697679531049}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgZWxlY3RyaWNpdHlCYXIgZnJvbSAnLi9jb21wb25lbnRzL2VsZWN0cmljaXR5QmFyJw0KaW1wb3J0IGRheUluY29tZSBmcm9tICcuL2NvbXBvbmVudHMvZGF5SW5jb21lJw0KaW1wb3J0IHJlYWxJbmNvbWUgZnJvbSAnLi9jb21wb25lbnRzL3JlYWxJbmNvbWUnDQppbXBvcnQgc3RyYXRlZ3lHYWluIGZyb20gJy4vY29tcG9uZW50cy9zdHJhdGVneUdhaW4nDQppbXBvcnQgbG9hZEZvcmVjYXN0aW5nIGZyb20gJy4vY29tcG9uZW50cy9sb2FkRm9yZWNhc3RpbmcnDQppbXBvcnQgcGFQcmljZUNoYXJ0IGZyb20gJy4vY29tcG9uZW50cy9wYVByaWNlQ2hhcnQnDQppbXBvcnQgc2hvcnRGb3JlY2FzdENoYXJ0IGZyb20gJy4vY29tcG9uZW50cy9zaG9ydEZvcmVjYXN0Q2hhcnQnDQppbXBvcnQgcHVibGljRGF0YSBmcm9tICcuL2NvbXBvbmVudHMvcHVibGljRGF0YScNCmltcG9ydCBwcmljZURpZmZBbmFseXNpcyBmcm9tICcuL2NvbXBvbmVudHMvcHJpY2VEaWZmQW5hbHlzaXMnDQppbXBvcnQgZ2FpbkVzdGltYXRpb24gZnJvbSAiLi9jb21wb25lbnRzL2dhaW5Fc3RpbWF0aW9uIjsNCmltcG9ydCByZXZpZXdBbmFseXNpcyBmcm9tICIuL2NvbXBvbmVudHMvcmV2aWV3QW5hbHlzaXMiOw0KaW1wb3J0IHJ0UHJpY2VDaGFydCBmcm9tICIuL2NvbXBvbmVudHMvcnRQcmljZUNoYXJ0IjsNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAiaW5kZXgiLA0KICBjb21wb25lbnRzOiB7DQogICAgZWxlY3RyaWNpdHlCYXIsDQogICAgZGF5SW5jb21lLA0KICAgIHJlYWxJbmNvbWUsDQogICAgc3RyYXRlZ3lHYWluLA0KICAgIGxvYWRGb3JlY2FzdGluZywNCiAgICBwYVByaWNlQ2hhcnQsDQogICAgc2hvcnRGb3JlY2FzdENoYXJ0LA0KICAgIHB1YmxpY0RhdGEsDQogICAgcHJpY2VEaWZmQW5hbHlzaXMsDQogICAgZ2FpbkVzdGltYXRpb24sDQogICAgcmV2aWV3QW5hbHlzaXMsDQogICAgcnRQcmljZUNoYXJ0DQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIHRpbWU6ICcnLA0KICAgICAgZGlhbG9nVGl0bGU6ICfotJ/ovb3pooTmtYsnLA0KICAgICAgZGlhbG9nU2hvdzogZmFsc2UsDQogICAgICBjb21wb25lbnROYW1lOiAnbG9hZEZvcmVjYXN0aW5nJw0KICAgIH0NCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICB0aGlzLmZvcm1hdFRpbWUoKQ0KICAgIC8vIHRoaXMudGltZXIgPSBzZXRJbnRlcnZhbCh0aGlzLmZvcm1hdFRpbWUsIDEwMDAgKiA2MCkNCiAgfSwNCiAgZGVzdHJveWVkKCkgew0KICAgIGNsZWFySW50ZXJ2YWwodGhpcy50aW1lcikNCiAgICB0aGlzLnRpbWVyID0gbnVsbA0KICB9LA0KICBtZXRob2RzOiB7DQogICAgc2hvd0RpYWxvZyh0aXRsZSwgY29tcG9uZW50TmFtZSkgew0KICAgICAgdGhpcy5kaWFsb2dUaXRsZSA9IHRpdGxlDQogICAgICB0aGlzLmNvbXBvbmVudE5hbWUgPSBjb21wb25lbnROYW1lDQogICAgICB0aGlzLmRpYWxvZ1Nob3cgPSB0cnVlDQogICAgfSwNCiAgICBwdXNoKCkgew0KICAgICAgdGhpcy4kcm91dGVyLnB1c2goe3BhdGg6ICIvIn0pDQogICAgfSwNCiAgICAvKuaXtumXtOagvOW8j+WMliovDQogICAgZm9ybWF0VGltZSgpIHsNCiAgICAgIHRoaXMudGltZSA9ICcnDQogICAgICBsZXQgZGF0ZSA9IG5ldyBEYXRlKCkNCiAgICAgIGxldCB5ZWFyID0gZGF0ZS5nZXRGdWxsWWVhcigpOyAgICAgICAgICAgICAgICAvLyDlubQNCiAgICAgIGxldCBtb250aCA9IGRhdGUuZ2V0TW9udGgoKSArIDE7ICAgICAgICAvLyDmnIgNCiAgICAgIGxldCBkYXkgPSBkYXRlLmdldERhdGUoKTsNCiAgICAgIC8vIGxldCBob3VyID0gZGF0ZS5nZXRIb3VycygpOyAgICAgICAgICAgICAgICAgICAvLyDojrflj5blvZPliY3lsI/ml7bmlbAoMC0yMykNCiAgICAgIC8vIGxldCBtaW51dGVzID0gZGF0ZS5nZXRNaW51dGVzKCk7DQogICAgICBpZiAobW9udGggPCAxMCkgbW9udGggPSAiMCIgKyBtb250aDsNCiAgICAgIC8vIGlmIChkYXkgPCAxMCkgZGF5ID0gIjAiICsgZGF5Ow0KICAgICAgLy8gaWYgKG1pbnV0ZXMgPCAxMCkgbWludXRlcyA9ICIwIiArIG1pbnV0ZXM7DQogICAgICB0aGlzLnRpbWUgPSB5ZWFyICsgIuW5tCIgKyBtb250aCArICLmnIgiICsgZGF5ICsgIuaXpSAgIjsNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/largeScreen","sourcesContent":["<template>\r\n  <div class=\"largeScreen\">\r\n    <div class=\"topTiltle\">\r\n      <div class=\"timeBox\">运行日：{{ time }}</div>\r\n      <span class=\"title\">电力交易辅助系统</span>\r\n      <div class=\"btuGroup\"><span class=\"topRightBtuBg topRightBtu\" style=\"cursor: pointer;\" @click=\"push()\">后台管理</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"largeScreen-main-container\">\r\n      <div class=\"largeScreen-main-top-container\">\r\n        <div class=\"barBox\">\r\n          <div class=\"barTitle\">\r\n            <img src=\"../../assets/largeScreen/tiltleLeftSign.png\" height=\"30px\" style=\"margin-right: 1%\">\r\n            中长期电量\r\n          </div>\r\n          <electricity-bar/>\r\n        </div>\r\n        <div class=\"lineStyle\"></div>\r\n        <div class=\"barBox\">\r\n          <div class=\"barTitle\" style=\"margin-left: 0px\">\r\n            <img src=\"../../assets/largeScreen/tiltleLeftSign.png\" height=\"30px\" style=\"margin-right: 1%\">\r\n            月交易电量\r\n          </div>\r\n          <day-income/>\r\n        </div>\r\n        <div class=\"lineStyle\"></div>\r\n        <div class=\"barBox\">\r\n          <div class=\"barTitle\" style=\"margin-left: 0px\">\r\n            <img src=\"../../assets/largeScreen/tiltleLeftSign.png\" height=\"30px\" style=\"margin-right: 1%\">\r\n            月发电收益\r\n          </div>\r\n          <real-income/>\r\n        </div>\r\n        <div class=\"lineStyle\"></div>\r\n        <div class=\"barBox\">\r\n          <div class=\"barTitle\" style=\"margin-left: 0px\">\r\n            <img src=\"../../assets/largeScreen/tiltleLeftSign.png\" height=\"30px\" style=\"margin-right: 1%\">\r\n            月策略增益\r\n          </div>\r\n          <strategy-gain/>\r\n        </div>\r\n      </div>\r\n      <!--  交易流程  -->\r\n      <div class=\"largeScreen-main-middle-container\">\r\n        <div class=\"barTitle\" style=\"margin-top: .5%;margin-left: .5%;\">\r\n          <img src=\"../../assets/largeScreen/tiltleLeftSign.png\" height=\"30px\" style=\"margin-right: 1%\">\r\n          交易流程\r\n        </div>\r\n        <div class=\"bg\">\r\n          <div style=\"margin-top:.5%;display: flex;flex-direction: column;justify-content: space-between;height: calc(52vh)\">\r\n            <div>\r\n              <span style=\"margin-left: .5%;font-size: 16px;font-weight: bold;text-shadow: 2px 2px 3px #f9e32f;\">竞价日（d-1）</span>\r\n              <div style=\"display: flex;flex-direction: column;align-items: center\">\r\n                <div\r\n                  style=\"width: 98%;height: calc(17vh);display: flex;flex-direction: column;justify-content: space-between;\">\r\n                  <div style=\"margin-left:18%;margin-top:.5%;display: flex;\">\r\n                    <div class=\"flowTopBtu topRightBtu\" style=\"margin-left: 2%;cursor: pointer;\"\r\n                         @click=\"showDialog('市场披露数据','publicData')\">获取披露数据\r\n                    </div>\r\n                    <div class=\"flowTopBtu topRightBtu\" style=\"margin-left: 2%;cursor: pointer;\"\r\n                         @click=\"showDialog('负荷预测分析','loadForecasting')\">负荷预测\r\n                    </div>\r\n                    <div class=\"flowTopBtu topRightBtu\" style=\"margin-left: 2%;cursor: pointer;\"\r\n                         @click=\"showDialog('电价预测分析','paPriceChart')\">日前电价预测\r\n                    </div>\r\n                    <div class=\"flowTopBtu topRightBtu\" style=\"margin-left: 2%;cursor: pointer;\"\r\n                         @click=\"showDialog('日前价差分析','priceDiffAnalysis')\">日前策略\r\n                    </div>\r\n                    <div class=\"flowTopBtu topRightBtu\" style=\"margin-left: 2%;cursor: pointer;\"\r\n                         @click=\"showDialog('短期曲线调整','shortForecastChart')\">短期曲线上报\r\n                    </div>\r\n                    <div class=\"flowTopBtu topRightBtu\" style=\"margin-left: 23%;cursor: pointer;\"\r\n                         @click=\"showDialog('日前收益测算','gainEstimation')\">收益评估</div>\r\n                  </div>\r\n\r\n                  <div style=\"margin-top: 1.5%;display: flex;width: 98%;\">\r\n                    <div class=\"flowBottomBtu topRightBtu\">机组信息申报</div>\r\n                    <div class=\"flowBottomBtu topRightBtu\" style=\"margin-left: 2%\">发布边界信息</div>\r\n                    <div class=\"flowBottomBtu topRightBtu\" style=\"margin-left: 35%\">日前交易申报</div>\r\n                    <div class=\"flowBottomBtu topRightBtu\" style=\"margin-left: 2%\">日前预出清</div>\r\n                    <div class=\"flowBottomBtu topRightBtu\" style=\"margin-left: 12%\">发布预出清结果</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div>\r\n              <span style=\"margin-left: .5%;font-size: 16px;font-weight: bold;text-shadow: 2px 2px 3px #f9e32f;\">运行日（d）</span>\r\n              <div style=\"display: flex;flex-direction: column;align-items: center;\">\r\n                <div\r\n                  style=\"width: 98%;height: calc(18vh);display: flex;flex-direction: column;justify-content: space-between;\">\r\n                  <div style=\"display: flex;justify-content: flex-end;\">\r\n                    <div\r\n                      style=\"margin-top: 1.5%;margin-right: 10%;width: 70%;display: flex;flex-direction:row-reverse;\">\r\n                      <div class=\"flowBottomBtu topRightBtu\">获取最新边界条件</div>\r\n                      <div class=\"flowBottomBtu topRightBtu\" style=\"margin-right: 30%\">实时市场出清计算</div>\r\n                      <div class=\"flowBottomBtu topRightBtu\" style=\"margin-right: 5%\">发布出清结果</div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div style=\"display: flex;justify-content: flex-end\">\r\n                    <div\r\n                      style=\"width:100%;margin-top: 1%;margin-bottom: .5%;margin-right: 20%;display: flex;flex-direction: row-reverse;\">\r\n                      <div class=\"flowTopBtu topRightBtu\" style=\"cursor: pointer;\"\r\n                           @click=\"showDialog('实时电价预测','rtPriceChart')\">实时电价预测\r\n                      </div>\r\n                      <div class=\"flowTopBtu topRightBtu\" style=\"margin-right: 5%\">交易测算</div>\r\n                      <div class=\"flowTopBtu topRightBtu\" style=\"margin-right: 32%;cursor: pointer;\"\r\n                           @click=\"showDialog('市场披露数据','publicData')\">获取披露数据\r\n                      </div>\r\n                      <div class=\"flowTopBtu topRightBtu\" style=\"margin-right: 12%;cursor: pointer;\"\r\n                           @click=\"showDialog('复盘分析','reviewAnalysis')\">复盘分析\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <!--  负荷预测弹框    -->\r\n      <div class=\"dialogInfoBg\" v-if=\"dialogShow\">\r\n        <!--   弹框头     -->\r\n        <div class=\"rightTiltleTextBg\">\r\n          <div class=\"rightMainTitle\">\r\n            <span>{{ dialogTitle }}</span>\r\n            <div @click=\"dialogShow = false\">\r\n              <img src=\"../../assets/largeScreen/guanbixiao.png\" width=\"25px\" style=\"cursor: pointer\">\r\n            </div>\r\n          </div>\r\n\r\n        </div>\r\n        <!--    弹框主体    -->\r\n        <div>\r\n          <component :is=\"componentName\"></component>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport electricityBar from './components/electricityBar'\r\nimport dayIncome from './components/dayIncome'\r\nimport realIncome from './components/realIncome'\r\nimport strategyGain from './components/strategyGain'\r\nimport loadForecasting from './components/loadForecasting'\r\nimport paPriceChart from './components/paPriceChart'\r\nimport shortForecastChart from './components/shortForecastChart'\r\nimport publicData from './components/publicData'\r\nimport priceDiffAnalysis from './components/priceDiffAnalysis'\r\nimport gainEstimation from \"./components/gainEstimation\";\r\nimport reviewAnalysis from \"./components/reviewAnalysis\";\r\nimport rtPriceChart from \"./components/rtPriceChart\";\r\n\r\nexport default {\r\n  name: \"index\",\r\n  components: {\r\n    electricityBar,\r\n    dayIncome,\r\n    realIncome,\r\n    strategyGain,\r\n    loadForecasting,\r\n    paPriceChart,\r\n    shortForecastChart,\r\n    publicData,\r\n    priceDiffAnalysis,\r\n    gainEstimation,\r\n    reviewAnalysis,\r\n    rtPriceChart\r\n  },\r\n  data() {\r\n    return {\r\n      time: '',\r\n      dialogTitle: '负载预测',\r\n      dialogShow: false,\r\n      componentName: 'loadForecasting'\r\n    }\r\n  },\r\n  mounted() {\r\n    this.formatTime()\r\n    // this.timer = setInterval(this.formatTime, 1000 * 60)\r\n  },\r\n  destroyed() {\r\n    clearInterval(this.timer)\r\n    this.timer = null\r\n  },\r\n  methods: {\r\n    showDialog(title, componentName) {\r\n      this.dialogTitle = title\r\n      this.componentName = componentName\r\n      this.dialogShow = true\r\n    },\r\n    push() {\r\n      this.$router.push({path: \"/\"})\r\n    },\r\n    /*时间格式化*/\r\n    formatTime() {\r\n      this.time = ''\r\n      let date = new Date()\r\n      let year = date.getFullYear();                // 年\r\n      let month = date.getMonth() + 1;        // 月\r\n      let day = date.getDate();\r\n      // let hour = date.getHours();                   // 获取当前小时数(0-23)\r\n      // let minutes = date.getMinutes();\r\n      if (month < 10) month = \"0\" + month;\r\n      // if (day < 10) day = \"0\" + day;\r\n      // if (minutes < 10) minutes = \"0\" + minutes;\r\n      this.time = year + \"年\" + month + \"月\" + day + \"日  \";\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.largeScreen {\r\n  width: 100%;\r\n  height: calc(100vh);\r\n  /*background-color: #101C38;*/\r\n  background: url(../../assets/images/bg/page_bg.png) 100% no-repeat;\r\n  background-size: 100% 100%;\r\n  color: white;\r\n}\r\n\r\n.topTiltle {\r\n  width: 100%;\r\n  height: 7%;\r\n  background: url(../../assets/largeScreen/topTitleBg.png) -2px -1px no-repeat;\r\n  background-size: 100% 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.title {\r\n  width: 17%;\r\n  height: 100%;\r\n  text-align: center;\r\n  margin-top: .2%;\r\n  font-size: 30px;\r\n  font-weight: 800;\r\n  background-image: linear-gradient(\r\n    360deg,\r\n    rgb(144, 226, 255) 0,\r\n    rgb(144, 226, 255) 0,\r\n    rgba(255, 255, 255, 1) 100%,\r\n    rgba(255, 255, 255, 1) 100%\r\n  );\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n\r\n.timeBox {\r\n  position: absolute;\r\n  left: 2%;\r\n  top: 0;\r\n  font-size: 20px;\r\n  line-height: 40px;\r\n  font-family: timeFont !important;\r\n}\r\n\r\n.btuGroup {\r\n  position: absolute;\r\n  right: 0;\r\n  top: -.6%;\r\n  width: 30%;\r\n  height: 5.5%;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  font-size: 20px;\r\n}\r\n\r\n.topRightBtuBg {\r\n  background: url(../../assets/largeScreen/topRightBtuBg.png) 100% no-repeat;\r\n  background-size: 100% 100%;\r\n  width: 30%;\r\n  height: 50px;\r\n}\r\n\r\n.bg {\r\n  background: url(../../assets/largeScreen/line.png) 100% no-repeat;\r\n  background-size: 100% 100%;\r\n  height: 90%;\r\n}\r\n\r\n.topRightBtu {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.largeScreen-main-container {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.largeScreen-main-top-container {\r\n  margin-top: .5%;\r\n  width: 98%;\r\n  height: calc(30vh);\r\n  border-width: 1px;\r\n  border-style: dashed;\r\n  border-color: aqua;\r\n  display: flex;\r\n  justify-content: space-around;\r\n}\r\n\r\n.largeScreen-main-middle-container {\r\n  margin-top: 1%;\r\n  width: 98%;\r\n  height: calc(58vh);\r\n  border-width: 1px;\r\n  border-radius: 5px;\r\n  border-color: aqua;\r\n  box-shadow: 1px 0px 10px 2px aqua\r\n}\r\n\r\n.lineStyle {\r\n  width: 1px;\r\n  height: calc(30vh);\r\n  border-width: .1px;\r\n  border-style: dashed;\r\n  border-color: aqua;\r\n}\r\n\r\n.barBox {\r\n  width: 24%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.barTitle {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-left: 1%;\r\n  margin-top: 1.5%;\r\n}\r\n\r\n.arrow {\r\n  background-image: url(\"../../assets/largeScreen/arrow.gif\");\r\n  width: 48px;\r\n  height: 48px;\r\n  transform: scale(.5);\r\n  position: absolute;\r\n  left: 87%\r\n}\r\n\r\n.lineDiv {\r\n  width: 25%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative\r\n}\r\n\r\n.jiantou {\r\n  background-image: url(\"../../assets/largeScreen/jiantou.png\");\r\n  width: 200px;\r\n  height: 200px;\r\n  transform: scale(.17);\r\n  position: absolute;\r\n  left: 40%;\r\n}\r\n\r\n.arrowLeft {\r\n  background-image: url(\"../../assets/largeScreen/arrowLeft.png\");\r\n  width: 200px;\r\n  height: 200px;\r\n  transform: scale(.17);\r\n  position: absolute;\r\n  left: 30%;\r\n}\r\n\r\n.arrowDown {\r\n  background-image: url(\"../../assets/largeScreen/arrowDown.png\");\r\n  width: 200px;\r\n  height: 200px;\r\n  transform: scale(.17);\r\n}\r\n\r\n.arrowUpper {\r\n  background-image: url(\"../../assets/largeScreen/arrowUpper.png\");\r\n  width: 200px;\r\n  height: 200px;\r\n  transform: scale(.17);\r\n}\r\n\r\n.solidLine {\r\n  width: 100%;\r\n  height: 1px;\r\n  border-width: 1px;\r\n  border-style: solid;\r\n  border-color: aqua\r\n}\r\n\r\n.dashedLine {\r\n  width: 200px;\r\n  height: 1px;\r\n  border-width: 1px;\r\n  border-style: dashed;\r\n  border-color: aqua\r\n}\r\n\r\n.flowBottomBtu {\r\n  width: 170px;\r\n  height: 40px;\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  border: 0.5px solid #2fff82;\r\n  box-shadow: inset rgb(0 255 234) -1px 0px 17px;\r\n}\r\n\r\n.flowTopBtu {\r\n  width: 130px;\r\n  height: 40px;\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  border: 0.5px solid #ffc92f;\r\n  box-shadow: inset rgb(255 207 0) -1px 0px 16px;\r\n}\r\n\r\n.dialogInfoBg {\r\n  /*background: url(../../assets/largeScreen/dialogBg.png) 100% no-repeat;*/\r\n  /*background-size: 100% 100%;*/\r\n  background: rgb(1 30 40);\r\n  box-shadow: inset 0px 0px 11px 3px #01f4f475;\r\n  padding: 1%;\r\n  width: 55%;\r\n  position: absolute;\r\n  top: 20%;\r\n  left: 22%;\r\n}\r\n\r\n.rightTiltleTextBg {\r\n  height: 32px;\r\n  background: url(../../assets/largeScreen/leftTitleBg.png) 100% no-repeat;\r\n  background-size: 100% 100%;\r\n}\r\n\r\n.rightMainTitle {\r\n  color: rgb(144, 226, 255);\r\n  font-size: 20px;\r\n  font-weight: 550;\r\n  margin-left: 8%;\r\n  position: relative;\r\n  top: -25%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n@font-face {\r\n  font-family: timeFont;\r\n  src: url('../../assets/font/Digiface Regular.ttf')\r\n}\r\n</style>\r\n"]}]}