<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.blogPageList{
}
.blogPageList .blogItem {
  position: relative;
  display: flex;
  margin-bottom: 24px;
}
.blogItem .blogImg {
  width: 340px;
  height: 228px;
  margin-right: 20px;
}
.blogItem .blogContect {
  flex: 1;
}
.blogItem .blogImg img{
  width: 340px;
  height: 228px;
  object-fit: cover;
}
.blogItem .blogContect .blogTitle{
  line-height: 24px;
  font-size: 18px;
  color: var(--balckColor);
  margin-bottom: 20px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.blogItem .blogContect .blogTitle a{
  color: var(--balckColor);
}
.blogItem .blogContect .blogTitle a:hover{
  color: var(--button);
}
.blogItem .blogContect .blogTime{
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
  margin-bottom: 3px;
  margin-top: 15px;
}
.blogItem .blogContect .blogDesc{
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 21px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin-bottom: 30px;
}
.blogPagination {
  margin-bottom: 50px;
}
@media (min-width: 1200px) and (max-width: 1439px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
  .shop-area{
    padding: 20px 0!important;
  }
  .blogPageList .blogItem {
    display: block;
  }
  .blogItem .blogContect .blogTime{
    margin-bottom: 6px;
  }
  .blogItem .blogImg img{
    width: calc(100vw - 30px);
    height: calc(63.93vw - 19.18px);
  }
  .blogItem .blogContect .blogDesc{
    margin-bottom: 20px;
  }
}</pre></body></html>