#dataInfo{
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    "微软雅黑", "Arial", "sans-serif", "Segoe UI Emoji", "Noto Color Emoji", "Apple Color Emoji",
    sans-serif !important;
    container-type: inline-size; /* 启用基于宽度的容器查询 */
    container-name: card; /* 可选：命名容器 */
    width: 100%;
    letter-spacing: 0px;
}

/* 2. 媒体查询：当这个 card 容器小于 500px 宽度时 */
@container (max-width: 651px) {
  .incomeTable-item-content-item{
    min-width: 85px;
    text-align: center;
    line-height:20px;
    margin:5px 0px;
  }

  .incomeTable-title-item{
    font-size: 14px;
    color:var(--font4);
    min-width: 85px;
    text-align: center;
  }
}

/* 大于等于 500px 时 */
@container (min-width: 651px) {
  .incomeTable-item-content-item{
    min-width: 115px;
    text-align: center;
    line-height:20px;
    margin:5px 0px;
  }
  .incomeTable-title-item{
    font-size: 14px;
    color:var(--font4);
    min-width: 115px;
    text-align: center;
  }
}

#chartDom{
  height:220px;
}

.incomeTable-item-title {
  font-size: 14px;
  line-height: 25px;
  color:var(--font1-main);
  display: flex;
  align-items: center;
}

.incomeTable-item-content {
  display: flex;
  justify-content: flex-start;
  font-size: 12px;
  line-height: 25px;
}

.incomeTable-item-title.isFirstCol{
  padding: 0px 20px;
}

.incomeTable-item-title .incomeTable-item-selectd{
  width:2px;
  background-color:#007aff;
  margin:0px 10px 0px 0px;
  height:16px;
}



.incomeTable-item-content-item-last{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.incomeTable-item-content-item-last .icon{
  width:24px;
  height:24px;
}

.incomeTable-content-number{
  font-size: 17px;
  color:var(--font1-main);
}

.incomeTable-content-unit{
  font-size: 13px;
  color:var(--font1-main);
}

.incomeTable-upDown-item{
  font-size: 15px;
  color:var(--data-up1)
}

.incomeTable-title{
  font-size: 14px;
  color:var(--font4);
}

.incomeTable-title-item-box{
  display: flex;
  justify-content: flex-start;
  line-height: 25px;
}

.incomeTable-legend-item-box{
  display: flex;
  align-items: center;
  justify-content: center;
  margin:0px 0px 36px 0px;
}

.incomeTable-legend-item{
  display: flex;
  align-items: center;
}

.incomeTable-tabs-item-box{
  width:fit-content;
  margin:10px 0px 0px 0px;
  color:var(--font1-main);
  display: flex;
  background-color: rgba(var(--remark-btn-rgb),0.1);
  justify-content: space-around;
  padding:4px;
  border-radius: 50px;
}
.incomeTable-tabs-item{
  padding:4px 12px;
  text-align: center;
}

.incomeTable-tabs-actived{
  background-color: var(--po-float);
  color:var(--font-hl);
  border-radius: 50px;
}
.incomeTable-tabs2-item-box{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin:0px 0px 20px 0px;
}


.incomeTable-tabs2-item{
  background-color: rgba(var(--remark-btn-rgb),0.1);
  color: var(--remark-btn);
  padding: 4px 12px;
  border-radius: 50px;
  margin:0px 10px 0px 0px;
}

.incomeTable-tabs2-actived{
  border:1px solid var(--font-hl);
  color: var(--font-hl);
  background: var(--po-float);
}

#income-detail-container {
  width: 100%;
  padding:10px;
  display: inline;
}

.income-detail-row {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 8px 0;
}

.income-detail-header > .income-detail-col{
  color: var(--font4);
  font-size: 14px !important;
}
.incomeTable-sub-title{
  color: var(--font4);
  font-size: 14px !important;
  padding: 0px 10px;
}

.income-detail-col {
  flex: 1;
  text-align: right;
  padding:0px 10px;
  font-size: 17px;
  color:var(--font1-main)
}

.income-detail-col:first-child{
  text-align: left;
}

.green {
  color: var(--data-down1);
}

.red {
  color: var(--data-up1);
}

.statistics_content_box {
  padding: 16px 6px;
  border-radius: 12px;
  background: var(--bg-3a);
}

.statistics_content_box .ht_box .changeTime {
  display: flex;
  overflow: hidden;
  gap: 0;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  padding: 4px;
  border-radius: 19px;
  background: rgba(var(--remark-btn-rgb), 0.1);
  line-height: 29px;
  font-size: 15px;
}

.statistics_content_box .ht_box .changeTime .ct_cell {
  padding: 0 12px;
  border-radius: 15px;
  cursor: pointer;
}

.statistics_content_box .ht_box .changeTime .ct_cell.is_active {
  background: var(--po-float);
  color: var(--font-hl);
}

.statistics_content_box .ratio_boxs {
  display: flex;
  /* overflow: hidden; */ 
  gap: 28px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.statistics_content_box .ratio_boxs .ratio_box {
  width: 100%;
}

.statistics_content_box .ratio_boxs .rate_title {
  padding: 8px 0;
  color: var(--font4);
  font-size: 14px;
}

.statistics_content_box .ratio_boxs .ratio_cells {
  display: flex;
  overflow: hidden;
  gap: 2px;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  line-height: 20px;
  padding: 8px 0;
  position: relative;
}

/* .statistics_content_box .ratio_boxs .ratio_cells::after {
  content: "";
  height: 1px;
  background: rgba(var(--remark-btn-rgb), 0.1);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
} */
.statistics_content_box .ratio_box .ratio_row{
  position: relative;
}
.statistics_content_box .ratio_box .ratio_row::after {
  content: "";
  height: 1px;
  background: rgba(var(--block-line-rgb), 0.2);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.statistics_content_box .ratio_box :last-child.ratio_row::after{
  background: transparent;
}
.statistics_content_box .ratio_box .ratio_row .statements-sub-detail{
  padding-left: 10px;
  padding-bottom: 15px;
}

.statistics_content_box .ratio_boxs .ratio_cells .rc_box {
  flex: 1;
  text-align: center;
  word-break: break-all;
  display: flex;
  overflow: hidden;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.statistics_content_box .ratio_boxs1 .ratio_box {
  position: relative;
}
.statistics_content_box .ratio_boxs1 .ratio_box::after {
  content: "";
  height: 1px;
  background: rgba(var(--block-line-rgb), 0.2);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.statistics_content_box .ratio_boxs .ratio_cells .rc_box span {
  font-size: 13px;
  color: var(--font1-main);
}

.statistics_content_box .ratio_boxs .ratio_cells .icon_box {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.statistics_content_box .ratio_boxs .ratio_cells .icon_box .svg_Icon {
  cursor: pointer;
}

.statistics_content_box .ratio_boxs .ratio_cells.rate_Sy {
  font-size: 14px;
  line-height: 17px;
}

.statistics_content_box .ratio_boxs .ratio_cells.rate_Sy * {
  color: var(--font4);
}

.statistics_content_box .ratio_boxs .ratio_title1 {
  font-weight: bold;
  font-size: 14px;
  padding: 8px;
  line-height: 17px;
}

.statistics_content_box .ratio_boxs .ratio_rows .ratio_row:last-child .ratio_cells::after {
  display: none;
}

.statistics_content_box .ratio_boxs .ratio_title2 {
  display: flex;
  overflow: hidden;
  gap: 4px;
  align-items: center;
  font-size: 14px;
  line-height: 17px;
  padding: 8px;
  position: relative;
  cursor: pointer;
}

.statistics_content_box .ratio_boxs .ratio_title2 .b_box {
  position: absolute;
  width: 2px;
  height: 17px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.statistics_content_box.zoomStyle .ht_box .changeTime {
  border-radius: 20px;
  line-height: 32px;
  font-size: 17px;
}

.statistics_content_box.zoomStyle .ratio_boxs .rate_title {
  padding: 10px 0;
  font-size: 17px;
}

.statistics_content_box.zoomStyle .ratio_boxs .ratio_cells {
  font-size: 20px;
  line-height: 24px;
  padding: 10px 0;
}

.statistics_content_box.zoomStyle .ratio_boxs .ratio_cells .rc_box span {
  font-size: 16px;
}

.statistics_content_box.zoomStyle .ratio_boxs .ratio_cells.rate_Sy {
  font-size: 17px;
  line-height: 20px;
}

.statistics_content_box.zoomStyle .ratio_boxs .ratio_title1 {
  font-size: 17px;
  line-height: 21px;
}

.statistics_content_box.zoomStyle .ratio_boxs .ratio_title2 {
  font-size: 17px;
  line-height: 20px;
  padding: 10px 8px;
}

.statistics_content_box.zoomStyle .ratio_boxs .ratio_title2 .b_box {
  height: 20px;
}

.statistics_content_box.ps_320 {
  padding: 8px;
}

.canversBox {
  position: relative;
  padding-bottom: 36px;
}

.canversBox .series_box {
  display: flex;
  overflow: hidden;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 16px;
  row-gap: 10px;
}

.canversBox .series_box .series_cell {
  font-size: 14px;
  line-height: 17px;
  display: flex;
  overflow: hidden;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.canversBox .series_box .series_cell .color_box {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
}

.canversBox .tooltip_rows {
  display: flex;
  overflow: hidden;
  gap: 4px;
  flex-wrap: wrap;
  flex-direction: column;
  font-size: 14px;
  line-height: 17px;
}

.canversBox .tooltip_rows .tooltip_row {
  display: flex;
  overflow: hidden;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

.canversBox .tooltip_rows .tooltip_row .tr_cell1 {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.canversBox .tooltip_rows .tooltip_row .tr_cell2 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--font4);
}

.canversBox .tooltip_rows .tooltip_row .tr_cell3 {
  white-space: nowrap;
}

.canversBox.zoomStyle {
  padding-bottom: 38px;
}

.canversBox.zoomStyle .tooltip_rows {
  gap: 6px;
  font-size: 17px;
  line-height: 20px;
}

.canversBox.zoomStyle .tooltip_rows .tooltip_row .tr_cell1 {
  width: 12px;
  height: 12px;
}

.canversBox.zoomStyle .series_box {
  padding-top: 18px;
}

.canversBox.zoomStyle .series_box .series_cell {
  font-size: 17px;
  line-height: 20px;
}

.canversBox.zoomStyle .series_box .series_cell .color_box {
  width: 12px;
  height: 12px;
}


.tooltip_box {
  max-width: 300px;
  overflow: hidden;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
  position: absolute;
  background: rgba(var(--po-float-rgb), 0.9);
  top: 0;
  left: 0;
  transition: opacity var(--el-transition-duration);
  pointer-events: none;
  opacity: 0;
  z-index: 1;
}

.tooltip_box.opacitySY {
  opacity: 1;
  transition: var(--el-transition-duration);
}

.tooltip_box.zoomStyle {
  padding: 18px 16px;
}

.statements-sub-item-last{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
  color: rgba(var(--remark-btn-rgb), 0.6);
  font-weight: bold;
  /* flex: 1; */
}
.statements-sub-icon {
  transition: transform 0.5s ease;
  margin: 0px 5px 0px 0px;
}

.statements-sub-icon.r180 {
  transform: rotate(180deg);
}

.statements-sub-icon.r0 {
  transform: rotate(0deg);
}


.statistics_details_content_Box {
  flex: 1;
  position: relative;
}

.statistics_details_content_Box .cells {
  padding: 8px 16px 0px;
  display: flex;
  overflow: hidden;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.statistics_details_content_Box .cells .quote_Box {
  background: var(--bg-3a);
  padding: 0 14px 0px;
  border-radius: 12px;
  width: 100%;
}

.statistics_details_content_Box .cells .quote_Box .quote_title1 {
  padding: 16px 0;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
}

.statistics_details_content_Box .cells .quote_Box .quote_title2 {
  margin-top: 36px;
  line-height: 17px;
  padding: 8px 0;
  color: var(--font4);
  font-size: 14px;
}

.statistics_details_content_Box .cells .quote_Box .rows_box .row_box {
  display: flex;
  overflow: hidden;
  gap: 4px;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(var(--block-line-rgb), 0.2);
  padding: 12px 0;
  font-size: 17px;
  line-height: 20px;
}

.statistics_details_content_Box .cells .quote_Box .rows_box .row_box:last-child {
  border: none;
  padding-bottom: 0;
}

.statistics_details_content_Box .cells .quote_Box .rows_box .row_box .cell_box {
  flex: 1;
  text-align: right;
  word-break: break-all;
}

.statistics_details_content_Box .cells .quote_Box .rows_box .row_box .cell_box:first-child {
  text-align: left;
  max-width: 56px;
}

.statistics_details_content_Box .cells .quote_Box .rows_box .row_box .cell_box.upSY {
  color: var(--data-up1);
}

.statistics_details_content_Box .cells .quote_Box .rows_box .row_box .cell_box.downSY {
  color: var(--data-down1);
}

.statistics_details_content_Box .cells .quote_Box .rows_box .row_box.header_box {
  padding: 8px 0;
  font-size: 14px;
  line-height: 17px;
}

.statistics_details_content_Box .cells .quote_Box .rows_box .row_box.header_box .cell_box {
  color: var(--font4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.statistics_details_tooltip_box {
  display: flex;
  overflow: hidden;
  gap: 4px;
  flex-direction: column;
  font-size: 14px;
  line-height: 17px;
}

.statistics_details_tooltip_box .tooltip_row {
  display: flex;
  overflow: hidden;
  gap: 8px;
  align-items: end;
}

.statistics_details_tooltip_box .tooltip_row .tr_cell1 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--font4);
}

.statistics_details_tooltip_box .tooltip_row .tr_cell2 {
  white-space: nowrap;
}

.noRelated_information{
  font-size: 15px;
  color: black;
  text-align: center;
}