@detail-side-width: 7rem;

.filter {
    overflow-y: auto;
    width: @side-width;
    border-right: 1px solid #ddd;

    .bui-accordion {
        border-top: 0;

    }
}

.bui-list-component {
    padding-top: .2rem;


    >.bui-btn {
        border: 1px solid #fff;
        text-align: center;
        margin-bottom: .3rem;
        padding: .2rem;
        border-radius: .2rem;

        .bui-thumbnail {
            width: 100%;
            margin: 0 auto .3rem auto;
            border-radius: @border-radius;
            overflow: hidden;
            max-height: 6.4rem;
        }

        .item-title {
            font-size: .26rem;
            margin-bottom: .2rem;
            // min-height: .8rem;
            line-height: 1.5;
        }

        .btn-fav,
        .btn-preview {
            font-size: .18rem;
            margin-left: .1rem;

            i {
                margin-right: .1rem;
            }
        }

        &:hover {
            border: @border;
        }

        &:active {
            background: none;
        }
    }

}

.detail {
    // width: @detail-side-width;
    border-left: @border;
    height: 100%;
    position: relative;

    .detail-item,
    .item {
        height: 100%;
    }

    .item {
        >.span1 {
            overflow-y: auto;
        }
    }

    .item-thumbnail {
        padding: .2rem;
        height: 6rem;
        overflow: hidden;
        background-color: #f9f9f9;

        img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }

    .footer-btn {
        border-radius: @border-radius;
        overflow: hidden;

        >div:first-child {
            .bui-btn {
                border-radius: @border-radius 0 0 @border-radius;
                border-right: 0;
            }
        }

        >div:last-child {
            .bui-btn {
                border-radius: 0 @border-radius @border-radius 0;
            }
        }
    }

    .icon-close {
        position: absolute;
        right: .2rem;
        top: .2rem;
        z-index: 10;
        font-size: .48rem;
    }

}

.bui-box-fluid>.bui-btn {
    width: 4rem;
}