.lh-condition-roller {
    background-color: white;
    width: 100%;
    .roller-head {
        min-height: 48px;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        padding-top: 12px;
        .lh-condition-item {
            height: 36px;
            padding-top: 0;
            margin-right: 20px;
            &:last-child {
                margin-right: 0;
            }
        }
        .lh-condition-text {
            color: @color_b2;
            font-size: 12px;
            display: inline-block;
        }
    }
    .roller-content {
        padding-left: 20px;
        .lh-condition-item {
            margin-right: 30px;
            vertical-align: top;
            line-height: normal;
            display: inline-block;
            .lh-condition-text {
                display: inline-block;
                font-size: 12px;
                font-weight: normal;
                color: @color_b2;
            }
            &.condition-only {
                display: block;
                height: auto;
            }
        }
    }
    .roller-bottom {
        height: 44px;
        padding-top: 8px;
        padding-left: 20px;
        padding-right: 20px;
        border-top:1px solid @color_b6;
    }

    .roller-btn {
        border-radius: 3px;
        line-height: 20px;
        font-size: 12px;
        height: 24px;
        width: auto;
        display: inline-block;
        color: @color_b2;
        cursor:pointer;
        border: none;
        background:transparent;
        padding: 0 12px;
        &:hover {
            border-color: @color_theme6;
            color: @color_theme6;
            .icon_component_arrow_double {
                color: @color_theme6;
            }
        }
        &.active {
            background-color: #ff6000;
            color:white;
            border: none;
            &:hover {
                opacity: 0.8;
            }
        }
    }

    // 带展开展开收起
    &.collapse {
        .cContent {
            padding-bottom: 20px;
            .lh-condition-item {
                margin-top: 20px;
                &.condition-only {
                    margin-top: 8px;
                }
            }
        }
    }
}