@import "@core/scss/theme/config.scss";
@import "@core/scss/sprite-sheets/icons.scss";
.cd-shop-category-content {
    .cd-link-list {
        height: 447px;
        margin: 20px 15px;
        background: $colorContainerBg;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: auto;
        .cd-common-table {
            width: 100%;
        }
        .cd-table-body {
            // display: flex;
            // flex-direction: column;
            .cd-row-item {
                min-height: 50px;
                width: 100%;
                border-bottom: 1px solid #EFEFEF;
                color: #666;
                font-size: 12px;
                &.active {
                    .cd-sec-cates {
                        opacity: 1;
                        .cd-sec-cate {
                            height: 16px;
                            padding: 10px 0;
                        }
                    }
                    .cd-fir-cate {
                        .cd-arrow-icon {
                            transform: rotate(90deg);
                        }
                    }
                }
                .cd-fir-cate {
                    padding-top: 17px;
                    padding-bottom: 18px;
                    &:hover {
                        background: #fff6f0;
                    }
                    input[type="radio"] {
                        margin-left: 30px;
                    }
                    .cd-cid {
                        margin-left: 6px;
                    }
                    .cd-cate-name {
                        width: 150px;
                        display: inline-block;
                        margin-left: 135px;
                    }
                    .cd-cate-url {
                        margin-left: 160px;
                    }
                    .cd-arrow-icon {
                        @extend .cd-icons;
                        @extend .cd-icons-arrow_right;
                        transition: transform .2s linear;
                        float: right;
                        margin-right: 20px;
                        cursor: pointer;
                    }
                }
                .cd-sec-cates {
                    transition: all .2s ease-out;
                    opacity: 0;
                    padding-bottom: 0;
                    .cd-sec-cate {
                        transition: all .2s ease-out;
                        height: 0px;
                        padding: 0;
                        &:hover {
                            background: #fff6f0;
                        }
                        input[type="radio"] {
                            margin-left: 50px;
                        }
                        .cd-cid {
                            width: 52px;
                            display: inline-block;
                            margin-left: 6px;
                        }
                        .cd-cate-name {
                            width: 150px;
                            display: inline-block;
                            margin-left: 112px;
                        }
                        .cd-cate-url {
                            margin-left: 160px;
                        }
                    }
                }
            }
        }
    }
    .cd-footer {
        width: 100%;
        height: 43px;
        .cd-text {
            position: absolute;
            bottom: 20px;
            left: 15px;
            color: $colorBase;
        }
        .cd-cancel {
            @extend .cd-middle-black-border-btn;
            position: absolute;
            right: 140px;
            bottom: 12px;
        }
        .cd-ok {
            @extend .cd-middle-red-btn;
            position: absolute;
            right: 63px;
            bottom: 12px;
        }
    }
}
