.flex{display:flex;}
/*边距*/
.mb0{margin-bottom:0;}
.mb20{margin-bottom: 20px !important;}
.ml10{margin-left:10px;}
.pb20{padding-bottom:20px;}
/*圆角*/
.br8{border-radius: 8px;}
.zmtred{color: #e31937;}
.banner img{max-width:100%;width:100%;}
.mx-auto{margin-left: auto;margin-right: auto}

.prolist{display: grid;grid-template-columns: repeat(var(--control-columns),minmax(0,1fr));gap: 1rem;}
.egger-decorresultlist-header{display: flex;margin-bottom: 28px;margin-top: 28px;}
.egger-decorresultlist-header > .egger-decorresultlist-header-start{flex: none;}
.egger-decorresultlist-header > .egger-decorresultlist-header-start > h2{font-size: 1.3rem;font-family: MetaPro-Medium,Arial,sans-serif;font-weight: inherit;}
.egger-decorresultlist-header > .egger-decorresultlist-header-start > h2{font-size: 1.5rem;}
.egger-decorresultlist-header > .egger-decorresultlist-header-start > h2 > .results-count-number{color: #df1c39;}
.egger-decorresultlist-header > .egger-decorresultlist-header-end{display: flex;flex-direction: column;gap: 16px;width: 100%;justify-content: flex-end;}
.egger-decorresultlist-header > .egger-decorresultlist-header-end{flex-direction: row;gap: 20px;}
.egger-decorresultlist-header > .egger-decorresultlist-header-end > span{font-size: 1.2rem;color: #494949;font-family: MetaPro-Medium,Arial,sans-serif;font-weight: inherit;line-height:35px;}
.egger-decorresultlist-header > .egger-decorresultlist-header-end > .results-slider{display: flex;width: 100%;padding: 0 4px;}
.egger-decorresultlist-header > .egger-decorresultlist-header-end > .results-slider{width: 300px;}
.egger-decorresultlist-header > .egger-decorresultlist-header-end > .results-slider > .slider-container{position: relative;flex: 1;display: flex;align-items: center;margin: 0 20px;cursor: pointer;}
.egger-decorresultlist-header > .egger-decorresultlist-header-end > .results-slider > .slider-container > .slider-track{position: relative;height: 4px;width: 100%;background-color: #e3e3e3;border-radius: 2px;overflow: hidden;}
.egger-decorresultlist-header > .egger-decorresultlist-header-end > .results-slider > .slider-container > .slider-track::after{content: '';position: absolute;top: 0;bottom: 0;left: 0;width: var(--slide-percentage);background-color: #df1c39;transition: width 0.4s ease-in-out;}
.egger-decorresultlist-header > .egger-decorresultlist-header-end > .results-slider > .slider-container > .slider-thumb{position: absolute;left: calc(var(--slide-percentage) - 8px);top: calc(50% - 8px);height: 16px;width: 16px;background-color: #df1c39;border-radius: 50%;box-shadow: 0 0 #0000,0 0 #0000,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transition: left 0.4s ease-in-out;}
.egger-decorresultlist-header > .egger-decorresultlist-header-end > .results-slider > button{background-color: transparent;border: 0;padding: 0;margin: 0;color: #df1c39;font-size: 39px;display: flex;align-items: center;}
.egger-decorresultlist-header > .egger-decorresultlist-header-end > .results-slider.min > button.reduce, .egger-decorresultlist-header > .egger-decorresultlist-header-end > .results-slider.max > button.amplify{color: #a1a0a0;}
.reduce, .amplify{cursor: pointer;}
.egger-decorresultlist-header > .egger-decorresultlist-header-end > .results-slider > button{font-size: 26px;}
.egger-decorresult{background-color: #ffffff;height: 100%;box-shadow: 0 0 #0000,0 0 #0000,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);}
.egger-decorresult a{text-decoration: none;color: inherit;}
.egger-decorresult p{margin: 0;}
.egger-decorresult > a > .picture-wrapper{position: relative;padding-bottom: calc( 3 / 4 * 100%);background-color: #e3e3e3;}
.egger-decorresult > a > .picture-wrapper > .badge{position: absolute;right: 0;font-family: Arial,sans-serif;font-weight: inherit;font-size: 1rem;z-index: 1;width:41px;height:41px;background-color: #c30d26;line-height:41px;padding:0}
.egger-decorresult > a > .picture-wrapper > .badge > .decor-flag{color: #ffffff;}
.egger-decorresult > a > .picture-wrapper > picture{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.egger-decorresult > a > .picture-wrapper > picture > img{width: 100%;height: 100%;object-fit: cover;}
.egger-decorresult > a > .text-wrapper{padding: 0 8px 4px;}
.egger-decorresult > a > .text-wrapper > .decor-text{display: none;font-size: 0.875rem;color: #7c7c7b;}
.egger-decorresult > a > .text-wrapper > .decor-overline{margin-top: 4px;font-size: 0.875rem;color: #101010;font-family: Arial,sans-serif;font-weight: inherit;line-height: 1.5;}
.egger-decorresult > a > .text-wrapper > .decor-text{display: block;}
.egger-decorresult > a > .text-wrapper > .decor-overline{font-size: 1rem;}
.egger-decorresult > a > .text-wrapper{padding: 16px;}
.icon-class-red{vertical-align: middle;font-size: 1rem;color: #e31937;}
.down-arrow{width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid black;display:inline-block;margin-bottom:3px;}
.down-arrow2{width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 6px solid #b8b8b8;display:inline-block;margin-bottom:3px;}
.huase{color:#000;display:flex;line-height:25px;height:25px;}
.huase span{background-color:#000;width:50px;height:25px;display:inline-block;margin-right: 10px;position: relative;}
.huase i{background-color:#fff;width:20px;height:20px;display:inline-block;margin-top:2px;margin-left:2px;}
 .fr .active span{background-color:#e31937;}
 .fr .active span i{position: absolute; right: 2px; top: 0px;}
.menu{justify-content: space-between;margin-top:90px;}
.menu .fl a{width:120px;height:50px;display:inline-block;position: relative; line-height:50px;text-align:center;font-size:18px;letter-spacing:5px;}
.menu .fl .btns{background-color:#f5f5f5;color:#bdbdbd;}
.menu .fl a:after{border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 100px solid black;}
.menu .fl .active{color:#000;}
.pages{margin-top:90px;justify-content: space-between; margin-bottom:20px;}
.pages .fl{ margin-top:10px;}
.pages a{font-family:Arial, sans-serif;font-weight: normal;font-size:16px;color:#bebebe;}
.pages i{height:1px;width:20px;background-color:#bebebe;display:inline-block;margin-bottom:5px;}
.pages .active,.pages a:hover{color:#ba0017;}
.pages .fr a{height:50px;width:50px;display:inline-block;border:1px solid #cfcfcf;line-height:50px;text-align:center;font-size:24px}
.pages .fr a:hover{background-color:#b10417;border-color:#b10417;color:#fff;}
.search{justify-content: space-between;margin-top:20px;}
.icon-color-RED{color: #e31937;}
.icon-color-GRAY{color: #494949;}
.icon-color-GREEN{color: #38a169;}
.serlist{--tw-bg-opacity: 1;--tw-border-opacity: 1;position: relative;background-color: rgb(255 255 255/var(--tw-bg-opacity));border-radius: .25rem;height: 3.5rem;flex-wrap: nowrap;flex-direction: row;display:flex;align-items: center;cursor: pointer;width:310px;}
.serlist .serlist-start{width: 50px;height: 100%;padding-left: 1rem;display: flex;justify-content: center;font-size: 2rem;align-items: center;--tw-text-opacity: 1;color: rgb(175 175 175/var(--tw-text-opacity));background-color: #f5f5f5;}
.serlist .serlist-start > i,.egger-simpletextfilter > .egger-simpletextfilter-start > i{width:34px;height:34px;}
.serlist .serlist-center{padding-left: 1rem;padding-right: 1rem;flex: 1 1 0%;height: 100%;position: relative;background-color: #f5f5f5;}
.serlist .serlist-center input{padding-bottom: 0.5rem;padding-top: 1.25rem;outline-width: 0;--tw-text-opacity: 1;color: rgb(16 16 16/var(--tw-text-opacity));line-height: 1.375;font-size: 1.125rem;border-width: 0;cursor: pointer;width: 100%;height: 100%;}
.serlist .serlist-center label{align-items: center;font-size: 1.125rem;transition: all .5s;--tw-text-opacity: 1;color: rgb(73 73 73/var(--tw-text-opacity));line-height: 1.375;padding-left: 1rem;padding-right: 1rem;padding-bottom: 0.5rem;padding-top: 0.5rem;cursor: pointer;height: 100%;display: flex;position: absolute;top: 0;left: 0;}
.serlist .serlist-end{height: 100%;padding-right: 1rem;display: flex;flex-wrap: nowrap;align-items: center;background-color: #f5f5f5;}
.serlist .serlist-end > span{display: block;--tw-text-opacity: 1;color: rgb(255 255 255/var(--tw-text-opacity));line-height: 1rem;font-size: .875rem;text-align: center;--tw-bg-opacity: 1;background-color: rgb(227 25 55/var(--tw-bg-opacity));border-radius: 9999px;width: 1.25rem;height: 1.25rem;margin-right: 0.75rem;}
.serlist .serlist-end > i{--tw-text-opacity: 1;color: rgb(227 25 55/var(--tw-text-opacity));font-size: .75rem;transition: transform .4s;}
.serlist.open .serlist-end > i{transform: rotate(180deg);}
.dropdown-content{--tw-ring-offset-shadow: 0 0 #0000;--tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-bg-opacity: 1;background-color: rgb(255 255 255/var(--tw-bg-opacity));z-index: 50;position: absolute;display: none;}
.serlist.open + .dropdown-content{display: block;}
.dropdown-content > .dropdown-list{list-style: none;margin: 0;padding: 0;max-height: 240px;overflow-y: auto;color: #49494a;width:100%;}
.dropdown-content > .dropdown-list > li > .item{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: flex-start;--tw-border-opacity: 1;padding-bottom: 0.5rem;padding-top: 0.5rem;padding-left: 1rem;background-color:#f5f5f5;border-bottom:1px solid #fff;width:305px;}
.dropdown-content > .dropdown-list > li > .item > .dropdown-collapse-checkbox{margin-right: 0.625rem;display: inline-flex;cursor: pointer;align-items: flex-start;}
.dropdown-content > .dropdown-list > li > .item > .dropdown-collapse-checkbox > input{display: none;}
.dropdown-content > .dropdown-list > li > .item > .dropdown-collapse-checkbox > i.icon-checkbox::before{background-image: url('l1.png');background-repeat: no-repeat;background-size: 100% auto;content: " ";display: block;height: 24px;line-height: 24px;width: 24px}
.dropdown-content > .dropdown-list > li > .item > .active  i.icon-checkbox::before{background-image: url('l2.png')}
.dropdown-content > .dropdown-list > li > .item > span.item-icon.hasicon{margin-right: 0.625rem;display: flex;height: 24px;width: 24px;align-items: center;justify-content: center;font-size: 1.25rem;}
.dropdown-content > .dropdown-list > li > .item > span.item-name{flex: 1 1 0%;line-height: 24px;}
.dropdown-content > .dropdown-list > li > .item > span.dropdown-collapse-icon{margin-left: 0.5rem;cursor: pointer;font-family: MetaPro-Bold,Arial,sans-serif;font-size: 2rem;--tw-text-opacity: 1;color: rgb(227 25 55/var(--tw-text-opacity));display: block;height: 1.5rem;position: relative;transform: scale(.6);width: 1.5rem;}
.dropdown-content > .dropdown-list > li > .item > span.dropdown-collapse-icon::before{background: #e31937;content: "";display: block;height: 0.175rem;left: 0;position: absolute;top: 0.5625rem;width: 1.5rem;}
.dropdown-content > .dropdown-list > li > .item > span.dropdown-collapse-icon::after{background: #e31937;content: "";display: block;height: 1.5rem;left: 0.6625rem;position: absolute;top: 0;width: 0.175rem;}
.dropdown-content > .dropdown-list > li > .item.open > span.dropdown-collapse-icon::after{display: none;}
.dropdown-content > .dropdown-header{display: none;}
.icon-color-RED{color: #e31937;}
.egger-simpletextfilter{--tw-bg-opacity: 1;--tw-border-opacity: 1;position: relative;background-color: rgb(255 255 255/var(--tw-bg-opacity));border-radius: .25rem;height: 3.5rem;flex-wrap: nowrap;flex-direction: row;display: flex;align-items: center;}
.egger-simpletextfilter > .egger-simpletextfilter-start{width: 50px;height: 100%;padding-left: 1rem;display: flex;justify-content: center;align-items: center;--tw-text-opacity: 1;color: rgb(175 175 175/var(--tw-text-opacity));background-color:#f5f5f5;}
.egger-simpletextfilter > .egger-simpletextfilter-center{height: 100%;padding-left: 1rem;padding-right: 1rem;flex: 1 1 0%;position: relative;background-color:#f5f5f5;}
.egger-simpletextfilter > .egger-simpletextfilter-center > input{width: 100%;height: 100%;border-width: 0;outline-width: 0;font-size: 1.125rem;--tw-text-opacity: 1;color: rgb(16 16 16/var(--tw-text-opacity));padding-bottom: .75rem;padding-top: .75rem;line-height: 1.375;background-color: #f5f5f5;}
.egger-simpletextfilter > .egger-simpletextfilter-end{height: 100%;padding-right: 1rem;display: flex;flex-wrap: nowrap;align-items: center;background-color:#f5f5f5;color: rgb(175 175 175/var(--tw-text-opacity));}
.egger-simpletextfilter-end i{color: rgb(175 175 175/var(--tw-text-opacity));}
.egger-simpletextfilter > .egger-simpletextfilter-end > i{--tw-text-opacity: 1;color: rgb(209 209 211/var(--tw-text-opacity));cursor: pointer;display: none;}
.egger-simpletextfilter.hasval > .egger-simpletextfilter-end > i{display: block;}
.egger-simpletextfilter > .egger-simpletextfilter-end > i:hover{--tw-text-opacity: 1;color: rgb(227 25 55/var(--tw-text-opacity));}
.egger-simpletextfilter > .egger-simpletextfilter-end > span{margin-left: .75rem;display: inline-block;font-family: MetaPro-Bold;font-size: 1.25rem;line-height: 1;--tw-text-opacity: 1;cursor: pointer;}
body{margin: 0;background: #fff !important;}
.zh4{grid-column: span 4 / span 4;idth: 310px;}
.a1{background:url(a1.png) no-repeat;}
.a2{background:url(a2.png) no-repeat;}
.a3{background:url(a3.png) no-repeat;}


/* 手机 */
@media all and (max-width: 768px) {
    .flex{display:block;}
    .menu{
        margin-top:40px;
    }
    .egger-decorresultlist-header{
        display: block;
    }

.menu .fl{
    display: flex;
}
.menu .fl a{
    width: 50%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.menu .fl .active{
    background: #000;
    color: #fff;
}
.down-arrow{
    border-top: 6px solid #fff;
}
.zh4{
    margin-top: 10px;
}

.egger-simpletextfilter > .egger-simpletextfilter-center > input{
    font-size: 16px;
}
.serlist .serlist-center label{
    font-size: 16px;
}
.serlist{
    width: 100%;
}
.dropdown-content{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999999;
    position: fixed;
}
.bt_cp{
    width: 100%;
    background: #F5F5F5;
    height: 50px;
    position: relative;
    text-align: center;
}
.bt_cp h1{
    font-size: 18px;
    background: url(a2.png) center left no-repeat;
    display: inline-block;
    line-height: 34px;
    padding-left: 45px;
    margin-top: 8px;

}
.ys_t{
    background: url(a3.png) center left no-repeat;
}

.dropdown-content > .dropdown-list > li > .item{
    width: 100%;
    margin-top: 5px;
    padding: 10px 15px;
    align-items: center;
}
.dropdown-content > .dropdown-list{
    max-height: 100%;}
    .dropdown-content > .dropdown-list > li > .item > .dropdown-collapse-checkbox{
        margin-bottom: 0;
    }

.hs_cl{
    position: absolute;
    left: 10px;
    height: 50px;
    width: 50px;
    background: url(/static/images/sl1.png) center center no-repeat;
}
.egger-decorresultlist-header > .egger-decorresultlist-header-start{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.egger-decorresultlist-header > .egger-decorresultlist-header-start > h2{
    font-size: 18px;
}

.huase{
    align-items: center;
    font-size: 16px;
}
.egger-decorresultlist-header > .egger-decorresultlist-header-end{
    flex-direction:column;
    margin-top: 15px;
}
.egger-decorresultlist-header > .egger-decorresultlist-header-end > .results-slider{
    width: 100%;
}
.decor-overline{
    display: none;
}

.pages{
    margin-top: 60px;
    padding-bottom: 50px;
}







}