@import "../base";
@import "../mixin";

.classification-view-page {
    position: relative;
    height: 100%;
    width: 100%;
    border: 1px solid #d2d3d5;
    background-color: #fff;

    .page-title {
        height: 38px;
        line-height: 38px;
        border-bottom: 1px solid #d2d3d5;
    }
    .page-content {
        position: absolute;
        top: 38px;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 15px;
        overflow-y: auto;
        overflow-x: hidden;

        .card-pack {
            margin-bottom: 15px;

            .card-title-pack {
                height: 38px;
                line-height: 38px;
                border: 1px solid #d2d3d5;
                background: #f6f6f6;
                .card-title-text {
                    font-size: 14px;
                    font-weight: bold;
                }
            }
            .card-content-pack {
                @include rdc-box-sizing;
                padding: 15px;
                width: 100%;
                height: 100%;
                border-left: 1px solid #d2d3d5;
                border-right: 1px solid #d2d3d5;
                border-bottom: 1px solid #d2d3d5;

                .cover-pack {
                    width: 100%;
                    height: 100%;
                    text-align: center;

                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                .main-info-row {
                    padding-top: 20px;
                    padding-bottom: 30px;
                }
                .el-col {
                    font-size: 14px;
                    color: #606266;
                    font-weight: 700;
                }
            }
        }
    }
}
