body {
    padding: 0;
    margin: 0;
}

#app {
    --app-width: 202mm;
    --app-height: 140mm;
    --print-safe-margin-top: 0mm;
    --print-safe-margin-right: 0mm;
    --print-safe-margin-bottom: 0mm;
    --print-safe-margin-left: 0mm;
    width: var(--app-width);
    height: var(--app-height);
    background-color: #ffffff;
    padding-top: var(--print-safe-margin-top);
    padding-right: var(--print-safe-margin-right);
    padding-bottom: var(--print-safe-margin-bottom);
    padding-left: var(--print-safe-margin-left);
    box-sizing: border-box;
    overflow: hidden;
}

.app-container {
    /* font-family: SimSun; */
    position: relative;
    width: 100%;
    height: 100%;
    color: #000;
    text-align: center;
    font-size: 3.81mm;
    /* font-weight: bold; */
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.designer-layout {
    position: relative;
    width: 100%;
    height: 100%;
}

.print-count {
    position: absolute;
    top: 1.27mm;
    left: 0;
}

.title {
    font-size: 7.62mm;
    letter-spacing: 7.62mm;
    margin-bottom: 1.6mm;
}

.order-number {
    position: absolute;
    top: 1.27mm;
    right: 31.75mm;
}

.page {
    position: absolute;
    top: 5.588mm;
    right: 31.75mm;
}

.order-number2 {
    position: absolute;
    top: 1.27mm;
    right: 6.35mm;
}

.page2 {
    position: absolute;
    top: 5.588mm;
    right: 6.35mm;
}

.qrcode {
    position: absolute;
    width: 19.558mm;
    height: 19.558mm;
    top: 1.016mm;
    right: 6.629mm;
}

.qrcode-tips {
    position: absolute;
    top: 2.032mm;
    right: 0;
    writing-mode: vertical-rl;
}

.row {
    text-align: left;
    /* margin-bottom: 1.067mm; */
    margin-right: 31.75mm;
}

.row2 {
    text-align: left;
    /* margin-bottom: 1.067mm; */
}

.table {
    width: 100%;
    border-collapse: collapse;
    border: solid 0.279mm black;
    text-align: center;
}

.table td {
    height: 6.35mm;
    border: solid 0.279mm black;
    box-sizing: border-box;
    padding: 0 0.762mm;
    overflow: hidden;
    white-space: nowrap;
}

.summary-col {
    text-align: left;
    margin: 0.787mm 2.642mm;
}

.designer-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.new-message {
    width: 29.108mm;
    max-width: 29.108mm;
}

.new-message div {
    word-break: break-all;
    text-align: justify;
    vertical-align: top;
    overflow: hidden;
    white-space: break-spaces;
    width: 100%;
    max-width: 100%;
    height: 83.82mm;
}

.new-message span {
    display: block;
}

.goods-name {
    /* width: 106.68mm; */
    max-width: 76.2mm;
    overflow: hidden;
}

.goods-code {
    width: 27.94mm;
    max-width: 27.94mm;
}

.goods-unit {
    width: 12.7mm;
    max-width: 12.7mm;
}

.goods-volume {
    width: 12.7mm;
    max-width: 12.7mm;
}

.goods-price {
    width: 16.002mm;
    max-width: 18.542mm;
}

.goods-amount {
    width: 18.72mm;
    max-width: 18.72mm;
}

.tips {
    text-align: left;
}

.remark {
    margin: 0.813mm 0;
}

.paytype {
    margin: 0.813mm 0;
    text-align: right;
}

.paytype .checkbox {
    display: inline-block;
    margin-right: 0;
}

.paytype .checkbox .checkbox-content {
    display: flex;
}

.paytype .checkbox .el-checkbox__inner {
    border-color: black;
}

.creator {
    text-align: right;
}

.el-col {
    overflow: hidden;
    white-space: nowrap;
}

.promotion-body-container {
    display: flex;
    gap: 10px;
}

.promotion-table {
    width: 50%;
    max-width: 50%;
    border-collapse: collapse;
    border: solid 0.279mm black;
    text-align: center;
    table-layout: fixed;
}

.promotion-table td {
    height: 6.35mm;
    overflow: hidden;
    white-space: nowrap;
}

.promotion-goods-name {
    width: 80%;
    max-width: 80%;
    overflow: hidden;
}

.promotion-goods-price {
    width: 20%;
    max-width: 20%;
    overflow: hidden;
}

.footer {
    align-items: flex-end;
    display: flex;
}

.footer_tips {
    white-space: break-spaces;
    word-break: break-word;
    display: block;
}