@import '~antd/es/style/themes/default.less';

.main {
  flex-direction: column;
  width: 1920px;
  height: 940px;
}

.title {
  display: flex;
  flex-direction: row;
  width: 1920px;
  height: 120px;
  padding: 40px 50px 0 50px;
}

.title_work_site {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: flex-start;
  width: 300px;
}

.title_work_site_legend {
  display: flex;
  width: 10px;
  height: 60px;
  background-color: #0ff;
}

.title_work_site_legend_hidden {
  display: flex;
  width: 10px;
  height: 60px;
}

.title_work_site_text {
  display: flex;
  margin: 0 0 0 10px;
  font-size: 60px;
}

.title_machine_time_rage {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1220px;
  font-size: 30px;
}

.title_machine_count {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: right;
  width: 250px;
  font-size: 30px;
}

.title_excel {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: right;
  width: 50px;
  font-size: 30px;
  cursor: pointer;
}

.content {
  display: flex;
  flex-direction: row;
  width: 1920px;
  height: 820px;
  padding: 0 40px 20px 40px;
}

.crust1 {
  width: 100%;
  height: 100%;
  background-color: #001026;
}

.crust1_content {
  width: 100%;
  height: 100%;
}

.content_col1 {
  width: 5940px;
  height: 800px;
  padding: 0 10px 0 0;
}

.content_col2 {
  display: flex;
  flex-direction: column;
  width: 1250px;
  height: 800px;
  padding: 0 0 0 10px;
}

.content_col2_row1 {
  display: flex;
  flex-direction: row;
  width: 1240px;
  height: 300px;
}

.content_col2_row1_col1 {
  width: 300px;
  height: 300px;
}
.content_col2_row1_col2 {
  width: 300px;
  height: 300px;
  margin: 0 0 0 20px;
}
.content_col2_row1_col3 {
  width: 600px;
  height: 300px;
  margin: 0 0 0 20px;
}

.content_col2_row1_col3_content {
  display: flex;
  flex-direction: row;
}

.content_col2_row1_col3_col1 {
  width: 280px;
  height: 280px;
}

.content_col2_row1_col3_col2 {
  width: 5px;
  height: 280px;
  background-color: #00204c;
}

.content_col2_row1_col3_col3 {
  width: 280px;
  height: 280px;
}

.content_col2_row2 {
  width: 1240px;
  height: 500px;
  padding: 20px 0 0 0;
}
