@charset "utf-8";
.m-product.scale-x .m-product-spu .spu-slide-next .icon-arrow, .m-product.scale-x .m-product-spu .spu-slide-pre .icon-arrow, .w-checkBox .icon-checkbox, .w-crumbs .close, .w-pageSwitcher .next .arrow, .w-pageSwitcher .pre .arrow, .w-pullDownBox .arrow, .w-selectorLine .sf-b-more .arrow, .w-selectorLine .sf-b-mult .arrow, .w-selectorSenior-dialog .arrow, .w-selectorSenior .arrow, .w-sort .sort-f-label .icon-arrow { display:inline-block }
.w-pageSwitcher .pre .arrow { width:5px; height:12px; background-position:-127px 0; margin-top:3px;}
.w-pageSwitcher .pre .arrow, .w-pageSwitcher .pre:hover .arrow { background-image:url(../images/sprite.png);
background-size:132px 130px;  }
.w-pageSwitcher .pre:hover .arrow { background-position:-127px -32px }
.w-pageSwitcher .pre.disabled .arrow { background-position:-127px -64px }
.w-pageSwitcher .next .arrow, .w-pageSwitcher .pre.disabled .arrow {background-image:url(../images/sprite.png); background-size:132px 130px }
.w-pageSwitcher .next .arrow { width:5px; height:12px; background-position:0 -118px;margin-top:3px; }
.w-pageSwitcher .next:hover .arrow { background-image:url(../images/sprite.png); background-position:-25px -118px; background-size:132px 130px }
.w-pageSwitcher .next.disabled .arrow { background-image:url(../images/sprite.png);background-position:-50px -118px; background-size:132px 130px }
.w-sort .sort-f-label .icon-arrow { width:8px; height:10px; background-image:url(../images/sprite.png); background-position:0 -88px; background-size:132px 130px }
.w-sort .sort-f-label.asc .icon-arrow { background-image:url(../images/sprite.png); background-position:-28px -88px; background-size:132px 130px }
.w-sort .sort-f-label.desc .icon-arrow { background-position:-98px -58px }
.w-checkBox .icon-checkbox, .w-sort .sort-f-label.desc .icon-arrow { background-image:url(../images/sprite.png); background-size:132px 130px }
.w-checkBox .icon-checkbox { width:12px; height:12px; background-position:-32px 0 }
.w-checkBox.active .icon-checkbox {background-image:url(../images/sprite.png);background-position:0 0; background-size:132px 130px }
.w-selectorLine .sf-b-mult .arrow, .w-selectorSenior-dialog .arrow { width:9px; height:9px;background-image:url(../images/sprite.png); background-position:-98px 0; background-size:132px 130px }
.w-selectorLine .sf-b-mult.active .arrow, .w-selectorLine .sf-b-mult:hover .arrow, .w-selectorSenior-dialog .sf-b-mult:hover .arrow { background-image:url(../images/sprite.png);background-position:-98px -29px; background-size:132px 130px }
.w-selectorLine .sf-b-more .arrow { width:14px; height:6px; background-image:url(../images/sprite.png); background-position:0 -62px; background-size:132px 130px }
.w-selectorLine .sf-b-more.active .arrow, .w-selectorLine .sf-b-more:hover .arrow { background-image:url(../images/sprite.png);background-position:-64px -26px; background-size:132px 130px }
.w-pullDownBox .arrow, .w-selectorSenior .arrow { width:8px; height:4px; background-image:url(../images/sprite.png);background-position:-56px -88px; background-size:132px 130px }
.w-pullDownBox.active .arrow, .w-pullDownBox:hover .arrow, .w-selectorSenior.active .arrow, .w-selectorSenior:hover .arrow { background-image:url(../images/sprite.png); background-position:-68px -62px; background-size:132px 130px }
.w-crumbs .close { width:10px; height:10px; background-position:-30px -32px }
.w-crumbs .attr:hover .close, .w-crumbs .close { background-image:url(../images/sprite.png); background-size:132px 130px }
.w-crumbs .attr:hover .close { background-position:0 -32px }
.m-product.scale-x .m-product-spu .spu-slide-next .icon-arrow { width:14px; height:6px;background-image:url(../images/sprite.png); background-position:0 -62px; background-size:132px 130px }
.m-product.scale-x .m-product-spu .spu-slide-next:hover .icon-arrow { background-image:url(../images/sprite.png); background-position:-64px -26px; background-size:132px 130px }
.m-product.scale-x .m-product-spu .spu-slide-pre .icon-arrow { width:14px; height:6px; background-image:url(../images/sprite.png);background-position:-64px 0; background-size:132px 130px }
.m-product.scale-x .m-product-spu .spu-slide-pre:hover .icon-arrow { background-image:url(../images/sprite.png); background-position:-34px -62px; background-size:132px 130px }
.slick-slider { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent }
.slick-list, .slick-slider { position:relative; display:block }
.slick-list { overflow:hidden; margin:0; padding:0 }
.slick-list:focus { outline:none }
.slick-list.dragging { cursor:pointer; cursor:hand }
.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform:translateZ(0); transform:translateZ(0) }
.slick-track { position:relative; left:0; top:0; display:block }
.slick-track:after, .slick-track:before { content:""; display:table }
.slick-track:after { clear:both }
.slick-loading .slick-track { visibility:hidden }
.slick-slide { float:left; height:100%; min-height:1px; display:none }
[dir=rtl] .slick-slide { float:right }
.slick-slide img { display:block }
.slick-slide.slick-loading img { display:none }
.slick-slide.dragging img { pointer-events:none }
.slick-initialized .slick-slide { display:block }
.slick-loading .slick-slide { visibility:hidden }
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent }
.slick-arrow.slick-hidden { display:none }
.w-checkBox { display:inline-block; color:#333; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:pointer }
.w-checkBox .icon-checkbox { margin-right:3px; margin-bottom:-2px }

.w-rangBox { display:inline-block; line-height:30px; padding-left:20px; margin-bottom:10px; }
.w-rangBox .sf-input-txt { width:42px; height:18px; padding:0 5px; line-height:18px; border:1px solid #ddd }
.w-rangBox .sf-button { display:inline-block; width:44px; height:20px; padding:0;  line-height:20px; color:#fff; border:none; background-color:#1d6fb8 }
.w-rangBox .sf-button.disabled { background-color:#ccc }
.w-selectorLine { padding-top:5px; line-height:2.5; color:#333 }
.w-selectorLine .sf-wrapper { position:relative }
.w-selectorLine .sf-wrapper.extend .sf-v-sizer { display:block }
.w-selectorLine .sf-wrapper.extend .sf-v-list { height:auto; max-height:93px; overflow-y:auto }
.w-selectorLine .sf-wrapper.extend .sf-v-list::-webkit-scrollbar {
width:6px;
height:6px;
border:6px
}
.w-selectorLine .sf-wrapper.extend .sf-v-list::-webkit-scrollbar-track {
border-radius:2px;
background-color:#f2f2f2
}
.w-selectorLine .sf-wrapper.extend .sf-v-list::-webkit-scrollbar-thumb {
height:20px;
border-radius:3px;
background-color:#7f7f7f
}
.w-selectorLine .sf-wrapper.multiple .sf-mult-action { display:block }
.w-selectorLine .sf-key { float:left; width:5em; height:26px; line-height:26px; margin-left:16px; text-align:left; color:#999; overflow:hidden }
.w-selectorLine .sf-key:after { content:""; display:inline-block; width:100%; height:0 }
.w-selectorLine .sf-value { padding-right:150px; padding-left:107px }
.w-selectorLine .sf-v-sizer { display:none; margin-bottom:4px }
.w-selectorLine .sf-v-sizer li { display:inline-block; height:2em; padding:0 6px; margin-right:12px; line-height:2; border:1px solid transparent; cursor:pointer }
.w-selectorLine .sf-v-sizer li.active, .w-selectorLine .sf-v-sizer li:hover { color:#1d6fb8; border-color:#1d6fb8 }
.w-selectorLine .sf-v-list { max-height:2.5em; overflow:hidden }
.w-selectorLine .sf-v-list.double { max-height:5em }
.w-selectorLine .sf-v-wrapper { line-height:26px }
.w-selectorLine [data-v] { display:inline-block; height:26px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 8px; margin-right:40px; margin-bottom:5px; cursor:pointer; border:1px solid transparent; vertical-align:top }
.w-selectorLine [data-v].check { border-color:#1d6fb8; color:#1d6fb8; text-decoration:none!important }
.w-selectorLine [data-v]:hover { color:#1d6fb8; text-decoration:underline }
.w-selectorLine .sf-mult-action { display:none; padding:10px 0; text-align:center }
.w-selectorLine .sf-mult-btn-default, .w-selectorLine .sf-mult-btn-primary { width:48px; height:2em; padding:0; margin-right:8px; margin-left:8px; border:1px solid #999; background-color:#fff; line-height:2 }
.w-selectorLine .sf-mult-btn-default.disable, .w-selectorLine .sf-mult-btn-primary.disable { border-color:transparent; color:#999; background-color:#f4f4f4 }
.w-selectorLine .sf-mult-btn-primary { border-color:transparent; color:#fff; background-color:#1d6fb8 }
.w-selectorLine .sf-action { position:absolute; top:0; right:0; padding-right:14px }
.w-selectorLine .sf-b-more, .w-selectorLine .sf-b-mult { display:inline-block; height:2em; padding:0 8px; line-height:2em; vertical-align:top; margin-top:1px }
.w-selectorLine .sf-b-more.active, .w-selectorLine .sf-b-more:hover, .w-selectorLine .sf-b-mult.active, .w-selectorLine .sf-b-mult:hover { color:#1d6fb8; border-color:#1d6fb8 }
.w-selectorLine .sf-b-more .arrow, .w-selectorLine .sf-b-mult .arrow { -webkit-transition:-webkit-transform .35s;
transition:-webkit-transform .35s;
transition:transform .35s;
transition:transform .35s, -webkit-transform .35s
}
.w-selectorLine .sf-b-mult { border:1px solid #ddd }
.w-selectorLine .sf-b-mult .arrow { margin-left:8px }
.w-selectorLine .sf-b-mult.active .arrow, .w-selectorLine .sf-b-mult:hover .arrow { -webkit-transform:rotate(90deg); transform:rotate(90deg) }
.w-selectorLine .sf-b-more { margin-left:12px; visibility:hidden }
.w-selectorLine .sf-b-more .arrow { margin-bottom:1px; margin-left:4px }
.w-selectorLine .sf-b-more.active .arrow { -webkit-transform:rotate(-180deg); transform:rotate(-180deg) }
.w-selectorSenior-dialog [role=value]:hover { color:#1d6fb8; text-decoration:underline }
.w-selectorSenior-dialog .sf-b-mult:hover { color:#1d6fb8; border-color:#1d6fb8 }
.w-selectorSenior { display:inline-block; height:2em; line-height:2; color:#333; border:1px solid #ddd }
.w-selectorSenior.active { border-color:#999 }
.w-selectorSenior.active .sf-value { display:block }
.w-selectorSenior.active, .w-selectorSenior:hover { border-color:#1d6fb8; color:#1d6fb8 }
.w-selectorSenior.active .arrow, .w-selectorSenior:hover .arrow { -webkit-transform:rotate(-180deg); transform:rotate(-180deg) }
.w-selectorSenior .sf-label { height:100%; padding:0 1em; text-align:center; cursor:pointer }
.w-selectorSenior .sf-label span { padding:5px 0 12px }
.w-selectorSenior .arrow { margin-left:4px; margin-bottom:2px; -webkit-transition:-webkit-transform .35s;
transition:-webkit-transform .35s;
transition:transform .35s;
transition:transform .35s, -webkit-transform .35s
}
.w-selectorSenior-dialog { position:absolute; top:300px; left:0; right:0; z-index:2; width:1190px; margin:0 auto }
.w-selectorSenior-dialog .sf-value { border:1px solid #999; background-color:#fff; padding:12px }
.w-selectorSenior-dialog .sf-value-list { padding-right:138px }
.w-selectorSenior-dialog [role=value] { display:inline-block; height:26px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 8px; margin-right:40px; margin-bottom:5px; line-height:26px; cursor:pointer; border:1px solid transparent; vertical-align:top }
.w-selectorSenior-dialog [role=value].check { border-color:#1d6fb8; color:#1d6fb8; text-decoration:none!important }
.w-selectorSenior-dialog .sf-mult-action { display:none; padding-top:10px; text-align:center }
.w-selectorSenior-dialog .sf-mult-btn-default, .w-selectorSenior-dialog .sf-mult-btn-primary { width:48px; height:2em; padding:0; margin-right:8px; margin-left:8px; border:1px solid #999; background-color:#fff; line-height:2 }
.w-selectorSenior-dialog .sf-mult-btn-default.disabled, .w-selectorSenior-dialog .sf-mult-btn-primary.disabled { border-color:transparent; color:#999; background-color:#f4f4f4 }
.w-selectorSenior-dialog .sf-mult-btn-primary { border-color:transparent; color:#fff; background-color:#1d6fb8 }
.w-selectorSenior-dialog .sf-b-mult { position:absolute; top:14px; right:89px; height:2em; padding:0 8px; line-height:2; border:1px solid #ddd; cursor:pointer }
.w-selectorSenior-dialog .sf-b-mult:hover .arrow { -webkit-transform:rotate(90deg); transform:rotate(90deg) }
.w-selectorSenior-dialog .arrow { margin-left:8px; -webkit-transition:-webkit-transform .35s;
transition:-webkit-transform .35s;
transition:transform .35s;
transition:transform .35s, -webkit-transform .35s
}
.w-sort { display:inline-block; text-align:center; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.w-sort.active { color:#1d6fb8 }

.w-sort .sort-f-label .icon-arrow { display:inline-block; margin-left:4px; margin-bottom:-1px }

.w-pageSwitcher { color:#a7a7a7 }
.w-pageSwitcher, .w-pageSwitcher .p-num-box { display:inline-block }
.w-pageSwitcher .p-v-state { display:inline-block; margin:0 18px }
.w-pageSwitcher .p-tab { display:inline-block; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.w-pageSwitcher .next, .w-pageSwitcher .pre { display:inline-block; width:18px; height:18px; text-align:center; border:1px solid #ddd; cursor:pointer; background:#ffffff; vertical-align:top }
.w-pageSwitcher .next:hover, .w-pageSwitcher .pre:hover { border-color:#1d6fb8 }
.w-pageSwitcher .next.disabled, .w-pageSwitcher .pre.disabled {  cursor:default; background:#ececec; }
.w-pageSwitcher .next { margin-left:3px }
.w-pageSwitcher i { font-style:normal; color:#333 }
.w-dialog { position:fixed; top:0; left:0; z-index:3; width:100%; height:100%; text-align:center; background:rgab(128, 128, 128, .3) }
.w-dialog .dialog-box { position:relative; display:inline-block; width:400px; margin-top:-20px; border-radius:3px 3px 8px 8px; background:#fff; vertical-align:middle; -webkit-box-shadow:0 0 30px #666; box-shadow:0 0 30px #666; overflow:hidden }
.w-dialog .dialog-title { height:30px; line-height:30px; overflow:hidden; padding:0 10px; font-size:14px; background:#343537; color:#999; text-align:left }
.w-dialog .dialog-content { padding:25px 10px; font-size:13px; line-height:22px; color:#333 }
.w-dialog .dialog-close { position:absolute; top:0; right:0; width:30px; height:30px; font-size:14px; line-height:30px; color:#999; cursor:pointer }
.w-dialog .dialog-close:hover { color:#fff }
.w-dialog .dialog-action { padding:0 10px 10px }
.w-dialog .dialog-action .btn { display:inline-block; width:120px; height:30px; margin:0 6px; line-height:30px; color:#fff; background:#f93; cursor:pointer }
.w-dialog:after { content:""; display:inline-block; width:0; height:100%; vertical-align:middle }

.empty-product { padding-top:35px; padding-bottom:30px; text-align:center }
.empty-product .icon-box { display:inline-block; width:90px; height:90px; margin-right:40px; background:url(//source-ba.azoyacdn.com/skin/frontend/PlumTree/default/release_pc/img/empty.png) top no-repeat; vertical-align:top }
.empty-product .icon-box.search { margin-right:0 }
.empty-product .text-box { display:inline-block; padding-right:45px; text-align:left; line-height:22px; color:#666; vertical-align:top }
.empty-product .text-box.search { display:block; text-align:center; padding-right:0; color:#000; font-weight:600; margin-top:30px }
.empty-product .text-box .keyword { display:inline-block; max-width:80em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top }
.empty-product .text-title { padding-bottom:10px; font-size:14px; color:#f93; font-weight:600 }
.w-pullDownBox { display:inline-block; width:92px; height:22px; text-align:center; color:#999; line-height:22px; background-color:#fff; cursor:pointer }
.w-pullDownBox.active, .w-pullDownBox:hover { border-color:#1d6fb8; color:#1d6fb8 }
.w-pullDownBox.active .arrow { -webkit-transform:rotate(-180deg); transform:rotate(-180deg) }
.w-pullDownBox .arrow { margin-left:3px; margin-bottom:2px; -webkit-transition:-webkit-transform .35s;
transition:-webkit-transform .35s;
transition:transform .35s;
transition:transform .35s, -webkit-transform .35s
}
.container { width:100%; margin:0 auto }
.container:after { content:""; display:table-cell; height:0; clear:both }
.list-service-page { padding-bottom:20px }
.list-service-page.loading { height:300px; overflow:hidden }
.list-service-page.loading .sort-layer { visibility:hidden }
.list-service-page.loading .loading-layer { display:table-cell }
.list-service-page.loading .product-layer { display:none }
.page-loading-bar { position:fixed; top:0; left:0; width:0; height:3px; background-color:#f93 }
.loading-layer { display:none; width:50000px; height:300px; text-align:center; vertical-align:middle }
.crumbs-layer { margin-top:9px; margin-bottom:9px }
.select-layer { display:none }
.select-layer .wrap { position:relative; padding-left:3px; outline:1px solid #e6e6e6; outline-offset:-1px; background-color:#fff }
.select-layer .more-selector, .select-layer .w-selectorLine { border-bottom:1px dashed #e6e6e6 }
.select-layer .more-selector { position:relative; display:none; min-height:36px; padding-top:12px; padding-bottom:6px; line-height:2.5 }
.select-layer .more-selector.expand { height:auto }
.select-layer .more-selector .filter-label { position:absolute; height:24px; line-height:24px; margin-left:16px; color:#999 }
.select-layer .more-selector .filter-wrapper { height:29px; padding-right:150px; padding-left:107px; overflow:hidden; -webkit-transition:all .35s;
transition:all .35s
}
.select-layer .w-selectorSenior { margin-right:25px; margin-bottom:4px; vertical-align:top }
.select-layer .select-show-all { margin-bottom:12px; text-align:center }
.select-layer .w-pullDownBox { position:relative; margin-top:-1px; border:1px solid #ebebeb; border-radius:0 0 3px 3px; border-top:none }
.sort-layer { display:none }
.sort-layer .container { padding-right:20px; border:1px solid #e7e7e7; background-color:#fff; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box;}
.sort-layer .sort-container { display:inline-block; margin-right:18px; font-size:14px; }


.sort-container a:hover{ text-decoration:none;}

.sort-layer .rang-container { display:inline-block; margin-right:30px }
.sort-layer .filter-container { display:inline-block }
.sort-layer .w-sort { position:relative; width:120px; height:38px; border:1px solid transparent; line-height:38px }
.sort-layer .w-sort.active { border-color:#1d6fb8 }
.sort-layer .w-sort.active:after { content:none }
.sort-layer .w-sort:after { content:""; position:absolute; top:2px; right:-1px; width:1px; height:34px; background-color:#eee }
.sort-layer .w-rangBox { margin-right:18px }
.sort-layer .w-checkBox { margin-right:16px }
.sort-layer .page-switcher { float:right; padding:9px 0; line-height:20px }

.recommend-layer .recommend-title { margin-top:20px; margin-bottom:24px; font-size:18px; font-weight:600; line-height:1; color:#333 }
.recommend-layer .recommend-container { height:330px; margin:0 -5px; overflow:hidden }
.recommend-layer .m-product { float:left; width:230px; height:295px; margin:0 5px 20px }
.recommend-layer .m-product:hover .m-product-name { height:38px }
.recommend-layer .m-product-pic img { width:190px; height:190px }
.recommend-layer .slick-arrow { position:absolute; top:50%; z-index:1; display:block; width:32px; height:60px; margin-top:-30px; text-indent:-9999px; opacity:.8; cursor:pointer }
.recommend-layer .slick-next { right:10px; background:#999 url(//source-ba.azoyacdn.com/skin/frontend/PlumTree/default/release_pc/img/slick-next.png) 50% no-repeat }
.recommend-layer .slick-next:hover { background-color:#211e1f }
.recommend-layer .slick-prev { left:10px; background:#999 url(//source-ba.azoyacdn.com/skin/frontend/PlumTree/default/release_pc/img/slick-prev.png) 50% no-repeat }
.recommend-layer .slick-prev:hover { background-color:#211e1f }
.recommend-layer button { -webkit-box-sizing:border-box; box-sizing:border-box; border:none }
.fixed-side-bar { display:none; position:fixed; bottom:40px; left:50%; width:46px; height:194px; margin-left:605px }
.fixed-side-bar #back-top, .fixed-side-bar .cart-box, .fixed-side-bar .social-weibo, .fixed-side-bar .social-weixin { display:block; width:46px; height:46px; background-image:url(//source-ba.azoyacdn.com/skin/frontend/PlumTree/default/release_pc/img/side.jpg); background-repeat:no-repeat; cursor:pointer }
.fixed-side-bar .cart-box:hover, .fixed-side-bar .social-weibo:hover, .fixed-side-bar .social-weixin:hover { background-position-x:-46px }
.fixed-side-bar .social-weixin { position:relative; background-position:0 0 }
.fixed-side-bar .social-weixin:hover img { opacity:1; -webkit-transform:scale(1); transform:scale(1) }
.fixed-side-bar .social-weixin img { position:absolute; top:0; left:-130px; display:none\9; width:105px; height:105px; opacity:0; -webkit-transform-origin:right top; transform-origin:right top; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:all .35s;
transition:all .35s
}
.fixed-side-bar .social-weibo { background-position:0 -46px }
.fixed-side-bar .cart-box { display:block; position:relative; background-position:0 -92px }
.fixed-side-bar .cart-box .cart-num { margin-right:4px }
.fixed-side-bar #back-top { margin-top:10px; background-position:0 -139px }
.page-loading-bar { z-index:1000 }

.w-crumbs .attr { color:#1a87cb }
.w-crumbs .attr:hover .button { background:#1a87cb }
.w-crumbs .total-tips i { color:#1a87cb }
.w-crumbs .close { background-image:url(../images/sprite.png); }
.w-dialog .dialog-action .btn { background:#f25053 }

.w-selectorLine .sf-v-sizer li.active, .w-selectorLine .sf-v-sizer li:hover { color:#1a87cb; border-color:#1a87cb }
.w-selectorLine .sf-mult-btn-primary { background-color:#1a87cb }
.w-selectorLine [data-v].check { border-color:#1a87cb; color:#1a87cb }
.w-selectorLine [data-v]:hover { color:#1a87cb }
.w-selectorLine .sf-b-more.active, .w-selectorLine .sf-b-more:hover, .w-selectorLine .sf-b-mult.active, .w-selectorLine .sf-b-mult:hover { color:#1a87cb; border-color:#1a87cb }
.w-selectorLine .sf-b-more.active .arrow, .w-selectorLine .sf-b-more:hover .arrow, .w-selectorLine .sf-b-mult.active .arrow, .w-selectorLine .sf-b-mult:hover .arrow {background-image:url(../images/sprite.png); }
.w-selectorSenior.active, .w-selectorSenior:hover { border-color:#1a87cb; color:#1a87cb }
.w-selectorSenior.active .arrow, .w-selectorSenior:hover .arrow { background-image:url(../images/sprite.png); }
.w-selectorSenior-dialog [role=value]:hover { color:#1a87cb }
.w-selectorSenior-dialog [role=value].check { border-color:#1a87cb; color:#1a87cb }
.w-selectorSenior-dialog .sf-mult-btn-primary { background-color:#1a87cb }
.w-selectorSenior-dialog .sf-b-mult:hover { color:#1a87cb; border-color:#1a87cb }
.w-selectorSenior-dialog .sf-b-mult:hover .arrow { background-image:url(../images/sprite.png);}
.w-pullDownBox.active, .w-pullDownBox:hover { border-color:#1a87cb; color:#1a87cb }
.w-pullDownBox.active .arrow, .w-pullDownBox:hover .arrow { background-image:url(../images/sprite.png); }
.sort-layer .container { background-color:#f9f9f9 }
.sort-layer .w-sort.active { border-color:#1a87cb; color:#1a87cb;background:#fff; text-decoration:none; }
.sort-layer .w-sort .sort-f-label.asc .icon-arrow, .sort-layer .w-sort .sort-f-label.desc .icon-arrow { background-image:url(../images/sprite.png); text-decoration:none;}
.w-rangBox .sf-button { background-color:#1a87cb }
.w-checkBox.active .icon-checkbox { background-image:url(../images/sprite.png); }
.product-layer .m-product { height:360px;  }
.m-product .m-product-scale { }
.m-product:hover .m-product-scale { border-color:#2098ad }
.m-product-sales .label { background-color:#ff4c4c }
.m-product-price { color:#f97316 }
.m-product-price .p-price i { font-size:100% }
.m-product-off .p-off { color:#f25053 }
.m-product-pro .p-sale { background:#f25053 }
.m-product-action .btn { background-color:#1a87cb }
.m-product-action .btn:hover { background-color:#7bce40 }
.m-product-action .btncart { display:inline; width:120px; height:30px; line-height:30px; color:#fff; background-color:#1a87cb; cursor:pointer;  border:0; }
.m-product-action .btncart:hover { background-color:#285b9e }
.m-product-action .btncart.disabled { color:#fff; background-color:#858585; cursor:default }
.m-product-action .btnsc { display:inline; width:98px; height:30px; line-height:30px; color:#fff; background-color:#5396cc; cursor:pointer; border:0; margin-right:2px; }
.m-product-action .btnscqx { display:inline; width:98px; height:30px; line-height:30px; color:#333333; background-color:#f9f9f9; cursor:pointer; border:0; margin-right:2px; }

.m-product-action .btnscqx:hover { background-color:#1a87cb; color:#ffffff; }
.m-product-action .btnscqx.disabled { color:#333333; background-color:#858585; cursor:default }

.m-product-action .btnsc:hover { background-color:#5589cc;  }
.m-product-action .btnsc.disabled { color:#fff; background-color:#858585; cursor:default }
.m-product.scale-x .m-product-scale { min-height:376px }
.m-product.scale-x .m-product-spu .spu-item.active, .m-product.scale-x .m-product-spu .spu-item:hover { border-color:#1a87cb }
.m-product.scale-x .m-product-spu .spu-slide-next:hover .icon-arrow, .m-product.scale-x .m-product-spu .spu-slide-pre:hover .icon-arrow { background-image:url(../images/sprite.png);}
.empty-product .icon-box { width:97px; height:78px; background-image:url(/skin/frontend/PlumTree/ba_pc_v1/img/empty.png) }
.empty-product .text-title { color:#1a87cb }
.page-loading-bar { background-color:#f25053 }
.pix { position: absolute; right: 0; top: 0px; width: 56px; height: 56px; padding: 12px 0 0; background:url(../images/newicon.png) no-repeat; font-family: "microsoft yahei"; color: #fff; line-height: 31px; text-align: center; overflow: hidden; font-size: 16px; zoom: 1; }








/* 20171211修补详情页面的侧边栏 */

.aside .item-title { height: 24px; line-height: 24px;  font-size: 14px; color: #666; position: relative;  }
.aside .item-title h2{ font-size:14px; color:#1a87cb; font-weight:100;}



.aside .item-title a { font-family: Arial; font-weight: 700; font-size: 18px; color: #999; text-decoration: none; position: absolute; top: 0; right: 14px; }
.aside .item-title a:hover { color: #f50; }



.aside .item-titlebrand { height: 45px; line-height: 45px;  font-size: 14px; color: #666; position: relative; }
.aside .item-titlebrand h2{ font-size:14px; color:#1a87cb; font-weight:100; float:left; line-height:45px;}

.aside .item-titlebrand span{ float:right; display:block; width:30px;  height:30px; position:absolute; top:9px; right:0;}
.bdhack{ padding-top:0!important;}




.aside .item-titlebrand span .next{ position:relative; display:block; width:12px; height:12px; line-height:12px;top:0; right:0; background:url(../images/more2.png) no-repeat;}
.aside .item-titlebrand span .prev{ position:relative; display:block; width:12px; height:12px; line-height:12px; bottom:0; right:0; background:url(../images/more3.png) no-repeat}



.aside .item-titlebrand a { color:#000; font-size:14px;}
.aside .item-titlebrand a:hover { color: #f50; }



.aside .dirlist { margin: 0 20px; }
.aside .dirlist li .main { display: block; width: auto; line-height: 34px; font-size: 14px; position: relative; }



.aside .dirlist li .main a{ color:#000000!important; width:165px; display:block;  }




.aside .dirlist .main b { display: block; width: 12px; height: 12px; cursor: pointer; position: absolute; top: 12px; right: 0; }
.aside .dirlist .expand .main b { background: url(../images/aside_ps.png) 0 -51px no-repeat; }
.aside .dirlist .shrink .main b { background: url(../images/aside_ps.png) 0 0 no-repeat; }
.aside .dirlist .subdir a { display: block; line-height: 24px; font-family: simsun; color: #a9a9a9; font-size:14px; }
.aside .dirlist .expand .subdir { display: block; }
.aside .dirlist .shrink .subdir { display: none; }
.aside .dirlist li a:hover, .aside .dirlist li .main:hover { color: #666; text-decoration: none; }
.aside .dirlist li .main:hover, .aside .dirlist li .main a:hover { background: none; }
.aside .dirlist .cur a { background-color: #cd2a2a; color: #fff; }
.catalog-navigation .product-related .emptyContent { line-height: 34px; margin: 0 14px; color: #666; }
.aside .categories { }
.aside li.show-more, .aside li.show-more-out { line-height: 34px; color: #999;  cursor: pointer; padding-right:16px; background:url(../images/more.png) no-repeat 30px 12px;}
.aside li.show-more-out { margin-top: -1px; }
.aside .logoswrap a { float: left; display: block; width: 93px; height: 68px; margin-right: -1px; margin-bottom: -1px; border: 1px solid #f0f0f0; }
.aside .logoswrap a img { display: block; width: 93px; height: 47px; margin-top: 10px; }
.aside .logoswrap { width: 190px; margin: 13px auto 0; padding-bottom: 44px; position: relative; overflow: hidden; }
.aside .logoswrap .slidesjs-navigation { display: block; width: 8px; height: 12px; border: none; background: url(../images/v3/list_brand_ctrl.png) no-repeat; text-indent: -9999px; position: absolute; left: 70px; bottom: 15px; }
.aside .logoswrap .slidesjs-next { background-position: -8px 0; left: 112px; }
.aside .week li { margin: 0 12px; padding: 10px 0; border-bottom: 1px dotted #e6e6e6; }
.aside .week .product-image-wrap { height: 120px; position: relative; }
.aside .week .product-image-wrap img { display: block; width: 120px; height: 120px; margin: 0 auto; }
.aside .week .product-image-wrap .act-icon { display: block; width: 20px; height: 19px; background: #ff3336; font-style: normal; color: #fff; text-align: center; position: absolute; left: 0; top: 0; }
.aside .week .item_0 .product-image-wrap .act-icon, .aside .week .item_1 .product-image-wrap .act-icon { height: 28px; background: url(../images/v3/list_reco.png) center top no-repeat; }
.aside .week .product-name { height: 36px; line-height: 18px; margin-top: 5px; }
.aside .week .product-name a { color: #656565; }
.aside .week .product-name a:hover { color: #09c; }
.aside .week .price-box .original-price { font-weight: 700; font-size: 14px; color: #f97316; }
.aside .week .price-box .regular-price { color: #999; }
.aside .week .item_4 { border-bottom: none; }
.leftlist li{ display: block;
    line-height: 34px; padding-left:20px;
 
    color: #a9a9a9;
    font-size: 14px}
	
	.seoqjbtn{
		
		
		
		display: inline-block;
    margin: 0;
    line-height: 24px;
    vertical-align: middle;
    font-size: 12px;
    text-shadow: none;
    box-shadow: none;
    background: #1a87cb;
    border: 0 none;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
	padding:2px 5px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;
		
		}

		/* 品牌分页 */
		.txtScroll-top{ width:100%;  overflow:hidden; position:relative;    }
		.txtScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }

		.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
		.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
		.txtScroll-top .hd ul li.on{ background-position:0 0; }
		.txtScroll-top .infoList li{ height:30px; line-height:30px; color:#a9a9a9; padding-left:7px;   }
				.txtScroll-top .infoList li a{ color:#a9a9a9;   }
				
				
				
				
				
		.txtScroll-top .infoList li .date{ float:right; color:#999;  }
		
		.leftfixbk {
    /* background: url(../images/leftbk.png) repeat-y; */
    display: flex;
    justify-content: space-between;
}

		.product-listing-page .leftfixbk {
		    align-items: flex-start;
		    justify-content: flex-start;
		    gap: 30px;
		}

		.product-listing-page .col-left.sidebar {
		    box-sizing: border-box;
		    flex: 0 0 240px;
		    float: none;
		    width: 240px;
		    margin: 0;
		}

		.product-listing-page .sidebar .aside {
		    box-sizing: border-box;
		    width: 100%;
		    padding: 18px 16px;
		    border: 1px solid #e5edf5;
		    border-radius: 8px;
		    background: #fff;
		    font-family: Arial, Helvetica, sans-serif;
		}

		.product-listing-page .screening-title {
		    height: auto;
		    margin: 0 0 18px;
		    line-height: normal;
		}

		.product-listing-page .screening-title h2 {
		    margin: 0;
		    color: #1f2937;
		    font-family: Arial, Helvetica, sans-serif;
		    font-size: 18px;
		    font-weight: 600;
		    line-height: 1.3;
		}

		.product-listing-page .sidebar .item-titlebrand {
		    position: static;
		    height: auto;
		    margin: 0 0 8px;
		    line-height: normal;
		}

		.product-listing-page .sidebar .item-titlebrand h2 {
		    float: none;
		    margin: 0;
		    color: #263445;
		    font-family: Arial, Helvetica, sans-serif;
		    font-size: 16px;
		    font-weight: 600;
		    line-height: 1.4;
		}

		.product-listing-page .sidebar .item-titlebrand a:hover {
		    color: #334155;
		}

		.product-listing-page .sidebar .categoryList {
		    gap: 6px;
		    max-height: 300px;
		    margin-bottom: 18px;
		    padding-right: 4px;
		}

		.product-listing-page .sidebar .category_item,
		.btncart:hover {
		    box-sizing: border-box;
		    height: 36px;
		    min-height: 36px;
		    padding: 0 12px;
		    border: 1px solid transparent;
		    border-radius: 4px;
		    background: #F7F7F7;
		    box-shadow: none;
		    transform: none;
		}

		.product-listing-page .sidebar .category_item.active,
		.product-listing-page .sidebar .category_item:hover,
		.product-listing-page .sidebar .category_item.active:hover {
		    border-color: transparent;
		    background: rgba(26,127,208,0.1);
			font-weight:600;
		}

		.product-listing-page .sidebar .category_name,
		.product-listing-page .sidebar .category_item:hover .category_name {
		    color: #3f4b59;
		    font-size: 14px;
		    font-weight: 400;
		    line-height: 1.35;
		}

		.product-listing-page .sidebar .category_item.active .category_name {
		    color: #1a87cb;
		    font-weight: 400;
		}

		.product-listing-page .sidebar .bd.bdhack {
		    margin-bottom: 18px !important;
		}

		.product-listing-page .sidebar #brandList {
		    margin: 0;
		    padding: 0;
		    list-style: none;
		}

		.product-listing-page .sidebar #brandList li {
		    margin: 0;
		    padding: 0;
		    line-height: normal;
		    height: auto;
		}

		.product-listing-page .sidebar #brandList li a {
		    display: flex;
		    align-items: center;
		    min-height: 28px;
		    box-sizing: border-box;
		    padding: 5px 8px;
		    border-radius: 4px;
		    background: #f5f7f9;
		    color: #3f4b59;
		    font-family: Arial, Helvetica, sans-serif;
		    font-size: 12px;
		    line-height: 1.4;
		    text-decoration: none;
		}

		.product-listing-page .sidebar #brandList li a::before {
		    flex: 0 0 13px;
		    width: 13px;
		    height: 13px;
		    margin-right: 7px;
		    border: 1px solid #cbd5e1;
		    border-radius: 2px;
		    background: #fff;
		    content: "";
		}

		.product-listing-page .sidebar #brandList li a:hover {
		    padding-left: 8px;
		    background: #e7f2fb;
		    color: #1a87cb;
		}

		.product-listing-page .sidebar .price-filter {
		    display: flex;
		    flex-direction: column;
		    gap: 7px;
		}

		.product-listing-page .sidebar .price-filter input {
		    box-sizing: border-box;
		    width: 100%;
		    height: 32px;
		    padding: 0 9px;
		    border: 1px solid #e5edf5;
		    border-radius: 4px;
		    background: #fff;
		    color: #3f4b59;
		    font-family: Arial, Helvetica, sans-serif;
		    font-size: 12px;
		}

		.product-listing-page .sidebar .price-filter input::placeholder {
		    color: #9aa8b8;
		}

		.product-listing-page .sidebar .price-filter .seoqjbtn {
		    width: 100%;
		    height: 32px;
		    padding: 0 8px;
		    border: 0;
		    border-radius: 4px;
		    background: #1a87cb;
		    color: #fff;
		    font-size: 11px;
		    font-weight: 600;
		}

		.product-listing-page .sidebar .price-filter .seoqjbtn:hover {
		    background: #1677b5;
		}

		.product-listing-page > .col-right {
		    box-sizing: border-box;
		    flex: 1 1 0;
		    float: none;
		    width: 920px;
		    min-width: 0;
		}

		.product-listing-page .product-layer {
		    display: grid;
		    grid-template-columns: repeat(4, minmax(0, 1fr));
		    /* grid-auto-rows: 380px; */
		    column-gap: 20px;
		    row-gap: 0;
		    align-items: start;
		    margin: 0 0 35px;
		}

		.product-listing-page .product-layer > .clear {
		    display: none;
		}

		.product-listing-page .product-layer .m-product {
		    box-sizing: border-box;
		    width: 100%;
		    height: auto;
		    margin: 20px 0 0;
		    padding: 12px;
		    overflow: visible;
		    border: 1px solid #e5e7eb;
		    border-radius: 12px;
		    background: #fff;
		    transition: box-shadow 0.3s ease;
		}

		.product-listing-page .product-layer .m-product:nth-child(4n + 1) {
		    margin-left: 0;
		}

		.product-listing-page .product-layer .m-product:hover {
		    overflow: visible;
		    border-color: #e5e7eb;
		    box-shadow: 0 4px 12px rgba(31, 45, 61, 0.08);
		}

		.product-listing-page .product-layer .m-product-scale {
		    transform: none;
		    transition: none;
		}

		.product-listing-page .product-layer .m-product-scale,
		.product-listing-page .product-layer .m-product-wrapper {
		    box-sizing: border-box;
		    width: 100%;
		    height: auto;
		}

		.product-listing-page .product-layer .m-product-wrapper {
		    padding-bottom: 0;
		}

		.product-listing-page .product-layer .m-product-wrapper > a {
		    display: flex;
		    flex-direction: column;
		    gap: 6px;
		    width: 100%;
		    height: auto;
		    color: inherit;
		    text-decoration: none;
		}

		.product-listing-page .product-layer .m-product-pic {
		    display: flex;
		    flex: 0 0 200px;
		    align-items: center;
		    justify-content: center;
		    box-sizing: border-box;
		    width: 100%;
		    height: 200px;
		    margin-bottom: 0;
		    padding: 0;
		    overflow: hidden;
		    border-radius: 8px;
		    background: #f9fafb;
		}

		.product-listing-page .product-layer .m-product-pic img {
		    display: block;
		    width: auto;
		    max-width: 90%;
		    height: auto;
		    max-height: 90%;
		    border: 0;
		    border-radius: 0;
		    object-fit: contain;
		}

		.product-listing-page .product-layer .m-product-name {
		    display: -webkit-box;
		    flex: 0 0 40px;
		    height: 40px;
		    margin: 0;
		    overflow: hidden;
		    color: #333;
		    font-size: 14px;
		    font-weight: 500;
		    line-height: 1.4;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 2;
		}

		.product-listing-page .product-layer .m-product-wrapper > a > div:not(.m-product-pic):not(.m-product-name):not(.PriceContain) {
		    flex: 0 0 auto;
		}

		.product-listing-page .product-layer .PriceContain {
		    display: flex;
		    flex: 0 0 24px;
		    align-items: baseline;
		    box-sizing: border-box;
		    width: 100%;
		    height: 24px;
		    margin-top: 0;
		}

		.product-listing-page .product-layer .PriceContain .PriceNow {
		    float: none;
		    margin: 0 8px 0 0;
		    padding: 0;
		    color: #f97316;
		    font-size: 18px;
		    font-weight: 700;
		    line-height: 1;
		}

		.product-listing-page .product-layer .PriceContain .old-price {
		    float: none;
		    margin: 0;
		    color: #999;
		    font-size: 12px;
		    line-height: 1;
		    text-decoration: line-through;
		}

		.product-listing-page .product-layer .m-product-action {
		    display: flex;
		    align-items: center;
		    justify-content: flex-start;
		    box-sizing: border-box;
		    top: 0;
		    left: 0;
		    width: 100%;
		    opacity: 0;
		    visibility: hidden;
		    transition: opacity 0.15s ease;
		}

		.product-listing-page .product-layer .m-product:hover .m-product-action {
		    display: flex;
		    opacity: 1;
		    visibility: visible;
		}

		.product-listing-page .sort-layer {
		    margin-bottom: 10px;
		}

		.product-listing-page .sort-layer .container {
		    display: flex;
		    align-items: center;
		    min-height: 36px;
		    padding: 0;
		    overflow: visible;
		    border: 0;
		    background: transparent;
		}

		.product-listing-page .sort-layer .sort-container {
		    display: inline-flex;
		    align-items: stretch;
		    margin: 0;
		    overflow: hidden;
		    font-size: 12px;
			gap:10px;
		}

		.product-listing-page .sort-layer .sort-container > a {
		    display: block;
		    color: #64748b;
		    text-decoration: none;
			background: #fff;
    		border-radius: 100px;
			border:1px solid #1a87cb;
		}

		.product-listing-page .sort-layer .w-sort,
		.product-listing-page .sort-layer .w-sort.active {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    width: auto;
		    min-width: 74px;
		    height: 36px;
		    box-sizing: border-box;
		    padding: 0 13px;
		    border: 0;
		    border-radius: 100px;
		    background: transparent;
		    color: #64748b;
		    line-height: 1;
		    white-space: nowrap;
		}

		.product-listing-page .sort-layer .w-sort:after {
		    content: none;
		}

/* ============================================================
   Shop page (2026 redesign)
   ============================================================ */
.mp-shop-page {
    padding: 24px 0 0;
    background: #fff;
}

.mp-shop-crumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
    font-size: clamp(13px, .833vw, 16px);
    color: #8b8b9e;
}

.mp-shop-crumbs a {
    color: #4f4f60 !important;
    text-decoration: none;
}

.mp-shop-crumbs a:hover {
    color: var(--mp-primary) !important;
}

.mp-shop-crumbs span {
    color: #b0b2c3;
}

.mp-shop-banner {
    display: block;
    width: 100%;
    aspect-ratio: 1600 / 378;
    border-radius: clamp(10px, .833vw, 16px);
    overflow: hidden;
    background: #2f9c78;
}

.mp-shop-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mp-shop-pets {
    margin-top: clamp(36px, 3.65vw, 70px);
}

.mp-shop-pets-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: clamp(18px, 1.56vw, 30px);
}

.mp-pets-arrows {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mp-pets-arrows button {
    width: clamp(38px, 2.4vw, 46px);
    height: clamp(38px, 2.4vw, 46px);
    border: 0;
    border-radius: 50%;
    background: var(--mp-primary);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: background-color .2s;
}

.mp-pets-arrows button:hover {
    background: var(--mp-primary-dark);
}

.mp-pets-arrows svg {
    width: 18px;
    height: 18px;
}

.mp-pets-list {
    display: flex;
    align-items: flex-start;
    gap: clamp(24px, 3vw, 48px);
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding-bottom: 6px;
}

.mp-pets-list::-webkit-scrollbar {
    display: none;
}

.mp-pet-item {
    flex: 0 0 auto;
    text-align: center;
    text-decoration: none !important;
}

.mp-pet-photo {
    display: flex;
    width: clamp(120px, 8.54vw, 164px);
    height: clamp(120px, 8.54vw, 164px);
    border-radius: 50%;
    overflow: hidden;
    background: #f7f7f9;
    transition: transform .25s, box-shadow .25s;
}

.mp-pet-item:hover .mp-pet-photo {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(20, 20, 43, .12);
}

.mp-pet-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mp-pet-name {
    display: block;
    margin-top: clamp(8px, .73vw, 14px);
    font-size: clamp(14px, .9375vw, 18px);
    font-weight: 600;
    color: var(--mp-ink) !important;
}

.mp-shop-layout {
    display: grid;
    grid-template-columns: clamp(230px, 17.8vw, 285px) minmax(0, 1fr);
    gap: clamp(24px, 2.5vw, 40px);
    margin-top: clamp(44px, 4.7vw, 90px);
    align-items: start;
}

.mp-shop-side {
    min-width: 0;
}

.mp-filter-block {
    margin-bottom: clamp(24px, 2.08vw, 36px);
}

.mp-filter-title {
    margin: 0 0 clamp(12px, .94vw, 18px);
    font-family: inherit;
    font-size: clamp(14px, .9375vw, 18px);
    font-weight: 600;
    color: var(--mp-ink);
}

.mp-filter-list {
    display: flex;
    flex-direction: column;
}

.mp-filter-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 0;
    font-size: clamp(13px, .833vw, 16px);
    color: #4f4f60 !important;
    text-decoration: none !important;
    line-height: 1.4;
}

.mp-filter-item:hover,
.mp-filter-item.is-active {
    color: var(--mp-primary) !important;
}

.mp-checkbox {
    position: relative;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border: 1.5px solid #d0d5dd;
    border-radius: 3px;
    box-sizing: border-box;
    background: #fff;
}

.mp-checkbox.is-checked {
    background: var(--mp-primary);
    border-color: var(--mp-primary);
}

.mp-checkbox.is-checked::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
}

.mp-filter-name {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mp-filter-item em {
    flex: 0 0 auto;
    font-style: normal;
    font-size: 12px;
    color: #a0a3bd;
}

.mp-range {
    position: relative;
    height: 22px;
    margin-top: 8px;
}

.mp-range-track {
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    height: 4px;
    border-radius: 2px;
    background: #e5e7eb;
}

.mp-range-fill {
    position: absolute;
    top: 0;
    height: 100%;
    border-radius: 2px;
    background: var(--mp-orange);
}

.mp-range input[type="range"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 22px;
    margin: 0;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    pointer-events: none;
}

.mp-range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid var(--mp-orange);
    background: #fff;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: 0 1px 4px rgba(20, 20, 43, .12);
}

.mp-range input[type="range"]::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid var(--mp-orange);
    background: #fff;
    cursor: pointer;
    pointer-events: auto;
}

.mp-range-labels {
    margin-top: 8px;
    font-size: 13px;
    color: #4f4f60;
}

.mp-range-labels b {
    font-weight: 500;
    color: var(--mp-ink);
}

.mp-price-inputs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.mp-price-input {
    width: 72px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid var(--mp-border);
    border-radius: 6px;
    font-family: inherit;
    font-size: 13px;
    color: var(--mp-ink);
    box-sizing: border-box;
}

.mp-price-input:focus {
    outline: none;
    border-color: var(--mp-primary);
}

.mp-apply-btn {
    height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: var(--mp-ink);
    color: #fff;
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
}

.mp-apply-btn:hover {
    background: var(--mp-primary);
}

.mp-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.mp-tags a {
    padding: 7px 14px;
    border-radius: 16px;
    background: #f3f4f6;
    color: #4f4f60 !important;
    font-size: 13px;
    text-decoration: none !important;
    transition: all .2s;
}

.mp-tags a:hover {
    background: var(--mp-primary-soft);
    color: var(--mp-primary) !important;
}

.mp-pop-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mp-pop-item {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
}

.mp-pop-img {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border: 1px solid #eef0f4;
    border-radius: 6px;
    overflow: hidden;
    background: #f7f7f9;
}

.mp-pop-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.mp-pop-info {
    flex: 1 1 auto;
    min-width: 0;
}

.mp-pop-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.4;
    color: var(--mp-ink) !important;
}

.mp-pop-price {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 600;
    color: var(--mp-primary) !important;
}

.mp-shop-main {
    min-width: 0;
}

.mp-shop-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: clamp(16px, 1.25vw, 24px);
}

.mp-shop-count {
    margin: 0;
    font-size: clamp(13px, .833vw, 16px);
    color: #4f4f60;
}

.mp-sort-select {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.mp-sort-select select {
    -webkit-appearance: none;
    appearance: none;
    height: 40px;
    min-width: 172px;
    padding: 0 38px 0 14px;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    background: #fff;
    font-family: inherit;
    font-size: 13px;
    color: var(--mp-ink);
    cursor: pointer;
}

.mp-sort-select select:focus {
    outline: none;
    border-color: var(--mp-primary);
}

.mp-sort-select svg {
    position: absolute;
    right: 12px;
    width: 14px;
    height: 14px;
    color: #4f4f60;
    pointer-events: none;
}

.mp-shop-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(16px, 1.25vw, 24px);
}

.mp-shop-card {
    padding: clamp(10px, .94vw, 18px);
}

.mp-shop-pagination {
    display: flex;
    justify-content: center;
    margin: clamp(32px, 2.7vw, 52px) 0 0;
}

.mp-shop-pagination .paginationnew ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mp-shop-pagination .paginationnew li {
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--mp-ink);
    box-sizing: border-box;
}

.mp-shop-pagination .paginationnew li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0 -10px;
    padding: 0 10px;
    color: inherit !important;
    text-decoration: none;
}

.mp-shop-pagination .paginationnew li.active {
    background: var(--mp-primary);
    border-color: var(--mp-primary);
    color: #fff;
}

.mp-shop-pagination .paginationnew li.disabled {
    opacity: .45;
}

.mp-shop-pagination .paginationnew li:hover:not(.active):not(.disabled) {
    border-color: var(--mp-primary);
    color: var(--mp-primary);
}

@media (max-width: 1500px) {
    .mp-shop-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .mp-shop-layout {
        grid-template-columns: 1fr;
    }

    .mp-shop-side {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 32px;
    }

    .mp-shop-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .mp-shop-side {
        grid-template-columns: 1fr;
    }

    .mp-shop-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .mp-shop-toolbar {
        flex-wrap: wrap;
    }

    .mp-shop-banner {
        aspect-ratio: 1600 / 600;
    }
}

		.product-listing-page .sort-layer .w-sort.active {
		    border-radius:100px;
		    background: #1a87cb;
		    color: #fff;
		}

		.product-listing-page .sort-layer .sort-f-label {
		    display: inline-flex;
		    align-items: center;
		    gap: 5px;
		}

		.product-listing-page .sort-layer .sort-f-label .icon-arrow {
		    margin: 0;
		    border-top-color: #94a3b8;
		}

		.product-listing-page .sort-layer .sort-f-label.asc .icon-arrow {
		    border-bottom-color: #94a3b8;
		}

		.product-listing-page .sort-layer .sort-f-label.desc .icon-arrow {
		    border-top-color: #94a3b8;
		}

		.product-listing-page .sort-layer .w-sort.active .sort-f-label .icon-arrow {
		    border-top-color: #fff;
		}

		.product-listing-page .sort-layer .w-sort.active .sort-f-label.asc .icon-arrow {
		    border-top: 0;
		    border-bottom-color: #fff;
		}

		.product-listing-page .sort-layer .w-sort.active .sort-f-label.desc .icon-arrow {
		    border-top-color: #fff;
		}

		.product-listing-page .sort-layer .page-switcher {
		    margin-left: auto;
		}

		@media (max-width: 767px) {
		    .product-listing-page .leftfixbk {
		        display: block;
		    }

		    .product-listing-page .col-left.sidebar {
		        width: 100%;
		        margin-bottom: 16px;
		    }

		    .product-listing-page > .col-right {
		        width: 100%;
		    }

		    .product-listing-page .product-layer {
		        grid-template-columns: repeat(2, minmax(0, 1fr));
		    }

		}

		.product-listing-page .m-product-action button.btnsc,
		.product-listing-page .m-product-action button.btnscqx,
		.product-listing-page .m-product-action button.btncart {
		    display: inline-flex;
		    align-items: center;
		    justify-content: center;
		    box-sizing: border-box;
		    width: 36px;
		    height: 36px;
		    margin: 0 4px;
		    padding: 0;
		    border: 0;
		    border-radius: 50%;
		    background: #fff;
		    color: #1a87cb;
		    line-height: 1;
		    cursor: pointer;
		}

		.product-listing-page .m-product-action {
		    text-align: left;
		}

		.product-listing-page .m-product-action button.btnscqx {
		    color: #e05268;
		}

		.product-listing-page .m-product-action .product-action-icon {
		    display: block;
		    width: 20px;
		    height: 20px;
		}

		.product-listing-page .m-product-action .favorite-icon path {
		    fill: none;
		    stroke: currentColor;
		    stroke-width: 1.8;
		}

		.product-listing-page .m-product-action .btnscqx .favorite-icon path {
		    fill: currentColor;
		}

		.product-listing-page .m-product-action .product-action-label {
		    position: absolute;
		    width: 1px;
		    height: 1px;
		    padding: 0;
		    margin: -1px;
		    overflow: hidden;
		    clip: rect(0, 0, 0, 0);
		    white-space: nowrap;
		    border: 0;
		}