.wrapper[data-v-ed082ff2] {
  width: 100%;
  height: 60px;
}
.wrapper .wrapperTitleBox[data-v-ed082ff2] {
  width: 100%;
  height: 100%;
  background-image: url(../../img/titleImg.png?v=1691061002173-1.11.9);
  background-size: 100% 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 24px;
}
.wrapper .wrapperTitleBox .titlebrake[data-v-ed082ff2] {
  width: 53px;
  height: 16px;
}
.wrapper .wrapperTitleBox .titlebrake img[data-v-ed082ff2] {
  width: 100%;
  height: 100%;
}
.wrapper .wrapperTitleBox .diamondShape[data-v-ed082ff2] {
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #E3EEFF;
  text-shadow: 0px 0px 2px rgba(38, 119, 255, 0.7);
}
.wrapper .wrapperTitleBox .diamondShape img[data-v-ed082ff2] {
  width: 11px;
  height: 14px;
  position: relative;
  top: -3px;
}
.wrapper .wrapperTitleBox .diamondShape span[data-v-ed082ff2] {
  margin-left: 6px;
}
.wrapper .wrapperTitleBoxCenter[data-v-ed082ff2] {
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  padding: 8px 24px;
}
.wrapper .wrapperTitleBox1[data-v-ed082ff2] {
  background-image: url(../../img/titleImg1.png?v=1691061002173-1.11.9);
  background-size: 100% 100%;
  padding: 8px 24px;
}

.wrapper[data-v-5747e9c5] {
  width: 100%;
  height: 100%;
}

.wrapper[data-v-c4d81386] {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 1;
}

.wrapper[data-v-3de00464] {
  width: 100%;
  height: 100%;
}

.wrapper[data-v-993f1ffc] {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wrapper .veenImg[data-v-993f1ffc] {
  width: 60%;
  height: 80%;
  position: absolute;
  z-index: 9;
  top: 10%;
}
.wrapper .veenImg img[data-v-993f1ffc] {
  width: 100%;
  height: 100%;
}
.wrapper p span[data-v-993f1ffc] {
  color: #2677FF;
  margin-left: 2px;
}
.wrapper .p0[data-v-993f1ffc] {
  position: absolute;
  top: 13%;
  left: 5%;
}
.wrapper .p1[data-v-993f1ffc] {
  position: absolute;
  top: 0%;
  left: 20%;
}
.wrapper .p2[data-v-993f1ffc] {
  position: absolute;
  top: 0%;
  right: 20%;
}
.wrapper .p3[data-v-993f1ffc] {
  position: absolute;
  top: 13%;
  right: 3%;
}
.wrapper span[data-v-993f1ffc] {
  z-index: 99;
}
.wrapper .span0[data-v-993f1ffc] {
  position: absolute;
  top: 50%;
  left: 27%;
}
.wrapper .span1[data-v-993f1ffc] {
  position: absolute;
  top: 15%;
  left: 35%;
}
.wrapper .span2[data-v-993f1ffc] {
  position: absolute;
  top: 13%;
  right: 35%;
}
.wrapper .span3[data-v-993f1ffc] {
  position: absolute;
  top: 50%;
  right: 27%;
}
.wrapper .span4[data-v-993f1ffc] {
  position: absolute;
  top: 45%;
  left: 42%;
}
.wrapper .span5[data-v-993f1ffc] {
  position: absolute;
  top: 25%;
  left: 48%;
}
.wrapper .span6[data-v-993f1ffc] {
  position: absolute;
  top: 45%;
  right: 42%;
}
.wrapper .span7[data-v-993f1ffc] {
  position: absolute;
  top: 30%;
  right: 35%;
}
.wrapper .span8[data-v-993f1ffc] {
  position: absolute;
  top: 67.5%;
  left: 43.5%;
}
.wrapper .span9[data-v-993f1ffc] {
  position: absolute;
  bottom: 15%;
  left: 48%;
}
.wrapper .span10[data-v-993f1ffc] {
  position: absolute;
  top: 67.5%;
  left: 53.5%;
}
.wrapper .span11[data-v-993f1ffc] {
  position: absolute;
  top: 30%;
  left: 33%;
}
.wrapper .span12[data-v-993f1ffc] {
  position: absolute;
  top: 57%;
  left: 49%;
}
.wrapper .span13[data-v-993f1ffc] {
  position: absolute;
  top: 63%;
  right: 38%;
}
.wrapper .span14[data-v-993f1ffc] {
  position: absolute;
  top: 63%;
  left: 38%;
}

.wrapper[data-v-d2daef54] {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 16px 20px 16px;
}
.wrapper .wrapperMain[data-v-d2daef54] {
  width: 100%;
  height: 20%;
}
.wrapper[data-v-d2daef54] .el-progress-bar__outer {
  background-color: rgba(51, 116, 176, 0.32);
}
.mainText[data-v-d2daef54] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mainText > span[data-v-d2daef54]:nth-child(1) {
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.mainProgress[data-v-d2daef54] {
  margin-top: 4px;
}
.mainBox[data-v-d2daef54] {
  width: 100%;
  height: 100%;
}
.wrapperSpecial[data-v-d2daef54] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2677FF;
}

.wrapper[data-v-9a37f33e] {
  width: 100%;
  height: 100%;
}
.mainBox[data-v-9a37f33e] {
  width: 100%;
  height: 100%;
}
.wrapperSpecial[data-v-9a37f33e] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2677FF;
}

.mainBox[data-v-4ca8e003] {
  width: 100%;
  height: 100%;
}
.wrapper[data-v-4ca8e003] {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 2%;
}
.wrapper .wrapperMain[data-v-4ca8e003] {
  width: 96%;
  height: 44px;
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 12px 0 12px;
}
.wrapper .wrapperMain .leftBox[data-v-4ca8e003] {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wrapper .wrapperMain .leftBox p[data-v-4ca8e003] {
  width: 64px;
  height: 28px;
  border-radius: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 12px;
  font-size: 12px;
}
.wrapper .wrapperMain .leftBox div[data-v-4ca8e003] {
  width: 60%;
  margin-left: 8px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.wrapper .wrapperMain .leftBox .p1[data-v-4ca8e003] {
  color: #FF4646;
  border: 1px solid #FF4646;
}
.wrapper .wrapperMain .leftBox .p2[data-v-4ca8e003] {
  color: #FF7900;
  border: 1px solid #FF7900;
}
.wrapper .wrapperMain .leftBox .p3[data-v-4ca8e003] {
  color: #F8C136;
  border: 1px solid #F8C136;
}
.wrapper .wrapperMain .leftBox .p4[data-v-4ca8e003] {
  color: #10D595;
  border: 1px solid #10D595;
}
.wrapper .wrapperMain .centerBox[data-v-4ca8e003] {
  width: 35%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.wrapper .wrapperMain .centerBox span[data-v-4ca8e003] {
  color: #E3EEFF;
}
.wrapper .wrapperMain .centerBox .ipTextBox[data-v-4ca8e003] {
  width: 65%;
  height: 100%;
  line-height: 44px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.wrapper .wrapperMain .rightBox[data-v-4ca8e003] {
  width: 15%;
  height: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 44px;
  color: rgba(227, 238, 255, 0.6);
}
.wrapper .wrapperMain .rightBox div[data-v-4ca8e003] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.wrapper .wrapperMain1[data-v-4ca8e003] {
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 70, 70, 0.2)), to(rgba(255, 70, 70, 0.08)));
  background: -webkit-linear-gradient(right, rgba(255, 70, 70, 0.2) 0%, rgba(255, 70, 70, 0.08) 100%);
  background: -o-linear-gradient(right, rgba(255, 70, 70, 0.2) 0%, rgba(255, 70, 70, 0.08) 100%);
  background: linear-gradient(270deg, rgba(255, 70, 70, 0.2) 0%, rgba(255, 70, 70, 0.08) 100%);
  border-radius: 4px;
  border: 1px solid;
  -webkit-border-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 70, 70, 0.6)), to(rgba(255, 70, 70, 0.2))) 1 1;
  -webkit-border-image: -webkit-linear-gradient(right, rgba(255, 70, 70, 0.6), rgba(255, 70, 70, 0.2)) 1 1;
       -o-border-image: -o-linear-gradient(right, rgba(255, 70, 70, 0.6), rgba(255, 70, 70, 0.2)) 1 1;
          border-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 70, 70, 0.6)), to(rgba(255, 70, 70, 0.2))) 1 1;
          border-image: linear-gradient(270deg, rgba(255, 70, 70, 0.6), rgba(255, 70, 70, 0.2)) 1 1;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.wrapper .wrapperMain2[data-v-4ca8e003] {
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 121, 0, 0.2)), to(rgba(255, 121, 0, 0.08)));
  background: -webkit-linear-gradient(right, rgba(255, 121, 0, 0.2) 0%, rgba(255, 121, 0, 0.08) 100%);
  background: -o-linear-gradient(right, rgba(255, 121, 0, 0.2) 0%, rgba(255, 121, 0, 0.08) 100%);
  background: linear-gradient(270deg, rgba(255, 121, 0, 0.2) 0%, rgba(255, 121, 0, 0.08) 100%);
  border-radius: 4px;
  border: 1px solid;
  -webkit-border-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 121, 0, 0.6)), to(rgba(255, 121, 0, 0.2))) 1 1;
  -webkit-border-image: -webkit-linear-gradient(right, rgba(255, 121, 0, 0.6), rgba(255, 121, 0, 0.2)) 1 1;
       -o-border-image: -o-linear-gradient(right, rgba(255, 121, 0, 0.6), rgba(255, 121, 0, 0.2)) 1 1;
          border-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 121, 0, 0.6)), to(rgba(255, 121, 0, 0.2))) 1 1;
          border-image: linear-gradient(270deg, rgba(255, 121, 0, 0.6), rgba(255, 121, 0, 0.2)) 1 1;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.wrapper .wrapperMain3[data-v-4ca8e003] {
  background: -webkit-gradient(linear, right top, left top, from(rgba(248, 193, 54, 0.2)), to(rgba(248, 193, 54, 0.08)));
  background: -webkit-linear-gradient(right, rgba(248, 193, 54, 0.2) 0%, rgba(248, 193, 54, 0.08) 100%);
  background: -o-linear-gradient(right, rgba(248, 193, 54, 0.2) 0%, rgba(248, 193, 54, 0.08) 100%);
  background: linear-gradient(270deg, rgba(248, 193, 54, 0.2) 0%, rgba(248, 193, 54, 0.08) 100%);
  border-radius: 4px;
  border: 1px solid;
  -webkit-border-image: -webkit-gradient(linear, right top, left top, from(rgba(248, 193, 54, 0.6)), to(rgba(248, 193, 54, 0.2))) 1 1;
  -webkit-border-image: -webkit-linear-gradient(right, rgba(248, 193, 54, 0.6), rgba(248, 193, 54, 0.2)) 1 1;
       -o-border-image: -o-linear-gradient(right, rgba(248, 193, 54, 0.6), rgba(248, 193, 54, 0.2)) 1 1;
          border-image: -webkit-gradient(linear, right top, left top, from(rgba(248, 193, 54, 0.6)), to(rgba(248, 193, 54, 0.2))) 1 1;
          border-image: linear-gradient(270deg, rgba(248, 193, 54, 0.6), rgba(248, 193, 54, 0.2)) 1 1;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.wrapper .wrapperMain4[data-v-4ca8e003] {
  border-radius: 4px;
  border: 1px solid;
  background: -webkit-gradient(linear, right top, left top, from(rgba(16, 213, 149, 0.2)), to(rgba(16, 213, 149, 0.08)));
  background: -webkit-linear-gradient(right, rgba(16, 213, 149, 0.2) 0%, rgba(16, 213, 149, 0.08) 100%);
  background: -o-linear-gradient(right, rgba(16, 213, 149, 0.2) 0%, rgba(16, 213, 149, 0.08) 100%);
  background: linear-gradient(270deg, rgba(16, 213, 149, 0.2) 0%, rgba(16, 213, 149, 0.08) 100%);
  -webkit-border-image: -webkit-gradient(linear, right top, left top, from(rgba(16, 213, 149, 0.6)), to(rgba(16, 213, 149, 0.2))) 1 1;
  -webkit-border-image: -webkit-linear-gradient(right, rgba(16, 213, 149, 0.6), rgba(16, 213, 149, 0.2)) 1 1;
       -o-border-image: -o-linear-gradient(right, rgba(16, 213, 149, 0.6), rgba(16, 213, 149, 0.2)) 1 1;
          border-image: -webkit-gradient(linear, right top, left top, from(rgba(16, 213, 149, 0.6)), to(rgba(16, 213, 149, 0.2))) 1 1;
          border-image: linear-gradient(270deg, rgba(16, 213, 149, 0.6), rgba(16, 213, 149, 0.2)) 1 1;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.list-main[data-v-4ca8e003] {
  height: 100%;
  overflow: hidden;
}
.elIcon[data-v-4ca8e003] {
  font-size: 22px;
}
.elIcon1[data-v-4ca8e003] {
  color: #FF4646;
}
.elIcon2[data-v-4ca8e003] {
  color: #FF7900;
}
.elIcon3[data-v-4ca8e003] {
  color: #F8C136;
}
.elIcon4[data-v-4ca8e003] {
  color: #10D595;
}
#screenListBox > div > div[data-v-4ca8e003] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wrapperSpecial[data-v-4ca8e003] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2677FF;
}

.wrapper[data-v-a98def7a] {
  width: 100%;
  height: 100%;
}

.mainBox[data-v-82045e20] {
  width: 100%;
  height: 100%;
}
.wrapper[data-v-82045e20] {
  width: 100%;
  height: 100%;
}
.wrapperSpecial[data-v-82045e20] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2677FF;
}

.wrapper[data-v-1a273c4f] {
  width: 100%;
  height: 100%;
}
.mainBox[data-v-1a273c4f] {
  width: 100%;
  height: 100%;
}
.wrapperSpecial[data-v-1a273c4f] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2677FF;
}

.wrapper[data-v-4994a6d4] {
  position: absolute;
  right: 20px;
  top: 15px;
}
span[data-v-4994a6d4] {
  margin-left: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
}

.warrp[data-v-f36c20fc] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #E3EEFF;
  background: url(../../img/bannerImg.png?v=1691061002173-1.11.9) no-repeat;
  background-size: 100% 100%;
}
.header[data-v-f36c20fc] {
  width: 100%;
  height: 94px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-bottom: 12px;
  background: url(../../img/headerBanner.png?v=1691061002173-1.11.9) no-repeat;
  background-size: 100% 100%;
}
.header .headerImg[data-v-f36c20fc] {
  width: 607px;
  height: 35px;
}
.header .headerImg img[data-v-f36c20fc] {
  width: 100%;
  height: 48px;
}
.main[data-v-f36c20fc] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 20px 20px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main .left[data-v-f36c20fc] {
  width: 20.8%;
  height: 100%;
  position: relative;
}
.main .left .left-top[data-v-f36c20fc] {
  width: 100%;
  height: 57%;
  border-radius: 0px 40px 40px 0px;
  border-image-source: url(../../img/screenB.png?v=1691061002173-1.11.9);
  border-image-slice: 40 40 40 40 fill;
  border-image-width: 40px 40px 40px 40px;
  border-image-repeat: no-repeat;
}
.main .left .left-bottom[data-v-f36c20fc] {
  width: 100%;
  height: 41.4%;
  position: absolute;
  border-image-source: url(../../img/screenB.png?v=1691061002173-1.11.9);
  border-image-slice: 40 40 40 40 fill;
  border-image-width: 40px 40px 40px 40px;
  border-image-repeat: no-repeat;
  top: 58.7%;
}
.main .center[data-v-f36c20fc] {
  width: 44.1%;
  height: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 16px;
}
.main .center .center-top[data-v-f36c20fc] {
  width: 100%;
  height: 68%;
  position: absolute;
  top: 0;
}
.main .center .center-bottom[data-v-f36c20fc] {
  width: 100%;
  height: 32%;
  position: absolute;
  top: 68%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-image-source: url(../../img/screenB.png?v=1691061002173-1.11.9);
  border-image-slice: 40 40 40 40 fill;
  border-image-width: 40px 40px 40px 40px;
  border-image-repeat: no-repeat;
}
.main .right[data-v-f36c20fc] {
  width: 16.1%;
  height: 100%;
  position: relative;
  margin-left: 16px;
}
.main .rightTmp .right-top[data-v-f36c20fc] {
  width: 100%;
  height: 32.2%;
  border-image-source: url(../../img/screenR.png?v=1691061002173-1.11.9);
  border-image-slice: 40 40 40 40 fill;
  border-image-width: 40px 40px 40px 40px;
  border-image-repeat: no-repeat;
  position: absolute;
  top: 0;
}
.main .rightTmp .right-center[data-v-f36c20fc] {
  width: 100%;
  height: 32.2%;
  border-image-source: url(../../img/screenR.png?v=1691061002173-1.11.9);
  border-image-slice: 40 40 40 40 fill;
  border-image-width: 40px 40px 40px 40px;
  border-image-repeat: no-repeat;
  position: absolute;
  top: 33.9%;
}
.main .rightTmp .right-bottom[data-v-f36c20fc] {
  width: 100%;
  height: 32.2%;
  border-image-source: url(../../img/screenR.png?v=1691061002173-1.11.9);
  border-image-slice: 40 40 40 40 fill;
  border-image-width: 40px 40px 40px 40px;
  border-image-repeat: no-repeat;
  position: absolute;
  top: 67.8%;
}
.main .right1[data-v-f36c20fc] {
  width: 16.1%;
  height: 100%;
  position: relative;
  margin-left: 16px;
}
.main .chartsBoxMain[data-v-f36c20fc] {
  width: 100%;
  height: calc(100% - 60px);
}
.main .chartsBoxMain1[data-v-f36c20fc] {
  width: 100%;
  height: 100%;
}
.clearfix[data-v-f36c20fc]::before,
.clearfix[data-v-f36c20fc]::after {
  content: '';
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.clearfix[data-v-f36c20fc]:after {
  clear: both;
}
.clearfix[data-v-f36c20fc] {
  *zoom: 1;
  /*IE/7/6*/
}
.lengendBoxPostion[data-v-f36c20fc] {
  position: relative;
}
.lengendBox[data-v-f36c20fc] {
  position: absolute;
  bottom: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lengendBox p[data-v-f36c20fc] {
  color: #E3EEFF;
}
.circalBox[data-v-f36c20fc] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.circalMainBox[data-v-f36c20fc] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 10px;
}
.circalMainBox span[data-v-f36c20fc] {
  margin-left: 6px;
}