.page_banner p {
  max-width: 64.8rem;
}
.page_banner .head {
  padding-bottom: 3.1%;
}
.page_banner .img {
  width: 61.11111%;
  --h: 56.8181818%;
}
.vlog_popular {
  padding: 19.9rem 0 15.3rem;
}
.vlog_popular .vlog_popular_swiper {
  overflow: hidden;
  border-radius: 2rem 2rem 0 0;
}
.vlog_popular .vlog_popular_swiper .swiper-slide {
  max-width: 700px;
}

.vlog_popular .vlog_item .img {
  padding-bottom: 60.142857%;
}
.vlog_popular .vlog_item .btn_play {
  bottom: 4.038%;
  left: 2.2857%;
}
.vlog_popular .vlog_item .title {
  font-size: 2.4rem;
  max-width: unset;
  margin-top: 2.2rem;
  letter-spacing: 0.045rem;
}
.vlog_popular .swiper_btns {
  top: 44%;
}
.vlog_main {
  padding: 10.3rem 0 15.4rem;
}
.vlog_main.secn {
  padding-bottom: 35rem;
}
.vlog_main h2 {
  max-width: 66rem;
}
.vlog_main .list {
  margin-top: 6.1rem;
}
.vlog_main .list ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(40rem, 100%), 1fr));
  gap: 5.4rem 2.80432292%;
}
@media screen and (max-width: 768px) {
  .vlog_popular {
    padding: 50px 0;
    overflow: hidden;
  }
  .vlog_popular .vlog_popular_swiper {
    overflow: unset;
    margin-top: 30px;
  }
  .vlog_popular .vlog_popular_swiper .swiper-slide {
    max-width: 345px;
  }
  .vlog_popular .vlog_item .title {
    font-size: 16px;
    margin-top: 14px;
    letter-spacing: unset;
  }
  .vlog_main {
    padding: 50px 0;
  }
  .vlog_main.secn {
    padding: 50px 0;
  }
  .vlog_main .list {
    margin-top: 30px;
  }
  .vlog_main .list ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
    gap: 30px 16px;
  }
}