@import "@core/scss/theme/config.scss";
@import "@core/scss/sprite-sheets/icons.scss";
.cd-fansmini-link-content {
    .col1{
        box-sizing: border-box;
        width: 45%;
        padding-left: 54px;
    }
    .col2{
        display: flex;
        box-sizing: border-box;
        width: 43%;
        padding-left: 28px;
    }
    .col-other{
        box-sizing: border-box;
        width: 40%;
        padding-left: 120px;
    }
    .cd-link-list {
        height: 447px;
        background: $colorContainerBg;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: auto;
        .cd-common-table {
            width: 100%;
            height: 100%;
        }
        .cd-mytable{
            width: 100%;
        }
        //.cd-table-body {
            //height: 400px !important;
            // display: flex;
            // flex-direction: column;
            .cd-row-item {
                min-height: 50px;
                width: 100%;
                border-bottom: 1px solid #EFEFEF;
                font-family: MicrosoftYaHei;
                font-size: 12px;
                color: rgba(102,102,102,1);
                padding: 0;
                &.active {
                    //min-height: 108px;
                    .cd-sec-cates {
                        opacity: 1;
                        .cd-sec-cate {
                            height: 30px;
                            line-height: 30px;
                        }
                    }
                    .cd-fir-cate {
                        .cd-arrow-icon {
                            transform: rotate(90deg);
                        }
                        .cd-qr-code{
                            width: 88px;
                            height: 88px;
                            margin: 10px 0;
                            box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
                        }
                    }
                }
                .cd-fir-cate {
                    position: relative;
                    display: flex;
                    align-items: center;
                    min-height: 60px;
                    input[type="radio"] {
                        flex-shrink: 0;
                        margin-right: 6px;
                        vertical-align: top;
                    }
                    .cd-cid{
                        .cd-cid-content{
                            display: flex;
                            align-items: center;
                            height: 60px;
                        }
                    }
                    .cd-name{
                        line-height: 21px;
                        max-width: 326px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        display: inline-block;
                    }
                    .cd-appid-text{
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                    .cd-copy-id{
                        margin-left: 5px;
                        flex-shrink: 0;
                        line-height: 16px;
                        font-family: MicrosoftYaHei;
                        font-size: 12px;
                        color: rgba(0,142,247,1);
                    }
                    .cd-logo{
                        width: 50px;
                        height: 50px;
                        border: 1px solid #EBEBEB;
                        vertical-align: top;
                    }
                    .cd-qr-code{
                        position: relative;
                        width:48px;
                        height:48px;
                        vertical-align: top;
                        transition: .2s;
                    }
                    .cd-arrow-icon {
                        @extend .cd-icons;
                        @extend .cd-icons-arrow_right;
                        transition: transform .2s linear;
                        margin-left: 15px;
                        cursor: pointer;
                    }
                }
                .cd-sec-cates {
                    transition: all .2s ease-out;
                    opacity: 0;
                    padding-bottom: 0;
                    .cd-sec-cate {
                        display: flex;
                        align-items: center;
                        transition: all .2s ease-out;
                        height: 0px;
                        padding: 0;
                        input[type="radio"] {
                            //margin-left: 54px;
                        }
                        .cd-cid {
                            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;
        }
    }
    .cd-mini-version {
        color: #fff;
        background-color: #f44336;
        padding: 1px 4px;
        border-radius: 2px;
        margin-left: 5px;
    }
}
