.filter {
    position: relative;
    z-index: 4;
    _zoom: 1;
    border-top: 1px solid #DDD;
    margin-left:100px;
    margin-bottom: 5px
}

.filter .f-line {
    height: 25px;
    padding: 6px 8px;
    border-bottom: 1px solid #E7E3E7;
    background: #F9F9F9;
    zoom: 1
}

    .filter .f-line.top {
        height: 25px;
        background: #F1F1F1
    }

.filter .f-title {
    float: left;
    line-height: 25px;
    margin-right: 10px
}

.filter .f-sort {
    float: left;
    margin-right: 13px
}

    .filter .f-sort .arrow, .filter .f-sort .arrow-bottom, .filter .f-sort .arrow-top {
        float: left;
        width: 7px;
        overflow: hidden;
        background: url(/DN/images/sprite-arrow.png) no-repeat 0 -100px
    }

    .filter .f-sort .arrow {
        height: 11px;
        margin-top: 6px
    }

    .filter .f-sort .arrow-top {
        height: 4px;
        margin-top: 6px;
        background-position: -10px -100px
    }

    .filter .f-sort .arrow-bottom {
        height: 4px;
        margin-top: 3px;
        background-position: -10px -110px
    }

    .filter .f-sort .fs-down, .filter .f-sort .fs-up {
        display: inline-block;
        width: 7px;
        margin-left: 5px;
        vertical-align: top;
        *cursor: pointer
    }

    .filter .f-sort .fs-tit {
        display: inline-block;
        vertical-align: top;
        *cursor: pointer
    }

    .filter .f-sort a {
        float: left;
        padding: 0 9px;
        height: 23px;
        border: 1px solid #CCC;
        line-height: 23px;
        margin-right: -1px;
        background: #FFF;
        color: #333
    }

        .filter .f-sort a:hover {
            position: relative;
            text-decoration: none;
            border-color: #e4393c;
            color: #e4393c
        }

            .filter .f-sort a:hover .fs-down .arrow {
                background-position: 0 -140px
            }

        .filter .f-sort a.curr {
            border-color: #e4393c;
            background: #e4393c;
            color: #FFF
        }

            .filter .f-sort a.curr .arrow-top {
                background-position: -10px -120px
            }

            .filter .f-sort a.curr .arrow-bottom {
                background-position: -10px -130px
            }

            .filter .f-sort a.curr .fs-down .arrow {
                background-position: 0 -120px
            }

            .filter .f-sort a.curr .fs-down .arrow-top, .filter .f-sort a.curr .fs-up .arrow-bottom {
                filter: alpha(opacity=50);
                -moz-opacity: .5;
                opacity: .5
            }

            .filter .f-sort a.curr:hover {
                color: #fff
            }

.filter .f-price {
    position: relative;
    float: left;
    width: 132px;
    height: 25px;
    margin-right: 12px
}

    .filter .f-price .f-price-set {
        width: 100%;
        height: 100%;
        overflow: hidden
    }

        .filter .f-price .f-price-set .input-txt, .filter .f-price .f-price-set em {
            float: left;
            display: inline
        }

        .filter .f-price .f-price-set .input-txt {
            width: 52px;
            border-color: #ccc;
            color: #333
        }

            .filter .f-price .f-price-set .input-txt:focus {
                outline-color: transparent
            }

        .filter .f-price .f-price-set em {
            width: 12px;
            line-height: 23px;
            color: #333;
            text-align: center
        }

    .filter .f-price .f-price-edit {
        display: none;
        width: 132px;
        height: 25px;
        padding: 37px 6px 6px;
        border: 1px solid #999;
        position: absolute;
        background: #fff;
        box-shadow: 1px 1px 2px rgba(0,0,0,.2)
    }

        .filter .f-price .f-price-edit .item1 {
            position: absolute;
            top: 37px;
            left: 6px;
            width: 36px;
            height: 25px;
            line-height: 25px;
            text-align: center;
            color: #005aa0
        }

        .filter .f-price .f-price-edit .item2 {
            position: absolute;
            top: 37px;
            right: 7px;
            width: 38px;
            height: 17px;
            line-height: 17px;
            padding: 3px;
            border: 1px solid #ccc;
            text-align: center;
            background: #f7f7f7;
            color: #333
        }

    .filter .f-price.f-price-focus {
        z-index: 6
    }

        .filter .f-price.f-price-focus .f-price-set {
            position: relative;
            z-index: 5
        }

        .filter .f-price.f-price-focus .f-price-edit {
            display: block;
            zoom: 1;
            top: -7px;
            left: -7px
        }

.filter .f-datagrid {
    float: left;
    width: 71px;
    height: 25px;
    padding-left: 1px;
    margin-right: 12px;
    overflow: hidden
}

    .filter .f-datagrid .fdg-item {
        position: relative;
        float: left;
        width: 13px;
        height: 23px;
        border: 1px solid #ccc;
        margin-left: -1px;
        display: inline;
        background: #fff
    }

        .filter .f-datagrid .fdg-item:hover {
            z-index: 3
        }

            .filter .f-datagrid .fdg-item:hover .def-bar {
                border-color: #e4393c;
                background: #f89596
            }

    .filter .f-datagrid .fdg-item-curr {
        z-index: 3
    }

        .filter .f-datagrid .fdg-item-curr .def-bar {
            border-color: #e4393c;
            background: #f89596
        }

    .filter .f-datagrid .def-bar {
        position: absolute;
        left: -1px;
        bottom: -1px;
        z-index: 2;
        width: 13px;
        height: 0;
        border: 1px solid #aaa;
        overflow: hidden;
        background: #e5e5e5
    }

.filter .f-search {
    display: none;
    float: right
}

    .filter .f-search .btn, .filter .f-search .input-txt {
        float: left
    }

    .filter .f-search .input-txt {
        width: 108px;
        color: #999
    }

    .filter .f-search .btn {
        color: #333;
        border: 1px solid #CCC;
        border-radius: 0;
        margin-left: -1px
    }

.filter .f-pager {
    float: right
}

    .filter .f-pager .fp-next, .filter .f-pager .fp-prev, .filter .f-pager .fp-text {
        float: left
    }

    .filter .f-pager .fp-text {
        line-height: 23px;
        margin-right: 10px;
        font-family: verdana
    }

        .filter .f-pager .fp-text b, .filter .f-pager .fp-text em, .filter .f-pager .fp-text i {
            font-weight: 400;
            font-style: normal
        }

        .filter .f-pager .fp-text b {
            color: #e4393c;
            font-weight: 700
        }

    .filter .f-pager .fp-next, .filter .f-pager .fp-prev {
        width: 46px;
        height: 23px;
        border: 1px solid #DDD;
        background: #FFF;
        line-height: 23px;
        font-family: "\5b8b\4f53";
        text-align: center;
        font-size: 16px;
        color: #AAA
    }

    .filter .f-pager .fp-prev {
        margin-right: -1px
    }

        .filter .f-pager .fp-next:hover, .filter .f-pager .fp-prev:hover {
            text-decoration: none
        }

        .filter .f-pager .fp-next.disabled, .filter .f-pager .fp-prev.disabled {
            padding: 0;
            background: #F1F1F1;
            color: #CCC;
            cursor: default
        }

.filter .f-result-sum {
    float: right;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    color: #999
}

    .filter .f-result-sum .num {
        color: #666;
        font-family: verdana
    }

.filter .f-feature ul li a, .filter .f-store .instock a {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    padding-right: 10px;
    color: #333
}

    .filter .f-feature ul li a i, .filter .f-store .instock a i {
        position: absolute;
        left: 0;
        top: 5px;
        background: url(/DN/images/search.ele.png) no-repeat 9999px 9999px;
        display: inline-block;
        height: 12px;
        width: 12px;
        background-color: #fff;
        border: 1px solid #ccc;
        font-size: 0
    }

    .filter .f-feature ul li a:hover, .filter .f-store .instock a:hover {
        text-decoration: none;
        color: #e4393c
    }

        .filter .f-feature ul li a:hover i, .filter .f-store .instock a:hover i {
            border-color: #e4393c
        }

    .filter .f-feature ul li a.selected i, .filter .f-store .instock a.selected i {
        border-color: #e4393c;
        background-position: -1px -107px
    }

.filter .f-feature {
    float: left;
    position: relative;
    width: auto;
    height: 25px;
    overflow: hidden
}

    .filter .f-feature ul li {
        float: left;
        display: inline;
        height: 25px;
        line-height: 25px
    }

        .filter .f-feature ul li a {
            padding-right: 5px
        }

        .filter .f-feature ul li .act-chunchajie, .filter .f-feature ul li .act-chunlei, .filter .f-feature ul li .act-jiazhuangjie, .filter .f-feature ul li .act-jingdongshangou, .filter .f-feature ul li .act-nanzhuangjie, .filter .f-feature ul li .act-nvrenjie, .filter .f-feature ul li .act-qiuchajie, .filter .f-feature ul li .act-shiyidacu, .filter .f-feature ul li .act-shuang11, .filter .f-feature ul li .act-shuang12, .filter .f-feature ul li .act-zuiniunianhuo {
            display: inline-block;
            width: 46px;
            height: 25px;
            line-height: 25px;
            background: url(/DN/images/search.filter.activity-icon.png) no-repeat 0 -37px;
            cursor: pointer
        }

        .filter .f-feature ul li .act-jiazhuangjie {
            background-position: 0 -73px
        }

        .filter .f-feature ul li .act-shiyidacu {
            width: 60px;
            background-position: 0 -108px
        }

        .filter .f-feature ul li .act-qiuchajie {
            width: 45px;
            background-position: 0 -144px
        }

        .filter .f-feature ul li .act-shuang11 {
            width: 104px;
            background-position: 0 -180px
        }

        .filter .f-feature ul li .act-shuang12 {
            width: 116px;
            height: 35px;
            margin-top: -4px;
            background-position: 0 -216px
        }

        .filter .f-feature ul li .act-zuiniunianhuo {
            width: 101px;
            background-position: 0 -262px
        }

        .filter .f-feature ul li .act-nvrenjie {
            width: 89px;
            background-position: 0 -295px
        }

        .filter .f-feature ul li .act-chunlei {
            width: 71px;
            background-position: 0 -330px
        }

        .filter .f-feature ul li .act-jingdongshangou {
            width: 104px;
            background-position: 0 -366px
        }

        .filter .f-feature ul li .act-chunchajie {
            width: 88px;
            background-position: 0 -401px
        }

        .filter .f-feature ul li .act-wrap {
            display: inline-block;
            width: 105px;
            height: 25px;
            line-height: 25px;
            cursor: pointer;
            position: relative
        }

            .filter .f-feature ul li .act-wrap img {
                height: 25px;
                position: absolute;
                left: 0;
                top: 0
            }

            .filter .f-feature ul li .act-wrap .act-text {
                display: inline-block;
                width: 105px;
                height: 25px;
                color: #e4393c;
                font: 700 14px/25px "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei",sans-serif;
                position: absolute;
                left: 0;
                top: 0
            }

        .filter .f-feature ul li .i-new {
            display: none;
            width: 25px;
            height: 14px;
            position: absolute;
            right: -2px;
            top: -9px;
            background: url(/DN/images/search.icons.png) no-repeat 0 -310px
        }

    .filter .f-feature .ff-more {
        position: absolute;
        right: 0;
        top: 2px;
        display: block;
        width: 20px;
        height: 20px;
        border: 1px solid #DDD;
        background: #fff url(/DN/images/search.ele.png) no-repeat 4px 7px;
        transition: background-position .15s ease-in-out
    }

.filter .f-store {
    float: left;
    padding-left: 5px
}

    .filter .f-store .fs-cell {
        float: left;
        line-height: 25px;
        margin-right: 5px
    }

    .filter .f-store .delivery-location {
        color: #999
    }

    .filter .f-store #store-selector {
        float: left;
        height: 25px
    }

        .filter .f-store #store-selector .text {
            color: #333
        }

        .filter .f-store #store-selector .common-area {
            padding-bottom: 10px
        }

            .filter .f-store #store-selector .common-area a {
                color: #005aa0
            }