/**
basic color
**/
#content{
    min-height: 500px;
}
body{
    background-color: var(--background-color)!important;
    color: #000!important;
}
.xh-ui-btn {
    font-size: 14px;
    height: 44px;
    min-width: 140px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
    cursor: pointer;
}
.xh-ui-main-btn{
    color: var(--main-button-text-color)!important;
    background-color: var(--main-button-background-color);
    border-color: var(--main-button-border-color);
}

.xh-ui-secondary-btn{
    background-color: var(--secondary-button-background-color);
    border: 1px solid var(--secondary-button-border-color);
    color: var(--secondary-button-text-color);
}

.category-choice{
    padding: 10px;
    margin-right: 10px;
    cursor: pointer;
    background-color: var(--secondary-button-background-color);
    border: 1px solid var(--secondary-button-border-color);
    color: var(--secondary-button-text-color)!important;;
}
.category-choice:hover{
       color: var(--main-button-text-color)!important;
    background-color: var(--main-button-background-color);
    border-color: var(--main-button-border-color);
}
.product-menu .active{
        color: var(--main-button-text-color)!important;
    background-color: var(--main-button-background-color);
    border-color: var(--main-button-border-color);
}

/***sidebar***/
.open_sales_notification {
    transform: translate(-30px);
}

.close_sales_notification {
    transform: translate(calc(100% - 0px));
}

.position_sales_notification {
    right: 0;
    bottom: 130px;
}

@media screen and(max-width:768px) {
    .open_sales_notification {
        transform: translate(0);
    }

    .sales_notification {
        .inner_content {
            width: 300px !important;
        }
    }
}

.sales_notification {
    z-index: 101;
    transition: all 0.5s ease-in-out;
    position: fixed;

    .icon_close {
        position: absolute;
        right: 5px;
        top: 25px;
        cursor: pointer;
    }

    .inner_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 360px;
        border-radius: 4px;
        background-color: #000;
        -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);

        .pic_in {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 64px;
            height: 64px;
            margin-left: 14px;
            border-radius: 4px;

            img {
                width: 64px;
                height: 64px;
            }
        }

        .content__text {
            margin-left: 14px;
            padding: 10px 0;

            p {
                margin-top: 5px;
                margin-bottom: 5px;
                font-size: 12px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 250px;
            }
        }
    }

    .white {
        background-color: #fff;

        .pic_in {
            background-color: #f7f8fb;
        }

        .info__text {
            opacity: 0.5;
            color: #242833;
        }

        .title__text {
            color: #242833;
        }

        p {
            color: #242833;
        }
    }

    .dark {
        background-color: #242833;

        .info__text {
            opacity: 0.5;
            color: #fff;
        }

        .title__text {
            color: #fff;
        }

        .pic_in {
            background-color: rgba(255, 255, 255, 0.2);
        }

        p {
            color: #fff;
        }
    }
}

/**
screen
**/

.preview-item {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 20px;
    display: inline-flex;
    align-items: center;
    margin-top: 16px;
    margin-right: 24px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 14px;
    color: #ffffff;
    box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;

    .preview-bg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000000;
        opacity: 0.5;
    }

    .preview-text {
        position: relative;
        display: flex;
        align-items: center;
        height: 32px;
        padding: 0 12px;

        img {
            width: 24px;
            margin-right: 8px;
        }
    }
}

@font-face {
    font-family: detailmarkettool_iconfont;
    src: url("./market_iconfont.woff2") format("woff2"), url("./market_iconfont.woff") format("woff"), url("./iconfont/market_iconfont.ttf") format("truetype")
}
.icon-square-1::before {
    content: "\e71a"
}

.marketDetailBox {
    width: 100%;
    max-width: 416px;
    background-color: #f6f6f6;
    border-radius: 4px;
    margin-bottom: 20px;

    .marketDetail_content {
        padding: 16px 24px;

        .market-tool-items {
            display: flex;
            margin-top: 5px;

            .market-tool-items_div {
                padding-left: 10px
            }

            .detailmarkettool_iconfont {
                margin-top: -6px;
                font-family: detailmarkettool_iconfont !important;
                font-size: 28px;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

            .icon-square-2::before {
                content: "\e713"
            }

            .icon-square-3::before {
                content: "\e716"
            }

            .icon-square-4::before {
                content: "\e714"
            }

            .icon-square-5::before {
                content: "\e724"
            }

            .icon-see-2::before {
                content: "\e721"
            }

            .icon-see-4::before {
                content: "\e725"
            }

            .icon-see-1::before {
                content: "\e729"
            }

            .icon-see-3::before {
                content: "\e720"
            }

            .icon-see-5::before {
                content: "\e71b"
            }

            .icon-r_purchases-1::before {
                content: "\e718"
            }

            .icon-r_purchases-2::before {
                content: "\e73e"
            }

            .icon-r_purchases-3::before {
                content: "\e742"
            }

            .icon-r_purchases-4::before {
                content: "\e73f"
            }

            .icon-r_purchases-5::before {
                content: "\e741"
            }

            .icon-c_purchases-1::before {
                content: "\e728"
            }

            .icon-c_purchases-2::before {
                content: "\e733"
            }

            .icon-c_purchases-3::before {
                content: "\e727"
            }

            .icon-c_purchases-4::before {
                content: "\e70a"
            }

            .icon-c_purchases-5::before {
                content: "\e723"
            }

            .icon-delivery_t-1::before {
                content: "\e732"
            }

            .icon-delivery_t-2::before {
                content: "\e72e"
            }

            .icon-delivery_t-3::before {
                content: "\e731"
            }

            .icon-delivery_t-4::before {
                content: "\e738"
            }

            .icon-delivery_t-5::before {
                content: "\e72c"
            }

            .icon-shopping_cart-1::before {
                content: "\e736"
            }

            .icon-shopping_cart-2::before {
                content: "\e74c"
            }

            .icon-shopping_cart-3::before {
                content: "\e71e"
            }

            .icon-shopping_cart-4::before {
                content: "\e71d"
            }

            .icon-shopping_cart-5::before {
                content: "\e715"
            }

            .icon-c_views-1::before {
                content: "\e739"
            }

            .icon-c_views-2::before {
                content: "\e735"
            }

            .icon-c_views-3::before {
                content: "\e70f"
            }

            .icon-c_views-4::before {
                content: "\e74d"
            }

            .icon-c_views-5::before {
                content: "\e709"
            }

            .variable-content {
                font-size: 16px;
                font-weight: bold
            }
        }
    }
}

@media screen and (max-width:600px) {
    .marketDetailBox {
        width: 100%;

        .marketDetail_content {
            padding: 10px 8px
        }
    }
}

/*popups*/
._mask_y2d1s_4{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    height: 100%;
    transition: opacity 0.3s ease-out;
    background-color: rgb(0,0,0,0.4)
}
.modal-center {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 40px;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    text-align: center;
}
.modal-center::before{
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}
._fade-appeared_y2d1s_56{
    transition: all .3s ease-out;
    vertical-align: middle;
    border-radius:  0px;
}

._body_y2d1s_1{
    display: inline-block;
    box-sizing: border-box;
    background-color: #fff;
    text-align: left;
    max-width: 100%;
}
._modal_nojvq_1{
    display: flex;
    position: relative;
    flex-direction: column;
    width: 600px;
    min-height: 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    ._customTxt_nojvq_42 {
        padding: 20px 10px;
        background: white;
    }
     ._customTitle_nojvq_46 {
        margin-bottom: 16px;
        color: #000;
        font-size: 20px;
        font-weight: 700;
    }
}
._closeIcon_nojvq_23{
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    cursor: pointer;
}
._bg_nojvq_33{
    position: initial;
    padding-top: 66.66%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
}

@media screen and (max-width: 750px) {
    .modal-center{
        padding: 20px;
    }
   ._popup_y2d1s_4  {
        text-align: center;
    }
    ._modal_nojvq_1{
        width: calc(100vw - 25px);
        max-width: 360px;
    }
}

/*gdpr */

.consent-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 20px 26px;
  box-shadow: 0 -1px 10px 0 #acabab4d;
  z-index: 99999;
  background: #24273F;
  color: #fff;
  border: 1px solid #24273F;
}

.consent-banner_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.consent-banner_content p{
    color: #fff;
}
.consent-banner_content_title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
}

.consent-banner_content_desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.consent-banner_content_link {
  color: #fff;
  text-decoration: underline;
}
.consent-banner_content_link:hover {
  color: #409Eff;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .consent-banner_content {
    display: block;
  }

    .consent-banner_footer{
        margin-top: 10px;
    }
}

/* button.btn {
  padding: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  text-transform: uppercase;
  letter-spacing: .3em;
  white-space: nowrap;
  border: 1px solid;
  cursor: pointer;
} */

.reject-btn {
  margin-right: 5px;
  background: transparent;
  border-color: #fff;
  color: #fff;
}

.accept-btn {
  border-color: #24273F;
  color: #24273F;
  background: #fff;
}

.reject-btn:hover {
  background: #fff;
  color: #24273F;
}

.accept-btn:hover {
 
  background: #24273F;
  color: #fff;
  border-color: #fff;
}

.floating-button {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 999;
}




	.trust_content {
		.disnone {
			display: none
		}
		.trust_content-div {
			width: 100%;
		
			.app-trusttool-badge {
				margin: 16px 0;
				overflow: hidden;
				.dis_flex-product {}
				.dis_flex-orders {
					width: 100%;
					margin: 0 auto;
				}
				@media screen and(max-width:600px) {
					.dis_flex-product {}
					.app-trusttool-badge-list {
						.badge-list-reep {
							.badge-list {
								flex: 0 0 20% !important;
							}
						}
					}
					.dis_flex-orders {
						display: none;
					}
				}
				.app-trusttool-badge-list {
					position: relative;
					padding: 20px 10px 20px 20px;
					margin-top: 16px;
					border: 1px solid #ddd;
					border-radius: 5px;
					.badge-title {
						position: absolute;
						top: -21px;
						left: 0;
						width: 100%;
						padding: 10px 0;
						font-size: 16px;
						font-weight: bold;
						color: #1d1f21;
						text-align: center;
						span {
							box-sizing: border-box;
							padding: 0 10px;
							background-color: #fff;
						}
					}
					.badge-title-product {
						top: -35px;
					}
					.badge-list-reep {
						display: flex;
						flex-wrap: wrap;
						justify-content: space-around;
						.border {
							border: 1px solid #ddd;
							border-radius: 5px;
						}
						.badge-list {
							display: flex;
							flex: 0 0 80px;
							align-items: center;
							justify-content: center;
							margin: 10px 10px 10px 0;
							overflow: hidden;
							img {
								width: 90%;
								padding: 5px;
							}
						}
						.small {
							flex: 0 0 60px;
						}
						.large {
							flex: 0 0 100px;
						}
					}
				}
			}
			.app-trusttool-networksecurity {
				display: flex;
				flex-wrap: wrap;
				margin: 10px 0;
				border-radius: 5px;
				.trusttool-alert {
					cursor: pointer;
				}
				.safeguard-clause-list {
					box-sizing: border-box;
					width: 100%;
					max-width: 800px;
					margin: 10px auto 0;
					overflow: hidden;
					border: 1px solid #ddd;
					border-left: 4px solid #00af8d;
					border-radius: 5px;
					.safeguard-clause-list-header {
						display: flex;
						align-items: center;
						/* height: 22px; */
						padding: 4px 0;
						text-align: center;
						background-color: #fff;
						.safeguard-left {
							position: relative;
							box-sizing: border-box;
							display: flex;
							align-items: center;
							justify-content: space-around;
							min-width: 150px;
							padding: 0 12px;
							i {
								padding-right: 8px;
								font-size: 24px;
							}
							.safeguard-left span {
								font-size: 16px;
								font-weight: bold;
							}
						}
						.safeguard-left > div {
							display: flex;
							align-items: center;
						}
                        .safeguard-url{
                            color: #585858;
                        }
					}
					.safeguard-clause-list-body {
						display: flex;
						justify-content: space-between;
						font-size: 12px;
						background-color: #eee;
						> div {
							position: relative;
							display: flex;
							flex: 1;
							flex-wrap: wrap;
							align-items: center;
							padding: 10px 14px;
							word-break: break-all;
							.safeguard-bage {
								padding-right: 6px;
								font-weight: bold;
								color: #262626;
							}
							.safeguard-title {
								color: #999;
							}
						}
						> div::after {
							position: absolute;
							top: 50%;
							right: 0;
							width: 1px;
							height: 16px;
							content: "";
							background-color: #d1d1d1;
							transform: translateY(-50%);
						}
					}
				}
			}
			.app-trusttool-scene {
				display: flex;
				flex-wrap: wrap;
				margin: 10px 0;
				border-radius: 5px;
				.the-scene-security {
					box-sizing: border-box;
					display: inline-block;
					min-width: 155px;
					margin: 10px auto 0;
					overflow: hidden;
					background-color: #fff;
					border: 1px solid #ccc;
					border-radius: 5px;
					.the-scene-security-header {
						box-sizing: border-box;
						display: flex;
						align-items: center;
						justify-content: space-around;
						height: 36px;
						padding: 3px 10px;
						font-weight: bold;
						background-color: #fff;
						> span {
							display: flex;
							align-items: center;
							font-size: 16px;
							i {
								padding-right: 8px;
								font-size: 24px;
								font-weight: normal;
							}
						}
					}
					.the-scene-security-body {
						display: flex;
						align-items: center;
						justify-content: center;
						height: 26px;
						padding: 3px 10px;
						font-size: 12px;
						font-weight: normal;
						color: #999;
						text-align: center;
						background: #eee;
					}
				}
				.trusttool-alert {
					cursor: pointer;
				}
			}
		}
		.trust_content-cart {
			max-width: 100%;
		}
		@media screen and(max-width:600px) {
			.trust_content-div {
				width: 100%;
			}
		}
	}
	.trust_tool_icon {
		font-family: trust_tool_icon !important;
		font-size: 16px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.mo-popup {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 510000;
		display: none;
		.mo-popup-mask {
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 1000;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.2);
		}
		.mo-popup-body {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 1000;
			display: flex;
			align-items: center;
			justify-content: center;
			-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
			overflow: hidden;
			.bounceInDown {
				-webkit-animation-name: bounceInDown;
				animation-name: bounceInDown;
			}
			.animated {
				-webkit-animation-duration: 1s;
				animation-duration: 1s;
				-webkit-animation-fill-mode: none;
				animation-fill-mode: none;
			}
			.trusttool-model {
				position: relative;
				box-sizing: border-box;
				width: 490px;
				max-height: 600px;
				overflow: auto;
				background-color: #fff;
				border-radius: 10px;
				.trusttool-model-title {
					position: fixed;
					top: 0;
					left: 0;
					box-sizing: border-box;
					display: flex;
					align-items: center;
					justify-content: space-between;
					width: 100%;
					height: 52px;
					padding: 0 20px 0 17px;
					font-size: 16px;
					font-weight: bold;
					color: #80c600;
					background-color: #fff;
					border-radius: 10px 10px 0 0;
					.turs-logo {
						display: flex;
						align-items: center;
						i {
							padding-right: 5px;
							font-size: 32px;
							font-weight: normal;
						}
						font {
							font-size: 20px;
						}
					}
					.trusttol-model-close {
						display: flex;
						cursor: pointer;
						z-index: 1500;
					}
				}
				.trusttool-model-body {
					padding: 20px 20px 36px;
					margin-top: 52px;
					background-color: #80c600;
					p,
					h2 {
						color: rgba(255, 255, 255, .7)!important;
					}
					p {
						font-size: 14px;
					}
				}
				.trusttool-model-list {
					padding: 0 20px;
					margin-top: -15px;
					li {
						display: flex;
						align-items: center;
						justify-content: space-between;
						height: 50px;
						padding: 0 20px;
						margin-bottom: 15px;
						font-size: 14px;
						background-color: #f6f6f6;
						> span {
							flex: 1;
							font-weight: bold;
							color: #1d1f21;
						}
                        .text2{
                            color: #38b336;
                        }
						>span:last-child {
							display: flex;
							flex: 0 0 80px;
							align-items: center;
							justify-content: space-between;
							color: #80c600;
							svg {
								width: 16px;
								height: 14px;
								fill: #80c600;
							}
						}
					}
					.view-detail {
						padding-bottom: 10px;
					}
				}
				.trusttool-model-view {
					position: absolute;
					bottom: 0;
					left: 0;
					box-sizing: border-box;
					width: 100%;
					padding: 14px 0;
					color: #1d1f21;
					text-align: center;
					background-color: #fff;
					box-shadow: 0 -3px 10px 1px rgba(0, 0, 0, .06);
				}
			}
			@media screen and (max-width:600px) {
				.trusttool-model {
					width: 360px;
				}
			}
		}
	}

/*filter tool*/
#filter_tool{
  .mosaic {
    display: grid;
    grid-template-columns: repeat(3, 5px);
    grid-template-rows: repeat(3, 5px);
    width: 5px;
    height: 5px;
  }
  .tile {
    width: 5px;
    height: 5px;
  }
  /* 多种颜色 */
  .red { background-color: #e74c3c; }
  .blue { background-color: #3498db; }
  .green { background-color: #2ecc71; }
  .yellow { background-color: #f1c40f; }
  .purple { background-color: #9b59b6; }
  .orange { background-color: #e67e22; }
  .pink { background-color: #ff69b4; }
  .teal { background-color: #1abc9c; }
  .gray { background-color: #95a5a6; }
}
   .filter-color{
           width: 22px;
    height: 22px;
    padding: 2px;
    border: 1px solid #ededed;
    }
    .filter-color div{
    width: 16px;
    height: 16px;
    }
    .filter_tool_text{
     display: flex;
     justify-content: flex-start;
     align-items: center;
    }
    .filter_tag{
       color: #6b6b6b;
       padding: 4px 8px;
       background-color: #ededed;
       margin-right:10px ;
       font-size: 12px;
       border-radius: 2px;
       position: relative;
    }
    .filter_tag .filter-delete-icon {
        position: absolute;
        top: -5px;
        right: -3px;
        font-size: 12px;
        color: #222;
        cursor: pointer;
        opacity: 0; /* 默认隐藏 */
        transition: opacity 0.2s;
    }

    /* 鼠标悬停显示删除图标 */
    .filter_tag:hover .filter-delete-icon {
        opacity: 1;
    }
    
    .filter_tool_clear{
      position: absolute;
      right: 0;
      top: -30px;
    }
    .filter_tool_clear a{
       color: #222;
       padding: 10px 20px;
       background-color: #ededed;
    }
    .filter-widget-content label{
      cursor: pointer;
      color:#222222;
    }
    .filter-widget-title {
        font-size: 20px;
        font-weight: 600;
        position: relative;
        margin-bottom: 0;
        cursor: pointer;
        display: inline-block;
      }
      
      .filter-widget-title:before {
       content: "";
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%) rotate(180deg); /* 默认向上 */
      width: 8px;
      height: 8px;
      border: solid #171717;
      border-width: 0 2px 2px 0;
      padding: 3px;
      transform-origin: center;
      transition: transform 0.3s ease;
      /* 构造一个箭头：右下的角 */
      transform: translateY(-50%) rotate(45deg);
      }
      
      .child-content-hidden .filter-widget-title::before {
        transform: translateY(-50%) rotate(225deg); /* 向下 */
      }
      
      .filter-widget-search input {
        width: 100%;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #eaebee;
        padding: 0 10px;
        padding-right: 30px;
        outline: none;
      }
      
      .filter-widget-search button {
        position: absolute;
        right: 10px;
        top: 12px;
      }
      
      .filter-widget-search {
        position: relative;
      }
      
      .filter-widget .category-items {
        display: flex;
        flex-direction: column;
        gap: 5px;
      }
      
      .filter-widget .category-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      
      .filter-widget .category-sizes {
        display: flex;
        flex-direction: column;
        gap: 5px;
      }
      
      .filter-widget .category-ratings {
        display: flex;
        flex-direction: column;
        gap: 5px;
      }
      
      .filter-widget .category-brands {
        display: flex;
        flex-direction: column;
        gap: 5px;
      }
      
      input.check-box {
        border: 1px solid #eaebee;
        border-radius: 2px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 18px;
        height: 18px;
        cursor: pointer;
        position: relative;
        top: 5px;
        font-size: 15px;
        margin-right: 8px;
        background: #fbfbfb;
      }
      
      input.check-box[type=checkbox]:checked {
        border: none;
        background-color: #171717;
        color: #fff;
      }
      
      input.check-box[type=checkbox]:checked::before {
        position: absolute;
        content: "";
        font-family: "Font Awesome 5 Pro";
        line-height: 16px;
        top: 0;
        left: 2px;
        font-size: 14px;
      }
   
      input.radio-box[type=radio] {
        border: 1px solid #d1d5db;
        border-radius: 9px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 18px;
        height: 18px;
        cursor: pointer;
        position: relative;
        top: 0;
        font-size: 15px;
        margin-right: 8px;
      }

      
      input.radio-box[type=radio]:checked::before {
        position: absolute;
        content: "";
        font-family: "Font Awesome 5 Pro";
        top: 2px;
        left: 2px;
        height: 12px;
        width: 12px;
        background:linear-gradient(to bottom right, #3b82f6, #9333ea);
        border-radius: 50%;
      }
      
      .color_in   input.radio-box[type=radio] {
     
        top: 0;
       
      }
      .category-tags a {
        padding: 0 5px;
        flex-grow: 1;
        max-width: 110px;
      }
      
      .category-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
      }
      
      .category-tags a:hover {
        color: #171717;
      }
      
      .sidebar-widget-wrapper {
        /* position: sticky; */
        position: relative;
        top: 90px;
      }
      
      .product-filters {
        display: flex;
        flex-direction: column;
        gap: 35px;
        padding: 10px;
        background: #fff;
        margin-bottom: 120px;
      }
      
      .filter-widget {
        display: flex;
        flex-direction: column;
        gap: 15px;
      }
      
      .content-hidden {
        display: none;
      }
      
      .radio-star i.fas {
        color: #171717;
      }
      
      .shop-main-wrapper-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
      }
      
      .sorting-type {
        display: flex;
        align-items: center;
        gap: 10px;
      }
      
      .sorting-list {
        border: 1px solid #eaebee;
        padding: 0 15px;
        min-width: 130px;
      }
      
      .sorting-type span {
        color: #171717;
      }
      
      .sorting-list span {
        color: #707070;
      }
      
      .sorting-list:after {
        right: 15px;
      }
      
      .sort-type-filter {
        display: flex;
        align-items: center;
      }
      
      .action-item-filter {
        margin-left: 20px;
      }
      

      .ui-widget.ui-widget-content {
        border: none!important;
      }
      
      .ui-state-default,
      .ui-widget-content .ui-state-default,
      .ui-widget-header .ui-state-default,
      .ui-button,
      html .ui-button.ui-state-disabled:hover,
      html .ui-button.ui-state-disabled:active {
        background: #171717!important;
        border-radius: 50%!important;
        border: none!important;
        outline: none!important;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.004)!important;
      }
      
      .ui-slider-horizontal {
        height: 6px!important;
      }
      
      .ui-widget-content {
        background: #f0f0f0!important;
      }
      
      .ui-widget-header {
        background: #171717!important;
      }
      
      .ui-slider-horizontal .ui-slider-handle {
        top: -5px!important;
      }
      
      .ui-slider .ui-slider-handle {
        height: 15px!important;
        width: 15px!important;
        -webkit-transition: all 0s linear 0s!important;
        -moz-transition: all 0s linear 0s!important;
        -ms-transition: all 0s linear 0s!important;
        -o-transition: all 0s linear 0s!important;
        transition: all 0s linear 0s!important;
      }
      
      .ui-slider .ui-slider-handle:before {
        position: absolute!important;
        content: "";
        height: 6px!important;
        width: 6px!important;
        background: #fff!important;
        top: 50%!important;
        left: 50%!important;
        -webkit-transform: translate(-50%, -50%)!important;
        -ms-transform: translate(-50%, -50%)!important;
        transform: translate(-50%, -50%)!important;
        border-radius: 50%!important;
      }
      .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        background: #171717!important;
        border-radius: 50%!important;
        border: none!important;
        outline: none!important;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.004)!important;
    }
      .slider-range p {
        line-height: 1;
        margin-top: 25px;
        margin-bottom: 0;
    }
      .slider-range p label {
        font-size: 14px;
        font-weight: 400;
        color: #6b6b6b;
        margin-top: 7px;
    }
      .slider-range input {
        font-size: 14px;
        font-weight: 400;
        color: #6b6b6b;
        border: none;
        outline: none;
        background: none;
        margin-left: 10px;
       
    }

    .filter-button{
        float: right;
        
    }

  .sidebar-action {
      height: 100%;
      position: fixed;
      z-index: 99999;
      top: 0px;
      width: 390px;
      overflow-y: scroll;
      background: #fff;
      padding: 30px 15px;
      transition: 0.6s;
  }   
.sidebar-filter {
    left: -100%;
}
 @media screen and (max-width: 768px) {
    .filter_tag .filter-delete-icon {
        opacity: 1;
    }
  
    .product-filters{
      margin-bottom: 50px;
    }
    .filter_tool_clear{
      right: 12px;
      top: 80px;
    }
    
  }
  @media (max-width: 575px) {
    .sidebar-action {
        width: 320px;
    }
  
  
  
  }
  .close-sidebar {
    display: flex;
    align-items: center;
    height: 30px;
    color:#fff;
    position: absolute;
    right: 20px;
    top: 30px;
    background: #171717;
    gap: 10px;
    padding: 0px 10px;
    border-radius: 4px;
}
.sidebar-action-title {
  font-size: 20px;
  margin-bottom: 50px;
}
.filter-open {
  left: 0px;
}

/*browser_history**/
@font-face{font-family:app_recentproductbrowsetool-icon;src:url("data:font/woff2;base64,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") format("woff2"),url("data:font/woff;base64,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") format("woff"),url("data:font/ttf;base64,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") format("truetype");}.app_recentproductbrowsetool-icon{font-family:app_recentproductbrowsetool-icon !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.icon-next::before{content:"\e6a1";}.icon-delete::before{content:"\e601";}.icon-Record-3::before{content:"\e799";}.icon-Record-5::before{content:"\e79a";}.icon-Record-1::before{content:"\e79b";}.icon-Record-4::before{content:"\e79c";}.icon-Record-2::before{content:"\e79d";}
 #recentBrowsingHistory
    {

        #recent_history_config {
        position: fixed;
        top: 50%;
        right: 0;
        z-index: 50105;
        display: flex;
        align-items: flex-start;
        user-select: none;
        }

        .recent_history_btn_content {
        width: 36px;
        min-width: 36px;
        font-size: 14px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        }

        .recent_history_btn_content .history_config_d-flex {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        }

        .recent_history_btn_content .history_config_d-flex span {
        writing-mode: vertical-rl;
        }

        .recent_history_btn_content .drawer-text {
        padding: 10px 0;
        }

        .recent_history_btn_content .drawer-right {
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        }

        .drawer-right .open-right-left {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 36px;
        }

        .drawer-right .open-right-left i {
        display: inline-block;
        width: 22px;
        height: 22px;
        font-size: 22px;
        line-height: 22px;
        }

        .drawer-right .open-left {
        transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        }

        .recent_history_btn_content_left {
        border-radius: 0px 5px 5px 0px;
        }

        .recent_history_btn_content_right {
        border-radius: 5px 0px 0px 5px;
        }

        .history_config-content {
        box-sizing: border-box;
        max-width: 824px;
        padding: 0 30px 30px;
        background: #fff;
        width: auto;
        min-width: auto;
        }

        .history_config-content .content-head {
        justify-content: flex-end;
        height: 68px;
        display: flex;
        align-items: center;
        }

        .history_config-content .content-head .clear {
        display: flex;
        align-items: center;
        font-size: 14px;
        cursor: pointer;
        }

        .history_config-content .content-products-wrap {
        position: relative;
        display: flex;
        align-items: flex-start;
        }

        .recent_history_swiper {
        width: 824px;
        }

        .product-item:last-of-type {
        padding-right: 0 !important;
        }

        .product-item {
        overflow: hidden;
        user-select: none;
        }

        .product-item .add-to-cart {
        box-sizing: border-box;
        width: 100%;
        height: 44px;
        margin-top: 10px;
        font-size: 14px;
        line-height: 42px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        background: #484848;
        border: 1px solid #484848;
        border-radius: 4px;
        transition: all 0.3s;
        }

        .product-item .grid-picture {
        position: relative;
        height: 176px;
        }

        .product-item .grid-picture a {
        display: block;
        width: 100%;
        height: 100%;
        }

        .product-item .product_img {
        overflow: hidden;
        }

        .product-item .title a {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-inline-box;
        -webkit-line-clamp: 1;
        }

        .product-item .J-recommendAttribute {
        width: 100%;
        height: 20px;
        }

        .product-item img {
        width: 100%;
        height: 100%;
        font-size: 0;
        object-fit: cover;
        }

        .product-item .product_name {
        margin: 10px 0 0;
        }

        .product-item .product_name a {
        display: inline-block;
        width: 100%;
        overflow: hidden;
        color: #000;
        text-overflow: ellipsis;
        white-space: nowrap;
        }

        .product-item .product_price {
        display: flex;
        flex-wrap: wrap;
        font-size: 16px;
        word-break: break-all;
        }

        .page-btn {
        position: absolute;
        top: 68px;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        cursor: pointer;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.16);
        transition: all 0.2s ease-in-out;
        }
        .prev-page {
        left: 10px;
        }
        .next-page {
        right: 10px;
        }

        .content-empty {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 200px;
        }

        @media screen and (max-width: 768px) {
            
            .history_config-content {
                max-width: 660px;
                padding: 0 20px 10px;
            }
           .recent_history_swiper {
                width: 660px;
                
            }
          
        }
     
        @media screen and (max-width: 575px) {
            .history_config-content {
                max-width: 360px;
                padding: 0 20px 10px;
            }
           .recent_history_swiper {
                width: 360px;
                
            }
          
        }
     

        .recent_history_config_left {
        left: 0px;
        right: initial;
        flex-direction: row-reverse;
        transform: translateY(-79px) translateX(calc(-100% + 36px));
        z-index: 50105;
        transition: all 0.2s ease-in-out 0s;
        }

        .show_left {
        left: 0px !important;
        right: initial !important;
        flex-direction: row-reverse;
        transform: translateY(-222.5px);
        z-index: 9999999;
        transition: all 0.2s ease-in-out 0s;
        }

        .recent_history_config_right {
        left: initial;
        right: 0px;
        flex-direction: row;
        transform: translateY(-79px) translateX(calc(100% - 36px));
        z-index: 50105;
        transition: all 0.2s ease-in-out 0s;
        }

        .show_right {
        left: initial;
        right: 0px;
        flex-direction: row;
        transform: translateY(-222.5px);
        z-index: 500;
        transition: all 0.2s ease-in-out 0s;
        }

        .app_recentproductbrowsetool-mask {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 50104;
        cursor: pointer;
        background-color: #333;
        opacity: 0.5;
        animation: recentproductbrowsetoolFadeIn 0.3s ease;
        }

        .mo-confirm {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10000000;
        }

        .mo-confirm .mo-confirm-body {
        width: 360px;
        background-color: #fff;
        padding-bottom: 10px;
        animation-duration: 0.5s;
        -webkit-animation-duration: 0.5s;
        }

        .mo-confirm .mo-confirm-body .mo-title {
        padding: 40px 20px 20px 20px;
        text-align: center;
        }

        .mo-confirm .mo-handle {
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 75px;
        }

        .mo-confirm .mo-handle-btn {
        flex: 1;
        text-align: center;
        cursor: pointer;
        }
    }
    .mo-confirm {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.6);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10000000;
        .mo-confirm-body {
            width: 360px;
            background-color: #fff;
            padding-bottom: 10px;
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            .mo-title {
                padding: 40px 20px 20px 20px;
                text-align: center;
            }
        }

        .mo-handle {
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 75px;
            .mo-handle-btn {
                flex: 1;
                text-align: center;
                cursor: pointer;
            }
        }
    }
    .body-shadow-browser{
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-color: rgba(0, 0, 0, 0.5);
                    z-index: 100;
                    display: none;
    }

/**
shopping progress
*/

#cart_progress-box {
  padding: 10px 0px 20px;

  .cart_progress-box_bg {
    background: rgba(234, 230, 230, 0.3);;
    border-radius: 5px;
  }

  .progress_ok,
  .reach_shipping {
    text-align: center;
    color: #222222;
    padding: 20px 10px;
  }

  .cart_progress_inner {
    padding: 30px 30px 30px 10px;

    .cart_progress_bg {
      margin-bottom: 20px;
      width: 100%;
      height: 10px;
      position: relative;
      border-radius: 4px;
      background: #e7e7e7;

      .cart_progress_in {
        height: 10px;
        border-radius: 4px;
        background: 
          linear-gradient(270deg, rgba(255, 255, 255, 0.2) 0.14%, rgba(255, 255, 255, 0.5) 100.66%),
          linear-gradient(0deg, #FF3030 0%, #FF3030 100%),
          #FF3030;

        .cart_progress_in-icon {
          position: absolute;
          top: -6px;
          width: 24px;
          height: 24px;
          border-radius: 50%;
          background: 
            linear-gradient(270deg, rgba(255, 255, 255, 0.2) 0.14%, rgba(255, 255, 255, 0.5) 100.66%),
            linear-gradient(0deg, #FF3030 0%, #FF3030 100%),
            #FF3030;
        }

        .cart_progress_in-text {
          position: absolute;
          left: -45px;
          padding: 2px 5px;
          font-size: 12px;
          color: #fff;
          white-space: nowrap;
          border-radius: 5px;
          font-weight:600;
          background: 
            linear-gradient(270deg, rgba(255, 255, 255, 0.2) 0.14%, rgba(255, 255, 255, 0.5) 100.66%),
            linear-gradient(0deg, #FF3030 0%, #FF3030 100%),
            #FF3030;
        }

        .cart_progress_in-line {
          height: 9px;
          position: absolute;
          left: 12px;
          border-left: 1px solid;
        }

        .cart_progress_in-reach {
          position: absolute;
          left: 5px;
          padding: 2px 5px;
          font-size: 12px;
          color: #FF3030;
          border: 1px solid #FF3030;
          border-radius: 5px;
        }
      }
    }
  }
}


.border-r-radius-0{
  border-top-right-radius: 0px!important;
 border-bottom-right-radius: 0px!important;
}
.border-l-radius-0{
  border-top-left-radius: 0px!important;
 border-bottom-left-radius: 0px!important;
}
.border-r-0{
  border-right:0px!important;
}
.border-l-0{
  border-left:0px!important;
}

.over-hidden {
    overflow: hidden;
}
/**normal*/

.ptb-16 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.pr-25 {
    padding-right: 20px;
}
.pl-25 {
    padding-left: 20px;
}
.text-uppercase {
    text-transform: uppercase !important;
}
@media (min-width: 1200px) {
    .container-category {
        width: 90% !important;
    }
}
.text-right{
  text-align: right!important;
}
.rounded-0 {
    border-radius: 0 !important;
}

/**图文订阅*/
.icon-star-empty:before {
  content: "\f005"; /* fa-star */
  font-family: "Font Awesome 5 Free";
  font-weight: 400; /* 400 表示空心（regular），900 表示实心（solid） */
}
.icon-star-full:before {
  content: "\f005"; /* fa-star */
  font-family: "Font Awesome 5 Free";
  font-weight: 900; /* 900 表示实心 */
  color: #ffcc00; /* 填充色 */
}
.testimonial .owl-stage {
      padding: 20px 0;
}
.testimonial .owl-item{
  background-color: #fff;
/* transform: scale(0.9); */
  padding: 36px 24px;
}
.testimonial .item .info-box{
  /* box-shadow: 0 10px 20px rgba(0, 0, 0, .1); */
  padding: 0 12px;
}

.testimonial .item  .icons,
.testimonial  .picture,
.testimonial .description{
    margin-bottom: 16px;
    font-size: 16px;

    color: #212121;
}
.testimonial .item .picture img {
    max-width: 60px;
    max-height: 60px;
    margin: 0 auto;
}
.testimonial .item .name{
  font-size: 18px;
  margin-bottom: 4px;
}
.testimonial .item .title{
    font-size: 18px;
    font-weight: 700;
        margin-bottom: 12px;
}
.testimonial .item .address {
    font-size: 12px;
    color: #585858;
}

.testimonial .owl-item {
  transition: transform 0.18s cubic-bezier(0.3, 0.7, 0.4, 1.3),
              opacity 0.18s ease,
              box-shadow 0.18s ease;
  transform-origin: center center;
  transform: scale(0.95);
  opacity: 0.85;
 }
.testimonial .owl-item.is-center {
  transform: scale(1.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
  opacity: 1;
  z-index: 10;
}


/* .default-image-with-text {
    padding: 0 32px;
    box-sizing: border-box;
    max-width: 1340px;
    margin: 0 auto
} */

.default-image-with-text .sections {
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: 15px;
    padding: 0
}

.default-image-with-text .sections.left {
    flex-direction: row;
}

.default-image-with-text .sections.left .model-image img {
    border-radius: 15px 0 0 15px
}

.default-image-with-text .sections.right {
    flex-direction: row-reverse
}

.default-image-with-text .sections.right .model-image img {
    border-radius: 0 15px 15px 0;
}

.default-image-with-text .model-image {
    overflow: hidden;
    width: 50%;
        border-radius: 8px ;
}

.default-image-with-text .model-image img {
    width: 100%;
    display: block;
    object-fit: cover;
    min-height: 320px;
    border-radius: 8px ;
}

.default-image-with-text .model-text {
    width: 50%;
    padding: 36px;
    box-sizing: border-box
}

.default-image-with-text .model-text>div {
    max-width: 540px;
    margin: 0 auto
}

.default-image-with-text .model-text.left {
    text-align: left
}

.default-image-with-text .model-text.left>div {
    margin-left: 0
}

.default-image-with-text .model-text.center {
    text-align: center
}

.default-image-with-text .model-text.right {
    text-align: right
}

.default-image-with-text .model-text.right>div {
    margin-right: 0
}

.default-image-with-text .model-text .describe {
    margin: 8px 0 0
}

.default-image-with-text .model-text .model-button {
    margin-top: 24px
}

@media screen and (max-width: 768px) {
    .default-image-with-text {
        padding:0
    }

    .default-image-with-text .sections {
        flex-wrap: wrap;
        padding: 0
    }

    .default-image-with-text .sections.left {
        flex-direction: column
    }

    .default-image-with-text .sections.left .model-image img {
        border-radius: 15px 15px 0 0
    }

    .default-image-with-text .sections.right {
        flex-direction: column-reverse
    }

    .default-image-with-text .sections.right .model-image img {
        border-radius: 0 0 15px 15px
    }

    .default-image-with-text .model-image,.default-image-with-text .model-text {
        width: 100%
    }

    .default-image-with-text .model-text {
        padding: 20px 24px
    }

    .default-image-with-text .model-image>img {
        max-height: auto
    }
}

.featured-images-grid .grid {
    display: grid
}
.featured-images-grid .grid-pc-4{
      gap: unset;
}
.featured-images-grid .grid.grid-gap {
    grid-gap: 16px 16px
}

.featured-images-grid .grid .picture {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden
}

.featured-images-grid .grid .picture.height-1 {
    padding-bottom: calc(50% - 8px)
}

.featured-images-grid .grid .picture.height-2 {
    padding-bottom: 50%
}

.featured-images-grid .grid .picture.height-3 {
    padding-bottom: calc(200% + 16px)
}

.featured-images-grid .grid .picture.height-4 {
    padding-bottom: 200%
}

.featured-images-grid .grid .picture a {
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    position: absolute
}

.featured-images-grid .grid .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width: 768px) {
    .featured-images-grid .grid.grid-pc-2 {
        grid-template-columns:repeat(2,1fr)
    }

    .featured-images-grid .grid.grid-pc-3 {
        grid-template-columns: repeat(3,1fr)
    }

    .featured-images-grid .grid.grid-pc-4 {
        grid-template-columns: repeat(4,1fr)
    }

    .featured-images-grid .grid.grid-pc-5 {
        grid-template-columns: repeat(5,1fr)
    }

    .featured-images-grid .grid.grid-pc-6 {
        grid-template-columns: repeat(6,1fr)
    }
}

@media screen and (max-width: 768px) {
    .featured-images-grid .grid.grid-gap {
        grid-gap:8px 8px
    }

    .featured-images-grid .grid.grid-2 {
        grid-template-columns: repeat(2,1fr)
    }

    .featured-images-grid .grid .picture.height-1 {
        padding-bottom: calc(50% - 4px)
    }

    .featured-images-grid .grid .picture.height-3 {
        padding-bottom: calc(200% + 8px)
    }
}

.text-columns-with-image {
    color: var(--heading-color)
}

.text-columns-with-image ul {
    display: grid;
    gap: 16px
}

.text-columns-with-image ul.grid.grid-3 {
    grid-template-columns: repeat(3,1fr)
}

.text-columns-with-image ul.grid.grid-4 {
    grid-template-columns: repeat(4,1fr)
}

.text-columns-with-image ul.left {
    text-align: left
}

.text-columns-with-image ul.center {
    text-align: center
}

.text-columns-with-image ul.right {
    text-align: right
}

.text-columns-with-image ul .grid-item {
    width: 100%
}

.text-columns-with-image ul .grid-item .description,.text-columns-with-image ul .grid-item .picture,.text-columns-with-image ul .grid-item .title {
    margin-bottom: 16px
}

.text-columns-with-image ul .grid-item .picture {
    position: relative;
    padding-left: 100%;
    padding-bottom: 56.25%;
    width: auto;
    overflow: hidden;
    margin-bottom: 12px
}

.text-columns-with-image ul .grid-item .picture a {
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    position: absolute
}

.text-columns-with-image ul .grid-item .picture a img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.text-columns-with-image ul .grid-item .title {
    font-size: 18px;
    line-height: 1.4
}

.text-columns-with-image ul .grid-item .description {
    font-size: 14px
}

.text-columns-with-image ul .info-box {
    padding: 0 8px;
    box-sizing: border-box;
    width: 100%
}

@media screen and (max-width: 768px) {
    .text-columns-with-image ul {
        gap:16px 8px
    }

    .text-columns-with-image ul.grid.grid-3,.text-columns-with-image ul.grid.grid-4 {
        grid-template-columns: repeat(1,1fr)
    }
}



.footer-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* 模块间距 */
    padding: 40px 20px;
}

.footer-logo-block {
    flex: 0 0 200px; /* logo 固定宽度，可调整 */
    display: flex;
    align-items: flex-start;
}

.footer-logo {
    max-width: 100%;
    height: auto;
}

.footer-modules {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-module {
    flex: 1 1 calc(25% - 20px); /* 最多 4 个模块，每个占 25% 减去间距 */
    min-width: 150px; /* 最小宽度保证内容不挤 */
}

.footer-module h5.footer-title {
    font-size: 20px;
    margin-bottom: 10px;
}

.footer-module ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-module ul li {
    margin-bottom: 6px;
}

.footer-module ul li a {
    text-decoration: none;
    /* color: #333; */
}

.footer-module p {
    margin: 0;
    line-height: 1.5;
    /* color: #555; */
}


.image-with-text-overlay {
    display: flex;
    justify-content: start;
    align-items: center;
    overflow: hidden;
    position: relative
}

.image-with-text-overlay .model-image,.image-with-text-overlay .model-text {
    width: 100%
}

.image-with-text-overlay .model-image {
    overflow: hidden;
    position: relative
}

.image-with-text-overlay .model-image::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1
}

.image-with-text-overlay .model-image.fit-image {
    height: auto
}

.image-with-text-overlay .model-image.large {
    height: 704px
}

.image-with-text-overlay .model-image.medium {
    height: 530px
}

.image-with-text-overlay .model-image.small {
    height: 354px
}

.image-with-text-overlay .model-image>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.image-with-text-overlay .model-text {
    padding: 12px;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    text-align: center;
    width: 100%;
    max-width: 800px;
    transform: translateX(-50%);
    z-index: 2
}

.image-with-text-overlay .model-text.left {
    text-align: left
}

.image-with-text-overlay .model-text.center {
    text-align: center
}

.image-with-text-overlay .model-text.right {
    text-align: right
}

.image-with-text-overlay .model-text .describe {
    margin-bottom: 24px;
    font-size: 16px
}

@media screen and (max-width: 768px) {
    .image-with-text-overlay .model-image.large {
        height:522px
    }

    .image-with-text-overlay .model-image.medium {
        height: 392px
    }

    .image-with-text-overlay .model-image.small {
        height: 260px
    }
}