.tracking1108_form {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-width: 800px;
    margin: 0 auto;
    padding: 100px 12px 0;
    gap: 1px;
}

.tracking1108_form .eleBox {
    flex: 1; padding: 10px 0;
}
.tracking1108_form .eleBox input{
    height: 60px; 
}

.tracking1108_form .btnBox {
    width: 200px;padding: 10px 0;
    text-align: center;
}

.tracking1108_form .btnBox button {
    min-width: 100%; border-radius: 6px; height: 60px;
}

.tracking1108_form .error {
    color: #f00;
    font-size: 12px; padding-top: 20px;
}
/* 弹窗 */
.tracking1111_modal .ant-modal-title {
    text-align: center;
    font-size: 28px;
    width: 100%;
    padding-bottom: 10px;
}

.tracking1111_modal .item {
    padding: 10px 0 10px 30px;
    background: url(/eu/mapicon.png) no-repeat 10px 12px;
    background-size: 12px auto;
    display: flex;
    line-height: 1.4;
}

.tracking1111_modal .item:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.03);
}

.tracking1111_modal .item .date {
    display: inline-block;
    width: 150px;
    color: #ff8100;
}

.tracking1111_modal .num {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #4b4b4b;
    width: 30px;
    height: 17px;
    background-color: #ff8100;
    display: inline-block;
    text-align: center;
    line-height: 17px;
    color: #fff;
    border-radius: 5px;
    position: relative;
    margin-right: 10px;
}

.tracking1111_modal .num:before {
    content: "";
    position: absolute;
    border: 2px solid transparent;
    border-left: 2px solid #ff8100;
    width: 0;
    height: 0;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.tracking1111_modal .cnt {
    min-height: 60vh; overflow-y: auto;
}
.tracking1111_modal .item .info {
    display: inline-block;
    flex: 1;
}

/* 表表格 */
.tracking1111_modal .trOdd {
    background-color: rgba(0, 0, 0, 0.03);
}

.tracking1111_modal .ant-modal {
    width: 800px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

.tracking1111_modal td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

@media (max-width:960px) {
    .tracking1108_form {
        flex-direction: column;
    }

    .tracking1108_form .eleBox {
        flex: none;
        width: 100%;
    }

    .tracking1108_form .btnBox {
        width: 100%;
    }

    .tracking1111_modal {
        width: 100%;
        margin: 0;
    }

    .tracking1111_modal .ant-modal {
        max-width: 100%;
    }

    .tracking1111_modal .ant-modal-content {
        padding: 20px 10px;
    }

    .tracking1111_modal .cnt {
        overflow-x: auto; max-height: 80vh;
        max-width: 100%;
    }
}
@media (max-width:640px) {
    .tracking1111_modal .item .date{
        width: 90px;
    }
    .tracking1111_modal .item .num{
        display: none;
    }
}
.field-root-HJ- {
}

.field-label-ZLF {
    min-height: 2.125rem;
}

.field-input-CUm {
    padding: calc(0.375rem - 1px) calc(0.625rem - 1px); /* TODO @TW: review */

    /* composes: focus_outline-none from global;
    composes: focus_shadow-inputFocus from global; */
}

.field-input-CUm:disabled {
    background: rgb(var(--venia-global-color-gray-100));
    border-color: rgb(var(--venia-global-color-gray-400));
    color: rgb(var(--venia-global-color-gray-darker));
}

.field-optional-j24 {
}


.field-input-new-y-X {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    /* padding-left: calc(1.875rem * var(--iconsBefore) + 18px);
    padding-right: calc(1.875rem * var(--iconsAfter) +17px); */
    padding:0 10px;
    line-height: 16px;
    font-size:14px;
    color: #000;
}

.textInput-input-Jz0 {
    outline:none; padding:0 10px;
}

.textInput-input_error-9x2 {
    outline:none;
}

.textInput-input_shimmer-Eo6 {
    font-size: 1rem;
    padding: calc(0.375rem - 1px) calc(0.625rem - 1px);
}


.textInput-inputnew-r4g {
    /* outline-color:#000; */
    outline:none;
}

.textInput-inputnone-BpN {
    /* composes: input from '../Field/field.module.css';
    composes: disabled_text-subtle from global; */
    font-size: 50px;
    height: 80px;
    width: 100%;
    padding: 20px 20px 30px 0;
    outline: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.textInput-inputnew_error-X3q {
    border: 1px solid rgba(185, 28, 28, 1);
    outline:none;
}

@media (max-width: 960px) {
    .textInput-inputnone-BpN {
        font-size: 16px;
        height: 60px; padding: 0;
    }
}
.fieldIcons-root-ecG {
    grid-template-areas: 'before input after';
    grid-template-columns: auto 1fr auto;
}

.fieldIcons-input-Ced {
    grid-column: before-start / after-end;
    grid-row: input-start / input-end;
}

/* TODO @TW: cannot compose */
.fieldIcons-input-Ced > input {
    padding-left: calc(1.875rem * var(--iconsBefore) + 0.625rem);
    padding-right: calc(1.875rem * var(--iconsAfter) + 0.625rem);
}

.fieldIcons-before-G3M,
.fieldIcons-after-xwp {
    padding-top: 8px;
}

/* TODO @TW: cannot compose */
.fieldIcons-before-G3M:empty,
.fieldIcons-after-xwp:empty {
    display: none;
}

.fieldIcons-before-G3M {
    grid-area: before;
}

.fieldIcons-after-xwp {
    grid-area: after;
}

/* TODO @TW: cannot compose */
.fieldIcons-before-G3M svg {
    /* composes: stroke-gray-600 from global; */
    stroke: rgb(var(--venia-global-color-gray-600));
}


/* 新样式 2023-9 */

.fieldIcons-root-new-PzW,
.fieldIcons-root-new_error-lEy,
.fieldIcons-root-none-Psw,
.fieldIcons-root-none_error-nGQ {
    grid-template-areas: 'before input after';
    grid-template-columns: auto 1fr auto;
}

.fieldIcons-input-new-9zR,
.fieldIcons-input-new_error-LGY,
.fieldIcons-input-none-uvl,
.fieldIcons-input-none_error-omQ  {
    grid-column: before-start / after-end;
    grid-row: input-start / input-end;
}

/* TODO @TW: cannot compose */
.fieldIcons-input-new-9zR > input,
.fieldIcons-input-new_error-LGY > input,
.fieldIcons-input-none-uvl > input,
.fieldIcons-input-none_error-omQ > input {
    /* padding-left: calc(1.875rem * var(--iconsBefore) + 18px);
    padding-right: calc(1.875rem * var(--iconsAfter) +17px); */
    padding:0 10px;
}

.fieldIcons-before-new-1Lp,
.fieldIcons-after-new-7V0,
.fieldIcons-before-none--yZ,
.fieldIcons-after-none-Lno {
    color: #000;
}
.fieldIcons-before-new_error-aVE,
.fieldIcons-after-new_error-rZ7,
.fieldIcons-before-none_error--H3,
.fieldIcons-after-none_error-HzQ {
    color: rgba(185, 28, 28, 1);
}
/* TODO @TW: cannot compose */
.fieldIcons-before-new-1Lp:empty,
.fieldIcons-before-new_error-aVE:empty,
.fieldIcons-after-new-7V0:empty,
.fieldIcons-after-new_error-rZ7:empty,
.fieldIcons-before-none--yZ:empty,
.fieldIcons-before-none_error--H3:empty,
.fieldIcons-after-none-Lno:empty,
.fieldIcons-after-none_error-HzQ:empty  {
    display: none;
}

.fieldIcons-before-new-1Lp,
.fieldIcons-before-new_error-aVE,
.fieldIcons-before-none--yZ,
.fieldIcons-before-none_error--H3 {
    grid-area: before;
}

.fieldIcons-after-new-7V0,
.fieldIcons-after-new_error-rZ7,
.fieldIcons-after-none-Lno,
.fieldIcons-after-none_error-HzQ {
    grid-area: after;
}

/* TODO @TW: cannot compose */
.fieldIcons-before-new-1Lp svg,
.fieldIcons-before-none--yZ svg  {
    /* composes: stroke-gray-600 from global; */
    stroke: rgb(var(--venia-global-color-gray-600));
}
.message-root-B-9 {
}

/* TODO @TW: cannot compose */
.message-root-B-9:empty {
    display: none;
}

.message-root_error-sDd {
    font-size: 12px;
}

.button-root-3iv {
    /* composes: min-w-[10rem] from global; */
    min-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    min-width:200px;

    /* composes: focus_shadow-inputFocus from global; */
}

.button-root-3iv:active {
    transition-duration: 128ms;
}

/**
 * Some browsers retain the :hover state after a click, this ensures if a button becomes disabled after
 * being clicked it will be visually disabled.
 */
.button-root-3iv:hover:disabled {
    /* TODO @TW: cannot compose. This may not be possible with two variants. */
    pointer-events: none;
}

.button-root_lowPriority-xHk {
}

.button-root_normalPriority-Z4b {
}

.button-root_highPriority-sM1 {
    background: #000;color: #fff;
}
.button-root_highPriority-sM1:hover{
    background: #000;color: #fff; opacity: 0.7;
}

.button-root_lowPriorityNegative-KqK,
.button-root_normalPriorityNegative-DHO {
}

.button-root_highPriorityNegative-inZ {
   
}

.button-content-ouv {
}

/* 新样式 */
.button-root-new-0dl {
    /* composes: min-w-[10rem] from global; */
    min-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    width: 100%;
    background: #000;
    height: 2.5rem;
    border-radius: 20px;
    color: #fff;
    min-width:200px;
}
.button-root-black--4a{
    /* composes: min-w-[10rem] from global; */
    /* TODO @TW: review */
    line-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    width: 100%;
    background: #000;
    height: 2.5rem;
    border-radius: 9999px;
    color: #fff;
    min-width:200px;
}
.button-root-white-toR{
    /* composes: min-w-[10rem] from global; */
    min-height: 2.5rem;
    transition-duration: 256ms;
    transition-property: background-color, border-color, color;
    transition-timing-function: var(--venia-global-anim-standard);
    width: 100%;
    border:1px solid #000;
    height: 2.5rem;
    border-radius: 9999px;
    color: #000;
    min-width:200px;
}
.button-root-new-0dl:active,.button-root-black--4a:active {
    transition-duration: 128ms;
}

.button-root-new-0dl:hover:disabled,.button-root-black--4a:hover:disabled{
    /* TODO @TW: cannot compose. This may not be possible with two variants. */
    pointer-events: none;
}
/* autoBlack */
.button-root-autoBlack-ex0{
    background: #000;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    border-radius: 4px; font-size: 16px;
    width: 100%;
}
.button-root-autoBlack-ex0:disabled{
    pointer-events: none;
    opacity: 0.3;
}
@media (max-width: 960px) {
    .button-root-3iv,.button-root-white-toR,.button-root-black--4a,.button-root-new-0dl{
        min-width:100px;
    }
}