@charset "utf-8";
/*列表筛选区*/
.filter-btn-box a{
    width:calc(50vw - 22.5px);
    min-width:calc(50vw - 22.5px);
    border-bottom: #272735 1px solid;
}
.filter-btn-box a span{
    display: block;
    line-height:20px;
    margin:11px 10px;
}
.filter-btn-box .-order-btn span,
.filter-btn-box .-filter-btn span{
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position:center right;
}
.filter-btn-box .-order-btn span{
    background-image: url('/assets/img/arrow-09.png');
}
.filter-btn-box .-filter-btn span{
    background-image: url('/assets/img/filter-01.png');
}
.filter-sub-box{
    position: relative;
}
.filter-sub-box .-order-box{
    box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.1);
    top:20px;
    position: absolute;
    right:0px;
    width:calc(50vw - 22.5px);
    min-width:calc(50vw - 22.5px);
    z-index:99;
    background-color:#ffffff;
}
.filter-sub-box .-order-box .-order-item{
    display: block;
    padding:11px 10px;
}
.filter-sub-box .-order-box .-order-item:hover{
    background: #F5F6F7;
}
.filter-sub-box .-order-box .-order-item.on span{
    display: block;
    background-image: url('/assets/img/ok-01.png');
    background-size: 12.5px 10px;
    background-repeat: no-repeat;
    background-position:center right;
}
/*筛选遮罩层*/
.filter-mask-box{
    background-color: rgba(0, 0, 0, 0.40);
    display: none;
    position:fixed;
    left:0px;
    top:0px;
    bottom:0px;
    right:0px;
    z-index:999;
}
/*筛选区域内容*/
.filter-content-box{
    position: fixed;
    height:100vh;
    top:0px;
    right: -260px;
    transition: ease .5s;
    visibility: hidden;
    overflow: hidden;
    width:260px;
    background-color: #ffffff;
    float:right;
    z-index:1000;
}
.filter-content-box.active{
    right:0px;
    visibility: visible;
}
.filter-content-box .-close{
    line-height: 44px;
    height: 44px;
    margin:0px 15px;
}
.filter-content-box .-close i{
    display:block;
    height:44px;
    line-height:44px;
    width:16px;
    background-image: url('/assets/img/close-01.png');
    background-size: 16px 16px;
    background-position:center center;
    background-repeat: no-repeat;
}
.filter-content-box .-content{
    height:calc(100vh - 100px);
    min-height:calc(100vh - 100px);
    overflow-y:auto;
    padding:0px 15px;
}
.filter-content-box .-title{
    height:44px;
    line-height:44px;
    background-image: url('/assets/img/arrow-12.png');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position:right center;
}
.filter-content-box .-title.-active{
    background-image: url('/assets/img/arrow-13.png');
}
.filter-content-box .-item{
    margin-bottom:15px;
    line-height: 20px;
    height: 20px;
}
.filter-content-box .-item .-icon{
    width:12px;
    height:12px;
    border:1px solid #1B1818;
}
.filter-content-box .-item.on .-icon i{
    width:6px;
    height:6px;
    background-color:#1B1818;
}
.filter-content-box .-item .-name{
    margin-left:10px;
}
.filter-content-box .-series-box,
.filter-content-box .-cates-box,
.filter-content-box .-scenes-box{
    border-bottom: 1px solid rgba(27,24,24,0.1);
}
.filter-content-box .-price-box .-prices{
    background: #FFFFFF;
    border: 1px solid rgba(27,24,24,0.2);
    padding:14px 0px;
}
.filter-content-box .-price-box .-prices .-price{
    width:50%;
    text-align: center;
}
.filter-content-box .-price-box .-prices .-line{
    width:12px;
    height:0px;
    border-top: 1px solid #9E9E9E;
    margin:0px 12px;
}
.filter-content-box .-price-box .-price-bar{
    margin-top:20px;
    position: relative;
}
.filter-content-box .-price-box .-price-bar .-bar{
    height:11px;
}
.filter-content-box .-price-box .-price-bar .-bar .-line{
    padding-top:5px;
    height: 0px;
    border-bottom: 1px solid #1B1818;
}
.filter-content-box .-price-box .-price-bar .-slider{
    height:12px;
    width:12px;
    position: absolute;
    top:0px;
    background-color: #1B1818;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
}
.filter-content-box .-price-box .-price-bar .-slider.-min{
    left:0px;
}
.filter-content-box .-price-box .-price-bar .-slider.-max{
    right:0px;
}
.filter-content-box .-btn-box{
    height:59px;
    border-top: 1px solid rgba(27,24,24,0.1);
}
.filter-content-box .-btn-box .-clear-btn,
.filter-content-box .-btn-box .-ok-btn{
    width:106px;
    height:32px;
    line-height:32px;
    border:1px solid #1B1818;
    text-align:center;
    letter-spacing: 3px;
    margin-left:15px;
}
.filter-content-box .-btn-box .-ok-btn{
    color:#ffffff;
    background:#1B1818;
}
.filter-content-box .-btn-box .-clear-btn{
    color:#1B1818;
}