.hot-list-home {
  height: 495px;
  display: flex; }

.hot-parent {
  width: 50%;
  height: 100%;
  position: relative;
  background-color: #fff; }

.hot-parent a {
  text-decoration: none !important; }

.img-hot-news-parent {
  width: 100%;
  height: 90%;
  object-fit: cover; }

.bottom-left-parent {
  position: absolute;
  bottom: 55px;
  left: 40px; }

.tag-hot-parent {
  font-size: 15px;
  margin-top: 10px;
  font-weight: 500;
  color: #fff; }

.title-hot-parent {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  line-height: 2.2rem;
  margin-bottom: 15px;
  margin-top: 15px;
  font-family: roboto,sans-serif;
  text-decoration: none !important; }

.hot-created {
  color: #fff !important;
  font-size: 15px !important; }

.hot-list-child {
  width: 50%;
  height: 90%;
  display: flex;
  flex-wrap: wrap; }

.hot-child {
  width: 50%;
  height: 50%;
  border: 1px solid #fff;
  position: relative; }

.hot-child a {
  text-decoration: none !important; }

.img-hot-news-child {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.hot-bottom-left-child {
  bottom: 15px;
  left: 15px;
  position: absolute; }

.tag-hot-child {
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 500;
  color: #fff; }

.title-hot-child {
  font-size: 17px;
  color: #fff;
  font-weight: 500 !important;
  line-height: 1.2rem;
  font-family: roboto,sans-serif;
  text-decoration: none !important; }

@media only screen and (max-width: 63.9375em) {
  .hot-list-home {
    display: inline-flex; } }

@media only screen and (max-width: 46.1875em) {
  .hot-list-home {
    height: 850px;
    flex-direction: column; }
  .hot-parent {
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column; }
  .hot-parent a {
    width: 100%;
    height: 70%; }
  .bottom-left-parent {
    position: static;
    width: 100%;
    height: 30%;
    left: 0;
    bottom: 0; }
  .tag-hot-parent {
    color: #111;
    margin-top: -10px; }
  .title-hot-parent {
    color: #111;
    font-size: 22px;
    line-height: 23px;
    font-weight: 400 !important;
    margin-top: 5px;
    margin-bottom: 0px; }
  .hot-created {
    color: #111 !important;
    margin-top: 5px !important; }
  .hot-list-child {
    width: 100%;
    height: 50%;
    flex-direction: column;
    flex-wrap: nowrap; }
  .hot-child a {
    width: 30%;
    height: 85%; }
  .hot-child {
    display: flex;
    position: Static;
    width: 100%;
    height: 25%; }
  .hot-bottom-left-child {
    position: relative;
    width: 65%;
    height: 100%;
    bottom: 0; }
  .tag-hot-child {
    color: #111;
    margin-top: 0px;
    margin-bottom: 0px; }
  .title-hot-child {
    color: #111; } }

@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
  .hot-list-home {
    height: 1100px;
    flex-direction: column; }
  .hot-parent {
    width: 100%;
    height: 55%; }
  .img-hot-news-parent {
    height: 70%; }
  .bottom-left-parent {
    height: 30%;
    position: static;
    width: 100%;
    left: 0;
    bottom: 0;
    margin-top: 20px; }
  .tag-hot-parent {
    color: #111;
    margin-top: -10px; }
  .title-hot-parent {
    color: #111;
    font-size: 22px;
    line-height: 23px;
    font-weight: 400 !important;
    margin-top: 5px;
    margin-bottom: 0px; }
  .hot-created {
    color: #111 !important;
    margin-top: 5px !important; }
  .hot-list-child {
    width: 100%;
    height: 55%;
    flex-direction: column;
    flex-wrap: nowrap; }
  .hot-child a {
    width: 30%;
    height: 85%; }
  .hot-child {
    display: flex;
    position: Static;
    width: 100%;
    height: 25%; }
  .hot-bottom-left-child {
    position: relative;
    width: 65%;
    height: 100%; }
  .tag-hot-child {
    color: #111;
    margin-top: 15px; }
  .title-hot-child {
    color: #111; } }