.class_a {
  display: flex;
  justify-content: flex-start;
}
.class_b {
  display: flex;
  justify-content: flex-start;
}
.class_c {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.left {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
img {
  width: 100%;
}
.right {
  width: 60%;
  padding: 0 0.05rem;
}
.class_b .right {
  text-align: right;
}
.block_4_bottom {
}
.averageof_3 {
  width: 33.33%;
  padding: 0 5px;
}
.averageof_4 {
  width: 25%;
  padding: 0 5px;
}
.averageof_5 {
  width: 50%;
  padding: 0 5px;
}
.parent_relative {
  position: relative;
}
.son_abs {
  position: absolute;
  right: 15%;
  top: 50%;
  transform: translateY(-50%);
  width: 25%;
  word-wrap: break-word;
}
.son_abs_id9 {
  padding: 20px 15px;
  background-color: #fff;
  opacity: 0.8;
  color: #000;
}
.son_abs_id10 {
  padding: 20px 15px;
  background-color: #4b4b4b;
  opacity: 0.8;
  color: #fff;
}
.block_8_top {
  display: flex;
  justify-content: flex-start;
}
.block_img_8 {
  width: 30%;
  margin-right: 0.1rem;
}