@media(min-width: 768px){
    .container-t{margin:0 auto;max-width:1280px;}
}
@media(max-width: 767px){
    .container-t{margin:0 auto;}
}
.a-hidden, .aok-hidden { display: none !important; visibility: hidden !important }
.a-section { margin-bottom: 1.3rem }
.a-section:last-child { margin-bottom: 0 }
.s-background-color-platinum { background-color: #f0f2f2 }
.s-background-color-white { background-color: #fff }
.sf-sheet-front-lightbox { -webkit-tap-highlight-color: #fff0; position: fixed; height: 100%; right: 0; left: 0; z-index: 601; background-color: rgb(255 255 255 / .87); transition: background-color .2s ease-out }
.sf-full-height { height: 100% !important; max-height: 100% !important; transition: height .3s ease-out }
.a-experimental-ios-scrolling { -webkit-overflow-scrolling: touch }
.a-sheet-content-container { height: 100%; background-color: #fff; overflow-x: hidden }
.a-sheet-web-container { height: 100%; position: fixed; top: auto; right: 0; bottom: 0; left: 0; z-index: 667 }
#sf-filters-vtabs { margin-top: 52px; margin-bottom: 52px; width: 100% }
.s-vtabs-tabs-container .s-vtabs-tab.s-vtab-active { text-shadow: -.06ex 0 0; position: sticky; top: 0; z-index: 1 }
.s-vtabs-container { display: flex; height: calc(100% - 104px); overflow: hidden }
.s-vtabs-tabs-container { display: flex; flex-direction: column; margin-bottom: 0; flex-shrink: 0; width: 140px; overflow-y: auto }
.s-vtabs-contents-container { overflow-y: auto; padding-top: 16px; width: 100%; height: 100% }
.s-vtabs-tabs-container .s-vtabs-tab .s-vtabs-toggletab { padding: 12px; display: flex }
.s-vtabs-contents-container > .s-vtabs-content { margin-bottom: 0 }
.s-vtabs-content { flex-direction: column; padding: 0 12px }
.s-vtabs-content { font-weight: 500; overflow: auto; display: flex; flex-wrap: wrap }
.s-vtabs-content .sf-filter-floatbox { margin-right: 8px; font-size: 12px; line-height: 1.2; margin-bottom: 8px; min-width: 44px; padding: 7px 9px; border-radius: 7px; width: fit-content; text-align: left }
.pc-result-count { line-height: 2em; text-indent: .5em }
.owl-carousel { display: inline-block }
.a-section { margin-bottom: 1.3rem }
.a-section:last-child { margin-bottom: 0 }
.s-mobile-toolbar { font-family: "Muli",Arial,sans-serif; margin-bottom: 12px; border: 1px solid #e1e1e1; }
.s-mobile-toolbar { min-height: 0; height: 48px; display: flex; align-items: center; background-color: #fff; box-shadow: 0 1px 2px 0 rgb(17 17 17 / .15); padding: 0; transition: .2s linear }
.s-mobile-toolbar *, .filter-web-container * { box-sizing: border-box }
.s-mobile-toolbar a, .s-mobile-toolbar a:link, .s-mobile-toolbar a:visited, .filter-web-container a, .sf-bottom-nav a, .filter-web-container a:link, .sf-bottom-nav a:link, .filter-web-container a:visited, .sf-bottom-nav a:visited { text-decoration: none; color: #5c3c00 }
.sf-rib-scroller { display: flex; align-items: center; -ms-overflow-style: none }
.a-scroller { width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch }
.a-scroller-vertical { overflow-x: hidden }
.a-scroller-horizontal { overflow-y: hidden }
.a-scroller-none { overflow: hidden }
.sf-rib-scroller { display: flex; align-items: center; -ms-overflow-style: none }
.sf-rib-scroller::-webkit-scrollbar { display: none }
.sf-rib-scroller .sf-rib-element { margin-right: 4px; flex-shrink: 0 }
.sf-rib-scroller .sf-rib-element .sf-mobile-filter-element { height: 32px; margin: 2px 4px 2px 2px }
.sf-rib-scroller .sf-rib-element .sf-rib-truncate span { max-width: 115px; overflow: hidden; text-overflow: ellipsis }
.sf-filter-floatbox { width: auto; border: 1px solid #f4f4f4; margin-right: 4px; text-align: center; background-color: #f4f4f4 }
.sf-filter-floatbox.s-filter-item-selected { background-color: #fffbe5; border-color: #fff5c2 }
.sf-rib-scroller .sf-rib-element .sf-filter-floatbox { height: 32px; display: flex; align-items: center; padding: 9px; border-radius: 8px }
.sf-rib-element .sf-mobile-filter-element {height: 30px;display: flex;align-items: center;border: .1rem solid #f4f4f4;background-color: #fff0;border-radius: 8px;padding: 9px;margin: 0 8px;text-shadow: 1px 1px 1px #fff;position: relative;}
.sf-rib-element .sf-mobile-filter-element.sf-rib-all-filters.sf-rib-label-selected {font-size: 15px;}
.sf-rib-element .sf-mobile-filter-element.sf-rib-all-filters { height: 46px; border-radius: 0; border: 0; margin: 0; outline: 0; font-size: 17px }
.sf-rib-element .sf-mobile-filter-element.sf-rib-label-selected span { color: #5c3c00 !important }
.a-size-small { font-size: 13px !important; line-height: 20px !important }
.a-float-right, .aok-float-right { float: right !important }
.a-float-left, .aok-float-left { float: left !important }
.a-nowrap, .aok-nowrap { white-space: nowrap }
.filter-web-container { position: fixed; top: auto; right: 0; bottom: 0; left: 0; z-index: 10001 }
.filter-content-container { background-color: #fff; overflow-x: hidden; height: 100%; overflow-y: auto }
.sf-mask { background-color: #000; opacity: .17; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: #fff0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000 }
.sf-top-nav { position: fixed; width: 100%; height: 52px; left: 0; right: 0; margin: 0; background-color: #fff; border-bottom: .1rem solid #e7e7e7; z-index: 10002; display: flex; justify-content: flex-end; align-items: center; transform: translate3d(0,0,0) }
.sf-top-nav.shadow { box-shadow: 0 2px 10px 0 rgb(17 17 17 / 20%) }
.sf-top-nav .sf-top-nav-btn { margin-right: 18px }
.sf-refinements-section { padding: 0 14px }
.expander-header { padding: 1.2rem 3.9rem 1.2rem 0 }
.color-base { color: #0F1111 !important }
.sf-section-heading { font-size: 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis }
.sf-refinements-panel .sf-filter-floatbox { min-width: 44px; padding: 7px 9px; margin-bottom: 8px; border-radius: 7px; font-size: 13px; font-weight: 700; line-height: 1.2; display: inline-block }
.sf-refinements-heading { font-size: 13px; padding: .4rem 0 }
.sf-refinements-heading > .a-size-medium { font-size: 14px !important; line-height: 1.25 !important; font-weight: 700 }
.expander-container { border: 0; overflow: initial }
.expander-content:last-child .sf-refinements-panel:last-child { margin-bottom: 68px }
.sf-bottom-nav { position: fixed; width: 100%; bottom: 0; background-color: #fff; margin: 0; height: 52px; padding: 10px; border-top: .1rem solid #e7e7e7; border-bottom: .1rem solid #e7e7e7; z-index: 10002; display: flex; justify-content: center; align-items: center; box-sizing: border-box }
.sf-bottom-nav * { box-sizing: border-box }
.sf-bottom-nav .sf-bottom-nav-btn { margin-right: 5px; margin-left: 5px; margin-bottom: 5px; border: .1rem solid #f1f1f1; border-radius: 7px; padding: 9px; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #fff }
.sf-bottom-nav .sf-bottom-nav-btn .a-color-base { color: #5c3c00 !important }
.sf-bottom-nav .sf-show-results { background-color: #5c3c00; border-color: #5c3c00 }
.sf-bottom-nav .sf-show-results .a-color-base { color: #fff !important }
.sf-bottom-nav .sf-bottom-nav-table { display: table; height: fit-content; width: 100% }
.sf-bottom-nav .sf-bottom-nav-cell { display: table-cell; height: 100% }
.sf-bottom-nav .sf-bottom-nav-row { display: table-row; height: 100% }
.sf-bottom-nav.sf-ios-device { height: 112px }
.sf-bottom-nav.sf-ios-device .sf-bottom-nav-table { margin-bottom: 44px }
h3.sf-refinements-heading { margin: 6px 0 8px 0; position: relative }
.sf-refinements-section .expander-container .a-icon.a-icon-section-collapse { transform: rotate(-45deg) }
.sf-refinements-section .expander-container .a-icon { background: 0 0; height: 5px; width: 5px; border: solid #555; border-width: 2.5px 2.5px 0 0; opacity: 1 !important; transform: rotate(135deg) }
.sf-refinements-section .a-icon-section-collapse, .sf-refinements-section .a-icon-section-expand { position: absolute; right: 1.5rem; top: 50%; margin: 0 }
.sf-refinements-section .a-icon { display: inline-block; vertical-align: top }
.sf-rib-element .sf-mobile-filter-element.sf-rib-label-click .sf-rib-triangle { transform: rotate(-180deg) }
.sf-sheet-front-lightbox { -webkit-tap-highlight-color: #fff0; position: fixed; right: 0; bottom: 0; left: 0; z-index: 10003; background-color: rgb(255 255 255 / .87); transition: background-color .2s ease-out; background-image: url(/images/loading.gif); background-repeat: no-repeat; background-position: center center }
.sf-show-results { display: flex; white-space: nowrap }
.sf-category a.sf-filter-floatbox { background-color: #fff0; border: 0; text-decoration: underline }
.s-mobile-toolbar > .aok-float-right {width: 100%;transition: .2s linear;/* position: absolute; */right: 0;border-left: 1px solid #d0d0d0;background-color: #f8f9fa;box-shadow: inset 0 2px 3px #fff}
.s-mobile-toolbar > .aok-float-right > .sf-rib-element {/* display: inline-block; */}
.visible-xs-flex { display: none !important }
.sort { display: flex; justify-content: flex-end; gap: 8px }
.sort_label { line-height: 34px }

@media (max-width:767px) {
    .visible-xs-flex { display: flex !important }
    .btn-askquestion { background-color: #fff; color: #eeb111 }
}

img { max-width: 100%; object-fit: contain }
#products .leadtime { margin: 10px 0 }
#askus input[type=checkbox] { opacity: 1 }
#products .search-product-panel{text-align:left;margin-bottom:50px}
#products .search-product-panel img{max-width:280px;width:100%;}
.search-product-panel img{max-height: 280px}
.search-product-panel .float { display: flex; justify-content: space-between; width: 100%; height:100%;grid-area:a }
.search-product-panel .float .dsct { background-color: #f1bb3d; color: #555; border-radius: 50%; height: 44px; line-height: 44px; width: 44px; text-align: center; font-size: 1.1em; z-index: 1; font-weight: 700;margin:8px}
.search-product-panel .float .fvrt { position: relative }
.search-product-panel .float .fvrt path { fill: #fff; stroke: #555; stroke-width: 4% }
.search-product-panel .float .fvrt.like path { fill: #555; stroke: #555 }
input[type=checkbox] { position: absolute; opacity: 0; width: 20px; height: 20px; filter: alpha(opacity=0); cursor: pointer; z-index: -1 }
.ui-checkbox { display: inline-block; width: 20px; height: 20px; border: 1px solid #fff0; border-radius: 4px; box-sizing: border-box; box-shadow: inset 0 1px,inset 1px 0,inset -1px 0,inset 0 -1px; background-color: #fff; background-clip: content-box; color: #d0d0d5; -webkit-transition: color .2s,background-color .1s; transition: color .2s,background-color .1s; -webkit-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; *vertical-align: 0; overflow: hidden; margin-right: 10px }
.ui-checkbox ~ label { max-width: calc(100% - 35px); vertical-align: middle; word-break: break-word; white-space: break-spaces }
:disabled + .ui-checkbox, :not(:disabled) + .ui-checkbox:hover { color: #ababaf }
:focus + .ui-checkbox { color: #2486ff }
:checked:focus + .ui-checkbox { color: #5c4a35; background-color: #5c4a35 }
:checked + .ui-checkbox, :checked + .ui-checkbox:hover { color: #7c6a55; background-color: #7c6a55 }
.ui-checkbox::after { content: ''; display: block; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNDcuNTY3LDY3LjU3NWMtMy45NzgtMy4yNDEtNC4zNTYtMy4zMzctOC45LTUuNjM5Yy0yLjA0NC0xLjA0NC01LjA1NywxLjY0NS02LjUzLDMuNjM1TDkyLDExNy43MjgNCglMNjUuODUxLDgzLjk3M2MtMS40NzktMS45ODgtNC4yMDYtMi43Mi02LjI1MS0xLjc4MmMtNC42NTgsMi40MDctNC4xODksMi4zMjYtOC4xNjgsNS40NjZjLTEuODE3LDEuNDY2LTEuOTMyLDQuMDgyLTAuNDU2LDYuMDY1DQoJYzAsMCwyOC4xODMsMzYuNDk5LDMxLjU5Miw0MC44OTZjNC45OTksNi4yNzUsMTQuMDksNS45NjUsMTguODY0LDBjMy41Mi00LjQ5OCw0Ni41OS02MS4wNzgsNDYuNTktNjEuMDc4DQoJQzE0OS40OTksNzEuNTQ5LDE0OS4zODUsNjguOTM3LDE0Ny41NjcsNjcuNTc1eiIvPg0KPC9zdmc+DQo=) no-repeat center; background-size: 20px 20px; visibility: hidden }
:checked + .ui-checkbox::after { visibility: visible; -webkit-animation: bounceIn .2s; animation: bounceIn .2s }
:disabled + .ui-checkbox { opacity: .38 }
.error.ui-checkbox { color: #f4615c }
.product-block .search-img { display: flex; justify-content: center;grid-area:a; }

#products {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;padding-left: 10px;}
#products::before { content: unset }
#products .product-block {width: 100%;}
.product-block .product-help{width:auto;margin:0 auto;background-color:#E5E1DD;border-radius:4px;display:flex;flex-direction:column;padding:18px 8px}
.product-block .product-help .text{text-align:center;line-height:1.3em;}
#products .product-block .logo img{width:70px;}
#products .product-block .logo {text-align:center;margin-top:8px;}
.product-block .product-help .btns{display:grid;gap:8px;justify-content:center;padding-bottom:8px;}
.product-block .product-help .btns .tel{
    background-color:#ffffff;border-radius:6px;margin:0 auto;padding:6px 30px 6px 20px;
}
.product-block .product-help .btns .tel{margin-bottom:10px;}
.product-block .product-help .btns .tel a{color:#201915;}
.product-block .product-help .btns .tel svg{margin-right:8px;}
.product-block .product-help .btns .askus{color:#ffffff;background-color:#EEB111;border-radius:6px;text-align:center;line-height:34.75px;}
.product-block .product-help .btns .askus a{color:#ffffff;}
.product-block .product-help .logo{margin:18px 0;}
.product-block .product-help .text{margin:10px 0 15px}
@media(min-width:768px) {
    #products { grid-template-columns: 1fr 1fr }
    #products .product-block .search-product-panel { height: unset; min-height: 280px }
    #products > .row { grid-column-start: 1; grid-column-end: 3 }
}

@media(min-width:992px) {
    #products {grid-template-columns: 1fr 1fr 1fr;gap: 30px;}
    #products > .row { grid-column-start: 1; grid-column-end: 4 }
}

.call-for-help-out { display: flex; justify-content: space-between; padding-bottom: 16px }
.call-for-help { background-color: #7c6a55; color: #fff; margin-right: 5px; margin-top: 3px; align-self: center; flex-grow: 1 }
.call-for-help:hover { background-color: #8c7a65 }
.call-for-help-out .btn-ask { margin-top: 3px; flex-grow: 1 }
main svg { vertical-align: text-bottom }

@media (min-width:768px) {
    .call-for-help-out { justify-content: flex-end }
}

/* 基础样式 */
.custom-select {
    position: relative; /* 使下拉选项定位 */
    display: inline-block; /* 使元素并排显示 */
    font-family: sans-serif; /* 设置字体 */
    width: 100%; /* 设置宽度 */
    user-select: none; /* 禁止文本选择 */
    border-radius: 4px; /* 圆角 */
    font-family: "Muli", Arial, sans-serif;
}

/* 模拟的选中项样式 */
.select-selected {
    background-color: #f8f9fa; /* 背景颜色 */
    padding: 2px 16px; /* 内边距 */
    border: 1px solid #d0d0d0; /* 边框 */
    cursor: pointer; /* 鼠标样式为手形 */
    position: relative; /* 使箭头定位 */
    border-radius: 0px; /* 圆角 */
}

/* 模拟的选中项的箭头 */
.select-selected:after,.sf-rib-triangle:after {
    position: absolute;
    content: "";
    top: 20px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #555 transparent transparent transparent; /* 箭头颜色和方向 */
}


/* 当下拉列表打开时，改变选中项背景颜色 */
.select-selected.select-arrow-active {
    background-color: #ccc;
}

/* 下拉选项列表样式 */
.select-items {
    position: absolute;
    background-color: #f9f9f9; /* 背景颜色 */
    top: 100%; /* 定位在选中项下方 */
    left: 0;
    right: 0;
    z-index: 99; /* 确保在其他元素之上 */
    border: 1px solid #ccc; /* 边框 */
    border-top: none; /* 移除顶部边框 */
    border-radius: 0 0 4px 4px; /* 底部圆角 */
    overflow-y: auto; /* 垂直滚动条 */
}

/* 下拉选项样式 */
.select-items div {
    padding: 8px 16px; /* 内边距 */
    cursor: pointer; /* 鼠标样式为手形 */
    border-bottom: 1px solid #eee; /* 选项之间的分隔线 */
}

/* 鼠标悬停在选项上时的样式 */
.select-items div:hover {
    background-color: #e9e9e9; /* 悬停背景颜色 */
}

/* 隐藏下拉选项列表 */
.select-hide {
    display: none;
}

/* 选中的选项样式 */
.same-as-selected {
    background-color: #e9e9e9; /* 选中项背景颜色 */
}

        .image-ctn{margin-bottom:0;border-radius:4px;min-height:280px;display:grid;grid-template-areas:'a';align-items:center;}
        .sort{margin-bottom:10px}
        
        @media (max-width: 768px) {
            .image-ctn{min-height:200px;}
            .product-block .product-help .logo{margin:0}
            .product-block .product-help{padding: 0 5px 10px 5px;}
        }
        @media(max-width: 767px){
            .top-tool-bar{display:grid;grid-template-columns:1fr 1fr;margin: 0 -5px;gap:10px;position: sticky; top: 110px; z-index: 666}
            .sort_btn_group{width:100%;}
            .select-selected {padding: 9px;}
            .custom-select{box-shadow: 0 1px 2px 0 rgb(17 17 17 / .15);background-color:#f8f9fa}
        }
        @media(min-width: 768px){
            .custom-select {width:200px;}
            .select-selected:after{top:10px;}
        }