

@import "@core/scss/theme/config.scss";
@import "@core/scss/sprite-sheets/icons";
@import './productLink/productLink.scss';
@import './frequentLink/frequentLink.scss';
@import './coupon/coupon.scss';
@import './activityPage/activityPage.scss';
.cd-link-tool {
    .cd-icons-iconLink {
        @extend .cd-icons;
        @extend .cd-icons-iconLink;
        display: inline-block;
        vertical-align: middle;
        margin: -2px 4px 0 0;
    }
    .cd-link-tool-content {
        width: 100%;
        box-sizing: border-box;
        .cd-header {
            width: 100%;
            height: 70px;
            background: white;
            text-align: center;
            .cd-link-input {
                display: block;
                width: 770px;
                margin: 20px auto;
            }
            .cd-tab {
                margin: 20px auto 0;
                height: 35px;
                display: inline-block;
                overflow: hidden;
                label {
                    display: inline-block;
                    width: 97px;
                    margin-left: -5px;
                    height: 100%;
                    line-height: 33px;
                }
            }
        }
        .cd-table {
            height: 505px;
            margin: 0 20px;
            border: none;
            overflow-y: hidden;
            overflow-x: hidden;
            thead {
                tr {
                    background: white;
                }
                tr>th {
                    background: white;
                    font-size: 11px;
                    color: #333333;
                    letter-spacing: 0;
                    font-weight: bold;
                    text-align: left;
                    padding-left: 28px;
                    &:first-child {
                        padding-left: 54px;
                    }
                }
            }
            td {
                text-align: left;
                padding-left: 30px;
                vertical-align: middle;
                input[type="radio"] {
                    margin-right: 10px;
                }
            }
            .cd-common-table {
                height: 100%;
            }
            .cd-common-table .cd-table-body {
                height: 453px;
                td {
                    height: 40px;
                }
                th {
                    height: 50px;
                }
            }
        }
        .cd-footer {
            position: relative;
            width: 100%;
            height: 75px;
            // border-top: 1px solid #ECECEC;
            .cd-text {
                position: absolute;
                top: 30px;
                left: 40px;
                color: $colorBase;
                font-size: 12px;
            }
            .cd-cancel {
                @extend .cd-middle-black-border-btn;
                position: absolute;
                right: 96px;
                top: 20px;
            }
            .cd-ok {
                @extend .cd-middle-red-btn;
                position: absolute;
                right: 20px;
                top: 20px;
            }
        }
        .cd-paginate-bar {
            text-align: left;
            position: absolute;
            bottom: 80px;
            .cd-short-pagination {
                .cd-btn {
                    .cd-arrow-right,
                    .cd-arrow-left {
                        margin-top: 4px;
                    }
                }
            }
        }
        // 链接hover效果
        .cd-jump-link{
            color: #333;
            text-decoration: none;
            &:hover{
                color: #29f;
            }
        }
        // li hover效果
        .cd-link-item{
            &:hover{
                background-color: #fff6f0;
            }
        }
    }
    .cd-no-data {
        display: none;
    }
}
