/**/

/*filter*/
.category-filter-button{
    display: none;
}
.category-filter{
    overflow-y: auto;
}
.category-filter-head{
    display: none;
}
.category-filter-body{

}
/**/
.category-filter-properties{
    position:relative;

}
.category-filter-property{
    background: var(--white);
    border-radius: 10px;
    margin:0 0 20px 0;
}
.category-filter-property-name{
    display:flex;
    align-items:center;
    height: 40px;
    font-size:16px;
    font-weight:500;

}
/**/
.category-filter-property-currents{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin:0 0 5px 0;
    padding:0 10px;
}
.category-filter-property-current-value{
    position:relative;
    display: block;
    margin:0 5px 5px 0;
}
.category-filter-property-current-value-input{
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.category-filter-property-current-value-name{
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    height: 30px;
    line-height:150%;
    background: var(--bluegray-50);
    font-size:12px;
    font-weight:500;
    padding:0 10px;
    border-radius: 6px;
}
.category-filter-property-current-value-name:hover{
    color: var(--white);
    background: var(--red-500);
}
.category-filter-property-current-value-name:after{
    content: '\e90b';
    font-family: si-solid;
    font-size: 14px;
    margin:0 0 0 5px;
}




.category-filter-prompt .button{
    font-size:14px;
    font-weight:400;
    position:absolute;
    top:3px;
    right:10%;
    visibility:hidden;
    opacity:0;
    white-space: nowrap;
    z-index:9;
    animation-name: filterprompt;
    animation-duration: 5s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-timing-function: linear;
    animation-play-state:running;
}

.category-filter-prompt .filter-prompt-0{
    color: var(--black);
    background:var(--bluegray-100);
}
.category-filter-prompt .filter-prompt-1{
    color: var(--white);
    background:var(--red-600);
}
.category-filter-prompt .filter-prompt-1:hover{
    color: var(--white);
    background:var(--red-600);
}



@-webkit-keyframes filterprompt {
    0%{
        right:-100%;
        visibility:hidden;
        opacity:0;
    }
    10%{
        right:10px;
        visibility:visible;
        opacity:1;
    }
    90%{
        right:10px;
        visibility:visible;
        opacity:1;
    }
    100%{
        right:-100%;
        visibility:hidden;
        opacity:0;
    }
}
@media (max-width: 1024px) {

}

/**/
.category-filter-property-values-container{
    border-top: 1px solid #f2f2f2;
    padding:10px 0;
}
.category-filter-property-values{
    padding:4px 0 0 0;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;

}

.category-filter-property-value{
    position:relative;
    display: block;
    height: 26px;
    margin:0 0 15px 0;
}
.category-filter-property-value-input{
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.category-filter-property-value-name{
    display:flex;
    align-items:center;
    position: relative;
    cursor: pointer;
    line-height:150%;
    padding:0 0 0 36px;
    font-size:14px;
    font-weight:500;
}
.category-filter-property-value-name:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display:flex;
    width:22px;
    height:22px;
    transform: translateY(-50%);
    border: 1px solid var(--bluegray-100);
    border-radius: 5px;
    background:var(--white);
    transition: .2s;
}
.category-filter-property-value-input:checked + .category-filter-property-value-name:before{
    content:'';
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:12px;
    color:#fff;
    background:var(--red-600);
    border: 1px solid var(--red-600);
}
.category-filter-property-value-input:checked + .category-filter-property-value-name:after{
    content:'\e906';
    font-family: si-solid;
    color:#fff;
    display:flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width:26px;
    height:26px;
    top: 50%;
    left:1px;
    transform: translateY(-50%);
}
/**/
.category-filter-footer{
    display:flex;
    align-items:center;
    margin:0 0 0 -10px;
}
.category-filter-button-submit{
    display: flex;
    justify-content: center;
    width:calc(50% - 10px);
    margin:0 0 0 10px;
    color:var(--white);
    background: var(--orange-600);
}
.category-filter-button-submit:hover{
    color:var(--white);
    background: var(--orange-700);
}
.category-filter-button-reset{
    display: flex;
    justify-content: center;
    width:calc(50% - 10px);
    margin:0 0 0 10px;
    color:var(--black);
    background: var(--gray-200);
}
.category-filter-button-reset:hover{
    color:var(--black);
    background: var(--gray-300);
}
@media (max-width: 1200px) {
    .category-filter-button{
        display: flex;
        justify-content: center;
    }
    .category-filter-show{
        position: relative;
        display: inline-block;
        border-radius: 5px;
        background: #333;
        padding:0 15px;
        margin:0 0 20px 0;
    }
    .category-filter-show i{
        position: absolute;
        top:0;
        left:10px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        font-size: 24px;
        color: var(--white);
        margin:0 10px 0 0;
    }
    .category-filter-show span{
        display: block;
        line-height: 40px;
        height: 40px;
        padding:0 0 0 40px;
        font-size: 14px;
        font-weight: 500;
        color: var(--white);
    }
    .category-filter{
        position: fixed;
        top:0;
        left:calc(-100% - 50px);
        bottom:0;
        width: calc(100% - 50px);
        z-index: 9999;
        background: var(--white);
        transition: .4s;
        border-radius: 0;
    }
    .category-filter.show{
        left: 0;
    }
    .category-filter-property-name, .category-filter-car-name{
        color: var(--black);
        font-size: 18px;
    }
    .category-filter-property-value-name:before, .category-filter-car-value-name:before{
        background: var(--bluegray-100);
    }
    .category-filter-property-value-name, .category-filter-car-value-name{
        color: var(--black);
    }
    .category-filter-property-values, .category-filter-car-values{
        max-height: 300px;
        overflow: hidden;
        overflow-y: auto;

    }
    .category-filter-prompt .button, .category-filter-prompt .button{
        left: auto;
        right:-100px;
    }
    @-webkit-keyframes filterprompt {
        0%{
            right:-100px;
            visibility:hidden;
            opacity:0;
        }
        10%{
            left:auto;
            right:10px;
            visibility:visible;
            opacity:1;
        }
        90%{
            left:auto;
            right:10px;
            visibility:visible;
            opacity:1;
        }
        100%{
            right:-100px;
            visibility:hidden;
            opacity:0;
        }
    }
}



.category-filter-overlay{
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    z-index: 7;
    background: rgba(0, 0, 0, 0.7);
    transition: .3s;
}
.category-filter-overlay.show{
    left: 0;
}




/*range*/
.irs,.irs-line{position:relative;display:block}.irs,.irs-bar,.irs-line{display:block}.irs-hidden-input,.irs-line{outline:0!important;overflow:hidden}.irs{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-bar{position:absolute;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-max,.irs-min{position:absolute;display:none;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-single,.irs-to{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:2px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute!important;display:block!important;top:0!important;left:0!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;padding:0!important;margin:0!important;z-index:-9999!important;background:0 0!important;border-style:solid!important;border-color:transparent!important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-max,.irs--flat .irs-min{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-single,.irs--flat .irs-to{color:#fff;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-single:before,.irs--flat .irs-to:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:#fff;background:linear-gradient(to bottom,#ddd -50%,#fff 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom,#fff 0,#428bca 30%,#b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,.3);background-color:#cbcfd5;background:linear-gradient(to bottom,#fff 0,#b4b9be 30%,#fff 100%);box-shadow:1px 1px 2px rgba(0,0,0,.2),inset 0 0 3px 1px #fff;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,.45);background-color:#939ba7;background:linear-gradient(to bottom,#fff 0,#919ba5 30%,#fff 100%)}.irs--big .irs-max,.irs--big .irs-min{top:0;padding:1px 5px;color:#fff;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-single,.irs--big .irs-to{color:#fff;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom,#428bca 0,#3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern,.irs--modern.irs-with-grid{height:55px}.irs--round,.irs--sharp,.irs--square{height:50px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom,#e0e4ea 0,#d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom,#20b426 0,#18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:first-child{position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:#fff;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom,#fff 0,#e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom,#fff 0,#919ba5 30%,#fff 100%)}.irs--modern .irs-handle.state_hover>i:first-child,.irs--modern .irs-handle:hover>i:first-child{border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-max,.irs--modern .irs-min{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:#fff;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-single,.irs--modern .irs-to{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:#fff;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-single:before,.irs--modern .irs-to:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover,.irs--sharp .irs-line{background-color:#000}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:#000}.irs--sharp .irs-max,.irs--sharp .irs-min{color:#fff;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-single,.irs--sharp .irs-to{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:#fff;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-single:before,.irs--sharp .irs-to:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{padding:0;margin:0 0 30px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-bar,.irs--round .irs-line{top:36px;height:2px;cursor:pointer}.irs--round .irs-line{background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,.5)}.irs--round .irs-handle{top:26px;width:20px;height:20px;border-radius:3px;cursor:pointer}.irs--round .irs-max,.irs--round .irs-min{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,.1);border-radius:4px}.irs--round .irs-grid-pol,.irs--square .irs-line{background-color:#dedede}.irs--round .irs-from,.irs--round .irs-single,.irs--round .irs-to{font-size:14px;line-height:1;text-shadow:none;padding:5px 0;color:#888;border-radius:0}.irs--round .irs-from{right:auto!important;left:0!important;visibility:visible!important}.irs--round .irs-to{left:auto!important;right:0!important;text-align:right;visibility:visible!important}.irs--round .irs-single{display:none!important}.irs--round .irs-from:before,.irs--round .irs-single:before,.irs--round .irs-to:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#f8f8f8}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px}.irs--square .irs-bar{top:31px;height:4px;background-color:#000}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid #000;background-color:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-max,.irs--square .irs-min{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,.1)}.irs--square .irs-from,.irs--square .irs-single,.irs--square .irs-to{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#000;color:#fff}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px}

.irs--round .irs-handle {
    background: var(--bluegray-400);
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
    background: var(--bluegray-500);
}
.irs--round .irs-bar {
    background-color:var(--bluegray-400);
}