& {
    height: auto;
    box-shadow: none !important;
    display: block;
    line-height: 22px;
    padding: 8px 0;
    border-bottom: 1px solid #0001;
}

&:empty {
    display: none;
}

>.head,
>.foot {
    padding: 2px 16px;
    vertical-align: top;
    display: inline-block;
    position: absolute;
}

>model:first-child {
    padding: 6px 10px;
    display: block;
}

model {
    display: inline;
}

>.head {
    font-weight: 600;
    font-family: "宋体";

    &:after {
        content: ":";
    }

    .image {
        margin: 10px 0;
    }
}

[nocolon] & {
    >.head {
        &:after {
            display: none;
        }
    }
}

[nocolon] &>.head,
&[nocolon]>.head,
>.head[nocolon] {
    &:after {
        display: none;
    }
}

>.body {
    .image {
        margin: 10px 0;
    }

    &:not(input, textarea, .input, select, .select) {
        padding: 2px 16px;
    }

    min-height: 30px;
    vertical-align: top;
    height: 100%;
    display: inline-block;
    width: 100%;
    text-align: left;
}

>.track {
    display: none;
    box-shadow: none;
}

>.foot {
    text-align: right;
    right: 0;

    span {
        vertical-align: top;
    }
}

.input {
    width: 100%;
}

.required {
    color: #c24;
    display: inline-block;
}

&.error,
&[error] {

    model>* {
        background: #f322;
        border-color: #f32;
        outline: 1px solid #f32;
    }

    .error {
        color: #c32;
    }
}