@media (min-width: 991.99px) {
  .col-mobile.index.active {
    position: fixed !important;
    top: 115px !important;
    z-index: 10; }
    .col-mobile.index.active.open_slogan {
      top: 155px !important; }
  .col-mobile .more_mn .less {
    display: none; }
  .col-mobile .more_mn.show .less {
    display: block; }
  .col-mobile .more_mn.show .more {
    display: none; }
  .col-mobile .none_3 {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .col-mobile #menu-mew .level0:nth-child(n + 8):not(.more_mn) {
    visibility: hidden;
    height: 0;
    opacity: 0;
    overflow: hidden; }
    .col-mobile #menu-mew .level0:nth-child(n + 8):not(.more_mn).show {
      visibility: visible;
      opacity: 1;
      height: 100%; }
  .col-mobile .none_1 {
    display: block !important; }
  .col-mobile .none_2 {
    display: block !important; } }

@media (min-width: 1200px) and (max-width: 1299px) {
  .col-mobile #menu-mew .level0:nth-child(n + 10):not(.more_mn) {
    visibility: hidden;
    height: 0;
    opacity: 0;
    overflow: hidden; }
    .col-mobile #menu-mew .level0:nth-child(n + 10):not(.more_mn).show {
      visibility: visible;
      opacity: 1;
      height: 100%; }
  .col-mobile .none_2 {
    display: block !important; } }

@media (min-width: 1300px) and (max-width: 1499px) {
  .col-mobile #menu-mew .level0:nth-child(n + 10):not(.more_mn) {
    visibility: hidden;
    height: 0;
    opacity: 0;
    overflow: hidden; }
    .col-mobile #menu-mew .level0:nth-child(n + 10):not(.more_mn).show {
      visibility: visible;
      opacity: 1;
      height: 100%; }
  .col-mobile .none_2 {
    display: block !important; } }

@media (min-width: 1500px) {
  .col-mobile #menu-mew .level0:nth-child(n + 11):not(.more_mn) {
    visibility: hidden;
    height: 0;
    opacity: 0;
    overflow: hidden; }
    .col-mobile #menu-mew .level0:nth-child(n + 11):not(.more_mn).show {
      visibility: visible;
      opacity: 1;
      height: 100%; } }

@media (min-width: 991.99px) {
  .col-left {
    box-shadow: 0 1px 3px var(--bgHead); } }

.mew_slide.swiper-container-horizontal > .swiper-pagination-bullets, .mew_slide.swiper-pagination-custom, .mew_slide.swiper-pagination-fraction {
  bottom: 0px; }

.b_mew_cate .b_img {
  width: 80px;
  padding: 10px;
  background: var(--bgItemCate); }
  @media (max-width: 565px) {
    .b_mew_cate .b_img {
      width: 46px;
      padding: 8px; } }

.b_mew_cate .item_cate {
  max-width: 20%;
  min-width: 20%; }

.b_mew_cate .item_cate a:hover .tit {
  color: var(--mainColor); }

@media (max-width: 767px) {
  .b_mew_cate .mobi_cate {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 991px) {
  .scroll_mobi {
    overflow-x: auto;
    overflow-y: hidden; } }

#flash_sale .bg-flash {
  background-image: linear-gradient(var(--bg_fl_2), var(--bg_fl_1)); }

#flash_sale .cl_tit_fl {
  background: var(--cl_tit_fl);
  border-bottom-right-radius: 0 !important; }
  #flash_sale .cl_tit_fl:after {
    box-shadow: -15px 0px 0px 0px var(--cl_tit_fl); }
  #flash_sale .cl_tit_fl a:hover {
    filter: contrast(1.5); }

#flash_sale .t1 {
  border-bottom: 2px solid var(--cl_tit_fl); }

@media (min-width: 768px) {
  #flash_sale .t2 {
    border-bottom: 2px solid var(--cl_tit_fl); } }

#flash_sale .swiper-scrollbar-drag {
  background: var(--cl_tit_fl); }

@media (max-width: 767px) {
  #flash_sale .countdown-time-wrapper {
    position: absolute !important;
    bottom: calc(-100% - 5px); } }

#flash_sale .more_view {
  padding: 5px 0;
  color: var(--cl_tit_fl); }
  #flash_sale .more_view svg {
    stroke: var(--cl_tit_fl);
    vertical-align: -1px; }

.mew_cate .tit {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-word;
  -webkit-line-clamp: 2;
  line-height: normal;
  height: calc(16px* 2); }

@media (min-width: 768px) {
  .mew_flash .swiper-slide, .b_product .swiper-slide {
    width: calc(100%/4 - 6px);
    margin-right: 8px; }
  .mew_banner_pro .swiper-slide {
    width: calc(100%/3 - 6.66px);
    margin-right: 10px; } }

@media (min-width: 1200px) {
  .mew_flash .swiper-slide {
    width: calc(100%/5 - 6.4px);
    margin-right: 8px; }
  .b_product .swiper-slide {
    width: calc(100%/4 - 6px);
    margin-right: 8px; }
  .mew_cate .swiper-slide {
    width: calc(100%/10);
    margin-right: 10px; }
  .mew_banner_pro .swiper-slide {
    width: calc(100%/3 - 10.66px);
    margin-right: 16px; } }

@media (max-width: 767px) {
  .mew_flash .swiper-slide, .b_product .swiper-slide {
    width: calc(100%/2 - 4px);
    margin-right: 8px; }
  .mew_cate .swiper-wrapper {
    flex-wrap: wrap; }
  .mew_cate .swiper-slide {
    width: calc(100%/5 - 10px);
    margin-right: 10px; }
  .mew_cate .tit {
    font-size: 12px;
    height: calc(18px* 2); }
  .mew_banner_pro .swiper-slide {
    width: calc(100%/2 - 5px);
    margin-right: 10px; } }

@media (max-width: 480px) {
  .mew_cate .tit {
    font-size: 11px;
    line-height: normal;
    height: calc(13px* 2); } }

@media (max-width: 348px) {
  .mew_cate .tit {
    font-size: 10px;
    height: calc(12px* 2); } }

.mew_banner_pro .ttt {
  padding: 10px 70px 10px 15px;
  z-index: 1;
  top: 15px;
  right: -30px;
  transition: .3s right ease;
  font-size: 25px;
  background: rgba(255, 255, 255, 0.8); }
  .mew_banner_pro .ttt span {
    font-size: 14px;
    color: #737373; }
    .mew_banner_pro .ttt span:before {
      content: '';
      height: 2px;
      width: 200px;
      background: #000;
      position: absolute;
      top: -15px;
      left: 100%;
      transition: .3s right ease; }
  @media (max-width: 767px) {
    .mew_banner_pro .ttt {
      font-size: 16px;
      padding: 8px 30px 8px 10px;
      top: 10px;
      right: -15px; }
      .mew_banner_pro .ttt span {
        font-size: 12px; } }

.mew_banner_pro a:hover .ttt {
  right: 0; }

.mew_banner_pro a:hover span:before {
  background: var(--mainColor); }

.time_box .title img {
  max-height: 23px;
  vertical-align: -2px; }

.time_box .countdown-item {
  background: var(--cl_tit_fl);
  padding: 5px;
  min-width: 36px; }

.time_box .bg_flash {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 0;
  border-radius: 10px; }

.view_mores:hover {
  box-shadow: 0 0px 2px 0 var(--mainColor), 0 0px 6px 0px var(--mainColor); }

section.product_poli_wrap .product_poli {
  font-size: 1.2rem; }
  section.product_poli_wrap .product_poli .item img {
    max-width: 40px;
    width: 100%;
    image-rendering: -webkit-optimize-contrast; }
  @media (max-width: 575px) {
    section.product_poli_wrap .product_poli {
      font-size: 1rem; }
      section.product_poli_wrap .product_poli .item {
        border: 1px dashed var(--mainColor);
        border-radius: 10px; }
        section.product_poli_wrap .product_poli .item img {
          max-width: 35px; } }

.mew_people {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media (min-width: 992px) {
    .mew_people {
      height: calc(100% - 65px); } }
  .mew_people:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--mainColor);
    opacity: 0.5;
    z-index: 0;
    border-radius: 10px; }
  .mew_people .mew_peo_p .swiper-pagination-bullet {
    background: #fff !important; }

.mew_video_index .mew_video_p {
  bottom: 5px; }

.mew_banner_pro.swiper-container .swiper-button-next, .mew_banner_pro.swiper-container .swiper-button-prev {
  transform: translateY(calc(-50%)); }

.mew_banner_pro.swiper-container-horizontal > .swiper-pagination-bullets,
.mew_banner_pro .swiper-pagination-custom,
.mew_banner_pro .swiper-pagination-fraction {
  bottom: -6px; }

.m_blog .blog-list .b_item .item:nth-child(3n+1) .bg {
  background-color: #fff9fb;
  border: 1px solid #ffc5e2; }

.m_blog .blog-list .b_item .item:nth-child(3n+2) .bg {
  background-color: #FFF9E6;
  border: 1px solid #ffd8b3; }

.m_blog .blog-list .b_item .item:nth-child(3n+3) .bg {
  background-color: #F3FDFE;
  border: 1px solid #c1efff; }

.m_blog .blog-list .b_item .item .image {
  width: 3rem;
  height: 3rem;
  min-width: 48px; }
  .m_blog .blog-list .b_item .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: multiply; }
  @media (max-width: 566px) {
    .m_blog .blog-list .b_item .item .image {
      width: 36px;
      height: 36px;
      min-width: 32px; } }

.m_blog .blog-list .b_item .item .text h4 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0; }
  @media (max-width: 566px) {
    .m_blog .blog-list .b_item .item .text h4 {
      font-size: 14px;
      line-height: normal; } }

.m_blog .blog-list .b_item .item .text span {
  font-size: .75rem;
  line-height: 1rem; }

.m_blog .blog-item-list .blog-item-name.title_blo a {
  font-size: 16px; }

.m_blog .blog-item-name.title_blo {
  font-size: inherit;
  line-height: 1.5; }
  @media (max-width: 767px) {
    .m_blog .blog-item-name.title_blo {
      line-height: 1.3; }
      .m_blog .blog-item-name.title_blo a {
        font-size: 16px; } }

.bt_product_2 .item-info .arthor {
  padding-left: 50px; }
  .bt_product_2 .item-info .arthor:before {
    content: '';
    height: 2px;
    width: 42px;
    background: var(--mainColor);
    position: absolute;
    left: 0;
    top: 50%; }

.bt_product_2 .item-info .item_sum p,
.bt_product_2 .item-info .item-price p {
  margin: 0; }

.bt_product_2 .item-info .item_sum .special-price, .bt_product_2 .item-info .item_sum .regular-price,
.bt_product_2 .item-info .item-price .special-price,
.bt_product_2 .item-info .item-price .regular-price {
  font-size: 22px;
  margin-right: 10px;
  color: #de0000;
  font-weight: 600; }

.bt_product_2 .item-info .action {
  background: var(--mainColor);
  color: #fff;
  font-size: 1.3rem;
  border-radius: 25px; }

.bt_product_2 .swiper-pagination {
  position: relative;
  bottom: 0;
  text-align: left; }
  .bt_product_2 .swiper-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 5px;
    display: inline-block;
    border-radius: 0;
    background: #ccc;
    border: 1px solid #ccc;
    opacity: .5;
    outline: none;
    max-width: calc(100%/6 - 8px); }
    .bt_product_2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: var(--mainColor);
      border: 1px solid var(--mainColor);
      opacity: 1; }

.head_box {
  z-index: 2; }
  .head_box h2.title {
    white-space: nowrap; }
  .head_box .list_link_pr {
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    max-width: 100%; }
    .head_box .list_link_pr a {
      padding: 0 8px;
      font-size: 13px;
      white-space: nowrap; }
      .head_box .list_link_pr a:hover {
        color: var(--mainColor); }
      .head_box .list_link_pr a.active {
        filter: contrast(1.6); }
        .head_box .list_link_pr a.active:before {
          content: '';
          width: 50%;
          max-width: 30px;
          position: absolute;
          height: 4px;
          border-radius: 4px;
          background: var(--mainColor);
          bottom: -6px;
          left: 50%;
          transform: translateX(-50%); }

.more_views {
  white-space: nowrap;
  font-size: 12px; }
  .more_views svg {
    stroke: var(--mainColor);
    vertical-align: -1px; }

@media (min-width: 992px) {
  .mew_link_tab {
    margin-right: 0 !important; } }

@media (max-width: 991px) {
  .mew_link_tab {
    width: 100%; }
    .mew_link_tab .item_tab_link {
      white-space: nowrap;
      margin-right: 8px; } }

@media (min-width: 992px) {
  .mew_link_tab .list_link_prs {
    max-height: 215px;
    padding-right: 6px; } }

@media (min-width: 1200px) {
  .mew_link_tab .list_link_prs {
    max-height: 228px; } }

@media (min-width: 1300px) {
  .mew_link_tab .list_link_prs {
    max-height: 234px; } }

.mew_link_tab .list_link_prs a.active, .mew_link_tab .list_link_prs a:hover {
  color: var(--mainColor);
  border-color: var(--mainColor) !important; }

.view_more_blog a {
  border: 1px solid var(--mainColor);
  color: var(--mainColor); }
  .view_more_blog a:hover {
    background: var(--mainColor);
    color: #fff; }

.view_m_none .view_m {
  display: none !important; }

@media (max-width: 991px) {
  .min-height {
    min-height: 245px; }
  [data-tab] [data-pos-content] .view_m {
    position: absolute;
    display: flex;
    top: -72px;
    right: 0;
    z-index: 2; }
    [data-tab] [data-pos-content] .view_m a {
      font-size: 13px; } }

[data-tab] [data-pos-content] {
  display: none;
  top: 0; }

[data-tab] [data-pos-content].active {
  display: block;
  transition: all 0.3s ease; }

[data-tab] [data-pos-content] img.lazy {
  visibility: hidden;
  opacity: 0; }

[data-tab] [data-pos-content] img.loaded {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in; }