body {
    padding: 0;
    margin: 0;
}

#app {
    --app-width: 60mm;
    --app-height: 40mm;
    width: var(--app-width);
    height: var(--app-height);
    /* background-color: #0f6674; */
    /* padding: 2mm; */
    box-sizing: border-box;
    overflow: hidden;
}

.label-root {
    width: 100%;
    height: 100%;
}

.label-sheet {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: #fff;
    /* border: 0.2mm solid #333; */
    padding: 1.5mm 1.8mm 1.2mm;
    color: #111;
    font-family: SimSun, "宋体", serif;
}

.order-no {
    height: 5.2mm;
    line-height: 5.2mm;
    font-size: 3.9mm;
    font-weight: 700;
    letter-spacing: 0.2mm;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.label-table {
    width: 100%;
    height: calc(100% - 7.5mm);
    border-collapse: collapse;
    display: grid;
    grid-template-columns: 1fr 13mm;
    grid-template-rows: 4.8mm 1fr;
    border: 0.2mm solid #333;
}

.label-table .cell {
    border-right: 0.2mm solid #333;
    border-bottom: 0.2mm solid #333;
    box-sizing: border-box;
}

.label-table .cell:nth-child(2),
.label-table .cell:nth-child(4) {
    border-right: none;
}

.label-table .cell:nth-child(3),
.label-table .cell:nth-child(4) {
    border-bottom: none;
}

.label-table .head {
    text-align: center;
    line-height: 4.8mm;
    font-size: 3.2mm;
    font-weight: 700;
}

.label-table .content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 3.6mm;
    font-weight: 700;
    padding: 0.8mm 1mm;
}

.label-table .name-spec {
    display: block;
    padding-top: 1mm;
    line-height: 1.25;
}

.label-table .name-spec .goods-name,
.label-table .name-spec .goods-spec {
    white-space: normal;
    overflow: hidden;
    word-break: break-all;
    text-align: center;
}

.label-table .name-spec .goods-spec {
    margin-top: 0.8mm;
}

.label-table .qty {
    align-items: flex-start;
    padding-top: 1.2mm;
}

.app-container {
    /* font-family: SimSun; */
    position: relative;
    color: #000;
    text-align: center;
    font-size: 0.15in;
    /* font-weight: bold; */
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.print-count {
    position: absolute;
    top: 0.05in;
    left: 0;
}

.title {
    font-size: 0.3in;
    letter-spacing: 0.3in;
    margin-bottom: 0.063in;
}

.order-number {
    position: absolute;
    top: 0.05in;
    right: 1.25in;
}

.page {
    position: absolute;
    top: 0.22in;
    right: 1.25in;
}

.order-number2 {
    position: absolute;
    top: 0.05in;
    right: 0.25in;
}

.page2 {
    position: absolute;
    top: 0.22in;
    right: 0.25in;
}

.qrcode {
    position: absolute;
    width: 0.77in;
    height: 0.77in;
    top: 0.04in;
    right: 0.261in;
}

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

.row {
    text-align: left;
    /* margin-bottom: 0.042in; */
    margin-right: 1.25in;
}

.row2 {
    text-align: left;
    /* margin-bottom: 0.042in; */
}

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

.table td {
    height: 0.25in;
    overflow: hidden;
    white-space: nowrap;
}

tbody td {
    padding: 0 0.03in;
}

.summary-col {
    text-align: left;
    margin: 0.031in 0.104in;
}

.new-message {
    width: 1.146in;
    max-width: 1.146in;
}

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

.new-message span {
    display: block;
}

.goods-name {
    /* width: 4.2in; */
    max-width: 3in;
    overflow: hidden;
}

.goods-code {
    width: 1.1in;
    max-width: 1.1in;
}

.goods-unit {
    width: 0.5in;
    max-width: 0.5in;
}

.goods-volume {
    width: 0.5in;
    max-width: 0.5in;
}

.goods-price {
    width: 0.63in;
    max-width: 0.73in;
}

.goods-amount {
    width: 0.737in;
    max-width: 0.737in;
}

.tips {
    text-align: left;
    margin-top: 0.05in;
}

.remark {
    margin: 0.032in 0;
}

.paytype {
    margin: 0.032in 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.011in black;
    text-align: center;
    table-layout: fixed;
}

.promotion-table td {
    height: 0.25in;
    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: normal;
}