.cd-bi-config-wrapper {
    border-top: 1px solid #D8D8D8;
    .cd-bi-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 10px;
        .cd-bi-title-wrapper {
            .cd-bi-title {
                color: #333333;
            }
            .cd-bi-subTitle {
                font-size: 12px;
                color: #666666;
            }
        }
        .cd-add-cat {
            font-size: 12px;
            color: #2299FF;
            &.disabled {
                color: #999999;
                cursor: default;
                &:hover {
                    text-decoration: none;
                }
            }
            &:hover {
                text-decoration: underline;
            }
        }
    }
    .cd-bi-cat-list {
        .cd-cat-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 10px;
            .cd-select-cate {
                position: relative;
                border-radius: 2px;
                border: 1px solid #ececec;
                padding: 0 18px 0 8px;
                width: 240px;
                height: 28px;
                line-height: 28px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                cursor: pointer;
                background-color: #FFFFFF;
                &:after {
                    content: " ";
                    position: absolute;
                    top: 12.5px;
                    right: 8px;
                    border-style: solid;
                    border-width: 5px;
                    width: 0;
                    height: 0;
                    border-color: #333 transparent transparent;
                }
            }
        }
    }
}
