@media screen and (max-width: 600px) {
  .hcate-row .col {
    order: 2;
  }
  .hcate-row .col:nth-child(3) {
    order: 1;
  }
}
.hcate-image {
  opacity: 1;
}
@media (hover: hover) {
  .hcate-py:hover {
    box-shadow: rgba(17, 12, 46, 0.15) 0px 4.8rem 10rem 0px;
  }
}
.hcate-py {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.hcate-row .col:nth-child(2) .hcate-item .hcate-py .hcate-box .t-des {
  color: #fff;
}
.hcate-row .col:nth-child(2) .hcate-item .hcate-py .hcate-box .t-link {
  color: #fff;
}
.hcate-row .col .hcate-item .hcate-py .hcate-btn {
  display: none;
}