@import '../../../style/index.less';

@acud-pro-page-layout-prefix: ~"@{acud-pro-prefix}-page-layout";
@du-prefix-form: ~"@{du-prefix}-form";

.@{acud-pro-prefix}-@{page-layout}-container {

    .content-area {
        margin: 16px;

        .@{du-prefix-form} {
            background: @body-background;
            border-radius: 6px;
            padding: 24px 24px 12px 24px;
            margin-bottom: 16px;

            .title{
                color:@G2;
                font-size: 16px;
                font-weight: 500;
                margin-bottom: 12px;
            }
        }

        .@{du-prefix-form}:last-child {
            margin-bottom: 76px;
        }
    }

    .content-detail {
        padding: 24px;
        background-color: @body-background;
        border-radius: 6px;
    }

    .card-contend-area {
        padding: 0;
        background: transparent;
    }

    .acud-tabs-tabpane {
        padding: 0 16px;
    }

    .acud-tabs-nav {
        background-color: @body-background;

        // 覆盖acud 1.2.25版本样式
        .acud-tabs-tab {
            margin-left: 16px;
            margin-right: 16px;
        }
    }

    .acud-tabs-tab {
        font-size: 12px;
        margin: 0;
    }

    .acud-tabs-bar {
        margin: 0 0 16px;
        border-bottom: 1px solid @border-color-base;
        outline: none;
    }

    .@{acud-pro-prefix}-bottom-submit {
        position: fixed;
        height: 60px;
        bottom: 0;
        left: 0;
        right: 0;
        padding-left: 16px;
        line-height: 60px;
        background: @body-background;
        box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
        transition: all 0.2s;
        z-index: 6;

        .acud-btn:not(:first-child) {
            margin-left: 10px;
        }

        .bottom-box {
            width: 100%;
            height: 60px;
        }
    }
}