
        .ewm {
            position: fixed;
            bottom: -20px;
            right: 6%;
            display: flex;
            gap: 15px; /* 图片之间的间距 */
        }

        .ewm img {
            width: 100px;
            height: 100px;
        }

        .ewmbk {
          position: relative;
          &:hover {
              filter: contrast(1.1);
          }
          &:active {
              filter: contrast(0.9);
          }
          &::before,
          &::after{
              content: "";
              border: 2px solid;
              border-image: linear-gradient(45deg, gold, deeppink) 1;
              position: absolute;
              top: -5px;
              left: -5px;
              right: -5px;
              bottom: 45px;
              animation: clippath 3s infinite ;
          }
          &::before{
              animation: clippath 3s infinite -1.5s linear;
          }
        }
        @keyframes clippath {
          0%,
          100% {
              clip-path: inset(0 0 96% 0);
              filter: hue-rotate(0deg);
          }
          25% {
              clip-path: inset(0 96% 0 0);
          }
          50% {
              clip-path: inset(96% 0 0 0);
              filter: hue-rotate(360deg);
          }
          75% {
              clip-path: inset(0 0 0 96%);
          }
        }

        .caption { /* 添加样式来控制文字 */
            position: relative; /* 确保文字位置正确 */
            bottom: 15px; /* 根据需要调整距离 */
            text-align: center;
            width: 100px; /* 和图片宽度一致 */
            white-space: nowrap; /* 防止文字换行 */
        }

        @media (max-width: 768px) {
          .ewm {
              display: none;
          }
        }
