/** Shopify CDN: Minification failed

Line 332:24 Unexpected ".3"

**/
.components-header {
  display: flex;
  border-bottom: 1px solid #0000001a;
  /*position: sticky;*/
  /*top: 0;*/
  background: #ffffff;
  z-index: 100;
}

.components-header > .container {
  max-width: 1348px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}

.components-header .header-toggle {
  display: none;
}

.components-header .header-logo img {
  width: 93.3px;
  height: 20px;
}

.components-header .header-secondary {
  display: flex;
}

.components-header .header-secondary .item {
  margin-right: 24px;
}

.components-header .header-secondary .item:last-child {
  margin-right: 0;
}

.components-header .header-menu {
  display: flex;
}

.components-header .header-menu .menu-item {
  position: relative;
  margin-right: 48px;
  overflow: hidden;
}

.components-header .header-menu .menu-item:last-child {
  margin-right: 0;
}

.components-header .header-menu .menu-item:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background-color: #8701ff;
  transition: left 0.3s ease-in-out;
}

.components-header .header-menu .menu-item:hover a {
  color: #8701ff;
}

.components-header .header-menu .menu-item:hover:after {
  left: 0;
  background-color: #8701ff;
}

.components-header .header-menu .menu-item > a {
  text-decoration: none;
  cursor: pointer;
  color: #000000;
  font-size: 16px;
  padding: 22.5px 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

.components-header .header-menu .menu-item > a .menu_icon {
  width: 16px;
  height: auto;
}

.components-header .header-menu .menu-item:hover .menu-dropdown {
  visibility: inherit;
  opacity: 1;
}

/*下拉样式*/
.components-header .menu-dropdown {
  position: fixed;
  left: 0;
  visibility: hidden;
  border-top: 1px solid #0000001a;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  display: flex;
  z-index: 999999;
  flex-direction: column;
}

.components-header .menu-dropdown .mask {
  flex-grow: 1;
  width: 100%;
  background: #00000080;
}

.components-header .menu-dropdown-content {
  background: #ffffff;
  width: 100%;

  padding: 0 16px;
}

.components-header .menu-dropdown-content .container {
  max-width: 1348px;
  margin: 0 auto;
  padding: 24px 0 48px;
  display: flex;
}

.components-header .menu-dropdown-content .left-menu {
  width: 240px;
  margin-right: 40px;
}

.components-header .menu-dropdown-content .left-menu .label {
  padding: 7.5px 16px 7.5px 0;
  color: #ababab;
  font-size: 14px;
}

.components-header .menu-dropdown-content .left-menu ul {
  list-style: none;
}

.components-header .menu-dropdown-content .left-menu li {
  padding: 18.5px 14px;
  cursor: pointer;
  font-size: 16px;
  border-left: 2px solid #ffffff;
  /*    一行显示溢出省略*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.components-header .menu-dropdown-content .left-menu li.active {
  border-left: 2px solid #8701ff;
  background: #f7f7f7;
}

.components-header .menu-dropdown-content .left-menu li:hover {
  border-left: 2px solid #8701ff;
  background: #f7f7f7;
}

/*三级央视*/

.components-header .menu-dropdown-content .right-content {
  flex: 1;
  flex-grow: 1;
  position: relative;
}

.components-header .menu-dropdown-content .right-content .item {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  max-height: 75vh;
  overflow-y: auto;
  background: #ffffff;
  transition: visibility, opacity 0.3s ease-in-out;
}

.components-header
  .menu-dropdown-content
  .right-content
  .item::-webkit-scrollbar {
  display: none;
}

.components-header .menu-dropdown-content .right-content .item.active {
  display: block;
  opacity: 1;
  position: static;
}

.components-header .menu-dropdown-content .right-content .label {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 8px;
}

.components-header .menu-dropdown-content .right-content .label-desc {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}

.components-header .menu-dropdown-content .right-content .wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  row-gap: 16px;
  width: 100%;
}

.components-header
  .menu-dropdown-content
  .right-content
  .wrapper
  .product-list-label {
  font-size: 18px;
  font-weight: 700;
  margin-top: 8px;
  line-height: 24px;
}

.components-header .menu-dropdown-content .landing-page {
  margin-right: 8px;
}

.components-header .menu-dropdown-content .landing-page.product-item {
  width: 400px;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.components-header .menu-dropdown-content .landing-page.product-item .image {
  height: 400px;
}

.components-header .menu-dropdown-content .landing-page.product-item img {
  mix-blend-mode: multiply;
  height: 100%;
}

.components-header .menu-dropdown-content .landing-page.product-item .info {
  padding: 8px 16px 16px;
}

.components-header .menu-dropdown-content .landing-page.product-item .title {
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  line-height: 24px;
}

.components-header .menu-dropdown-content .landing-page.product-item span {
  margin-top: 16px;
  color: #0f0f0f;
  display: flex;
  align-items: center;
}

.components-header .menu-dropdown-content .landing-page.product-item span svg {
  transform: rotate(270deg);
  margin-top: 6px;
}

.components-header .menu-dropdown-content .product-list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  /* height: fit-content; */
}

.components-header .menu-dropdown-content .custom_link {
  display: flex;
  justify-content: flex-end;
}

.components-header .menu-dropdown-content .custom_link a {
  color: #121212 !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 2px;
}

.components-header .menu-dropdown-content .custom_link a svg {
  transform: rotate(270deg);
  margin-top: 4px;
}

.components-header .menu-dropdown-content .product-item {
  background: #f7f7f7;
  width: 202px;
  /* margin-right: 8px; */
  cursor: pointer;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
}

.components-header .menu-dropdown-content .product-list.max-list .product-item {
  width: auto;
  flex: 1;
  max-width: 526px;
}

.components-header .menu-dropdown-content .product-list.max-list {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(var(--col), 1fr);
}

 
.components-header
  .menu-dropdown-content
  .product-list.max-list.3
  .product-item
  .image,
.components-header
  .menu-dropdown-content
  .product-list.max-list.3
  .product-item
  img
  .components-header
  .menu-dropdown-content
  .product-list.max-list.3
  .product-item
  .image,
.components-header
  .menu-dropdown-content
  .product-list.max-list.3
  .product-item
  img {
  height: 179px;
  object-fit: cover;
}
/* 
.components-header .menu-dropdown-content .product-item:nth-child(3n) {
    margin-right: 0;
}

.components-header .menu-dropdown-content .product-item:nth-child(n+4):nth-child(-n+6) {
    margin-top: 8px;
}

.components-header .menu-dropdown-content .item-2 .product-item:nth-child(3n) {
    margin-right: 8px;
}

.components-header .menu-dropdown-content .item-2 .product-item:nth-child(5n) {
    margin-right: 0;
}

.components-header .menu-dropdown-content .item-2 .product-item:nth-child(n+4):nth-child(-n+6) {
    margin-top: 0;
}

.components-header .menu-dropdown-content .item-2 .product-item:nth-child(n+6):nth-child(-n+10) {
    margin-top: 8px;
} */

.components-header .menu-dropdown-content .product-item .image {
  height: 202px;
  position: relative;
  overflow: hidden;
}



.components-header .menu-dropdown-content .product-item .image .magnifier {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  /* 禁止鼠标事件影响 */
  visibility: hidden;
  /* 默认隐藏放大效果 */
  background: #f7f7f7;
  opacity: 0;
  transition: opacity 0.35s ease-in-out;
  transition-timing-function: cubic-bezier(0.1, 0.67, 0.66, 0.86);
}

.components-header .menu-dropdown-content .product-item .image .magnifier.show {
  visibility: visible;
  opacity: 1;
}

.components-header .menu-dropdown-content .product-item .image .magnifier img {
  width: 100%;
  height: fit-content;
}

.components-header .menu-dropdown-content .product-item .image .discount {
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 40px;
  background: #dc2626;
  color: #ffffff;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 16px;
}

.components-header .menu-dropdown-content .product-item img {
  width: 100%;
  height: 202px;
  max-width: 100%;
  mix-blend-mode: multiply;
}

.components-header
  .menu-dropdown-content
  .product-list.max-list
  .product-item
  img {
  mix-blend-mode: normal;
  height: 266px;
}

.components-header
  .menu-dropdown-content
  .product-list.max-list.min
  .product-item
  img {
  mix-blend-mode: normal;
  height: 179px;
}

.components-header .menu-dropdown-content .product-item .info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 16px 16px;
}

.components-header .menu-dropdown-content .product-item .title {
  font-size: 14px;
  color: #000000;
  line-height: 1.1;
  /*display: -webkit-box; !* 作为弹性伸缩盒子模型显示 *!*/
  /*-webkit-line-clamp: 2; !* 限制在两行 *!*/
  /*-webkit-box-orient: vertical; !* 垂直排列盒子 *!*/
  /*overflow: hidden; !* 隐藏溢出的内容 *!*/
  /*text-overflow: ellipsis; !* 显示省略号 *!*/
  /*white-space: normal; !* 使用正常的白空格处理方式，允许换行 *!*/
  /*line-height: 19.2px;*/
  text-align: center;
}

.components-header
  .menu-dropdown-content
  .product-list.max-list
  .product-item
  .info {
  padding-bottom: 24px;
}

.components-header
  .menu-dropdown-content
  .product-list.max-list
  .product-item
  .title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}

.components-header
  .menu-dropdown-content
  .product-list.max-list
  .product-item
  .image {
    height: 266px;
}


.components-header
  .menu-dropdown-content
  .product-list.max-list.min
  .product-item
  .image {
    height: 179px;
}

.components-header .menu-dropdown-content .product-item .msg {
  font-size: 12px;
  color: #6a6a6a;
  text-align: center;
  line-height: 14px;
  margin-top: 8px;
  /*display: -webkit-box; !* 作为弹性伸缩盒子模型显示 *!*/
  /*-webkit-line-clamp: 2; !* 限制在两行 *!*/
  /*-webkit-box-orient: vertical; !* 垂直排列盒子 *!*/
  /*overflow: hidden; !* 隐藏溢出的内容 *!*/
  /*text-overflow: ellipsis; !* 显示省略号 *!*/
  /*white-space: normal; !* 使用正常的白空格处理方式，允许换行 *!*/
}
.components-header
  .menu-dropdown-content
  .product-list.max-list
  .product-item
  .msg {
  font-size: 14px;
  color: #000;
  margin-top: 0;
}

/*移动端菜单*/
.components-header .model-menu-wrapper {
  height: 100%;
  overflow-y: scroll;
}

.components-header .model-menu {
  position: fixed;
  top: -100%;
  visibility: hidden;
  width: 100%;
  height: calc(100vh - 64px);
  background: #ffffff;
  transition: all 0.3s;
  opacity: 0;
  z-index: 999;
  transition-timing-function: cubic-bezier(0.1, 0.67, 0.66, 0.86);
}

.components-header .model-menu.active {
  top: 64px;
  opacity: 1;
  visibility: inherit;
}

.components-header .model-menu.active svg {
  transform: rotate(0deg);
}

.components-header .model-menu .model-menu-wrapper > .accordion {
  /*border-color: #ededed;*/
  /*border-top: 0;*/
  border: none;
  position: relative;
  border-block-end-width: 0;
}

/* .components-header .model-menu .model-menu-wrapper > .accordion[aria-expanded="true"]::after{
    display: none;
} */

.components-header
  .model-menu
  .model-menu-wrapper
  > .accordion
  .accordion__toggle {
  padding: 16px;
}

.components-header .model-menu .model-menu-wrapper > .accordion:after {
  position: absolute;
  bottom: 0;
  left: 16px;
  width: calc(100% - 32px);
  content: "";
  height: 1px;
  background: #ededed;
}

.components-header
  .model-menu
  .model-menu-wrapper
  > .accordion
  .accordion__toggle
  > span {
  font-size: 16px;
  font-weight: normal;
}

.components-header
  .model-menu
  .model-menu-wrapper
  > .accordion
  .accordion__toggle
  > span.title {
  display: flex;
  align-items: center;
  gap: 2px;
}

.components-header
  .model-menu
  .model-menu-wrapper
  > .accordion
  .accordion__toggle
  > span.title
  .menu_icon {
  width: 16px;
  height: auto;
}

.components-header .model-menu .model-menu-wrapper > .accordion.link-item a {
  padding: 16px;
  display: block;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.components-header
  .model-menu
  .model-menu-wrapper
  > .accordion.link-item
  a
  .menu_icon {
  width: 16px;
  height: auto;
}

.components-header
  .model-menu
  .model-menu-wrapper
  > .accordion
  .accordion__content {
  padding-right: 0;
  margin-bottom: 0;
}

/*二三级*/
.components-header
  .model-menu
  .model-menu-wrapper
  > .accordion
  .accordion__content
  .accordion_content_item {
  /*padding-left: 16px;*/
  margin-bottom: 16px;
}

.components-header
  .model-menu
  .model-menu-wrapper
  > .accordion
  .accordion__content
  .accordion_content_item:last-child {
  margin-bottom: 0;
}

.components-header
  .model-menu
  .model-menu-wrapper
  > .accordion
  .accordion__content
  .accordion_content_item
  .label {
  color: #ababab;
  font-size: 12px;
  padding-left: 32px;
}

.components-header
  .model-menu
  .model-menu-wrapper
  > .accordion
  .accordion__content
  .accordion {
  border: 0;
}

.components-header
  .model-menu
  .model-menu-wrapper
  > .accordion
  .accordion__content
  .accordion_content_item
  .accordion__toggle {
  padding: 11.5px 16px 11.5px 32px;
  background: #ffffff;
}

.components-header
  .model-menu
  .model-menu-wrapper
  > .accordion
  .accordion__content
  li {
  background: #f7f7f7;
}

.components-header .model-menu .product-box {
  background: #ffffff;
  /*padding: 16px 16px 16px 32px;*/
  padding-top: 16px;
  /* padding-bottom: 16px; */
}

.components-header .model-menu .product-box .wrapper {
  background: #f7f7f7;
  padding-left: 32px;
  padding-right: 16px;
  padding-top: 16px;
}

.components-header .model-menu .product-box .product-list-wrapper {
  /* overflow-x: scroll; */
  width: 100%;
  background: #f7f7f7;
  padding-top: 24px;
  padding-bottom: 24px;
}

.components-header
  .model-menu
  .product-box
  .product-list-wrapper
  > .product-list-label {
  font-size: 18px;
  padding-left: 32px;
  font-weight: 700;
}
.components-header
  .model-menu
  .product-box
  .product-list-wrapper
  > .product-list-desc {
  padding-left: 32px;
  font-size: 12px;
  margin-bottom: 8px;
}

.components-header
  .model-menu
  .product-box
  .product-list-wrapper.series_wrapper {
  overflow: hidden;
  background: #f7f7f7;
}

.components-header
  .model-menu
  .product-box
  .product-list-wrapper::-webkit-scrollbar {
  display: none;
}

.components-header .model-menu .product-box .product-list-scoll {
  overflow: auto;
}
.components-header
  .model-menu
  .product-box
  .product-list-scoll::-webkit-scrollbar {
  display: none;
}

.components-header .model-menu .product-box .product-list {
  display: flex;
  padding-left: 32px;
  width: fit-content;
  min-width: 100%;
  padding-right: 16px;
  background: #f7f7f7;
}

.components-header .model-menu .product-box .product-list-wrapper .custom_link {
  display: flex;
  margin-left: 32px;
}

.components-header
  .model-menu
  .product-box
  .product-list-wrapper
  .custom_link
  a {
  color: #121212 !important;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  align-items: center;
  gap: 2px;
}

.components-header
  .model-menu
  .product-box
  .product-list-wrapper
  .custom_link
  a
  svg {
  transform: rotate(270deg) !important;
}

.components-header
  .model-menu
  .product-box
  .product-list-wrapper.series_wrapper
  .product-list-label {
  padding-left: 32px;
  background: #f7f7f7;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8.5px;
}

.components-header
  .model-menu
  .product-box
  .product-list-wrapper.series_wrapper
  .product-list-scoll {
  overflow-x: scroll;
  margin-bottom: 16px;
}

.components-header
  .model-menu
  .product-box
  .product-list-wrapper.series_wrapper
  .product-list-scoll:last-of-type {
  margin-bottom: 0;
}

.components-header
  .model-menu
  .product-box
  .product-list-wrapper.series_wrapper
  .product-list-scoll::-webkit-scrollbar {
  display: none;
}

/* .components-header .model-menu .product-box  .product-list-wrapper.series_wrapper .product-list{
    padding-top: 8.5px;
    padding-bottom: 8.5px;
} */

/* .components-header .model-menu .product-box .product-list-wrapper.series_wrapper .product-list{
    padding-bottom: 0;
} */

.components-header .model-menu .product-box .product-list .product-item {
  display: block;
  width: 159px;
  background: #ffffff;
  margin-right: 8px;
}

.components-header
  .model-menu
  .product-box
  .product-list.max-list
  .product-item {
  /* padding-top: 33px; */
}

.components-header
  .model-menu
  .product-box
  .product-list.max-list
  .product-item
  .image {
  padding-top: 33px;
}

.components-header
  .model-menu
  .product-box
  .product-list
  .product-item:last-child {
  margin-right: 0;
}
.components-header .model-menu .product-box .product-list .image {
  position: relative;
}

.components-header .model-menu .product-box .product-list .image .discount {
  position: absolute;
  top: 6.13px;
  right: 6.13px;
  font-size: 10px;
  border-radius: 30px;
  padding: 2px 6.13px;
  color: #ffffff;
  line-height: 12.87px;
  background: #dc2626;
}

.components-header .model-menu .product-box .product-list .info {
  padding: 8px 8px 16px;
  text-align: center;
}

.components-header .model-menu .product-box .product-list .title {
  font-size: 14px;
  line-height: 16.8px;
  /*display: -webkit-box; !* 作为弹性伸缩盒子模型显示 *!*/
  /*-webkit-line-clamp: 2; !* 限制在两行 *!*/
  /*-webkit-box-orient: vertical; !* 垂直排列盒子 *!*/
  /*overflow: hidden; !* 隐藏溢出的内容 *!*/
  /*text-overflow: ellipsis; !* 显示省略号 *!*/
  /*white-space: normal; !* 使用正常的白空格处理方式，允许换行 *!*/
}

.components-header .model-menu .product-box .product-list.max-list .title {
  font-weight: 700;
}

.components-header .model-menu .product-box .product-list .msg {
  color: #6a6a6a;
  font-size: 12px;
  line-height: 14px;
  margin-top: 4px;
  /*display: -webkit-box; !* 作为弹性伸缩盒子模型显示 *!*/
  /*-webkit-line-clamp: 2; !* 限制在两行 *!*/
  /*-webkit-box-orient: vertical; !* 垂直排列盒子 *!*/
  /*overflow: hidden; !* 隐藏溢出的内容 *!*/
  /*text-overflow: ellipsis; !* 显示省略号 *!*/
  /*white-space: normal; !* 使用正常的白空格处理方式，允许换行 *!*/
}

.components-header
  .model-menu
  .model-menu-wrapper
  > .accordion
  .accordion__content
  .accordion[aria-expanded="false"]
  svg {
  transform: rotate(180deg);
}

.components-header .model-menu .product-box .landing-page {
  display: flex;
  background: #ffffff;
  max-width: 827px;
}

.components-header .model-menu .product-box .landing-page .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  justify-content: center;
}

.components-header .model-menu .product-box .landing-page .title {
  font-size: 18px;
  font-weight: 700;
}

.components-header .model-menu .product-box .landing-page .msg {
  color: #7a7a7a;
  font-size: 12px;
  margin-top: 4px;
  text-align: center;
}

.components-header .model-menu .product-box .landing-page a {
  font-size: 14px;
  margin-top: 16px;
  color: #0f0f0f;
  display: flex;
  align-items: center;
}

.components-header .model-menu .product-box .landing-page svg {
  transform: rotate(270deg);
  margin-top: 4px;
}

/*小屏幕适配*/
@media screen and (max-width: 1380px) {
  /* .components-header .menu-dropdown-content .product-item:nth-child(3n) {
        margin-right: 8px;
        margin-top: 8px;
    }

    .components-header .menu-dropdown-content .item-2 .product-item:nth-child(3n) {
        margin-top: 0;
    }

    .components-header .menu-dropdown-content .item-2 .product-item:nth-child(5n) {
        margin-right: 8px;
        margin-top: 8px !important;
    } */
}

/* @media screen and (max-width: 768px) {
    .components-header .model-menu .product-box .product-list.max-list .product-item{

    }
} */

/*平板适配*/
@media screen and (max-width: 1200px) {
  .components-header {
    border-bottom: 0;
  }

  .components-header .header-menu {
    display: none;
  }

  .components-header > .container {
    padding: 20px 18px;
    z-index: 1000;
    border-bottom: 1px solid #0000001a;
    background: #ffffff;
  }

  .components-header .header-toggle {
    display: flex;
    align-items: center;
  }

  .components-header .header-toggle .close,
  .components-header .header-toggle .open {
    display: none;
    height: 24px;
    padding-right: 10px;
    line-height: 30px;
  }

  .components-header .header-toggle .close,
  .components-header .header-toggle .open svg {
    transform: rotate(0deg);
  }

  .components-header .header-toggle .active {
    display: block;
  }

  .components-header > .container > div {
    flex: 1;
  }

  .components-header .header-secondary {
    justify-content: flex-end;
  }

  .components-header .header-logo {
    display: flex;
    justify-content: center;
  }

  .components-header .header-secondary .item {
    margin-right: 16px;
  }
}

@media screen and (max-width: 768px) {
  .components-header .model-menu .product-box .landing-page img {
    width: 138px;
    height: 138px;
  }
}
