.collpase-item-component .box{max-height:0;box-sizing:border-box;overflow:hidden auto;animation:no-expand .2s forwards ease-out}.collpase-item-component .box.expand{animation:expand .6s forwards ease-out}.collpase-item-component .list{max-height:200px;overflow:hidden}.collpase-item-component .list.more{max-height:100%}@keyframes expand{0%{max-height:0}to{max-height:1000px}}@keyframes no-expand{0%{max-height:1000px}to{max-height:0}}.spu-sidebar{overflow:auto;width:100%;min-height:720px;box-sizing:border-box;overflow-y:auto;margin-right:32px;margin-top:16px}.spu-sidebar.spu-sidebar--loading .ant-skeleton{min-height:720px}.spu-sidebar::-webkit-scrollbar{display:none}.spu-sidebar .catalog-img{width:17px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.spu-sidebar .ant-menu-item-selected{border-left:2px solid #fd7801;border-radius:0}.spu-sidebar .ant-menu-item-selected:after{border-right:none}.spu-sidebar .submenu_select .ant-menu-item{color:#666}.spu-sidebar .submenu_select .ant-menu-item-selected{color:#fd7801}.spu-sidebar .submenu_select.active{color:#fd7801;background:#fff6e6;border-left:2px solid #fd7801}.spu-sidebar .submenu_select .submenu_select_text{width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.spu-sidebar .submenu_select .submenu_select_text:hover{text-decoration:underline}.spu-sidebar .submenu_select .submenu_select_text.active{color:#fd7801}.spu-sidebar .menu-wrap{border-radius:6px;margin:0 5px;min-height:720px}.spu-sidebar .menu-wrap .collpase-item-component{min-height:22px}.spu-sidebar .menu-wrap .collpase-item-component>div:first-child{line-height:22px}.spu-sidebar .menu-wrap .collpase-item-component .box{max-height:0;box-sizing:border-box;overflow:hidden auto;animation:none;transition:max-height .2s ease}.spu-sidebar .menu-wrap .collpase-item-component .box.expand{max-height:1000px}.spu-sidebar .menu-wrap .spu-filter-collapse-item{margin-bottom:8px}.spu-sidebar .menu-wrap .spu-filter-price-item{margin-bottom:24px}.spu-sidebar .menu-wrap .ant-menu{background:inherit}.spu-sidebar .menu-wrap .ant-menu-submenu-title{font-size:14px}.spu-sidebar .menu-wrap .ant-menu-item,.spu-sidebar .menu-wrap .ant-menu-submenu-title{font-size:14px;height:30px;line-height:30px;margin:0}.spu-sidebar .menu-wrap .clear-all{font-size:12px;width:74px;height:20px;line-height:20px;border-radius:2px;text-align:center;border:1px solid #fd7801;color:#fd7801;cursor:pointer}.spu-sidebar .gray-color{color:#666}.spu-sidebar .filterCheck{display:inline-flex;align-items:center}.spu-sidebar .filterCheck .ant-checkbox{align-self:center}.spu-sidebar .filterCheck .ant-checkbox+span{display:inline-flex;align-items:center;min-width:0}.spu-sidebar .filterCheck .text{display:inline-flex;align-items:center;min-width:0;vertical-align:middle}.spu-list-component{position:relative;height:100%;margin:0 auto}.spu-list-component .spu-list-tabs-slot{min-height:62px;margin-top:24px}.spu-list-component .search{background:#fff;box-shadow:1px 1px 20px 1px #dcdedf;border-radius:8px;color:#666;z-index:2}.spu-list-component .search.spu-list-search{display:flex;height:40px;margin-top:24px}.spu-list-component .search .spu-list-search-type{padding:0 11px}.spu-list-component .search .spu-search button{border:0}.spu-list-component .search .search-root{display:flex;width:160px;box-sizing:border-box;border-radius:8px 0 0 8px;padding:0 24px;height:40px;line-height:40px}@media only screen and (max-width:678px){.spu-list-component .search .search-root{display:none}}.spu-list-component .search .ant-input-group-wrapper{border-left:1px solid #ccc}@media only screen and (max-width:678px){.spu-list-component .search .ant-input-group-wrapper{border:none}}.spu-list-component .search .ant-select,.spu-list-component .search .ant-select-selector,.spu-list-component .search input{border:0}@media only screen and (max-width:678px){.spu-list-component .search .ant-select,.spu-list-component .search .ant-select-selector,.spu-list-component .search input{border-radius:8px}}.spu-list-component .search .ant-input-group-addon button{border:0}.spu-list-component .spu-image-search__input{display:none}.spu-list-component .spu-image-search__button{flex:0 0 48px;width:48px;min-width:48px;height:40px;border:0;border-left:1px solid #ccc;border-radius:0 8px 8px 0;color:#666}.spu-list-component .spu-image-search__button:hover{color:#fd7801}.spu-list-component .spu-image-search__summary{display:inline-flex;align-items:center;max-width:100%;min-height:42px;padding:6px 8px;border:1px solid #ececec;border-radius:8px;background:#fff;box-shadow:0 1px 6px #0000000a}.spu-list-component .spu-image-search__preview{display:inline-flex;flex:0 0 30px;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:6px;background:#f6f7f8;color:#666;cursor:pointer;overflow:hidden}.spu-list-component .spu-image-search__preview img{width:100%;height:100%;object-fit:cover}.spu-list-component .spu-image-search__body{display:flex;min-width:0;align-items:center;gap:8px;margin-left:8px}.spu-list-component .spu-image-search__label{flex:0 0 auto;color:#fd7801;font-size:13px;font-weight:600;line-height:18px}.spu-list-component .spu-image-search__hint{max-width:320px;color:#999;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spu-list-component .spu-image-search__count,.spu-list-component .spu-image-search__title-count{flex:0 0 auto;color:#999;font-size:12px;font-weight:400;line-height:18px}.spu-list-component .spu-image-search__count{margin-left:12px}.spu-list-component .spu-image-search__clear{flex:0 0 auto;margin-left:4px;color:#666}.spu-list-component .spu-image-search__title-count{margin-left:12px;vertical-align:middle}.spu-list-component .spu-image-search__empty{width:100%;padding:64px 0}.spu-list-component .ant-input-search .ant-input-lg{padding:7px 11px}.spu-list-component .spu-container{height:100%;min-height:720px;display:flex;align-items:flex-start;position:relative}.spu-list-component .spu-container .list-sort{width:200px}@media only screen and (max-width:1280px){.spu-list-component .spu-container .list-sort{flex:1}}.spu-list-component .spu-container .spu-filter{flex:0 0 200px;width:200px;display:block;position:sticky;top:94px;max-height:calc(100vh - 100px)}@media only screen and (max-width:1280px){.spu-list-component .spu-container .spu-filter{display:none;top:0}}.spu-list-component .spu-container .spu-content{position:relative;flex:1;min-width:0;min-height:720px;width:100%;height:100%;padding-top:24px}.spu-list-component .spu-container .spu-content::-webkit-scrollbar{display:none}.spu-list-component .spu-container .spu-content .spu-item{width:calc(33% - 21.3333333333px)}.spu-list-component .spu-container .spu-content .spu-item:not(:nth-child(3n)){margin-right:32px}.spu-list-component .spu-container .spu-content .listTitle{font-size:32px;line-height:48px;text-align:center;font-weight:700;color:#000}.spu-list-component .spu-container .spu-content .spu-list-description{margin:0 20px 32px;color:#666;font-size:16px;line-height:2}.spu-list-component .spu-container .spu-content .spu-list-description__text{display:inline}.spu-list-component .spu-container .spu-content .spu-list-description__toggle{display:inline;height:auto;padding:0 0 0 6px;border:0;background:transparent;color:#fd7801;font-size:14px;line-height:inherit;cursor:pointer}.spu-list-component .spu-container .spu-content .spu-list-description--expanded .spu-list-description__toggle,.spu-list-component .spu-container .spu-content .spu-list-description:not(.spu-list-description--expanded) .spu-list-description__toggle{vertical-align:baseline}.spu-list-component .spu-container .spu-content .label{width:100%;border-radius:2px;padding:16px 0}.spu-list-component .spu-container .spu-content .label-title{display:flex;padding:6px 10px;border:1px solid #ccc;border-radius:4px;line-height:14px}.spu-list-component .spu-container .spu-content .label-title .icon-close{display:none}.spu-list-component .spu-container .spu-content .label-title.active{align-items:center;border:1px solid #fd7801;border-radius:4px;color:#fd7801}.spu-list-component .spu-container .spu-content .label-title.active .icon-close{margin-left:8px;display:block}.spu-list-component .spu-container .spu-content .label-title.active .icon-close svg{width:10px}.spu-list-component .spu-container .spu-content .spu-list{display:flex;flex-wrap:wrap;min-height:720px;padding:0 6px;margin-bottom:24px}.spu-list-component .spu-container .spu-content .list-select{display:flex;justify-content:space-between;align-items:center;padding:0 12px 32px;z-index:1}.spu-list-component .spu-container .spu-content .list-select .count{display:block}@media only screen and (max-width:1280px){.spu-list-component .spu-container .spu-content .list-select .count{margin-right:24px}}@media only screen and (max-width:678px){.spu-list-component .spu-container .spu-content .list-select .count{display:none}}.spu-list-component .spu-container .spu-content .list-select .filter{display:none;justify-content:space-between;align-items:center;flex:1;height:32px;background:#fff;border:1px solid #d9d9d9;border-radius:6px;padding:0 11px;cursor:pointer}@media only screen and (max-width:1280px){.spu-list-component .spu-container .spu-content .list-select .filter{display:flex}}.spu-list-component .spu-container .spu-content .list-select .my-products-toggle{display:none}.spu-list-component .spu-container .spu-content .pagination{display:flex;justify-content:center}.spu-list-component .spu-container .spin-wrapper{width:100%;min-height:720px}.spu-list-component .spu-container .spin-wrapper .ant-spin-container{height:100%}.spu-list-component__phone.section-wrapper{width:351px}.spu-list-component__phone .search{display:flex;align-items:center;height:32px;border-radius:16px;overflow:hidden}.spu-list-component__phone .spu-image-search__button{flex-basis:40px;width:40px;min-width:40px;height:32px}.spu-list-component__phone .spu-image-search__summary{width:100%;margin-top:8px}.spu-list-component__phone .spu-image-search__body{flex:1;flex-direction:column;align-items:flex-start;gap:0}.spu-list-component__phone .spu-image-search__hint{max-width:200px}.spu-list-component__phone .spu-container .spu-content .list-select{gap:10px;padding:0 8px;flex-wrap:wrap;margin-bottom:16px}.spu-list-component__phone .spu-container .spu-content .list-select .listTitle{font-size:20px;line-height:30px}.spu-list-component__phone .spu-container .spu-content .list-select .filter{display:flex;align-items:center;height:32px;border-radius:12px;font-size:12px}.spu-list-component__phone .spu-container .spu-content .list-select .my-products-toggle{display:block;cursor:pointer;padding:8px 16px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#666;transition:all .3s ease;user-select:none}.spu-list-component__phone .spu-container .spu-content .list-select .my-products-toggle.selected{border-color:#fd7801;color:#fd7801}.spu-list-component__phone .yoycol-product-cards{grid-template-columns:repeat(2,1fr);gap:12px}@media only screen and (max-width:678px){.spu-list-component .search{display:flex;align-items:center;height:32px;border-radius:16px;overflow:hidden}.spu-list-component .spu-image-search__button{flex-basis:40px;width:40px;min-width:40px;height:32px}.spu-list-component .spu-image-search__summary{width:100%;margin-top:8px}.spu-list-component .spu-image-search__body{flex:1;flex-direction:column;align-items:flex-start;gap:0}.spu-list-component .spu-image-search__hint{max-width:200px}.spu-list-component .spu-container .spu-content>.spu-list-description{display:none}.spu-list-component .spu-container .spu-content .list-select{gap:10px;padding:0 8px;flex-wrap:wrap;margin-bottom:16px}.spu-list-component .spu-container .spu-content .list-select .listTitle{font-size:20px;line-height:30px}.spu-list-component .spu-container .spu-content .list-select .filter{display:flex;align-items:center;height:32px;border-radius:12px;font-size:12px}.spu-list-component .spu-container .spu-content .list-select .my-products-toggle{display:block;cursor:pointer;padding:8px 16px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#666;transition:all .3s ease;user-select:none}.spu-list-component .spu-container .spu-content .list-select .my-products-toggle.selected{border-color:#fd7801;color:#fd7801}.spu-list-component .spu-container .spu-content .pagination .ant-pagination-total-text{display:none}.spu-list-component .yoycol-product-cards{grid-template-columns:repeat(2,1fr);gap:12px}}.search .ant-input-group-addon{border:none;background:#fff;border-radius:5px}