.col-lg-3 {
    width: 20%;
  }
  .pagination {
    width: 100%;
  } 
  .product-block .image {
    height: auto;
  }
  .product-block .image:hover .img {
    opacity: 1;
  }
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ccc'%2F%3E%3C%2Fsvg%3E") !important;
    left: 10px;
    right: auto;
  }
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ccc'%2F%3E%3C%2Fsvg%3E") !important;
    right: 10px;
    left: auto;
  }
  .product-block .image .hover-image,
  .product-block .image .img {
    display: block;
  }
  ul,
  li,
  ol {
    list-style: none;
  } /*#columns #group-content { padding-top: 0;}*/
  .category-list {
    margin-bottom: 20px;
    background: #fff;
    padding: 20px;
  }
  .category-list h2 {
    text-transform: uppercase;
    line-height: 35px;
    display: none;
  }
  .category-list ul {
    float: left;
    border-right: 1px solid #efefef;
    padding: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .category-list ul li {
    border-bottom: 1px solid #efefef;
    padding-left: 20px;
  }
  .category-list ul li:last-child {
    border-bottom: 0;
  }
  .category-list ul li a {
    font-size: 14px;
    line-height: 36px;
  }
  .category-list ul:last-child {
    border-right: 0;
  }
  .product-block {
    box-sizing: border-box;
    border: 2px solid #fff;
    transition: border-width 0.25s ease-out, border-color 0.25s ease-out;
  }
  .product-block:hover{
    border: 2px solid #9aba59;
  }
  .product-block .product-meta {
    padding: 14px;
    float: left;
    width: 100%;
  }
  .product-block .name a {
    height: auto;
    padding: 0;
  }
  .offcanvas-siderbars {
    background-color: #fff;
  }
  .product-filter {
    background: #fff;
  }
  #column-left.sidebar {
    margin-top: 0 !important;
  }
  #column-left {
    margin-top: 0 !important;
  }
  .product-block .product-label-special {
    background: #ff0101;
    color: #ffffff;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 10;
    border-radius: 20px;
    height: 41px;
    line-height: 36px;
    font-size: 14px;
    width: 41px;
    border: 3px solid #ffb3b2;
    padding: 0;
  }
  .compare-wishlish {
    width: 150px;
    top: inherit;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    bottom: 10px;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
  }
  .product-block:hover .compare-wishlish {
    opacity: 1;
    bottom: 20px;
  }
  .compare-wishlish .hover-icon {
    width: 50px;
    height: 50px;
    display: block;
    float: left !important;
    background: #fff;
    bottom: 0 !important;
    position: relative;
    z-index: 1;
  }
  .compare-wishlish .hover-icon a {
    font-size: 24px;
    color: #333;
    text-align: center;
    line-height: 50px;
    width: 50px;
    height: 50px;
    border-radius: 0;
    display: inline-block;
  }
  .product-block .compare,
  .product-block .wishlist {
    -webkit-transition: inherit;
    transition: inherit;
  }
  .product-block:hover .compare-wishlish .compare a {
    -webkit-transition: inherit;
    transition: inherit;
    right: 0;
  }
  .product-block:hover .compare-wishlish .wishlist a {
    -webkit-transition: inherit;
    transition: inherit;
    left: 0;
  }
  .product-block .compare-wishlish {
    width: 150px;
    top: inherit;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    bottom: 10px;
    background: #fff;
  }
  .product-block .hover-icon a span {
    display: none !important;
  } /*.product-block .hover-icon a:hover{color:#000;}*/
  .product-block .product-quickview .pav-colorbox {
    color: #333;
  }
  .product-block .product-quickview .pav-colorbox:hover {
    font-size: 18px;
  } /*.product-block .name a {        display: block;        line-height: 22px;        text-align: left !important;        padding-top: 10px;        height: auto;        width: 100%;        position: relative;        overflow: hidden;        display: -moz-box;        white-space: nowrap;        text-overflow: ellipsis;        -o-text-overflow: ellipsis;        -webkit-box-orient: vertical;        -webkit-line-clamp: 1;        -moz-line-clamp: 1!important;        -moz-box-orient: vertical;    }*/

  /*切换类目样式*/
  .product-filter .form-control {
    border: none !important;
    box-shadow: none;
    font-size: 14px;
    height: 34px;
  }
  .product-filter .sort span,
  .product-filter .limit span {
    vertical-align: middle;
  }
  .product-list .product-block:hover .list-wishlish {
    display: none;
  }
  .product-grid .product-block:hover .list-wishlish2 {
    display: none;
  } /*.product-block .hover-icon a:hover{*/ /*border-color:#000;*/ /*}*/
  .list-wishlish2 {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
  }
  .product-list .product-block .list-wishlish2 .hover-icon {
    margin-right: 10px;
  }
  .product-list .product-block .list-wishlish2 .hover-icon a {
    line-height: 46px;
  }
  .product-list .product-block .list-wishlish2 {
    opacity: 1 !important;
    bottom: 46px;
    left: 40.5%;
    box-shadow: none;
    width: 555px;
    left: inherit;
    right: 14px;
    padding: 0;
  }
  .product-list .product-block .list-wishlish2 .shappingcart {
    width: 30%;
    text-align: center;
    height: 50px;
    display: block;
  }
  .product-list .product-block .list-wishlish2 .shappingcart a {
    line-height: 46px;
    height: 50px;
    width: 100%;
  }
  .product-list
    .product-block
    .list-wishlish2
    .shappingcart
    a
    span {
    font-size: 15px;
    font-weight: 500;
  }
  .product-list .product-block .shappingcart span {
    display: block !important;
  }
  .product-list .product-block:hover .compare-wishlish {
    bottom: 46px;
  }
  .product-list .wishlist a,
  .product-list .shappingcart a,
  .product-list .compare a {
    border: 2px solid #ebebeb;
    display: block;
  }
  .product-list .product-block .list-wishlish2 .hover-icon {
    opacity: 1;
  }
  .product-list .image img {
    border: 0;
  }
  @media only screen and (max-width: 768px) {
    .list-wishlish {
      display: none;
    }
    .product-list .product-block:hover .compare-wishlish {
      bottom: 0;
    }
    .product-list .product-block .list-wishlish2 {
      bottom: 0;
      position: relative;
      left: 0;
      margin: 16px 0 0px 0;
      width: 100%;
    }
    .product-list .image {
      float: none;
      margin-right: 0;
    }
    .product-list .sm_img img {
      max-width: 55px;
    }
  }
  @media only screen and (max-width: 991px) {
    .product-filter .display {
      display: block;
    }
    .product-compare {
      display: block;
      margin-bottom: 20px;
    }
  }
  .product-list .description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  @media (min-width: 992px) {
    .product-list .image {
      max-width: 247px;
    }
    .product-list .col-fullwidth .product-block .product-meta {
      width: calc(100% - 257px);
    }
  } /*最新tab新样式开始*/
  .product-block .price,
  .product-block .price-old {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    display: block;
  }
  .product-grid .products-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .product-grid .product-block .image {
    border: 0;
    /* border-radius: 4px; */
    background-color: #faf9f900;
    padding: 42px 8px 8px;
    margin-bottom: 0px;
    overflow: hidden;
  }
  .product-grid .product-block .product-meta {
    text-align: center;
    height: 100px;
    min-height: max-content;
  }
  .product-grid .product-block .name a {
    padding: 0;
    white-space: unset;
    width: 100%;
    margin: 15px auto 15px;
    font-weight: 600;
    font-style: 'Times New Roman', Times, serif;
    text-align: center !important;
    display: -webkit-box;
    overflow: hidden !important;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: 2;
    min-height: auto;
  }
  .product-block .name a {
    font-size: 18px;
  }
  .product-list .product-block {
    border: 1px solid #e9e9e9;
  }
  .product-block .price-old {
    color: #6e6e6e !important;
  }
  .product-block .product-meta .name a {
    color: #333;
  } /*分页样式*/
  .pagination {
    padding-top: 0;
    margin-bottom: 40px;
  }
  .pagination .links b,
  .pagination .links a {
    margin-right: 10px;
    padding: 0;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
  }
  .pagination .links {
    float: none;
    text-align: center;
  }
  .pagination .results {
    display: none;
  } /*filter样式开始*/
  .product-filter {
    margin: 0 9px 20px 9px;
  }
  .product-filter .display a {
    border-right: 1px solid #e9e9e9 !important;
  }
  .product-filter .form-control {
    appearance: menulist-button;
    -moz-appearance: menulist-button;
    -webkit-appearance: menulist-button;
    cursor: pointer;
  }
  .product-filter .sort span,
  .product-filter .limit span {
    text-transform: uppercase;
  }
  .product-filter {
    border: 1px solid #e9e9e9;
  }
  .product-filter .display a {
    padding: 24px 29px 20px 30px;
    border-right: 1px solid #e9e9e9;
    height: auto;
    width: auto;
    border: none;
    margin: 0;
    line-height: 22px;
  }
  .product-filter .display {
    margin-right: 0;
  }
  .product-filter {
    padding: 0;
  }
  .product-filter .display a.active {
    border-color: #e9e9e9;
  }
  .product-filter .sort {
    padding: 19px 0 19px 15px;
    border-right: 1px solid #e9e9e9;
    height: 70px;
  }
  .product-filter .form-control {
    text-transform: uppercase;
    margin-right: 15px;
    width: 120px;
  }
  .product-filter .limit {
    float: left;
    padding: 19px 0 19px 15px;
    border-right: 1px solid #e9e9e9;
    height: 70px;
  }
  .product-compare {
    background: #fff;
  }
  .product-compare a {
    color: #333;
    font-size: 14px;
  }
  .product-compare:hover {
    box-shadow: none;
  }
  .product-compare {
    float: none;
    padding: 21px 0 21px 13px;
  }
  @media only screen and (min-width: 991px) and (max-width: 1199px) {
    .product-filter .display a {
      padding: 24px 4px 20px 6px;
    }
    .product-compare {
      padding: 21px 0 21px 5px;
    }
  }
  @media only screen and (max-width: 768px) {
    #category_poster img {
      height: auto !important;
    }
    .product-grid .product-block .image {
      padding: 0;
    }
    #breadcrumb {
      display: none;
    }
    #columns #group-content {
      margin-top: 0px !important;
    }
    .product-filter {
      margin: 0 9px 30px 9px !important;
    }
    .product-grid .product-block .name a {
        font-size: clamp(12px, 3.8vw, 16px);
        line-height: clamp(15px, 3vw, 34px);
        
    }
    .product-grid .products-block {
      display: block;
      -ms-flex-wrap: unset;
      flex-wrap: unset;
    }
    .product-grid .product-meta {      
      padding: 14px !important;
    }
    .product-grid .product-block .product-meta {
        height: clamp(80px,20vw,100px);
    }
    .product-grid .product-block .price,
    .product-grid .product-block .price-old {
      font-size: 15px !important;
      font-weight: normal !important;
    }
    .product-filter {
      border: none;
    }
    .product-filter .display a {
      border: 1px solid #ccc;
      display: inline-block;
      font-size: 14px;
      height: 25px;
      line-height: 26px;
      margin-right: 10px;
      width: 25px;
      color: #8e8d8d;
      text-align: center;
      padding: 0;
    }
    .product-compare {
      float: right;
      padding: 0;
      float: right;
      line-height: 27px;
      background: #000;
      display: inline-block;
      font-size: 13px;
      height: 27px;
      padding: 0 10px;
      vertical-align: middle;
      border-radius: 0;
      text-transform: uppercase;
      transition: all 0.4s ease 0s;
      margin-left: 20px;
      margin-bottom: 0;
    }
    .product-compare a {
      color: #fff;
    }
    .product-filter .sort {
      float: left;
      display: none;
    }
    .product-filter .limit {
      float: right;
      display: none;
    }
    .product-filter .sort,
    .product-filter .limit {
      padding: 0;
      border-right: none;
      height: auto;
    }
    .product-filter .form-control {
      border: none !important;
      box-shadow: none;
      font-size: 14px;
      display: inline-block;
      width: auto;
      border-radius: 0;
      height: 27px;
      padding: 3px;
      max-width: 170px;
    }
    .product-filter .sort span,
    .product-filter .limit span {
      text-transform: none;
    }
    #column-left {
      display: none;
    }
  }
  .product-filter .display a span {
    font-size: 24px;
  } /*filter样式结束*/ /*hovertitle样式*/
  .product-block .tooltip-inner {
    min-width: 70px;
    text-align: center;
  }
  @media only screen and (min-width: 990px) and (max-width: 1199px) {
    .product-list .product-block .list-wishlish2 {
      left: 47.5%;
    }
  } /*统一改颜色的*/ /*.pagination .links b {*/ /*    border-color:#000;*/ /*    color:#000;*/ /*} */
  .product-block .price {
    color: #333 !important;
    font-style: normal;
    margin: 0;
  }
  .product-block .price {
    width: 50%;
    float: right;
    height: 24px;
    line-height: 24px;
  }
  .product-compare a:hover {
    color: #000;
  }
  .product-block .norating {
    display: none;
  }
  .minimumOrder,
  .count_colors {
    color: #333;
    margin-top: 0;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 0px;
  }
  .minimumOrder {
    width: 50%;
    float: left;
    height: 24px;
    line-height: 24px;
  }
  .moq-label {
    color: #999;
  }
  .product-list .product-block .shappingcart a:hover {
    border: 2px solid #000000 !important;
    background: #ffffff !important;
    color: #000000 !important;
  }
  #content .proudct_design_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0;
    transition: all 0.3s ease 0s;
  }
  #content .proudct_design_video:hover {
    opacity: 1;
    transition: all 0.3s ease 0s;
  }
  #content .proudct_design_video_icon {
    overflow: hidden;
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 0;
    overflow: hidden;
    opacity: 1;
    transition: all 0.3s ease 0s;
  }
  #content .proudct_design_video_progress {
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 5px;
    background-color: #0000001a;
    z-index: 999;
    display: none;
  }
  #content .proudct_design_video_progress .progress {
    display: block;
    width: 0%;
    height: 5px;
    border-radius: 0px;
    background: #ffffff;
  }
  .container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 9px;
    padding-right: 9px;
  }
  #category_poster {
    margin-top: 60px !important;
    background-color: unset;
    margin-bottom: 20px;
  }
  #category_poster .row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    color: #333333;
  }
  #category_poster img {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  #category_poster h1 {
    font-size: 30px;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 30px;
    margin-bottom: 10px;
    color: #333333;
  }
  #category_poster p {
    color: #999999;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  #category_list {
    overflow: hidden;
    margin: 30px auto;
  }
  #category_list .swiper_title {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 32px;
    margin-bottom: 15px;
  }
  #category_list .swiper .swiper-pagination {
    top: 0;
    left: initial;
    right: 0;
    width: auto;
    height: auto;
    line-height: initial;
    padding: 0;
    margin: 0;
    height: 32px;
    display: none;
    align-items: center;
  }
  #category_list .swiper .swiper-pagination-bullet-active {
    background-color: #333333;
  }
  #category_list .swiper .item a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  #category_list .swiper .item .image {
    width: 100px;
    height: 100px;
    padding: 10px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #e9e9e9;
  }
  #category_list .swiper .item a p {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    text-transform: capitalize;
    color: #333333;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
  }
  #category_list .swiper .item .image p {
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #columns #group-content {
    margin-top: 0 !important;
  }

  /* sort order */

  .btn:hover,
  .btn:focus {
    color: #111111;
  }
  .sortmenu ul li {
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .sortmenu ul li:hover {
    color: #999999;
    transition: all 0.3s ease 0s;
  }
  .comparison_bar {
    display: flex;
    flex-wrap: wrap;
  }
  .comparison_bar .comparison_bar_left {
    display: flex;
    align-items: center;
    width: 50%;
  }
  .comparison_bar .comparison_bar_right {
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: flex-end;
  }
  .comparison_bar .comparison_bar_right .comparison_bar_button {
    width: max-content;
    border-radius: 50px;
    font-size: 14px;
    text-transform: capitalize;
    padding: 8px 16px;
    border: 1px solid #000000;
    background-color: #000000;
    color: #ffffff;
    transition: all 0.3s ease 0s;
  }
  .comparison_bar .comparison_bar_right .comparison_bar_button:hover {
    opacity: 0.7;
    transition: all 0.3s ease 0s;
  }
  .comparison_bar .comparison_bar_right .comparison_bar_iamge {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
  }
  .comparison_bar .comparison_bar_right .comparison_bar_iamge img {
    width: 40px;
    height: 40px;
    margin: 0 5px;
  }
  .comparison_bar .comparison_bar_right .comparison_bar_content p {
    margin: 0;
    font-size: 14px;
    color: #6e6e6e;
  }
  .comparison_bar .comparison_bar_left .comparison_bar_close {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color: #000000;
    font-size: 14px;
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease 0s;
  }
  .comparison_bar .comparison_bar_left .comparison_bar_close:hover {
    border: 1px solid rgb(233 233 233);
    background-color: rgb(233 233 233);
    transition: all 0.3s ease 0s;
  }
  @media (max-width: 768px) {
    .comparison_bar .comparison_bar_left,
    .comparison_bar .comparison_bar_right {
      width: 100%;
    }
    #category_poster {
      margin-top: 20px !important;
    }
    #category_poster h1{
        font-size: clamp(14px, 4.6vw, 28px);
        line-height: clamp(14px, 5vw, 34px);
    }
    #category_poster p{
        font-size: clamp(13px, 4vw, 17px);
    }
    #category_list .swiper .item a p{
        font-size: clamp(10px, 2.8vw, 15px);
    }
    #category_list .swiper .item .image {
        width: clamp(70px,12vw,100px);
        height: clamp(70px,12vw,100px);
        padding: clamp(6px,1.5vw,10px);
    }
    .swiper-button-next, .swiper-button-prev {
      display: none;
  }
    #category_list .swiper_title {
    font-size: clamp(12px, 4vw, 14px) !important;
  }
  .comparison_bar .comparison_bar_right .comparison_bar_button {
      font-size: clamp(12px, 4vw, 14px) !important;
    }
  }
  @media (max-width: 425px) {
    .comparison_bar .comparison_bar_right {
      flex-wrap: wrap;
    }
    .comparison_bar .comparison_bar_right .comparison_bar_button {
      margin-top: 10px;
    }
  }
              .switch {
                position: relative;
                display: inline-block;
                width: 50px;
                height: 24px;
              }
              .switch-input {
                display: none;
              }
              .switch-label {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: gray;
                border-radius: 34px;
                cursor: pointer;
                transition: background-color 0.3s;
                margin: 0;
              }
              .switch-input:checked + .switch-label {
                background-color: black;
              }
              .switch-label:before {
                content: "";
                position: absolute;
                top: 1px;
                left: 1px;
                width: 22px;
                height: 22px;
                background-color: white;
                border-radius: 50%;
                transition: transform 0.3s;
              }
              .switch-input:checked + .switch-label:before {
                transform: translateX(26px);
              } /*商品详情*/
              .sortbtnbox {
                width: 100%;
                display: flex;
                justify-content: flex-end;
                margin-bottom: 30px;
                margin-top: 30px;
                padding: 0 9px;
              }
              .sortborder {
                padding: 8px 14px;
                border: 1px solid #e9e9e9;
              }
              .shopinfolist {
                display: flex;
                flex-wrap: wrap;
                padding-bottom: 40px;
                border-bottom: 1px solid #dddddd;
              }
              .imglist {
                width: 100%;
              }
              .infolist {
                width: 100%;
              }
              .col-fullwidth .imglist {
                max-width: 325px;
              }
              .col-fullwidth .infolist {
                max-width: calc(100% - 325px);
                padding-left: 30px;
              }
              .shopaddbox {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: 78px;
              }
              .imglisticon {
                /*width:23px;*/ /*height:23px;*/
                padding-right: 10px !important;
              }
              .shoplistfont1 {
                font-size: 20px;
                color: #111;
              }
              .shoplistfont2 {
                font-size: 16px;
                color: #666666;
              }
              .addbtn {
                width: 180px;
                padding: 10px 0;
                text-align: center;
                background: #111;
              }
              .addbtn a {
                color: #fff;
                font-size: 16px;
              }
              .imgsize {
                width: 100%;
                height: auto;
              }
              .shopsfont {
                font-size: 16px;
                color: #333;
                width: 100%;
                display: -webkit-box;
                text-overflow: ellipsis;
                overflow: hidden;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                padding: 10px 2px;
              }
              .lookmorebtn {
                width: 200px;
                border-radius: 80px;
                border: 1px solid #000;
                color: #111111;
                font-size: 15px;
                text-align: center;
                font-weight: 500;
                margin: 0 auto;
                padding: 10px;
                margin-top: 18px;
              }
              .i-search-filter-navigation-layer-card {
                position: absolute;
                top: 60px;
                left: 0;
                z-index: 99;
                display: none;
                background: #fff;
              }
              .i-search-filter-navigation-layer-card.open {
                display: block;
              }
              .fixed-box-is-small ul li {
                padding: 10px 20px;
              }
              .sortmenu {
                flex: 1;
                height: auto;
                padding-bottom: 10px;
              }
              .sortmenu span {
                max-width: 90px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
              }
              .sortmenu ul li > .filter_item_span > span {
                display: inline-block;
                width: max-content;
                line-height: initial;
              }
              .sortmenu ul {
                display: flex;
                flex-wrap: wrap;
              }
              .sortmenu ul li {
                background-color: #f5f5f5;
                border: 1px solid transparent;
                border-radius: 28px;
                color: #111;
                cursor: pointer;
                flex: none;
                font-weight: 700;
                font-size: 12px;
                height: auto;
                /* margin-right: 10px; */
                padding: 0 24px;
                white-space: nowrap;
                display: flex;
                justify-content: center;
                align-items: center;
                line-height: 35px;
                z-index: 2;
                position: relative;
                margin-bottom: 10px;
              }
              .i-quick-icon {
                color: #666;
                font-size: 22px;
              }
              .maskt {
                width: 100%;
                height: 100%;
                position: fixed;
                background: rgba(0, 0, 0, 0.6);
                left: 0;
                top: 0;
                z-index: 9999;
                overflow: auto;
                display: none;
              }
              .i-sheets {
                max-width: 480px;
                animation: i-modalSlideToLeft 0.2s cubic-bezier(0, 0, 0.1, 1);
                background: #fff;
                border-radius: 8px 8px 0 0;
                bottom: 0;
                max-height: 100%;
                overflow: hidden;
                position: absolute;
                right: -480px;
                top: 0;
                width: 100%;
                z-index: 100;
                display: flex;
                flex-direction: column;
                border-radius: 0;
              }
              .i-modal-header {
                background-color: #fff;
                display: flex;
                flex: none;
                justify-content: space-between;
                align-items: center;
                padding: 25px 30px;
                position: sticky;
                top: 0;
              }
              .i-modal-header__title {
                color: #111;
                font-weight: 700;
                font-size: 24px;
              }
              .i-modal-header > div {
                width: 100%;
                text-align: center;
              }
              .i-modal-header .closefilter {
                width: 25px;
                position: absolute;
                top: 30px;
                right: 30px;
                height: 34px;
                line-height: 34px;
                cursor: pointer;
              }
              .w24 {
                width: 24px;
                height: 24px;
              }
              .plp-sheets__content-wrapper {
                overflow: auto;
                height: 100%;
              }
              .plp-modal-body {
                padding: 30px;
                height: 100%;
                overflow: auto;
              }
              .panel-default > .panel-heading {
                border: 0;
                background: unset;
              }
              .panel-default {
                border: 0;
                border-top: 1px solid rgb(233 233 233);
              }
              .panel-default > .panel-heading + .panel-collapse .panel-body {
                border: 0;
              }
              .panel-title > a {
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: 18px;
                font-weight: 700;
                color: #111111 !important;
              }
              .i-search-filter-navigation-layer-card {
                position: absolute;
                top: calc(100% + 10px);
                left: 0;
                z-index: 99;
                /* min-width: 200px; */
                /* width:fit-content; */
                /* max-width: 391px; */
                background: #fff;
                box-shadow: 0 4px 16px #0000001a;
                border-radius: 8px;
                overflow: hidden;
              }
              @media (max-width: 768px) {
                .i-search-filter-navigation-layer-card {
                  /* left: 0;
                  right: 0; */
                  width: auto;
                  /* max-width: none;
                  min-width: 0; */
                }
              }
              .fixed-box-is-small > ul {
                flex-wrap: wrap;
              }
              .fixed-box-is-small > ul li {
                width: 100%;
                background: unset;
                justify-content: space-between;
              }
              .panel-title > a svg {
                width: 35px;
              }
              div.SEC_sort {
                padding-top: 1.5rem;
                padding-bottom: 4rem;
                height: auto;
                visibility: visible;
                opacity: 1;
                transition: all 200ms cubic-bezier(0.4, 0, 0.4, 1);
                overflow: visible;
              }
              .sr-only {
                position: absolute !important;
                display: block;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                clip-path: polygon(0 0, 0 0, 0 0, 0 0);
                white-space: nowrap;
                visibility: visible;
                border: 0;
              }
              .sr-only {
                position: absolute;
                width: 0.0625rem;
                height: 0.0625rem;
                padding: 0;
                margin: -0.0625rem;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                border: 0;
              }
              .plp-radio-button {
                display: flex;
                justify-content: space-between;
                padding: 1rem 0;
                cursor: pointer;
              }
              .plp-radio-button__text {
                font-size: 16px;
              }
              .plp-radio {
                position: relative;
                display: flex;
                align-items: flex-start;
              }
              .plp-radio input[type="radio"],
              .plp-radio input[type="checkbox"] {
                position: absolute;
                left: 0;
                top: -0.625rem;
                width: 2.75rem;
                height: 2.75rem;
                display: inline-block;
                border: 0;
                opacity: 0;
                padding: 0;
                z-index: 1;
                cursor: pointer;
              }
              .plp-radio__symbol {
                width: 16px;
                height: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: rgb(255 255 255);
                border: 1px solid rgb(146 146 146);
                border-radius: 2px;
                flex-shrink: 0;
              }
              .plp-radio input[type="radio"]:checked ~ .plp-radio__symbol,
              .plp-radio input[type="checkbox"]:checked ~ .plp-radio__symbol {
                background: rgb(0 0 0);
                border-color: rgb(0 0 0);
              }
              .plp-radio__symbol::after {
                content: "";
                position: absolute;
                left: 0.25rem;
                top: 0.625rem;
                border: 2px solid currentColor;
                border-left: 0;
                border-top: 0;
                border-right: 0;
                opacity: 0;
                color: rgb(255 255 255);
                width: 0.875rem;
              }
              .plp-radio__symbol::before {
                transform: rotate(45deg);
                content: "";
                box-sizing: content-box;
                display: block;
                border: 2px solid currentColor;
                border-left: 0;
                border-top: 0;
                height: 0.5625rem;
                width: 0.25rem;
                opacity: 0;
                margin-top: -0.25rem;
                color: rgb(255 255 255);
              }
              .plp-radio
                input[type="radio"]:checked
                ~ .plp-radio__symbol::after,
              .plp-radio
                input[type="checkbox"]:checked
                ~ .plp-radio__symbol::after {
                opacity: 0;
              }
              .plp-radio
                input[type="checkbox"]:checked
                ~ .plp-radio__symbol::before {
                opacity: 1;
              }
              .plp-radio--subtle
                input[type="radio"]:checked
                ~ .plp-radio__symbol::after {
                background: rgb(17 17 17);
              }
              .plp-radio--subtle
                input[type="radio"]:checked
                ~ .plp-radio__symbol {
                border-color: rgb(
                  var(--colour-interactive-subtle-border-selected, 17, 17, 17)
                );
              }
              .i-modal-footer {
                border-top: 1px solid #dfdfdf;
              }
              .i-search-filter-navigation-layer-card-footer {
                background-color: #fff;
                display: flex;
                justify-content: center;
                padding: 20px 20px;
                position: relative;
              }
              .filter-btn {
                margin-right: 15px;
              }
              .i-btn {
                background: 0 0;
                border: 0;
                border-radius: 64px;
                cursor: pointer;
                display: inline-flex;
                font-size: 14px;
                font-weight: 700;
                line-height: 1.4285714286;
                outline: 0;
                padding: 10px 75px;
                position: relative;
                text-align: center;
                vertical-align: top;
              }
              .i-btns1 {
                border: 1px solid #111;
                text-decoration: none;
              }
              .i-btns1:hover {
                background: #000;
                color: #fff;
              }
              .i-btns2 {
                background: #111;
                text-decoration: none;
                color: #fff;
              }
              .i-btns2:hover {
                background: #333333;
              }
              .shopinfolist .shoplistfont1 {
                font-size: 16px;
                color: #333;
                width: 100%;
                display: -webkit-box;
                text-overflow: ellipsis;
                overflow: hidden;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                padding: 10px 2px;
              }
              .shopinfolist.col-fullwidth .shoplistfont1 {
                font-size: 20px;
                color: #111;
              }
              .shopinfolist .shoplistfont2,
              .shopinfolist .shopaddbox {
                display: none;
              }
              .shopinfolist.col-fullwidth .shoplistfont2 {
                display: block;
              }
              .shopinfolist.col-fullwidth .shopaddbox {
                display: flex;
              }
              .shopinfolist {
                border: 0;
              }
              .shopinfolist.col-fullwidth {
                border-bottom: 1px solid #dddddd;
              }
              .fixed-box-is-small {
                max-height: 260px;
                overflow: auto;
              }
              .fixed-box-is-small .click_more_li {
                display: none;
              }
              .fixed-box-is-small .click_more_li a {
                text-decoration: underline;
              }
              .sortbtnbox > a {
                border: 1px solid #e9e9e9;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 50px;
                height: 35px;
              }
              .sortbtnbox > a:last-child {
                border-left: 0;
              }
              .sortbtnbox > a svg path {
                fill: #bcbcbc;
              }
              .sortbtnbox > a.active svg path {
                fill: #000000;
              }
              .group-checkbox {
                position: absolute;
                display: flex;
                align-items: flex-start;
                z-index: 999;
              }
              .group-checkbox input[type="checkbox"] {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                display: inline-block;
                border: 0;
                opacity: 0;
                padding: 0;
                z-index: 1;
                cursor: pointer;
                margin: 0;
                padding: 0;
              }
              .group-checkbox_symbol {
                position: relative;
                border-radius: 4px;
                border: 1px solid rgb(146 146 146);
                width: 1.5rem;
                height: 1.5rem;
                background: rgb(255 255 255);
                flex-shrink: 0;
                display: flex;
                align-items: center;
                justify-content: center;
              }
              .group-checkbox_symbol::before {
                transform: rotate(45deg);
                content: "";
                box-sizing: content-box;
                display: block;
                border: 2px solid currentColor;
                border-left: 0;
                border-top: 0;
                height: 0.5625rem;
                width: 0.25rem;
                opacity: 0;
                margin-top: -0.25rem;
                color: rgb(255 255 255);
              }
              .group-checkbox_symbol::after {
                content: "";
                position: absolute;
                left: 0.25rem;
                top: 0.625rem;
                border: 2px solid currentColor;
                border-left: 0;
                border-top: 0;
                border-right: 0;
                opacity: 0;
                color: rgb(255 255 255);
                width: 0.875rem;
              }
              .group-checkbox
                input[type="checkbox"]:checked
                ~ .group-checkbox_symbol {
                background: rgb(0 0 0);
                border-color: rgb(0 0 0);
              }
              .group-checkbox
                input[type="checkbox"]:checked
                ~ .group-checkbox_symbol::before {
                opacity: 1;
              }
              .group-checkbox
                input[type="checkbox"]:indeterminate
                ~ .group-checkbox_symbol {
                background: rgb(0 88 163);
                border-color: rgb(0 88 163);
              }
              .group-checkbox
                input[type="checkbox"]:indeterminate
                ~ .group-checkbox_symbol::after {
                opacity: 1;
              }
              .fixed-box-is-small
                > ul
                li:hover
                .group-checkbox
                input[type="checkbox"]
                ~ .group-checkbox_symbol {
                border-color: rgb(17 17 17);
              }
              .fixed-box-is-small
                > ul
                li:hover
                .group-checkbox
                input[type="checkbox"]
                ~ .group-checkbox_symbol::before {
                color: rgb(233 233 233);
                opacity: 1;
              }
              @media (hover: none) {
                .fixed-box-is-small
                  > ul
                  li:hover
                  .group-checkbox
                  input[type="checkbox"]
                  ~ .group-checkbox_symbol::before {
                  color: rgb(233 233 233);
                }
              }
              .fixed-box-is-small
                > ul
                li:hover
                .group-checkbox
                input[type="checkbox"]:checked
                ~ .group-checkbox_symbol {
                background: rgb(0 0 0);
                border-color: rgb(0 0 0);
              }
              .fixed-box-is-small
                > ul
                li:hover
                .group-checkbox
                input[type="checkbox"]:checked
                ~ .group-checkbox_symbol::before {
                color: rgb(255 255 255);
              }
              .fixed-box-is-small
                > ul
                li:hover
                .group-checkbox
                input[type="checkbox"]:indeterminate
                ~ .group-checkbox_symbol {
                background: rgb(0 79 147);
                border-color: rgb(0 79 147);
              }
              .fixed-box-is-small
                > ul
                li:hover
                .group-checkbox
                input[type="checkbox"]:indeterminate
                ~ .group-checkbox_symbol::before {
                opacity: 0;
              }
              .group-checkbox--subtle
                input[type="checkbox"]
                ~ .group-checkbox_symbol::before,
              .group-checkbox--subtle
                input[type="checkbox"]
                ~ .group-checkbox_symbol::after {
                color: rgb(255 255 255);
              }
              .group-checkbox--subtle
                input[type="checkbox"]:checked
                ~ .group-checkbox_symbol {
                background: rgb(17 17 17);
                border-color: rgb(17 17 17);
              }
              .group-checkbox--subtle
                input[type="checkbox"]:hover:checked
                ~ .group-checkbox_symbol {
                background: rgb(17 17 17);
                border-color: rgb(17 17 17);
              }
              .group-checkbox--subtle
                input[type="checkbox"]:hover:checked
                ~ .group-checkbox_symbol::after,
              .group-checkbox--subtle
                input[type="checkbox"]:hover:checked
                ~ .group-checkbox_symbol::before {
                color: rgb(255 255 255);
              }
              .group-checkbox--subtle
                input[type="checkbox"]:indeterminate
                ~ .group-checkbox_symbol {
                background: rgb(17 17 17);
                border-color: rgb(17 17 17);
              }
              .group-checkbox--subtle
                input[type="checkbox"]:hover:indeterminate
                ~ .group-checkbox_symbol {
                background: rgb(17 17 17);
                border-color: rgb(17 17 17);
              }
              .group-checkbox input[type="checkbox"]:disabled {
                pointer-events: none;
              }
              .group-checkbox
                input[type="checkbox"]:disabled
                ~ .group-checkbox_symbol {
                background-color: rgb(255 255 255);
                border-color: rgb(204 204 204);
              }
              .group-checkbox input[type="checkbox"]:disabled:hover {
                cursor: default;
              }
              .group-checkbox
                input[type="checkbox"]:disabled:checked
                ~ .group-checkbox_symbol,
              .group-checkbox
                input[type="checkbox"]:disabled:indeterminate
                ~ .group-checkbox_symbol {
                background-color: rgb(204 204 204);
              }
              .group-checkbox
                input[type="checkbox"]:disabled:checked
                ~ .group-checkbox_symbol::before,
              .group-checkbox
                input[type="checkbox"]:disabled:checked
                ~ .group-checkbox_symbol::after,
              .group-checkbox
                input[type="checkbox"]:disabled:indeterminate
                ~ .group-checkbox_symbol::before,
              .group-checkbox
                input[type="checkbox"]:disabled:indeterminate
                ~ .group-checkbox_symbol::after {
                border-color: rgb(146 146 146);
              }
              .group-checkbox
                input[type="checkbox"]:disabled
                ~ .group-checkbox__label
                label {
                cursor: default;
                color: rgb(204 204 204);
                pointer-events: none;
              }
              .group-checkbox
                input[type="checkbox"]:disabled
                ~ .group-checkbox__label
                a {
                color: rgb(204 204 204);
              }
              @media (forced-colors: active) {
                .group-checkbox
                  input[type="checkbox"]:disabled
                  ~ .group-checkbox_symbol {
                  border-color: GrayText;
                }
                .group-checkbox
                  input[type="checkbox"]:disabled:checked
                  ~ .group-checkbox_symbol::before,
                .group-checkbox
                  input[type="checkbox"]:disabled:checked
                  ~ .group-checkbox_symbol::after,
                .group-checkbox
                  input[type="checkbox"]:disabled:indeterminate
                  ~ .group-checkbox_symbol::before,
                .group-checkbox
                  input[type="checkbox"]:disabled:indeterminate
                  ~ .group-checkbox_symbol::after {
                  border-color: GrayText;
                }
                .group-checkbox
                  input[type="checkbox"]:disabled
                  ~ .group-checkbox__label
                  label,
                .group-checkbox
                  input[type="checkbox"]:disabled
                  ~ .group-checkbox__label
                  a {
                  color: GrayText;
                }
              }
          .swiper-button {
            display: flex;
            align-items: center;
            width: 85px;
            float: left;
            justify-content: space-around;
          }
          .swiper-button .swiper-button-next,
          .swiper-button .swiper-button-prev {
            background: unset !important;
            position: unset;
            margin: 0;
            width: 25px;
            height: 25px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
            padding: 0;
          }
                        /*懒加载*/
                        .loads-class {
                          opacity: 0;
                          filter: alpha(opacity=0);
                          -moz-opacity: 0;
                          -khtml-opacity: 0;
                          height: 0;
                        }
                        .skeleton {
                          display: block;
                          width: 100%;
                        }
                        .skeleton .skeleton-head,
                        .skeleton .skeleton-title,
                        .skeleton .skeleton-content {
                          background: rgb(233, 233, 233);
                        }
                        .skeleton-head {
                          width: 100%;
                          height: 196px;
                        }
                        .skeleton-body {
                          margin-top: 10px;
                        }
                        .skeleton-title {
                          width: 100%;
                          height: 18px;
                        }
                        .skeleton-content {
                          width: 70%;
                          height: 18px;
                          margin-top: 10px;
                        }
                        .skeleton .skeleton-head,
                        .skeleton .skeleton-title,
                        .skeleton .skeleton-content {
                          background: rgb(233, 233, 233);
                          background-image: linear-gradient(
                            90deg,
                            rgba(255, 255, 255, 0.15) 25%,
                            transparent 25%
                          );
                          background-size: 20rem 20rem;
                          animation: skeleton-stripes 1s linear infinite;
                          -webkit-animation-timing-function: skeleton-stripes 1s
                            linear infinite;
                          -moz-animation-timing-function: skeleton-stripes 1s
                            linear infinite;
                          -o-animation-timing-function: skeleton-stripes 1s
                            linear infinite;
                          animation-timing-function: skeleton-stripes 1s linear
                            infinite;
                        }
                        @keyframes skeleton-stripes {
                          from {
                            background-position: 0 0;
                          }
                          to {
                            background-position: 20rem 0;
                          }
                        }
                        @-webkit-keyframes skeleton-stripes {
                          from {
                            background-position: 0 0;
                          }
                          to {
                            background-position: 20rem 0;
                          }
                        }
                        @-moz-keyframesskeleton-stripes {
                          from {
                            background-position: 0 0;
                          }
                          to {
                            background-position: 20rem 0;
                          }
                        }
                        @-ms-keyframes skeleton-stripes {
                          from {
                            background-position: 0 0;
                          }
                          to {
                            background-position: 20rem 0;
                          }
                        }
                        .compare_item .group-checkbox {
                          align-items: center;
                        }
                        .compare_item {
                          /* margin-bottom: 8px; */
                          opacity: 0;
                          transition: all 0.3s ease 0s;
                        }
                        .product-block:hover .compare_item,
                        .product-block .compare_item.open {
                          opacity: 1;
                          transition: all 0.3s ease 0s;
                        }
                        .compare_item label {
                          margin: 0;
                          margin-left: 8px;
                          font-size: 12px;
                          color: rgb(72 72 72);
                          text-transform: capitalize;
                        }
                        .product-list .col-fullwidth .compare_item {
                          position: absolute;
                          top: 1px;
                          left: 10px;
                          z-index: 2;
                          width: max-content;
                          background-color: #ffffffb8;
                          padding: 5px;
                          border: 0;
                        }
                        .product-block .swiper-slide {
                          width: auto;
                        }
                            .newPrice {
                              display: none;
                            }
                            .col-fullwidth .newPrice {
                              border: none;
                              text-align: left;
                              background: none;
                              z-index: 0;
                              margin: 10px 0;
                              display: flex;
                              justify-content: flex-start;
                              align-items: flex-start;
                              overflow-y: hidden;
                              overflow-x: auto;
                              display: -webkit-box;
                              -webkit-overflow-scrolling: touch;
                              margin: 0.5rem 0.5rem;
                              overflow: hidden;
                            }
                            .col-fullwidth .newPrice::-webkit-scrollbar {
                              /*滚动条整体样式*/
                              width: auto; /*高宽分别对应横竖滚动条的尺寸*/
                              height: 3px;
                            }
                            .col-fullwidth .newPrice::-webkit-scrollbar-thumb {
                              /*滚动条里面小方块*/
                              border-radius: 10px;
                              -webkit-box-shadow: inset 0 0 5px
                                rgba(0, 0, 0, 0.2);
                              background: #535353;
                            }
                            .col-fullwidth .newPrice::-webkit-scrollbar-track {
                              /*滚动条里面轨道*/
                              -webkit-box-shadow: inset 0 0 5px
                                rgba(0, 0, 0, 0.2);
                              border-radius: 10px;
                              background: #ededed;
                            }
                            .col-fullwidth .product-block .name a {
                              font-weight: 600;
                            }
                            .col-fullwidth .product-block .description {
                              color: #bbbbbb;
                            }
                            .col-fullwidth .price {
                              display: none;
                            }
                            .newPriceItem {
                              padding: 0 20px 0 0;
                              vertical-align: top;
                            }
                            .newPriceItem.active {
                              background: rgb(153 153 153 / 10%);
                            }
                            .newPriceItem p {
                              font-size: 14px;
                              line-height: 20px;
                              color: #666;
                              margin-bottom: 0;
                            }
                            .newPriceItem .newPriceItemCount {
                              display: block;
                              overflow: hidden;
                              text-overflow: ellipsis;
                              white-space: nowrap;
                              margin-bottom: 5px;
                              font-size: 12px;
                            }
                            .newPriceItem .newPriceItemNewPrice {
                              color: #333;
                              display: block;
                              vertical-align: top;
                              font-weight: 500;
                              font-size: 17px;
                            }
                            .newPriceItem.active .newPriceItemNewPrice {
                              color: #000000;
                            }
                            .col-fullwidth .newPriceItem .newPriceItemNewPrice {
                              font-weight: 600;
                            }
                            .newPriceItem .newPriceItemOldPrice {
                              text-decoration: line-through;
                            }
                                            /* 多图展示样式 */
                  .sm_img_group {
                    position: absolute;
                    left: 5px;
                    bottom: 0;
                    z-index: 9;
                    display: none;
                  }
                  .sm_img {
                    opacity: 0.5;
                  }
                  .sm_img img {
                    border: 0;
                    max-width: 35px;
                    margin-right: 5px;
                  }
                  .sm_img.active {
                    opacity: 1;
                  }
                  .product-block .image .product-label-special {
                    position: absolute;
                    top: 8px;
                    left: 4px;
                    z-index: 10;
                    color: #000000;
                    font-size: 14px;
                    padding: 6px 11px;
                    border: 0;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                    width: auto;
                    right: auto;
                    height: auto;
                    line-height: 1;
                    background: unset;
                  }
                  .product-block .image .product-customize {
                    position: absolute;
                    top: 8px;
                    right: 4px;
                    z-index: 10;
                    color: #000000;
                    font-size: 14px;
                    padding: 6px 0px;
                    border: 0;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                    width: auto;
                    left: auto;
                    height: auto;
                    line-height: 1;
                    background: unset;
                  }
                  .product-block .image .product-customize:after {
                    content: "";
                    display: block;
                    position: absolute;
                    bottom: -2px;
                    left: 0;
                    height: 1px;
                    width: 0%;
                    background-color: #101010;
                    transition: width 0.25s ease;
                  }
                  .product-block .image .product-customize:after {
                    background-color: #101010 !important;
                    bottom: 2px;
                  }
                  .product-block .image .product-customize:after {
                    left: auto;
                    right: 0;
                    width: 100%;
                  }
                  .product-block .image .product-customize:hover:after {
                    width: 0%;
                  }
                  .product-block .image .swiper-slide a {
                    margin: 0 4px;
                    position: relative;
                    display: flex;
                    padding-bottom: 2px;
                    border-radius: 4px;
                  }
                  .product-block .image .swiper-slide a:after {
                    content: "";
                    display: block;
                    position: absolute;
                    height: 2px;
                    width: 0%;
                    background-color: #101010;
                    transition: width 0.25s ease;
                    left: 0;
                    right: auto;
                    background-color: #101010 !important;
                    bottom: 0px;
                  }
                  .product-block .image .swiper-slide a:hover:after {
                    width: 100%;
                  }
                  .product-block .image .swiper-slide a img {
                    width: 100%;
                  }
                  @media (max-width: 991px) {
                    .product-block .product-meta {
                      float: none;
                    }
                    .product-block .name a {
                      width: 90%;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
                      
                    }
                  }
                  .unclick {
                    pointer-events: none;
                  }