#cost{
  width: 100%;
  flex-direction: column;
}
.cost_select_data{
  display: flex;
  position: absolute;
  right: 0.08vw;
  top: 5vh;
  color: #22d5d8;
  font-size: 14px;
}

.cost_select_data>div{
  margin-top: 4px;
}
.cost_select_data select{
  width: 100px;
  background-color: aqua;
 }
/* 表格容器 */
.cost_body_data{
    width:100%;
    color:#22d5d8;
    display: flex;
    justify-content: center;
    font-size: 12px;
}
.cost-row{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cost-col{
  display:flex;
}
/* 左上角标题 */
.cost-l-title{
  width: 7vw;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px ridge  rgb(219, 252, 252,0.1);
}
/* 左半边，顶部标题 */
.cost-lt-title{
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px ridge  rgb(219, 252, 252,0.1);
}
.cost-lt-title-cell{
  width: 4vw;
  height: 30px;
  border: 1px ridge  rgb(219, 252, 252,0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 日比率 */
.cost-ld-title{
  width: 4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px ridge  rgb(219, 252, 252,0.1);
}
/* 左侧，垂直项目标题 */
.cost-item-cell{
  width: 7vw;
  border: 1px ridge  rgb(219, 252, 252,0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 数据单元格 */
.cost-data-cell{
  width: 4vw;
  height: 4.5vh;
  border: 1px ridge  rgb(219, 252, 252,0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}




/* 中部成本项目 */
.cost-mtl-title{
  height: 60px;
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px ridge  rgb(219, 252, 252,0.1);
}
/* 中部数据标题 */
.cost-data-title{
  width: 4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px ridge  rgb(219, 252, 252,0.1);

}
/* 厂部标题 */
.cost-fac-title{
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px ridge  rgb(219, 252, 252,0.1);
}
/* 厂名标题 */
.cost-fac-title-row{
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px ridge  rgb(219, 252, 252,0.1);
  writing-mode: vertical-lr;
}
/* 标题单元 */
.cost-m-title-cell{
  width: 50px;
  height: 4.5vh;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px ridge  rgb(219, 252, 252,0.1);
}
.cost-m-title-cell-l{
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px ridge  rgb(219, 252, 252,0.1);
  writing-mode: vertical-lr;
}
.cost-rl-title{
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px ridge  rgb(219, 252, 252,0.1);
  writing-mode: vertical-lr;
}