.newsHot .carousel {
  display: flex;
}
.newsHot .carousel .carousel-indicators {
  position: relative;
  display: block;
  margin: 0px;
}
.newsHot .carousel .carousel-indicators button {
  width: auto;
  height: auto;
  margin: 0px;
  opacity: 1;
  background: unset;
  text-indent: unset;
  display: block;
}
.newsHot .carousel .carousel-indicators .active {
  color: var(--main-1, #3DBDFF);
  display: block;
}
.newsHot .carousel .leftNews {
  width: calc(100% - 52rem);
  padding-left: 2rem;
}
.newsHot .carousel .leftNews h2 {
  color: var(--black-1, #061020);
  font-family: "Semi";
  font-size: 1.5rem;
  font-style: normal;
  line-height: 130%;
  border-bottom: 1px solid var(--white-3, #ECF2F7);
  padding-bottom: 0.5rem;
}
.newsHot .carousel .leftNews .carousel-indicators button {
  padding: 0.625rem 0rem;
  border-bottom: 1px dotted var(--black-4, #BABABA);
  color: var(--black-1, #061020);
  text-overflow: ellipsis;
  font-family: "Medium";
  font-size: 1rem;
  font-style: normal;
  line-height: 130%;
  letter-spacing: -0.00188rem;
  width: 100%;
  text-align: left;
  position: relative;
}
.newsHot .carousel .leftNews .carousel-indicators button span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 22px;
}
.newsHot .carousel .leftNews .carousel-indicators button svg {
  position: absolute;
  top: 12px;
  left: -20px;
  display: none;
}
.newsHot .carousel .leftNews .carousel-indicators .active {
  color: var(--main-1);
}
.newsHot .carousel .leftNews .carousel-indicators .active span {
  color: var(--main-1);
}
.newsHot .carousel .leftNews .carousel-indicators .active svg {
  display: block;
}
.newsHot .carousel .rightNews {
  width: 52rem;
  position: relative;
}
.newsHot .carousel .rightNews .carousel-inner .carousel-item {
  position: relative;
}
.newsHot .carousel .rightNews .carousel-inner .carousel-item .imageNewHot {
  display: block;
  height: 26rem !important;
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
}
.newsHot .carousel .rightNews .carousel-inner .carousel-item .imageNewHot img {
  max-width: 100%;
  width: 100% !important;
  margin: auto;
  border-radius: 0.75rem;
}
.newsHot .carousel .rightNews .carousel-inner .carousel-item .titleNewHot {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 2;
  background: rgba(41, 58, 142, 0.8);
  padding: 0.75rem 1.625rem;
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.newsHot .carousel .rightNews .carousel-inner .carousel-item .titleNewHot span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 41px;
  color: var(--white-1, #FFF);
  font-family: "Semi";
  font-size: 2rem;
  font-style: normal;
  line-height: 130%;
}
.newsHot .carousel .rightNews .carousel-control-prev {
  width: 3.4rem;
  height: 3.4rem;
  opacity: 1;
  background: unset;
  z-index: 1;
  top: 40%;
  left: 1.25rem;
}
.newsHot .carousel .rightNews .carousel-control-prev span {
  width: 100%;
  height: 100%;
  display: block;
  background: url("../../image/prev.svg") no-repeat top -7px left -5px;
  line-height: 0px;
}
.newsHot .carousel .rightNews .carousel-control-next {
  width: 3.4rem;
  height: 3.4rem;
  opacity: 1;
  background: unset;
  z-index: 1;
  top: 40%;
  right: 1.25rem;
}
.newsHot .carousel .rightNews .carousel-control-next span {
  width: 100%;
  height: 100%;
  display: block;
  background: url("../../image/next.svg") no-repeat top -7px left -5px;
  line-height: 0px;
}

@media screen and (max-width: 1024px) {
  .newsHot .carousel .leftNews h2 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1000px) {
  .newsHot .carousel .leftNews {
    display: none;
  }
  .newsHot .carousel .rightNews {
    width: 100%;
  }
  .newsHot .carousel .rightNews .carousel-inner .carousel-item .imageNewHot {
    height: auto !important;
  }
}
@media screen and (max-width: 768px) {
  .newsHot .carousel .rightNews .carousel-inner .carousel-item .titleNewHot {
    padding: 0.25rem 1rem 0.375rem 1rem;
  }
  .newsHot .carousel .rightNews .carousel-inner .carousel-item .titleNewHot span {
    font-size: 1rem;
    font-style: normal;
    line-height: 130%;
    height: 20px;
  }
  .newsHot .carousel .rightNews .carousel-control-prev {
    width: 2.5rem;
    height: 2.5rem;
  }
  .newsHot .carousel .rightNews .carousel-control-prev span {
    background: url("../../image/prev.svg") no-repeat top -5px left -5px;
    background-size: contain;
  }
  .newsHot .carousel .rightNews .carousel-control-next {
    width: 2.5rem;
    height: 2.5rem;
  }
  .newsHot .carousel .rightNews .carousel-control-next span {
    background: url("../../image/next.svg") no-repeat top -5px left -5px;
    background-size: contain;
  }
}

/*# sourceMappingURL=post_hot.css.map */