.normal {
  color: #06f;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.homeTwo.homeTwo {
  width: 20px;
  height: 20px;
}
.union.union {
  left: 0.8333px;
  top: 0.8333px;
  width: 18.3333px;
  height: 18.3333px;
}
.union {
  left: 0.8333px;
  top: 0.8333px;
  width: 18.3333px;
  height: 18.3333px;
}
.icon {
  width: 100%;
  height: 100%;
}
.icon2 {
  width: 100%;
  height: 100%;
}
.normal2 {
  color: #06f;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.normal3 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.normal4 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.messageSecurity.messageSecurity {
  width: 20px;
  height: 20px;
}
.icon3 {
  width: 100%;
  height: 100%;
}
.icon4 {
  width: 100%;
  height: 100%;
}
.icon5 {
  width: 100%;
  height: 100%;
}
.icon6 {
  width: 100%;
  height: 100%;
}
.normal5 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.normal6 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.normal7 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.normal8 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.normal9 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.viewList.viewList {
  width: 20px;
  height: 20px;
}
.union2.union2 {
  left: 2.5px;
  top: 0.8333px;
  width: 15px;
  height: 18.3333px;
}
.union2 {
  left: 2.5px;
  top: 0.8333px;
  width: 15px;
  height: 18.3333px;
}
.icon7 {
  width: 100%;
  height: 100%;
}
.normal10 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.normal11 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.me.me {
  width: 20px;
  height: 20px;
}
.icon8 {
  width: 100%;
  height: 100%;
}
.union3.union3 {
  left: 0.8333px;
  top: 0.8333px;
  width: 18.3333px;
  height: 18.3333px;
}
.union3 {
  left: 0.8333px;
  top: 0.8333px;
  width: 18.3333px;
  height: 18.3333px;
}
.icon9 {
  width: 100%;
  height: 100%;
}
.normal12 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.normal13 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.normal14 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.normal15 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.settingTwo.settingTwo {
  width: 20px;
  height: 20px;
}
.icon10 {
  width: 100%;
  height: 100%;
}
.icon11 {
  width: 100%;
  height: 100%;
}
.normal16 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.normal17 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.vector.vector {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon12 {
  width: 100%;
  height: 100%;
}
.text {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.text2 {
  color: #1d2129;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  z-index: 0;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.text3 {
  color: #1d2129;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  z-index: 0;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.text4 {
  color: #1d2129;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  z-index: 0;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.text5 {
  color: #1d2129;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  z-index: 0;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.text6 {
  color: #1d2129;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  z-index: 0;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.text7 {
  color: #1d2129;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  z-index: 0;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.right.right {
  width: 14px;
  height: 14px;
}
.icon13 {
  width: 100%;
  height: 100%;
}
.unnamed2.unnamed2 {
  width: initial;
  flex: 1;
}
.icon14 {
  width: 100%;
  height: 100%;
}
.unnamed {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed4.unnamed4 {
  width: initial;
  flex: 1;
}
.icon15 {
  width: 100%;
  height: 100%;
}
.icon16 {
  width: 100%;
  height: 100%;
}
.unnamed3 {
  color: #06f;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed6.unnamed6 {
  width: initial;
  flex: 1;
}
.icon17 {
  width: 100%;
  height: 100%;
}
.icon18 {
  width: 100%;
  height: 100%;
}
.icon19 {
  width: 100%;
  height: 100%;
}
.unnamed5 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed8.unnamed8 {
  width: initial;
  flex: 1;
}
.icon20 {
  width: 100%;
  height: 100%;
}
.icon21 {
  width: 100%;
  height: 100%;
}
.icon22 {
  width: 100%;
  height: 100%;
}
.unnamed7 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed11.unnamed11 {
  width: initial;
  flex: 1;
}
.icon23 {
  width: 100%;
  height: 100%;
}
.icon24 {
  width: 100%;
  height: 100%;
}
.icon25 {
  width: 100%;
  height: 100%;
}
.unnamed9 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed10 {
  color: #86909c;
  font-size: 12px;
  line-height: 16px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  height: min-content;
  align-self: stretch;
  text-align: center;
  align-items: center;
  flex-direction: column;
}
.unnamed13.unnamed13 {
  width: initial;
  flex: 1;
}
.icon26 {
  width: 100%;
  height: 100%;
}
.icon27 {
  width: 100%;
  height: 100%;
}
.unnamed12 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.right2.right2 {
  width: 14px;
  height: 14px;
}
.icon28 {
  width: 100%;
  height: 100%;
}
.right3.right3 {
  width: 14px;
  height: 14px;
}
.icon29 {
  width: 100%;
  height: 100%;
}
.group1085.group1085 {
  width: 18px;
  height: 24px;
}
.group761.group761 {
  width: 18px;
  height: 24px;
}
.group761 {
  width: 18px;
  height: 24px;
}
.icon30 {
  width: 100%;
  height: 100%;
}
.icon31 {
  width: 100%;
  height: 100%;
}
.group10852.group10852 {
  width: 18px;
  height: 24px;
}
.group7612.group7612 {
  width: 18px;
  height: 24px;
}
.group7612 {
  width: 18px;
  height: 24px;
}
.icon32 {
  width: 100%;
  height: 100%;
}
.icon33 {
  width: 100%;
  height: 100%;
}
.right4.right4 {
  width: 14px;
  height: 14px;
}
.icon34 {
  width: 100%;
  height: 100%;
}
.license {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.license2 {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.right5.right5 {
  width: 14px;
  height: 14px;
}
.icon35 {
  width: 100%;
  height: 100%;
}
._1 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  height: min-content;
  align-self: stretch;
  flex-direction: column;
}
._12 {
  color: #06f;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._13 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  height: min-content;
  align-self: stretch;
  flex-direction: column;
}
._14 {
  color: #06f;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._15 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  height: min-content;
  align-self: stretch;
  flex-direction: column;
}
.refresh.refresh {
  width: 14px;
  height: 14px;
}
.union4.union4 {
  left: 1.1667px;
  top: 1.1667px;
  width: 11.6667px;
  height: 11.6667px;
}
.union4 {
  left: 1.1667px;
  top: 1.1667px;
  width: 11.6667px;
  height: 11.6667px;
}
.icon36 {
  width: 100%;
  height: 100%;
}
.unnamed14 {
  color: #06f;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._2 {
  color: #165dff;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed15 {
  color: #4e5969;
  font-size: 16px;
  line-height: 24px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._22 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed16 {
  color: #4e5969;
  font-size: 16px;
  line-height: 24px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._23 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed17 {
  color: #4e5969;
  font-size: 16px;
  line-height: 24px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._24 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed18 {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._323 {
  color: #1d2129;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed19 {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed20 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed21 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.lineGraph.lineGraph {
  width: 192px;
  height: 100px;
}
.icon37 {
  width: 100%;
  height: 100%;
}
.icon38 {
  width: 100%;
  height: 100%;
}
.unnamed22 {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._3232 {
  color: #1d2129;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed23 {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed24 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed25 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.lineGraph2.lineGraph2 {
  width: 192px;
  height: 100px;
}
.icon39 {
  width: 100%;
  height: 100%;
}
.icon40 {
  width: 100%;
  height: 100%;
}
.unnamed26 {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._3233 {
  color: #1d2129;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed27 {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed28 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed29 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.lineGraph3.lineGraph3 {
  width: 192px;
  height: 100px;
}
.icon41 {
  width: 100%;
  height: 100%;
}
.icon42 {
  width: 100%;
  height: 100%;
}
.right6.right6 {
  width: 14px;
  height: 14px;
}
.icon43 {
  width: 100%;
  height: 100%;
}
.label {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.square.square {
  background-color: #3bb346;
}
.label2 {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.square2.square2 {
  background-color: #4e5969;
}
.label3 {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.square3.square3 {
  background-color: #f3c641;
}
.label4 {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.square4.square4 {
  background-color: #f53f3f;
}
.label5 {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.right7.right7 {
  width: 14px;
  height: 14px;
}
.icon44 {
  width: 100%;
  height: 100%;
}
.frame912.frame912 {
  height: initial;
  flex: 1;
}
.unnamed30 {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: end;
  align-items: end;
  white-space: nowrap;
  flex-direction: column;
}
._100 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: 32px;
  height: min-content;
  text-align: end;
  align-items: end;
  flex-direction: column;
}
.frame913.frame913 {
  width: 457px;
  height: initial;
  flex: 1;
  align-self: initial;
}
.unnamed31 {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: end;
  align-items: end;
  white-space: nowrap;
  flex-direction: column;
}
._1002 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: 32px;
  height: min-content;
  text-align: end;
  align-items: end;
  flex-direction: column;
}
.rectangle678.rectangle678 {
  background-color: #6b7785;
}
.frame914.frame914 {
  width: 389px;
  height: initial;
  flex: 1;
  align-self: initial;
}
.unnamed32 {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: end;
  align-items: end;
  white-space: nowrap;
  flex-direction: column;
}
._1003 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: 32px;
  height: min-content;
  text-align: end;
  align-items: end;
  flex-direction: column;
}
.rectangle6782.rectangle6782 {
  background-color: #6b7785;
}
.frame915.frame915 {
  width: 336px;
  height: initial;
  flex: 1;
  align-self: initial;
}
.unnamed33 {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: end;
  align-items: end;
  white-space: nowrap;
  flex-direction: column;
}
._1004 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: 32px;
  height: min-content;
  text-align: end;
  align-items: end;
  flex-direction: column;
}
.rectangle6783.rectangle6783 {
  background-color: #6b7785;
}
.right8.right8 {
  width: 14px;
  height: 14px;
}
.icon45 {
  width: 100%;
  height: 100%;
}
.unnamed34.unnamed34 {
  width: 120px;
}
.text8 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  z-index: 0;
  height: min-content;
  flex: 1;
  flex-direction: column;
}
.unnamed35.unnamed35 {
  width: 120px;
}
.text9 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  z-index: 0;
  height: min-content;
  flex: 1;
  flex-direction: column;
}
.unnamed36.unnamed36 {
  width: 120px;
}
.text10 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  z-index: 0;
  height: min-content;
  flex: 1;
  flex-direction: column;
}
.unnamed37.unnamed37 {
  align-self: initial;
}
.frame427319527.frame427319527 {
  width: 1118px;
}
.frame427319529.frame427319529 {
  width: 1118px;
}
.frame427319530.frame427319530 {
  width: 1118px;
}
.frame427319531.frame427319531 {
  width: 1118px;
}
.frame427319532.frame427319532 {
  width: 1118px;
}
.unnamed38.unnamed38 {
  width: initial;
  align-self: stretch;
}
.unnamed39 {
  color: #06f;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed40 {
  color: #333;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed41 {
  color: #333;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed42 {
  color: #333;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319520.frame427319520 {
  width: initial;
  flex: 1;
}
.frame427319521.frame427319521 {
  width: initial;
  flex: 1;
}
.unnamed43 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._1995526 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273195202.frame4273195202 {
  width: initial;
  flex: 1;
}
.unnamed44 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._19955262 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273195212.frame4273195212 {
  width: initial;
  flex: 1;
}
.unnamed45 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._19955263 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed46 {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed47 {
  color: #1d2129;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed48 {
  color: #1d2129;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.right9.right9 {
  width: 14px;
  height: 14px;
}
.icon46 {
  width: 100%;
  height: 100%;
}
.unnamed49.unnamed49 {
  align-items: flex-start;
}
._16 {
  color: #06f;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.input.input {
  width: initial;
  flex: 1;
}
.text11 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  z-index: 0;
  height: min-content;
  flex: 1;
  flex-direction: column;
}
.text12 {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.right10.right10 {
  width: 14px;
  height: 14px;
}
.icon47 {
  width: 100%;
  height: 100%;
}
.icon48 {
  width: 100%;
  height: 100%;
}
.frame.frame {
  width: 42px;
  height: 42px;
}
.vector2.vector2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon49 {
  width: 100%;
  height: 100%;
}
.unnamed50 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame2.frame2 {
  width: 42px;
  height: 42px;
}
.vector3.vector3 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon50 {
  width: 100%;
  height: 100%;
}
.unnamed51 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame3.frame3 {
  width: 42px;
  height: 42px;
}
.vector4.vector4 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon51 {
  width: 100%;
  height: 100%;
}
.unnamed52 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.right11.right11 {
  width: 14px;
  height: 14px;
}
.icon52 {
  width: 100%;
  height: 100%;
}
.label6 {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.square5.square5 {
  background-color: #3bb346;
}
.label7 {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.square6.square6 {
  background-color: #4e5969;
}
.label8 {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.square7.square7 {
  background-color: #f3c641;
}
.label9 {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.square8.square8 {
  background-color: #f53f3f;
}
.label10 {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.right12.right12 {
  width: 14px;
  height: 14px;
}
.icon53 {
  width: 100%;
  height: 100%;
}
.unnamed53 {
  color: #06f;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed54 {
  color: #4e5969;
  font-size: 16px;
  line-height: 24px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed55 {
  color: #4e5969;
  font-size: 16px;
  line-height: 24px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed56 {
  color: #4e5969;
  font-size: 16px;
  line-height: 24px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed57 {
  color: #4e5969;
  font-size: 16px;
  line-height: 24px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed58.unnamed58 {
  width: initial;
  align-self: stretch;
}
._2022613 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed61.unnamed61 {
  width: initial;
  align-self: stretch;
}
._20226132 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed59 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed60 {
  color: #333;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed63.unnamed63 {
  width: initial;
  align-self: stretch;
}
._20226133 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed62 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed65.unnamed65 {
  width: initial;
  align-self: stretch;
}
._20226134 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed64 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed67.unnamed67 {
  width: initial;
  align-self: stretch;
}
._20226135 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed66 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.right13.right13 {
  width: 14px;
  height: 14px;
}
.icon54 {
  width: 100%;
  height: 100%;
}
.label11 {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.square9.square9 {
  background-color: #3bb346;
}
.label12 {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.square10.square10 {
  background-color: #4e5969;
}
.label13 {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.right14.right14 {
  width: 14px;
  height: 14px;
}
.icon55 {
  width: 100%;
  height: 100%;
}
.frame427319454.frame427319454 {
  width: initial;
  align-self: stretch;
}
._20226136 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: 329px;
  height: 20px;
  justify-content: center;
  flex-direction: column;
}
.frame427319456.frame427319456 {
  width: initial;
  align-self: stretch;
}
._20226137 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: 329px;
  height: 20px;
  justify-content: center;
  flex-direction: column;
}
.frame427319457.frame427319457 {
  width: initial;
  align-self: stretch;
}
._20226138 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: 329px;
  height: 20px;
  justify-content: center;
  flex-direction: column;
}
.frame427319458.frame427319458 {
  width: initial;
  align-self: stretch;
}
._20226139 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: 329px;
  height: 20px;
  justify-content: center;
  flex-direction: column;
}
.frame427319459.frame427319459 {
  width: initial;
  align-self: stretch;
}
._202261310 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: 329px;
  height: 20px;
  justify-content: center;
  flex-direction: column;
}
.frame427319460.frame427319460 {
  width: initial;
  align-self: stretch;
}
._202261311 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: 329px;
  height: 20px;
  justify-content: center;
  flex-direction: column;
}
.refresh2.refresh2 {
  width: 14px;
  height: 14px;
}
.union5.union5 {
  left: 1.1667px;
  top: 1.1667px;
  width: 11.6667px;
  height: 11.6667px;
}
.union5 {
  left: 1.1667px;
  top: 1.1667px;
  width: 11.6667px;
  height: 11.6667px;
}
.icon56 {
  width: 100%;
  height: 100%;
}
.unnamed68 {
  color: #06f;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._25 {
  color: #165dff;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed69 {
  color: #4e5969;
  font-size: 16px;
  line-height: 24px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._26 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed70 {
  color: #4e5969;
  font-size: 16px;
  line-height: 24px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._27 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed71 {
  color: #4e5969;
  font-size: 16px;
  line-height: 24px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._28 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.content1.content1 {
  width: initial;
  flex: 1;
}
.icon57 {
  width: 100%;
  height: 100%;
}
.unnamed72 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._17 {
  color: #1d2129;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed73 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.content2.content2 {
  width: initial;
  flex: 1;
}
.icon58 {
  width: 100%;
  height: 100%;
}
.unnamed74 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._18 {
  color: #1d2129;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed75 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed76 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed77 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.content3.content3 {
  width: initial;
  flex: 1;
}
.icon59 {
  width: 100%;
  height: 100%;
}
.unnamed78 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._19 {
  color: #1d2129;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed79 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.content4.content4 {
  width: initial;
  flex: 1;
}
.icon60 {
  width: 100%;
  height: 100%;
}
.unnamed80 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._110 {
  color: #1d2129;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed81 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.right15.right15 {
  width: 14px;
  height: 14px;
}
.icon61 {
  width: 100%;
  height: 100%;
}
.right16.right16 {
  width: 14px;
  height: 14px;
}
.icon62 {
  width: 100%;
  height: 100%;
}
.customItem.customItem {
  left: 0;
  top: 0;
  width: 338.6667px;
  flex: 1;
}
.customItem2.customItem2 {
  left: 354.6667px;
  top: 0;
  width: 338.6667px;
  flex: 1;
}
.customItem3.customItem3 {
  left: 709.3333px;
  top: 0;
  width: 338.6667px;
  flex: 1;
}
.customItem4.customItem4 {
  left: 0;
  top: 100px;
  width: 338.6667px;
  flex: 1;
}
.customItem5.customItem5 {
  left: 354.6667px;
  top: 100px;
  width: 338.6667px;
  flex: 1;
}
.customItem6.customItem6 {
  left: 709.3333px;
  top: 100px;
  width: 338.6667px;
  flex: 1;
}
.right17.right17 {
  width: 14px;
  height: 14px;
}
.icon63 {
  width: 100%;
  height: 100%;
}
.rankPicker.rankPicker {
  width: 120px;
}
.text13 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  z-index: 0;
  height: min-content;
  flex: 1;
  flex-direction: column;
}
.prizePicker.prizePicker {
  width: 120px;
}
.text14 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  z-index: 0;
  height: min-content;
  flex: 1;
  flex-direction: column;
}
.search.search {
  align-self: initial;
}
.listItem.listItem {
  width: initial;
  align-self: stretch;
}
.frame427319528.frame427319528 {
  width: initial;
  align-self: stretch;
}
.frame4273195292.frame4273195292 {
  width: initial;
  align-self: stretch;
}
.frame4273195302.frame4273195302 {
  width: initial;
  align-self: stretch;
}
.frame4273195322.frame4273195322 {
  width: initial;
  align-self: stretch;
}
.frame427319533.frame427319533 {
  width: initial;
  align-self: stretch;
}
.frame4273195312.frame4273195312 {
  width: initial;
  align-self: stretch;
}
.iconbutton.iconbutton {
  border-radius: 99px;
}
.comment.comment {
  z-index: 0;
  width: 16px;
  height: 16px;
}
.union6.union6 {
  left: 0.6667px;
  top: 1.3333px;
  width: 14.6667px;
  height: 13px;
}
.union6 {
  left: 0.6667px;
  top: 1.3333px;
  width: 14.6667px;
  height: 13px;
}
.icon64 {
  width: 100%;
  height: 100%;
}
.iconbutton2.iconbutton2 {
  border-radius: 99px;
}
.unnamed82.unnamed82 {
  z-index: 0;
  width: 16px;
  height: 16px;
}
.icon65 {
  width: 100%;
  height: 100%;
}
.icon66 {
  width: 100%;
  height: 100%;
}
.icon67 {
  width: 100%;
  height: 100%;
}
.rM {
  color: #fff;
  font-size: 14px;
  font-family: Roboto, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  letter-spacing: -0.5px;
  position: absolute;
  left: calc(50% - -0.3914px);
  top: calc(50% - -0.6085px);
  width: 21.1304px;
  height: 16.4348px;
  text-align: center;
  align-items: center;
  flex-direction: column;
  transform: translate(-50%, -50%);
}
.downOne1.downOne1 {
  width: 16px;
  height: 16px;
}
.icon68 {
  width: 100%;
  height: 100%;
}
.icon69 {
  width: 100%;
  height: 100%;
}
.root {
  width: min-content;
  height: 1748px;
  max-height: 100%;
}
.navigation {
  width: 225px;
  align-self: stretch;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 0 0 30px;
  background-color: #fff;
  box-shadow: inset -1px 0px 0px 0px #dfe3e899;
}
.logo {
  height: 72px;
  align-self: stretch;
  flex-direction: column;
  place-content: center;
  align-items: flex-start;
  padding: 24px 42px 24px 24px;
}
.logo2 {
  color: #c9cdd4;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.nav {
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
}
.right18 {
  position: relative;
  width: 1695px;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  background-color: #f4f6f8;
  overflow: hidden;
}
.content {
  position: absolute;
  left: 0;
  top: 0;
  width: 1695px;
  height: 1762px;
}
.project {
  position: absolute;
  left: 0;
  top: 0;
  width: 1695px;
  height: 1281px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  background-color: #f4f6f8;
  overflow: hidden;
}
.frame427319481 {
  position: absolute;
  left: 20px;
  top: 132px;
  width: 1655px;
  height: min-content;
  place-content: space-between;
  align-items: center;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame427319500 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
}
._2022 {
  color: #1d2129;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319501 {
  width: min-content;
  height: min-content;
  place-content: center;
  align-items: center;
  gap: 12px;
}
.frame427319499 {
  position: absolute;
  left: 20px;
  top: 232px;
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.frame427319490 {
  width: 1096px;
  height: min-content;
  flex-direction: column;
  place-content: flex-end;
  align-items: flex-start;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame9122 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.unnamed83 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame911 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text15 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319491 {
  height: min-content;
  align-self: stretch;
  align-items: flex-end;
  gap: 32px;
}
.frame427319545 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 16px;
}
.frame4273194902 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 16px 32px;
  background-color: #f7f8fa;
}
.unnamed84 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed85 {
  width: min-content;
  height: min-content;
  align-items: baseline;
  gap: 7px;
}
._111 {
  color: #1d2129;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed86 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273194912 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 16px 32px;
  background-color: #f7f8fa;
}
.frame427319546 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 4px;
}
.unnamed87 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed88 {
  color: #06f;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed89 {
  width: min-content;
  height: min-content;
  align-items: baseline;
  gap: 7px;
}
._112 {
  color: #1d2129;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed90 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.line58 {
  width: 96px;
  max-width: 100%;
  max-height: 100%;
  align-self: stretch;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
.frame427319489 {
  height: min-content;
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.frame427319484 {
  height: min-content;
  align-self: stretch;
  align-items: flex-start;
}
.frame427319488 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: center;
}
.frame427319487 {
  width: min-content;
  height: min-content;
  padding: 6px 10px;
  border-radius: 4px;
  background-color: #06f;
  overflow: hidden;
}
.unnamed91 {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.polygon2 {
  width: 12px;
  height: 6px;
  overflow: visible;
}
.icon70 {
  width: 100%;
  height: 100%;
}
.frame427319492 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.frame427319498 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 24px;
}
._29 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed92 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed93 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._210 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed94 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._93 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._211 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed95 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed96 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._212 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed97 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed98 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._213 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed99 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed100 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319496 {
  width: 1096px;
  height: min-content;
}
.frame427319493 {
  height: min-content;
  flex: 1;
  flex-direction: column;
  place-content: flex-end;
  align-items: flex-start;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame9123 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.unnamed101 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame9112 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text16 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
._214 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed102 {
  color: #86909c;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._20222 {
  color: #06f;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273194932 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 54px;
}
.frame427319485 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.unnamed103 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed104 {
  width: min-content;
  height: min-content;
  align-items: baseline;
  gap: 7px;
}
._113 {
  color: #06f;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed105 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.line56 {
  width: 64px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
.frame427319486 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.unnamed106 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed107 {
  width: min-content;
  height: min-content;
  align-items: baseline;
  gap: 7px;
}
._114 {
  color: #1d2129;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed108 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.line582 {
  width: 64px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
.frame4273194922 {
  height: min-content;
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.frame427319503 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 24px;
}
._215 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed109 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._202331 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._216 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed110 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._2023315 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._217 {
  height: min-content;
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.unnamed111 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._151396281482 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  height: min-content;
  align-self: stretch;
  flex-direction: column;
}
._218 {
  height: min-content;
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.unnamed112 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed113 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  height: min-content;
  align-self: stretch;
  flex-direction: column;
}
.frame427319495 {
  width: 1096px;
  height: min-content;
}
.frame4273194952 {
  width: 1096px;
  height: min-content;
  align-self: flex-start;
}
.frame4273194933 {
  height: min-content;
  flex: 1;
  flex-direction: column;
  place-content: flex-end;
  align-items: flex-start;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame9124 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.unnamed114 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame9113 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text17 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319506 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.frame427319507 {
  height: min-content;
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  border-radius: 4px;
  background-color: #e6f0ff;
}
.frame427319505 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
._219 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed115 {
  color: #86909c;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed116 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319504 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 32px;
}
._220 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed117 {
  color: #86909c;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed118 {
  color: #06f;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._221 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed119 {
  color: #86909c;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._33036170 {
  color: #06f;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._222 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed120 {
  color: #86909c;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._1005 {
  color: #06f;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273194923 {
  width: 1048px;
  height: min-content;
  flex-direction: column;
  gap: 12px;
}
.frame4273195032 {
  height: min-content;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
}
._223 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed121 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._2023312 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._224 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed122 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._11N76470572120231 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._225 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed123 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._2023316 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._226 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed124 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._2023313 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273195042 {
  height: min-content;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
}
._227 {
  width: 246px;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed125 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._20233162 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._228 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed126 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._20233163 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319513 {
  height: min-content;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
}
.frame427319512 {
  height: min-content;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  background-color: #f7f8fa;
}
.unnamed127 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319510 {
  height: min-content;
  flex: 1;
  align-items: center;
  gap: 8px;
}
.frame427319509 {
  height: min-content;
  flex: 1;
  place-content: space-between;
  align-items: center;
}
._2022Pdf {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._88k {
  color: #a9aeb8;
  font-size: 12px;
  line-height: 16px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319514 {
  height: min-content;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  background-color: #f7f8fa;
}
.unnamed128 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273195102 {
  height: min-content;
  flex: 1;
  align-items: center;
  gap: 8px;
}
.frame4273195092 {
  height: min-content;
  flex: 1;
  place-content: space-between;
  align-items: center;
}
._2022Pdf2 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._88k2 {
  color: #a9aeb8;
  font-size: 12px;
  line-height: 16px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319502 {
  position: absolute;
  left: 1136px;
  top: 232px;
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.frame4273194842 {
  height: min-content;
  align-self: stretch;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame9125 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame4273195332 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 12px;
}
.unnamed129 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273195323 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  padding: 1px 16px;
  border-radius: 99px;
  background-color: #f53f3f0f;
}
.unnamed130 {
  color: #f53f3f;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame9114 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text18 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319515 {
  height: min-content;
  align-self: stretch;
  flex-direction: column;
  gap: 24px;
}
.frame427319483 {
  height: min-content;
  align-self: stretch;
  padding: 16px;
  border-radius: 8px;
  background-color: #f53f3f0f;
}
.frame427319463 {
  width: min-content;
  height: min-content;
  align-self: flex-start;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.unnamed131 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319462 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 12px;
}
._2023326 {
  color: #fa664c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.Zhuk {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273194843 {
  height: min-content;
  align-self: stretch;
  padding: 16px;
  border-radius: 8px;
  background-color: #fda6330f;
}
.frame4273194632 {
  width: min-content;
  height: min-content;
  align-self: flex-start;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.unnamed132 {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273194622 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 12px;
}
._20233262 {
  color: #fda633;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.Zhuk2 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319494 {
  width: 539px;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.unnamed133 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273194953 {
  width: 538.3333px;
  height: min-content;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame9126 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.unnamed134 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame9115 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text19 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273194962 {
  height: min-content;
  align-self: stretch;
  flex-direction: column;
  gap: 16px;
}
.line59 {
  max-width: 100%;
  height: 0;
  max-height: 100%;
  align-self: stretch;
  border-bottom: solid 1px #f2f3f5;
  margin-bottom: -1px;
}
.line60 {
  max-width: 100%;
  height: 0;
  max-height: 100%;
  align-self: stretch;
  border-bottom: solid 1px #f2f3f5;
  margin-bottom: -1px;
}
.breadcrumbs {
  position: absolute;
  left: 7px;
  top: 92px;
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 12px;
}
.unnamed135 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed136 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed137 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.customer {
  position: absolute;
  left: 0;
  top: 0;
  width: 1695px;
  height: 1485px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  background-color: #f4f6f8;
  overflow: hidden;
}
.frame427319555 {
  position: absolute;
  left: 509px;
  top: 132px;
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.frame902 {
  width: 1166px;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame903 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: flex-start;
}
.unnamed138 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame9116 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text20 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319461 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 24px;
}
.frame986 {
  height: min-content;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
}
.frame978 {
  height: min-content;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 24px;
  border-radius: 4px;
  background-color: #0066ff0f;
}
.frame983 {
  height: min-content;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 24px;
  border-radius: 4px;
  background-color: #f7f8fa;
}
.frame984 {
  height: min-content;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 24px;
  border-radius: 4px;
  background-color: #f7f8fa;
}
.frame427319548 {
  width: 1166px;
  height: min-content;
  align-items: flex-start;
  gap: 20px;
}
.frame916 {
  height: min-content;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame9127 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.unnamed139 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame9117 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text21 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.frame51 {
  height: 220px;
  align-self: stretch;
  align-items: center;
  gap: 48px;
  padding: 24px 16px;
}
.frame32 {
  position: relative;
  width: 180px;
  height: 180px;
  align-items: flex-start;
}
.ellipse6 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon71 {
  width: 100%;
  height: 100%;
}
.ellipse11 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon72 {
  width: 100%;
  height: 100%;
}
.ellipse10 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon73 {
  width: 100%;
  height: 100%;
}
.ellipse9 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon74 {
  width: 100%;
  height: 100%;
}
.ellipse8 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon75 {
  width: 100%;
  height: 100%;
}
.ellipse7 {
  position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  overflow: visible;
}
.icon76 {
  width: 100%;
  height: 100%;
}
.frame33 {
  position: absolute;
  left: 50%;
  top: calc(50% - 1px);
  width: min-content;
  height: min-content;
  flex-direction: column;
  place-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
}
.a {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._45 {
  color: #1d2129;
  font-size: 28px;
  line-height: 36px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame892 {
  height: min-content;
  flex: 1;
  flex-direction: column;
  gap: 8px;
}
.frame889 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame888 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
}
.line43 {
  width: 18px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
._64 {
  color: #86909c;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._120 {
  color: #1d2129;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame890 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame8882 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
}
.line432 {
  width: 18px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
._162 {
  color: #86909c;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._30 {
  color: #1d2129;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame891 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame8883 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
}
.line433 {
  width: 18px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
._642 {
  color: #86909c;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._122 {
  color: #1d2129;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame8922 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame8884 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
}
.line434 {
  width: 18px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
._643 {
  color: #86909c;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._123 {
  color: #1d2129;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame893 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame8885 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
}
.line435 {
  width: 18px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
._644 {
  color: #86909c;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._124 {
  color: #1d2129;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273194832 {
  height: 316px;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame9128 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.unnamed140 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame9118 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text22 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.frame883 {
  flex: 1;
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.frame4273194844 {
  width: 1166px;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame9032 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: flex-start;
}
.unnamed141 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame9129 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text23 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319553 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: flex-start;
}
.frame427319552 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 12px;
}
.frame4273195313 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.frame427319556 {
  position: absolute;
  left: 20px;
  top: 132px;
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.frame4273194812 {
  width: 469px;
  height: min-content;
  flex-direction: column;
  place-content: center;
  align-items: flex-start;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame427319518 {
  height: min-content;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
}
._202332621561 {
  width: 118px;
  height: 112px;
  background-image:/* webpackIgnore: true */ url('/assets/_202332621561.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.frame427319516 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.unnamed142 {
  color: #1d2129;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319517 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
._229 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed143 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._2637 {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._230 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 2px;
}
.unnamed144 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.httpWwwBrightfoodComCn {
  color: #4e5969;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319522 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 0 0;
}
.line562 {
  max-width: 100%;
  height: 0;
  max-height: 100%;
  align-self: stretch;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(-1, 0, 0, -1, 0, 0);
}
.frame427319519 {
  height: min-content;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
}
.line563 {
  width: 46px;
  max-width: 100%;
  max-height: 100%;
  align-self: stretch;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
.frame4273195203 {
  height: min-content;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
}
.line564 {
  width: 46px;
  max-width: 100%;
  max-height: 100%;
  align-self: stretch;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
.line57 {
  max-width: 100%;
  height: 0;
  max-height: 100%;
  align-self: stretch;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(-1, 0, 0, -1, 0, 0);
}
.frame427319523 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.frame427319465 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 8px;
}
._365968583300 {
  width: 421px;
  height: min-content;
  flex-direction: column;
}
.labelWrapper {
  font-size: 14px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  flex-shrink: 1;
}
.label14 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label15 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label16 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label17 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label18 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label19 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label20 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label21 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label22 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label23 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label24 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label25 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label26 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label27 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label28 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label29 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label30 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label31 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label32 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label33 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label34 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label35 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label36 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label37 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label38 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.line583 {
  max-width: 100%;
  height: 0;
  max-height: 100%;
  align-self: stretch;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(-1, 0, 0, -1, 0, 0);
}
.frame427319524 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.unnamed145 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._160 {
  width: 421px;
  height: min-content;
  flex-direction: column;
}
.labelWrapper2 {
  font-size: 14px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  flex-shrink: 1;
}
.label39 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label40 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label41 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label42 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label43 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label44 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label45 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label46 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label47 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label48 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label49 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label50 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label51 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.textBlock {
  margin-top: 0;
}
.labelWrapper3 {
  font-size: 14px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  flex-shrink: 1;
}
.label52 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label53 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label54 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label55 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label56 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label57 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label58 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label59 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label60 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label61 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label62 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label63 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label64 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.label65 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  text-decoration: underline;
}
.label66 {
  color: #1d2129;
  font-size: 14px;
  line-height: 150%;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
}
.frame9162 {
  width: 469px;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame91210 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.unnamed146 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame9119 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text24 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.line592 {
  max-width: 100%;
  height: 0;
  max-height: 100%;
  align-self: stretch;
  border-bottom: solid 1px #f2f3f5;
  margin-bottom: -1px;
}
.breadcrumbs2 {
  position: absolute;
  left: 7px;
  top: 92px;
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 12px;
}
.unnamed147 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed148 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.unnamed149 {
  color: #1d2129;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.dashboard {
  position: absolute;
  left: 0;
  top: 0;
  width: 1692px;
  height: 1762px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  background-color: #f4f6f8;
  overflow: hidden;
}
.dashBoardRight {
  position: absolute;
  left: 1135px;
  top: 92px;
  width: 537px;
  height: min-content;
  flex-direction: column;
  gap: 20px;
}
.searchBox {
  height: min-content;
  align-self: stretch;
  flex-direction: column;
  place-content: center;
  gap: 16px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.searchTitleBox {
  height: min-content;
  align-self: stretch;
}
.unnamed150 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.searchContentBox {
  height: min-content;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
}
.quickEntry {
  height: min-content;
  align-self: stretch;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame91211 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.unnamed151 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame91110 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text25 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.frame427319476 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: flex-start;
}
.zoneAnalyze {
  height: min-content;
  align-self: stretch;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame91212 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.unnamed152 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame91111 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text26 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.frame512 {
  height: 220px;
  align-self: stretch;
  align-items: center;
  gap: 48px;
  padding: 24px 16px;
}
.frame322 {
  position: relative;
  width: 180px;
  height: 180px;
  align-items: flex-start;
}
.ellipse62 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon77 {
  width: 100%;
  height: 100%;
}
.ellipse112 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon78 {
  width: 100%;
  height: 100%;
}
.ellipse102 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon79 {
  width: 100%;
  height: 100%;
}
.ellipse92 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon80 {
  width: 100%;
  height: 100%;
}
.ellipse82 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon81 {
  width: 100%;
  height: 100%;
}
.ellipse72 {
  position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  overflow: visible;
}
.icon82 {
  width: 100%;
  height: 100%;
}
.frame332 {
  position: absolute;
  left: 50%;
  top: calc(50% - 1px);
  width: min-content;
  height: min-content;
  flex-direction: column;
  place-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
}
.a2 {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._452 {
  color: #1d2129;
  font-size: 28px;
  line-height: 36px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame8923 {
  height: min-content;
  flex: 1;
  flex-direction: column;
  gap: 8px;
}
.frame8892 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame8886 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
}
.line436 {
  width: 18px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
._645 {
  color: #86909c;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._1202 {
  color: #1d2129;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame8902 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame8887 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
}
.line437 {
  width: 18px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
._163 {
  color: #86909c;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._302 {
  color: #1d2129;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame8912 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame8888 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
}
.line438 {
  width: 18px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
._646 {
  color: #86909c;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._125 {
  color: #1d2129;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame8924 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame8889 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
}
.line439 {
  width: 18px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
._647 {
  color: #86909c;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._126 {
  color: #1d2129;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame8932 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame88810 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
}
.line4310 {
  width: 18px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
._648 {
  color: #86909c;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._127 {
  color: #1d2129;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.receptionDetial {
  height: min-content;
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame91213 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.unnamed153 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame91112 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text27 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273194612 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 24px;
}
.missPie {
  height: min-content;
  align-self: stretch;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame91214 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.unnamed154 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame91113 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text28 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.frame513 {
  height: min-content;
  align-self: stretch;
  align-items: center;
  gap: 48px;
  padding: 0 16px;
}
.frame323 {
  position: relative;
  width: 180px;
  height: 180px;
  align-items: flex-start;
}
.ellipse63 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon83 {
  width: 100%;
  height: 100%;
}
.ellipse93 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon84 {
  width: 100%;
  height: 100%;
}
.ellipse83 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: visible;
}
.icon85 {
  width: 100%;
  height: 100%;
}
.ellipse73 {
  position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  overflow: visible;
}
.icon86 {
  width: 100%;
  height: 100%;
}
.frame333 {
  position: absolute;
  left: 50%;
  top: calc(50% - 1px);
  width: min-content;
  height: min-content;
  flex-direction: column;
  place-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
}
.a3 {
  color: #86909c;
  font-size: 14px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._453 {
  color: #1d2129;
  font-size: 28px;
  line-height: 36px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame8925 {
  height: min-content;
  flex: 1;
  flex-direction: column;
  gap: 6px;
}
.frame8893 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame88811 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
}
.line4311 {
  width: 18px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
._649 {
  color: #86909c;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._1203 {
  color: #1d2129;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame8903 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame88812 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
}
.line4312 {
  width: 18px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
._164 {
  color: #86909c;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._303 {
  color: #1d2129;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame8913 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame88813 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
}
.line4313 {
  width: 18px;
  max-width: 100%;
  height: 0;
  max-height: 100%;
  border-bottom: solid 1px #e5e6eb;
  margin-bottom: -1px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
._6410 {
  color: #86909c;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
._128 {
  color: #1d2129;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.departmentDocument {
  height: min-content;
  align-self: stretch;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.frame91215 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.unnamed155 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame91114 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text29 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.dashBoardLeft {
  position: absolute;
  left: 20px;
  top: 92px;
  width: min-content;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.dayData {
  width: 1096px;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.titleBox {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: flex-start;
}
.title {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.refresh3 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text30 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.tab {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 24px;
}
.tabContetBox {
  height: min-content;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
}
.riskBox {
  width: 1096px;
  height: min-content;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.riskTitle {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.frame4273195333 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 12px;
}
.unnamed156 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273195324 {
  width: min-content;
  height: min-content;
  flex-direction: column;
  padding: 1px 16px;
  border-radius: 99px;
  background-color: #f53f3f0f;
}
.unnamed157 {
  color: #f53f3f;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame91115 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text31 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.riskContent {
  height: min-content;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
}
.riskItemRed {
  height: min-content;
  flex: 1;
  padding: 16px;
  border-radius: 8px;
  background-color: #f53f3f0f;
}
.riskItemContent {
  width: min-content;
  height: min-content;
  align-self: flex-start;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.title2 {
  color: #1d2129;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.detail {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 12px;
}
.date {
  color: #fa664c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.name {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.riskItemYellow {
  height: min-content;
  flex: 1;
  padding: 16px;
  border-radius: 8px;
  background-color: #fda6330f;
}
.frame4273194633 {
  width: min-content;
  height: min-content;
  align-self: flex-start;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.unnamed158 {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273194623 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 12px;
}
._20233263 {
  color: #fda633;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.Zhuk3 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.riskItemYellow2 {
  height: min-content;
  flex: 1;
  padding: 16px;
  border-radius: 8px;
  background-color: #fda6330f;
}
.frame4273194634 {
  width: min-content;
  height: min-content;
  align-self: flex-start;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.unnamed159 {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame4273194624 {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 12px;
}
._20233264 {
  color: #fda633;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.Zhuk4 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.importantCustomer {
  width: 1096px;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.title3 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: center;
}
.unnamed160 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.frame91116 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text32 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.content5 {
  position: relative;
  width: 1048px;
  height: 184px;
  align-items: flex-start;
}
.importantProject {
  width: 1096px;
  height: min-content;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  border-radius: 8px;
  background-color: #fff;
}
.titleBox2 {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: flex-start;
}
.title4 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.more {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 4px;
}
.text33 {
  color: #86909c;
  font-size: 14px;
  line-height: 20px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
.filterBox {
  height: min-content;
  align-self: stretch;
  place-content: space-between;
  align-items: flex-start;
}
.filters {
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 12px;
}
.list {
  height: min-content;
  align-self: stretch;
  flex-direction: column;
  gap: 16px;
}
.header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 72px;
  align-items: flex-start;
}
.headerFrame {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  backdrop-filter: blur(9px);
}
.title5 {
  color: #1d2129;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  position: absolute;
  left: 36px;
  top: 24px;
  width: min-content;
  height: min-content;
  white-space: nowrap;
  flex-direction: column;
}
.userInfo {
  position: absolute;
  right: 30px;
  top: 18px;
  width: min-content;
  height: min-content;
  align-items: flex-start;
  gap: 16px;
}
.unnamed161 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 12px;
  background-color: #fff;
}
.frame707 {
  width: min-content;
  height: min-content;
  align-items: center;
  gap: 8px;
}
.unnamed162 {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  width: min-content;
  height: min-content;
  text-align: end;
  align-items: end;
  white-space: nowrap;
  flex-direction: column;
}
.datetime {
  color: #86909c;
  font-size: 16px;
  line-height: 22px;
  font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    'Liberation Sans', sans-serif;
  position: absolute;
  left: 1239px;
  top: 25px;
  width: min-content;
  height: min-content;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  flex-direction: column;
}
