@charset "UTF-8";

body {
    margin: 0;
    color: #333;
    font-size: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-variant: tabular-nums;
    line-height: 1.5;
    /*background-color: #f8f8f8;*/
    background: #F9FAFB;
    font-feature-settings: "tnum","tnum";
}


.n-alert {

    line-height: var(--n-line-height);
    border-radius: var(--n-border-radius);
    position: relative;
    transition: background-color .3s var(--n-bezier);
    background-color: var(--n-color);
    text-align: start;
    word-break: break-word;

}

.n-alert .n-alert__border {

    border-radius: inherit;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: border-color .3s var(--n-bezier);
    border: var(--n-border);
    pointer-events: none;

}

.n-alert.n-alert--closable .n-alert-body .n-alert-body__title {

    padding-right: 24px;

}

.n-alert .n-alert__icon {
    color: var(--n-icon-color);
}

.n-alert .n-alert-body {
    padding: var(--n-padding);
}

.n-alert .n-alert-body .n-alert-body__title {
    color: var(--n-title-text-color);
}

.n-alert .n-alert-body .n-alert-body__content {
    color: var(--n-content-text-color);
}

.n-alert.fade-in-height-expand-transition-leave-from, .n-alert.fade-in-height-expand-transition-enter-to {
    transform: scale(1);
    opacity: 1;
}

.n-alert.fade-in-height-expand-transition-leave-to, .n-alert.fade-in-height-expand-transition-enter-from {
    transform: scale(0.9);
    opacity: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.n-alert.fade-in-height-expand-transition-leave-active {

    overflow: hidden;
    transition: max-height .3s cubic-bezier(.4, 0, .2, 1) 0s,
    opacity .3s cubic-bezier(0, 0, .2, 1) 0s,
    margin-top .3s cubic-bezier(.4, 0, .2, 1) 0s,
    margin-bottom .3s cubic-bezier(.4, 0, .2, 1) 0s,
    padding-top .3s cubic-bezier(.4, 0, .2, 1) 0s,
    padding-bottom .3s cubic-bezier(.4, 0, .2, 1) 0s, transform .3s var(--n-bezier)

}

.n-alert.fade-in-height-expand-transition-enter-active {

    overflow: hidden;
    transition: max-height .3s cubic-bezier(.4, 0, .2, 1),
    opacity .3s cubic-bezier(.4, 0, 1, 1),
    margin-top .3s cubic-bezier(.4, 0, .2, 1),
    margin-bottom .3s cubic-bezier(.4, 0, .2, 1),
    padding-top .3s cubic-bezier(.4, 0, .2, 1),
    padding-bottom .3s cubic-bezier(.4, 0, .2, 1), transform .3s var(--n-bezier)

}

.n-alert .n-alert__icon {

    position: absolute;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    width: var(--n-icon-size);
    height: var(--n-icon-size);
    font-size: var(--n-icon-size);
    margin: var(--n-icon-margin);

}

.n-alert .n-alert__close {

    transition: color .3s var(--n-bezier),
    background-color .3s var(--n-bezier);
    position: absolute;
    right: 0;
    top: 0;
    margin: var(--n-close-margin);

}

.n-alert.n-alert--show-icon .n-alert-body {
    padding-left: calc(var(--n-icon-margin-left) + var(--n-icon-size) + var(--n-icon-margin-right));
}

.n-alert .n-alert-body {

    border-radius: var(--n-border-radius);
    transition: border-color .3s var(--n-bezier);

}

.n-alert .n-alert-body .n-alert-body__title {

    transition: color .3s var(--n-bezier);
    font-size: 16px;
    line-height: 19px;
    font-weight: var(--n-title-font-weight);

}

.n-alert .n-alert-body .n-alert-body__title + .n-alert-body__content {
    margin-top: 9px;
}

.n-alert .n-alert-body .n-alert-body__content {
    transition: color .3s var(--n-bezier);
    font-size: var(--n-font-size);
}

.n-alert .n-alert__icon {
    transition: color .3s var(--n-bezier);
}


.fade-in-linear-enter-active, .fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear)
}

.fade-in-linear-enter-from, .fade-in-linear-leave-to {
    opacity: 0
}

.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear)
}

.el-fade-in-linear-enter-from, .el-fade-in-linear-leave-to {
    opacity: 0
}

.el-fade-in-enter-active, .el-fade-in-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-fade-in-enter-from, .el-fade-in-leave-active {
    opacity: 0
}

.el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter-from, .el-zoom-in-center-leave-active {
    opacity: 0;
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: var(--el-transition-md-fade);
    transform-origin: center top
}

.el-zoom-in-top-enter-active[data-popper-placement^=top], .el-zoom-in-top-leave-active[data-popper-placement^=top] {
    transform-origin: center bottom
}

.el-zoom-in-top-enter-from, .el-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: var(--el-transition-md-fade);
    transform-origin: center bottom
}

.el-zoom-in-bottom-enter-from, .el-zoom-in-bottom-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active {
    opacity: 1;
    transform: scale(1);
    transition: var(--el-transition-md-fade);
    transform-origin: top left
}

.el-zoom-in-left-enter-from, .el-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(.45)
}

.collapse-transition {
    transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}

.el-collapse-transition-enter-active, .el-collapse-transition-leave-active {
    transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}

.horizontal-collapse-transition {
    transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out
}

.el-list-enter-active, .el-list-leave-active {
    transition: all 1s
}

.el-list-enter-from, .el-list-leave-to {
    opacity: 0;
    transform: translateY(-30px)
}

.el-list-leave-active {
    position: absolute !important
}

.el-opacity-transition {
    transition: opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-icon-loading {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

@-webkit-keyframes rotating {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.el-icon {
    --color: inherit;
    height: 1em;
    width: 1em;
    line-height: 1em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    fill: currentColor;
    color: var(--color);
    font-size: inherit
}

.el-icon.is-loading {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.el-icon svg {
    height: 1em;
    width: 1em
}

.el-affix--fixed {
    position: fixed
}

.el-alert {
    --el-alert-padding: 8px 16px;
    --el-alert-border-radius-base: var(--el-border-radius-base);
    --el-alert-title-font-size: 13px;
    --el-alert-description-font-size: 12px;
    --el-alert-close-font-size: 12px;
    --el-alert-close-customed-font-size: 13px;
    --el-alert-icon-size: 16px;
    --el-alert-icon-large-size: 28px;
    width: 100%;
    padding: var(--el-alert-padding);
    margin: 0;
    box-sizing: border-box;
    border-radius: var(--el-alert-border-radius-base);
    position: relative;
    background-color: var(--el-color-white);
    overflow: hidden;
    opacity: 1;
    display: flex;
    align-items: center;
    transition: opacity var(--el-transition-duration-fast)
}

.el-alert.is-light .el-alert__close-btn {
    color: var(--el-text-color-placeholder)
}

.el-alert.is-dark .el-alert__close-btn, .el-alert.is-dark .el-alert__description {
    color: var(--el-color-white)
}

.el-alert.is-center {
    justify-content: center
}

.el-alert--success {
    --el-alert-bg-color: var(--el-color-success-light-9)
}

.el-alert--success.is-light {
    background-color: var(--el-alert-bg-color);
    color: var(--el-color-success)
}

.el-alert--success.is-light .el-alert__description {
    color: var(--el-color-success)
}


html {
    font-style: normal;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    overflow-x: hidden
}

body {
    margin: 0;
    color: #333;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-variant: tabular-nums;
    line-height: 1.5;
    /*background-color: #f8f8f8;*/
    font-feature-settings: "tnum", "tnum"
}

.body {
    margin: auto;
    width: 1200px;
    padding: 16px 24px
}

#Searche > .n-input {
    border: none !important;
    --n-border: none !important
}

*, :after, :before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.xiaoyewl-order-list .el-input__inner{
    border: 1px #d1d4da solid !important;
}
::selection {
    color: #fff;
    background: #ff614a
}


.footer {
    width: 100%;
    text-align: center;
    margin-top: 1em;
    padding: 1em
}
.n-inputs {
    border: none !important;
    width: 426px !important;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-indent: 5px
}

.card {
    border-radius: .2em;
    background-color: #fff;
}

.image-icon {
    width: 24px;
    height: 24px;
}


.T-font {
    color: #333;
    font-size: 12px;
    line-height: 1.5;
    word-break: break-all;
    margin-top: -1px;
}
.Price {
    color: #ff614a;
    font-size: 1.2em;
    font-family: \5fae\8f6f\96c5\9ed1;
    font-weight: 700;
}