﻿.ai-quyandai_net-header-15-con {
  width: 100%;
  height: 85px;
  background: linear-gradient(226deg, rgba(17, 216, 222, 0.94) 0%, rgba(89, 77, 211, 0.94) 100%);
}
.ai-quyandai_net-header-15-con header {
  width: 1200px;
  margin: 0 auto;
  height: 85px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  perspective: 2000px;
}
@keyframes heartbeat {
  0% {
    transform: scale(1);
    /* 开始时原始大小 */
  }
  25% {
    transform: scale(1.2);
    /* 增加尺寸以模仿心跳 */
  }
  50% {
    transform: scale(1);
    /* 返回原始大小 */
  }
  75% {
    transform: scale(1.2);
    /* 再次增加尺寸 */
  }
  100% {
    transform: scale(1);
    /* 回到原始大小 */
  }
}
@keyframes rotate {
  from {
    transform: rotateX(0deg);
  }
  to {
    transform: rotateX(360deg);
  }
}
.ai-quyandai_net-header-15-con header .ai-quyandai_net-header-15-img {
  height: 50px;
  flex-grow: 0;
  flex-shrink: 0;
  transform-style: preserve-3d;
  animation: rotate 5s infinite linear;
  position: relative;
  transform-origin: center;
}
.ai-quyandai_net-header-15-con header .ai-quyandai_net-header-15-img .ai-quyandai_net-header-15-img-item {
  height: 50px;
  position: absolute;
  animation: heartbeat 1s infinite;
}
.ai-quyandai_net-header-15-con header .ai-quyandai_net-header-15-ul {
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.ai-quyandai_net-header-15-con header .ai-quyandai_net-header-15-ul .ai-quyandai_net-header-15-li {
  width: 100px;
  height: 85px;
  background-color: transparent;
  transition: all 0.5s;
  position: relative;
}
.ai-quyandai_net-header-15-con header .ai-quyandai_net-header-15-ul .ai-quyandai_net-header-15-li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 85px;
  font-size: 18px;
  color: #d8d8d8;
}
.ai-quyandai_net-header-15-con header .ai-quyandai_net-header-15-ul .ai-quyandai_net-header-15-li:hover {
  background: #87d7ff;
}
.ai-quyandai_net-header-15-con header .ai-quyandai_net-header-15-ul .ai-quyandai_net-header-15-li:hover a {
  color: #ffffff;
}
.ai-quyandai_net-header-15-con header .ai-quyandai_net-header-15-ul .ai-quyandai_net-header-15-li.ai-quyandai_net-header-15-nav-active {
  background: #87d7ff;
}
.ai-quyandai_net-header-15-con header .ai-quyandai_net-header-15-ul .ai-quyandai_net-header-15-li.ai-quyandai_net-header-15-nav-active a {
  color: #ffffff;
}
/*# sourceMappingURL=header_15.css.map */
