@charset "UTF-8";
.Hui-banners {
  background: url("../assets/img/new_Smell/wei4.svg") no-repeat center;
  background-size: cover;
  position: relative;
}
.Hui-banners .Hui-defaultWidth {
  position: relative;
  z-index: 2;
}
.Hui-banners .Hui-defaultWidth .Hui-banner-title p {
  text-align: left;
  color: #fff;
}
.Hui-banners .Hui-defaultWidth .Hui-banner-title .Hui-buttonArray {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.Hui-banners .Hui-defaultWidth .Hui-banner-title .Hui-buttonArray a {
  border: 0.1rem solid #1D4ED8;
}
.Hui-banners .Hui-defaultWidth .Hui-banner-title .Hui-buttonArray a:nth-of-type(2) {
  background: #fff;
  color: #1D4ED8;
}
.Hui-banners .Hui-defaultWidth .Hui-banner-title .Hui-buttonArray a:nth-of-type(2):hover {
  background: #1D4ED8;
  color: #fff;
}
.Hui-banners .Hui-defaultWidth .Hui-banner-title .Hui-buttonArray a:nth-of-type(3) {
  background: #fff;
  color: #1D4ED8;
}
.Hui-banners .Hui-defaultWidth .Hui-banner-title .Hui-buttonArray a:nth-of-type(3):hover {
  background: #1D4ED8;
  color: #fff;
}

.Hui-mainCategory {
  background: #F9FAFB;
}
.Hui-mainCategory .Hui-defaultWidth {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  /* 进场（enter）动画 */
  /* 出场（leave）动画 */
}
.Hui-mainCategory .Hui-defaultWidth .Hui-hostList {
  display: flex;
  justify-content: space-between;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-hostList .Hui-switchingClasses {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-hostList .Hui-switchingClasses .Hui-itemClass {
  padding: 0.5rem 1rem;
  border-radius: 1.25rem;
  cursor: pointer;
  border: 0.01rem solid #E5E7EB;
  opacity: 0;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-hostList .Hui-switchingClasses .Hui-itemClass:hover {
  border-color: #1677FF;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-hostList .Hui-search {
  position: relative;
  height: 2.3rem;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-hostList .Hui-search::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.7rem;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background: url("../assets/img/new_Smell/search.svg") no-repeat center;
  background-size: cover;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-hostList .Hui-search input {
  background: #FFFFFF;
  border: 0.01rem solid #E5E7EB;
  padding: 0.7rem 2rem 0.6rem 2rem;
  width: 16rem;
  border-radius: 0.25rem;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-hostList .Hui-search input:focus {
  border-color: #1677FF;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-hostList .Hui-search input::placeholder {
  color: #9CA3AF;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-tagList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-tagList .Hui-itemTag {
  padding: 0.5rem 1rem;
  border-radius: 1.25rem;
  cursor: pointer;
  border: 0.01rem solid #E5E7EB;
  opacity: 0;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-tagList .Hui-itemTag:hover {
  border-color: #1677FF;
}
@keyframes animate {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(0.91, 0.91) skew(0deg, 0deg);
    opacity: 1;
  }
  4% {
    transform: translate(0px, 0px) rotate(0deg) scale(0.91, 0.91);
  }
  8% {
    animation-timing-function: cubic-bezier(0.69, 0.6, 0.35, 0.27);
    transform: translate(0px, 0px) rotate(0deg) scale(0.91, 0.91);
  }
  14% {
    transform: translate(0px, 0px) rotate(0deg) scale(0.93, 0.93);
  }
  18% {
    transform: translate(0px, 0px) rotate(0deg) scale(0.94, 0.94);
  }
  22% {
    animation-timing-function: cubic-bezier(0.67, 0.66, 0.34, 0.33);
    transform: translate(0px, 0px) rotate(0deg) scale(0.96, 0.96);
  }
  26% {
    transform: translate(0px, 0px) rotate(0deg) scale(0.97, 0.97);
  }
  30% {
    transform: translate(0px, 0px) rotate(0deg) scale(0.99, 0.99);
  }
  34% {
    animation-timing-function: cubic-bezier(0.65, 0.71, 0.32, 0.38);
    transform: translate(0px, 0px) rotate(0deg) scale(1.01, 1.01);
  }
  40% {
    animation-timing-function: cubic-bezier(0.64, 0.74, 0.31, 0.41);
    transform: translate(0px, 0px) rotate(0deg) scale(1.02, 1.02);
  }
  46% {
    animation-timing-function: cubic-bezier(0.6, 0.91, 0.23, 0.63);
    transform: translate(0px, 0px) rotate(0deg) scale(1.03, 1.03);
  }
  50% {
    transform: translate(0px, 0px) rotate(0deg) scale(1.03, 1.03);
  }
  54% {
    transform: translate(0px, 0px) rotate(0deg) scale(1.03, 1.03);
  }
  58% {
    animation-timing-function: cubic-bezier(0.69, 0.6, 0.35, 0.27);
    transform: translate(0px, 0px) rotate(0deg) scale(1.03, 1.03);
  }
  64% {
    transform: translate(0px, 0px) rotate(0deg) scale(1.01, 1.01);
  }
  68% {
    transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
  }
  72% {
    animation-timing-function: cubic-bezier(0.67, 0.66, 0.34, 0.33);
    transform: translate(0px, 0px) rotate(0deg) scale(0.98, 0.98);
  }
  76% {
    animation-timing-function: cubic-bezier(0.66, 0.68, 0.33, 0.35);
    transform: translate(0px, 0px) rotate(0deg) scale(0.97, 0.97);
  }
  82% {
    animation-timing-function: cubic-bezier(0.65, 0.71, 0.32, 0.38);
    transform: translate(0px, 0px) rotate(0deg) scale(0.94, 0.94);
  }
  88% {
    animation-timing-function: cubic-bezier(0.65, 0.73, 0.31, 0.4);
    transform: translate(0px, 0px) rotate(0deg) scale(0.92, 0.92);
  }
  94% {
    animation-timing-function: cubic-bezier(0.63, 0.8, 0.28, 0.48);
    transform: translate(0px, 0px) rotate(0deg) scale(0.91, 0.91);
  }
  100% {
    animation-timing-function: cubic-bezier(0.63, 0.8, 0.28, 0.48);
    transform: translate(0px, 0px) rotate(0deg) scale(0.91, 0.91);
  }
}
.Hui-mainCategory .Hui-defaultWidth .dropdown-fade-enter-active {
  animation: opacity 0.4s ease;
  -webkit-animation: opacity 0.4s ease;
}
.Hui-mainCategory .Hui-defaultWidth .dropdown-fade-leave-active {
  animation: opacity 0.4s ease;
  -webkit-animation: opacity 0.4s ease;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-newsList {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  min-height: 700px;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews {
  padding: 1.5rem;
  border-radius: 0.75rem;
  background: rgba(0, 0, 0, 0);
  border: 0.06rem solid #F3F4F6;
  background-color: #fff;
  display: flex;
  opacity: 0;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews:hover {
  border-color: #1677FF;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-tag {
  flex: 0.06;
  display: flex;
  align-items: flex-start;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-tag span {
  padding: 0.2rem 0.7rem;
  font-size: 0.85rem;
  border-radius: 0.25rem;
  background-color: aliceblue;
  max-width: 4rem;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-newsDisplay {
  flex: 0.84;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-newsDisplay span {
  color: #111827;
  font-weight: bold;
  font-size: 1rem;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-newsDisplay p {
  color: #6B7280;
  font-size: 0.85rem;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-newsDisplay .Hui-time {
  color: #9CA3AF;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-newsDisplay .Hui-time img {
  width: 0.7rem;
  height: 0.7rem;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-jumpTo {
  flex: 0.1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-jumpTo a {
  border-radius: 0.25rem;
  border: 0.06rem solid #1677FF;
  color: #1677FF;
  padding: 0.5rem 1rem;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-jumpTo a:hover {
  color: #fff;
  background-color: #1677FF;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-currentlyUnavailable {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 700px;
  width: 100%;
  height: 100%;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-noData {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 700px;
  width: 100%;
  height: 100%;
  font-size: 1rem;
}
.Hui-mainCategory .Hui-defaultWidth .Hui-noData img {
  width: 15rem;
}

.Hui-paging {
  background: #F9FAFB;
  overflow: hidden;
  padding: 0 0 5rem 0 !important;
}
.Hui-paging .Hui-defaultWidth {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
.Hui-paging .Hui-defaultWidth .Hui-total {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.Hui-paging .Hui-defaultWidth .Hui-total span {
  font-weight: bold;
  font-family: math;
  font-size: 2rem;
}

@media (max-width: 768px) {
  .Hui-mainCategory .Hui-defaultWidth {
    gap: 4vw;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-hostList .Hui-switchingClasses {
    flex-wrap: nowrap;
    overflow-y: auto;
    gap: 3vw;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-hostList .Hui-switchingClasses .Hui-itemClass {
    padding: 1.5vw 3.5vw;
    border-radius: 1.5vw;
    flex-shrink: 0;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-tagList {
    gap: 3vw;
    flex-wrap: nowrap;
    overflow-y: auto;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-tagList .Hui-itemTag {
    padding: 1.5vw 3.5vw;
    border-radius: 1.5vw;
    flex-shrink: 0;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-newsList {
    gap: 3vw;
    min-height: 120vw;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews {
    padding: 3vw;
    border-radius: 1.5vw;
    flex-direction: column;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-tag {
    margin-bottom: 2vw;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-tag span {
    padding: 1vw 2vw;
    font-size: 3.3vw;
    border-radius: 1.5vw;
    max-width: 20vw;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-newsDisplay {
    gap: 2vw;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-newsDisplay span {
    font-size: 4vw;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-newsDisplay p {
    font-size: 3.3vw;
    line-height: 5vw;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-newsDisplay .Hui-time {
    font-size: 3.2vw;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-newsDisplay .Hui-time img {
    width: 3vw;
    height: 3vw;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-jumpTo {
    justify-content: flex-end;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-newsList .Hui-itemNews .Hui-jumpTo a {
    border-radius: 1vw;
    padding: 1vw 3vw;
    font-size: 3.8vw;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-currentlyUnavailable {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 700px;
    width: 100%;
    height: 100%;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-noData {
    min-height: 120vw;
    font-size: 4.5vw;
  }
  .Hui-mainCategory .Hui-defaultWidth .Hui-noData img {
    width: 40vw;
  }
  .Hui-paging .Hui-defaultWidth {
    flex-direction: column-reverse;
    gap: 5vw;
  }
  .Hui-paging .Hui-defaultWidth .Hui-total {
    gap: 1vw;
  }
  .Hui-paging .Hui-defaultWidth .Hui-total span {
    font-size: 5vw;
  }
  .Hui-paging .vs-pagination__active,
  .Hui-paging .vs-pagination__button {
    font-size: 3vw;
  }
}

/*# sourceMappingURL=new_Smell.css.map */