.home-columns007 {
  margin-top: 0.8rem; }
  .home-columns007 .layout ul {
    display: flex;
    justify-content: space-between;
    gap: 0.2rem; }
    .home-columns007 .layout ul li {
      flex: 1;
      transition: all 0.3s; }
      .home-columns007 .layout ul li:has(a:hover) {
        transform: translateY(-10px); }
      .home-columns007 .layout ul li:nth-child(2) a {
        margin-top: 0.4rem; }
      .home-columns007 .layout ul li:nth-child(4) a {
        margin-top: 0.4rem; }
      .home-columns007 .layout ul li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: var(--ruifox-color-primary-1);
        width: 100%;
        height: 2.8rem;
        position: relative;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
        .home-columns007 .layout ul li a > img {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          bottom: 0;
          opacity: 0.1; }
        .home-columns007 .layout ul li a .svg {
          width: 0.8rem;
          height: 0.8rem;
          position: relative;
          z-index: 1;
          background-color: transparent !important; }
          .home-columns007 .layout ul li a .svg svg {
            width: 100%;
            height: 100%; }
          .home-columns007 .layout ul li a .svg .after {
            position: absolute;
            width: 0.6rem;
            height: 0.6rem;
            background-color: #fff;
            border-radius: 50%;
            top: 0.2rem;
            left: 0.2rem;
            z-index: -1; }
        .home-columns007 .layout ul li a p {
          font-size: 0.24rem;
          margin-top: 0.2rem;
          color: #fff; }
  @media (max-width: 960px) {
    .home-columns007 .layout ul {
      flex-wrap: wrap;
      gap: 2%; }
      .home-columns007 .layout ul li {
        flex: unset;
        width: 49% !important;
        margin-bottom: 10px; }
        /* .home-columns007 .layout ul li:last-child {
          width: 100% !important; } */
        .home-columns007 .layout ul li a {
          margin-top: 0 !important;
          height: 150px !important; }
          .home-columns007 .layout ul li a p {
            font-size: 20px !important; } }

/*# sourceMappingURL=home-columns007.css.map */