.ColorAni {
  background-color: #ff6900cf!important;
  /* animation: ColorAniman 5s infinite linear; */
}
@keyframes shimmer {
  100% {
      transform: translateX(100%);
  }
}
@keyframes ColorAniman {
  0%{filter: hue-rotate(0deg);}
  50%{filter: hue-rotate(180deg);}
  100%{filter: hue-rotate(360deg);}
}
.skeleton-wave {
	position: relative;
	overflow: hidden;
	background-color: #E2E8F0;
  text-align: center;
  line-height: 256px;
  color: #b5cdeb;
}
.skeleton-wave::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: translateX(-100%);
	background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100% );
	animation: shimmer 2s infinite;
}
.zair img {
    filter: blur(50px);
    animation: unblur 1000ms 2s forwards;
  }
  
  @keyframes unblur {
    from { filter: blur(50px); }
    to { filter: blur(0px); }
  }
  .text-white {transform: all 300ms!important;}
  /* .text-white :hover { color: red;transform: all 300ms!important;} */
  .ew-b {
    display: flex;
  }
  .ew-b li {
    text-align: center;
    list-style: none;
    font-size: 14px;
    line-height: 40px;
    margin: 0px 20px 20px 0;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }
  .ew-b li img{width: 112px;height: auto;border-radius: 0.375rem;}
 
  @media (min-width: 1024px) {
    .fo-er {
      grid-template-columns: 2fr repeat(3, 1fr)!important; /* 第一列宽度是其他列的2倍 */
    }
  }
  .b-navbar-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 388px;
    background: url(../images/bg-img@2x.87c84f18.png);
    background-size: 535px auto;
    background-repeat: no-repeat;
    background-position: 72% 122%;
    animation: navbarAni-b4c7bda0 4s linear infinite;
    z-index: 0;
    /* opacity: 0.1; */
  }
  @keyframes navbarAni-b4c7bda0 {
    0% {
      opacity:.05
    }
    50% {
      opacity:.12
    }
    to {
      opacity:.05
    }
  }
  .jdfont{font-family: "UDC 1.04-Bold";font-weight: 700;}
  @font-face {
    font-family:"UDC 1.04-Bold";
    src:url(data:font/otf;base64,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);
    font-weight:700;
    font-style:normal
  }
  .footer-colors {
    width: 100%;
    height: 4px;
    background-color: #333;
    background-position: 0 0;
    background-repeat: repeat;
    background-image: -webkit-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
    background-image: -o-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
    background-image: -webkit-repeating-linear-gradient(left, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
    background-image: -moz- oldrepeating-linear-gradient(left, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
    background-image: -o-repeating-linear-gradient(left, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
    background-image: repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px);
    -webkit-animation: animate-colors 200s infinite linear;
    -moz-animation: animate-colors 200s infinite linear;
    -o-animation: animate-colors 200s infinite linear;
    animation: animate-colors 200s infinite linear;
    /* -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused; */
  }
  .colors-shadow::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(18,18,18,0.8)), to(#000));
    background: -webkit-linear-gradient(top, rgba(18,18,18,0.80), #000);
    background: -moz- oldlinear-gradient(top, rgba(18,18,18,0.8), #000);
    background: -o-linear-gradient(top, rgba(18,18,18,0.8), #000);
    background: linear-gradient(to bottom, rgba(18,18,18,0.8), #000);
  }
  .colors-shadow {
    position: absolute;
    left: 0;
    right: 0;
    top: 4px;
    height: 50px;
  }
  @-webkit-keyframes animate-colors {
    0% {
      background-position:0 0
    }
    100% {
      background-position:7000px 0
    }
  }
  @-moz-keyframes animate-colors {
    0% {
      background-position:0 0
    }
    100% {
      background-position:7000px 0
    }
  }
  @-o-keyframes animate-colors {
    0% {
      background-position:0 0
    }
    100% {
      background-position:7000px 0
    }
  }
  @keyframes animate-colors {
    0% {
      background-position:0 0
    }
    100% {
      background-position:7000px 0
    }
  }
  .footer-fav {
    width: 100%;
    height: 220px;
    margin: 0 auto;
  }
  .thumb {
    display:block;
    background-repeat:no-repeat;
    background-position:center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    width:100%;
    height:0;
    width: 192px;
  }
  .footer-fav .site-girl .girl-in .thumb {
    padding-top:111%;
    background-position:left bottom;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain
  }
  .footer-fav {
	width: 100%;
	height: 220px;
	margin: 0 auto;
}
.container {
	width: 1200px;
	height: inherit;
	margin: 0 auto;
  /* display: flex; */
}
.fl{float: left;}
.fr{float: right;}
.site-info h2{font-size: 24px;font-weight: 700;}
.container-rzdga0 .slogan-K8R0U2 {
	background: linear-gradient(270deg,#ff7669 0,hsla(5,79%,81%,.95) 5%,hsla(0,0%,100%,.95) 10%,hsla(0,0%,100%,.95) 90%,hsla(5,79%,81%,.95) 95%,#ff7669);
	background-clip: text;
	-webkit-background-clip: text;
	background-size: 200% 100%;
	font-size: 38px;
	font-style: normal;
	font-weight: 600;
	opacity: 0;
	-webkit-text-fill-color: transparent;
	animation: masked-animation-ajqYoo 5s linear infinite;
}

@keyframes masked-animation-ajqYoo {
  0% {
    background-position:0 0
  }
  to {
    background-position:-100% 0
  }
}
.site-boy {
  width: 500px;
  height: inherit;
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.site-girl a {
	width: 100%;
	height: inherit;
	display: block;
  transition: all 300ms;
}
.site-girl a:hover{
  transition: all 300ms;
  transform: translateX(10px);
}
.site-girl a:hover .girl-hi{
  transition: all 300ms;
  opacity: 1;
  transform: translateX(-20px);
}
.author {
	position: relative;
	padding-top: 80px;
	box-sizing: border-box;
	width: 1200px;
	height: 220px;
	transition: all 300ms;
}
.auBox {
	width: 2400px;
	height: inherit;
	margin: 0 auto;
	overflow: hidden;
	transition: all 300ms;
	display: flex;
  animation: outherLine 8000ms infinite ease-in-out;
}
@keyframes outherLine {
  0%{transform: translateX(0);}
  5%{transform: translateX(-1200px);}
  50%{transform: translateX(-1200px);}
  55%{transform: translateX(0);}
  100%{transform: translateX(0);}
}
.girl {
	width: 100%;
	height: inherit;
	margin: 0 auto;
}
.aub {
	width: 1200px;
	height: inherit;
	margin: 0 auto;
	overflow: hidden;
}
.girl-in{
  width: 100%;
	height: inherit;
	margin: 0 auto;
  align-items: flex-end;
  display: flex;
}
.girl-in img {
	width: 168px;
	height: auto;
	margin: 0 auto;
}
.girl-info {
	position: absolute;
	right: 70px;
	top: 80px;
	color: #0000006e;
}
.girl-hi {
  transition: all 300ms;
	position: absolute;
	top: 50px;
	left: 160px;
  opacity: 0;
}
.girl-hi img{width: 64px;}
#announcement-container {white-space: nowrap;}
.BotInfor p:nth-child(2){
  line-height: 36px;
  color: rgba(107, 114, 128, 0.45);
}
.BotInfor a {
  transition: all 300ms;
  cursor: pointer;
}
.BotInfor a:hover{
  transition: all 300ms;
  color: #ff6900;
}
@layer utilities {
  .content-auto {
      content-visibility: auto;
  }
  .backdrop-blur-sm {
      backdrop-filter: blur(4px);
  }
  .transition-all-300 {
      transition: all 0.3s ease;
  }
  .scale-up-center {
      animation: scale-up-center 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  }
  @keyframes scale-up-center {
      0% {
          transform: scale(0.8);
          opacity: 0;
      }
      100% {
          transform: scale(1);
          opacity: 1;
      }
  }
  .scale-down-center {
      animation: scale-down-center 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  }
  @keyframes scale-down-center {
      0% {
          transform: scale(1);
          opacity: 1;
      }
      100% {
          transform: scale(0.8);
          opacity: 0;
      }
  }
}
.btn {
	padding: 8px 12px;
	background: #ff6900;
	color: white;
	border-radius: 5px;
  border: 1px solid #ff6900;
  transition: all 300ms;
  cursor: pointer;
}
.btn:hover{
  transition: all 300ms;
  opacity: 0.8;
}
.btn-orange-little {
	border-radius: 5px 0px 0px 5px;
}
.btn-fav {
  transition: all 300ms;
  border-radius: 0px 5px 5px 0px;
}
.btn-fav:hover{
  transition: all 300ms;
  background: #ff6900;
	color: white;
}
.btn-orange{
  background-color: #ff6a001d;
  color: #ff6900;
  border: 1px solid #ff6900;
}
.tipw {
	width: 192px;
	height: 192px;
	margin: 145px auto 0;
}
.qidMenu{
  transition: all 300ms;
}
.qidMenu a{
  transition: all 300ms;
  cursor: pointer;
  position: relative;
}
.qidMenu a::after{
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  display: block;
  width: 0px;
  height: 4px;
  background: white;
  transition: all 300ms;
}
.qidMenu a:hover::after{
  transition: all 300ms;
  width: 35px;
  /* background: red; */
}
.qidMenu a:hover{
  transition: all 300ms;
  color: white;
  /* background: red; */
}
#brands-container .flex-shrink-0{transition: all 300ms;cursor: pointer;filter: grayscale(100%);-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */}
#brands-container .flex-shrink-0:hover{transition: all 300ms;transform: scale(1.5);filter: grayscale(0%);-webkit-filter: grayscale(0%);}
.projecTitle{padding: 30px; box-sizing: border-box;}
.projecTitle table tbody tr,.projecTitle table tbody tr td{transition: all 300ms;	font-size: 0.875rem;}
.projecTitle table tbody tr:hover{transition: all 300ms;background-color: #ff6a000f;}
.projecTitle table tbody tr:hover td{transition: all 300ms;color: #ff6900;}
.projecTitle + .text-gray-500{padding-bottom: 45px;}
.free-badge {
	padding: 2px 6px;
	background: #00c2501a;
	border-radius: 5px;
	color: #00c250;
	font-size: 0.875rem;
}
.free-badge-r {
	padding: 2px 6px;
	background: #F56C6C1a;
	border-radius: 5px;
	color: #F56C6C;
	font-size: 0.875rem;
}
.process{
  background: rgba(255, 255, 255, 0.5) url(https://www.qidicd.com/images/qidibg1.jpg) no-repeat;
  background-size: 80% auto;
  background-position: right bottom;
}
.animate-pulse-slow {
	animation: pulse2 10s infinite linear;
  border: 1.5px dashed #ff6900;
  background-color: white;
}
@keyframes pulse2 {
  0%{transform: rotate(0) scale(1.2)}
  100%{transform: rotate(360deg) scale(1.2)}
}
/* .process .relative .space-y-8 .items-start .flex-shrink-0 .bg-primary {	animation: bgplay 6s infinite linear;} */
.process .relative .space-y-8 .items-start:nth-child(1) .flex-shrink-0 .bg-primary { animation-delay: 0s;}
.process .relative .space-y-8 .items-start:nth-child(2) .flex-shrink-0 .bg-primary { animation-delay: 1s;}
.process .relative .space-y-8 .items-start:nth-child(3) .flex-shrink-0 .bg-primary { animation-delay: 2s;}
.process .relative .space-y-8 .items-start:nth-child(4) .flex-shrink-0 .bg-primary { animation-delay: 3s;}
.process .relative .space-y-8 .items-start:nth-child(5) .flex-shrink-0 .bg-primary { animation-delay: 4s;}
.process .relative .space-y-8 .items-start:nth-child(6) .flex-shrink-0 .bg-primary { animation-delay: 5s;}
@keyframes bgplay {
  0%{transform: scale(0.35);}
  10%{transform: scale(1);}
  100%{transform: scale(1);}
}
/* 通知容器样式 */
.notification-container {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

/* 通知样式 */
.notification {
  padding: 14px 26px 14px 13px;
  border-radius: 8px;
  box-sizing: border-box;
  color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  max-width: 300px;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: center;
}

/* 不同类型通知的背景色 */
.notification.success { background-color: #4CAF50; }
.notification.error { background-color: #f44336; }
.notification.warning { background-color: #FFC107; }
.notification.info { background-color: #0000008f; }

/* 图标样式 */
.notification .icon {
  font-size: 18px;
}

/* 显示通知的类 */
.notification.show {
  opacity: 1;
  transform: translateY(0);
}

/* 按钮样式 */
.demo-buttons {
  display: flex;
  gap: 10px;
  margin: 20px;
  justify-content: center;
}

button {
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  background-color: #4CAF50;
  color: white;
  cursor: pointer;
  transition: background-color 0.3s;
}

button:hover {
  background-color: #45a049;
}

/* 不同类型按钮的背景色 */
button.success { background-color: #4CAF50; }
button.error { background-color: #f44336; }
button.warning { background-color: #FFC107; }
button.info { background-color: #2196F3; }
.listHeight {position: relative;padding-left: 188px!important;box-sizing: border-box;}
.listHeight p{line-height: 28px;}
.listHeight img{position: absolute;left: 50px;width: 120px;height: auto;}
.qr-code-float {
  animation: qrFloat 8s ease-in-out infinite;
  transform-origin: center;
}

@keyframes qrFloat {
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-15px) rotate(5deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(15px) rotate(-5deg); }
  100% { transform: translateY(0) rotate(0deg); }
}

@layer utilities {
  .content-auto {
      content-visibility: auto;
  }
  .animate-fade-in {
      animation: fadeIn 0.5s ease-out forwards;
  }
  .animate-fade-out {
      animation: fadeOut 0.5s ease-in forwards;
  }
}

@keyframes fadeIn {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes fadeOut {
  0% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-10px); }
}
#announcement-bar{
  color: #ff6900;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  background-color: rgba(255, 105, 0,0.12);
  border: none;
}
.tongzhiIcon{width: 30px;height:30px;border: none; background: url(../images/tongzhi0.svg) no-repeat;background-size: 100% auto;background-position: center center;animation: tongzhiIconAnim 2s infinite linear;transform: translateY(3px);}
@keyframes tongzhiIconAnim {
  0%{background: url(../images/tongzhi0.svg) no-repeat;}
  10%{background: url(../images/tongzhi1.svg) no-repeat;}
  50%{background: url(../images/tongzhi1.svg) no-repeat;}
  60%{background: url(../images/tongzhi0.svg) no-repeat;}
  100%{background: url(../images/tongzhi0.svg) no-repeat;}
}

#customer-guide .grid p span{
  color: #ff6900;
  transform: all 300ms;
  cursor: pointer;
}
#customer-guide .grid p span:hover{
  transition: all 300ms;
  opacity: 0.9;
} 
#design .container .grid .group{
  transition: all 300ms;
  display: flex;
}
#design .container .grid .group .to-transparent{
  background: rgba(0, 0, 0,.5);
  border-radius: 0.75rem;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  transform: translateY(100%);
  /* transform: scale(0.01); */
  /* opacity: 0; */
  transition: all 300ms;
}
#design .container .grid .group:hover .to-transparent{
  transform: translateY(0);
  /* transform: scale(1); */
  /* opacity: 1; */
}
#design .container .grid .group .text-white{
  color: #ff6900;
}
.but-mume-li li{
  display: flex;
  align-items: center;
  gap: 5px; /* 元素间距 */
}