stock_chart {
  background: #e6e7e8;
  padding: 50px 0;
}
.stock_chart .hh_w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.stock_chart .hh_left {
  background: #3f3d86;
  padding: 50px;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.stock_chart .hh_left li {
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
}
@media (max-width: 1680px) {
  .stock_chart .hh_left li {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .stock_chart .hh_left li {
    font-size: 12px;
  }
}
@media (max-width: 1280px) {
  .stock_chart .hh_left li {
    font-size: 10.66666667px;
  }
}
@media (max-width: 1024px) {
  .stock_chart .hh_left li {
    font-size: 8.53333333px;
  }
}
@media (max-width: 1680px) {
  .stock_chart .hh_left li {
    font-size: 14px;
  }
}
.stock_chart .hh_left li:nth-last-child(1) {
  margin-bottom: 0;
}
.stock_chart .hh_right {
  width: 50%;
  background: #fff;
  padding: 34px 50px;
}
.stock_chart .hh_right .hh_ul1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.stock_chart .hh_right .hh_ul1 li {
  background: #f7f7f7;
  padding: 15px 28px;
  margin-right: 5px;
  color: #3f3d86;
  cursor: pointer;
  position: relative;
  font-size: 16px;
}
@media (max-width: 1680px) {
  .stock_chart .hh_right .hh_ul1 li {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .stock_chart .hh_right .hh_ul1 li {
    font-size: 12px;
  }
}
@media (max-width: 1280px) {
  .stock_chart .hh_right .hh_ul1 li {
    font-size: 10.66666667px;
  }
}
@media (max-width: 1024px) {
  .stock_chart .hh_right .hh_ul1 li {
    font-size: 8.53333333px;
  }
}
@media (max-width: 1680px) {
  .stock_chart .hh_right .hh_ul1 li {
    font-size: 14px;
  }
}
.stock_chart .hh_right .hh_ul1 li::before {
  content: '';
  position: absolute;
  height: 2px;
  width: 0;
  background: #3f3d86;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}
.stock_chart .hh_right .hh_ul1 li.on::before,
.stock_chart .hh_right .hh_ul1 li:hover::before {
  width: 100%;
}
.stock_chart .hh_right .hh_ul2 {
  margin-top: 25px;
}
.stock_chart .hh_right .hh_ul2 li {
  display: none;
}
.stock_chart .hh_right .hh_ul2 li:nth-of-type(1) {
  display: block;
}
<!--ºÄʱ1772399647.053Ãë-->