@media(min-width: 868px) {
    .container-cat { padding: 0 50px; }
}

.catalog-container { display: grid; grid-template-columns: 292px 1fr; align-items: start; gap: 30px; }

@media(max-width: 767px) {
    .container-cat { margin: 0 auto; }
    .catalog-container { grid-template-columns: 1fr; }
}

.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: 669 }
#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: 380px; width: 100%; }
.search-product-panel img { max-height: 380px }
.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: left; grid-area: a; }

#products { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding-left: 10px; }
#products::before { content: unset }
#products .product-block { width: 100%; }
.product-block .product-help { width: auto; margin: 4px auto 0 auto; background-color: #E5E1DD; border-radius: 4px; display: flex; flex-direction: column; padding: 18px 8px;min-height:352px; }
.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; }
.list-text .dsct { display: inline-block; background-color: #C66; margin-left: 7px; color: #fff; padding: 0 6px; line-height: 18px; font-size: 13px; }
.list-text .pn { min-height: 2lh; display: inline-flex; }
.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: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
    #products .product-block .search-product-panel { height: unset; min-height: 280px }
    #products > .row { grid-column-start: 1; grid-column-end: -1 }
}

.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: 360px; 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; }
}