.icon-hualv {
    font-family: "ico-hualv"; 
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    vertical-align: text-bottom;
}
/* 下拉 */

/* filt-nav */
.filt-nav {
    height: 3rem;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    box-shadow: 0px 3px 10px rgba(0,0,0, .1);
}

.filt-nav span {
    float: left;
    width: 33.33%;
    font-size: .75rem;
    color: #333;
    line-height: 3rem;
    text-align: center;
}

.filt-nav span .arrow {
    border-top-style: solid;
    border-top-color: #bbb;
    margin: 5px 0 0 5px;
    vertical-align: middle;
}

.filt-nav span.cur {
    color: #ea5f2f;
}

.filt-nav span.cur .arrow {
    transform: rotate(180deg);
    margin-top: -7px;
}

.pull-down-r2 span {
    width: 50%;
}

.pull-down-r1 span {
    width: 100%;
}

.pull-down-bar3 .pull-down-click, .pull-down-bar3 .pull-down-click i {
    color: #3579e9;
}

/* 下拉吸顶 */
.pull-down-fixed {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1002;
    box-shadow: 3px 0 5px rgba(0,0,0,.2);
}

    .pull-down-fixed .pull-down-bar3 {
        border-bottom: 1px solid #eaeaea;
    }

.pull-down-list-bar {
    background-color: #fff;
}

.slider-w-bar {
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    box-sizing: content-box;
    -webkit-transition: all .2s;
    transition: all .2s;
}

    .slider-w-bar .slider-r100,
    .slider-w-bar .slider-r50 {
        float: left;
        text-align: center;
    }

        .slider-w-bar .slider-r50 .slider-title,
        .slider-w-bar .slider-r100 .slider-title,
        .slider-w-bar .slider-r50 li a,
        .slider-w-bar .slider-r100 li a,
        .paixu-list li a {
            display: block;
            height: 43px;
            line-height: 43px;
            font-size: 13px;
        }

        .slider-w-bar .slider-r50 .slider-title,
        .slider-w-bar .slider-r100 .slider-title {
            color: #999;
            border-bottom: 1px solid #e8e8e8;
            border-right: 1px solid #e8e8e8;
            background-color: #fff;
        }

        .slider-w-bar .slider-r50 .slider-list,
        .slider-w-bar .slider-r100 .slider-list {
            position: relative;
            overflow-x: hidden;
            overflow-y: scroll;
        }

            .slider-w-bar .slider-r50 .slider-list ul,
            .slider-w-bar .slider-r100 .slider-list ul {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
            }

        .slider-w-bar .slider-r50 li,
        .slider-w-bar .slider-r100 li {
            height: 44px;
            text-align: center;
            border-bottom: 1px solid #e8e8e8;
        }

            .slider-w-bar .slider-r50 li a, .slider-w-bar .slider-r100 li a {
                height: 44px;
                line-height: 44px;
            }

            .slider-w-bar .slider-r50 li.slider-list-click a,
            .slider-w-bar .slider-r100 li.slider-list-click a {
                background-color: #f6f4f0;
                color: #f60;
            }

        .slider-w-bar .slider-r50:nth-child(1) .slider-list,
        .slider-w-bar .slider-r50:nth-child(2) .slider-list {
            border-right: 1px solid #e8e8e8;
        }

    .slider-w-bar .child-list {
        background-color: #f6f4f0;
    }

.child-list .slider-r50 li.slider-list-click a,
.child-list .slider-r100 li.slider-list-click a {
    color: #f60;
}

.pull-down-item .select-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #e8e8e8;
    background-color: #fff;
    font-size: 14px;
    color: #60c86f;
    text-align: center;
    box-shadow: 0 -1px 3px rgba(0,0,0,.1);
}

    .pull-down-item .select-btn .icon-back {
        font-size: 10px;
        vertical-align: inherit;
        margin-left: 5px;
    }

    .pull-down-item .select-btn.select-btn-back .icon-back {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin: 0 5px 0 0;
    }

.pull-down-list-bar .pull-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
    z-index: 10;
    -webkit-animation: rotate .5s linear infinite;
    animation: rotate .5s linear infinite;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}