@font-face {
  font-family: "plex-sans"; 
  src: url("../fonts/IBMPlexSans-Regular.woff2") format("truetype"); 
  font-style: normal; 
  font-weight: normal; 
} 

@font-face {
	font-family: plex-sans;
	src: url(/purge/static/fonts/IBMPlexSans-Regular.woff2) format("woff2"), url(/purge/static/fonts/IBMPlexSans-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: block
}

@font-face {
	font-family: plex-sans;
	src: url(/purge/static/fonts/IBMPlexSans-Bold.woff2) format("woff2"), url(/purge/static/fonts/IBMPlexSans-Bold.woff) format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: block
}

@font-face {
	font-family: plex-sans;
	src: url(/purge/static/fonts/IBMPlexSans-Italic.woff2) format("woff2"), url(/purge/static/fonts/IBMPlexSans-Italic.woff) format("woff");
	font-weight: 400;
	font-style: italic;
	font-display: block
}

@font-face {
	font-family: plex-sans;
	src: url(/purge/static/fonts/IBMPlexSans-BoldItalic.woff2) format("woff2"), url(/purge/static/fonts/IBMPlexSans-BoldItalic.woff) format("woff");
	font-weight: 600;
	font-style: italic;
	font-display: block
}

@font-face {
	font-family: stratos;
	src: url(/purge/static/fonts/stratos-semibold.woff2) format("woff2"), url(/purge/static/fonts/stratos-semibold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: stratos;
	src: url(/purge/static/fonts/stratosdeliveroo-extrabold.woff2) format("woff2"), url(/purge/static/fonts/stratosdeliveroo-extrabold.woff) format("woff");
	font-weight: 800;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: stratos;
	src: url(/purge/static/fonts/stratosdeliveroo-extrabolditalic.woff2) format("woff2"), url(/purge/static/fonts/stratosdeliveroo-extrabolditalic.woff) format("woff");
	font-weight: 800;
	font-style: italic;
	font-display: swap
}

body{
    top: 0px;
    left: 0px;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1;
    color: #2e3333;
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
}

.head-sticky{
    margin: 0;
    padding: 0;
    border: 0;
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 10;
}

.head-sticky-rs{
    position: relative;
    z-index: 10;
    background: #fff;
    border-bottom: none;
}

.head-sticky-rsf{
    box-sizing: content-box;
    -webkit-box-flex: 1;
    width: calc(100% - 2 * 16px);
    padding: 0 16px;
    margin: 0 auto;
    max-width: 2560px;
}

.head-sticky-rsf-flex{
    align-items: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    display: flex;
}

.head-sticky-rsf-flex-q{
    align-items: center;
    flex-direction: row;
    -webkit-box-align: center;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}

.head-sticky-rsf-flex-q-logo{
    color: rgb(0,163.2,150.4);
    text-decoration: none;
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    background-color: transparent;
    cursor: pointer;
    border: 0;
    border-radius: 3px;
    height: 32px;
    margin: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    text-indent: -9999px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    background-image: url("../img/public/mobile-logo-teal.svg");
    width: 30px;
}

.head-sticky-rsf-flex-q-w{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.head-sticky-rsf-flex-q-w-h{
    width: 1px;
    height: 24px;
    background-color: #e8ebeb;
}

.head-sticky-rsf-flex-q-r{
    align-items: center;
    -webkit-box-align: center;
    display: flex;
}

.head-sticky-rsf-flex-q-rg{
    min-width: 0;
}

.head-sticky-rsf-flex-q-rgs{
    width: calc(100vw - 251px);
}

.head-sticky-rsf-flex-q-rgsq{
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
}

.head-sticky-rsf-flex-q-rgsqh{
    padding: 0;
    border: none;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: inherit;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    border-radius: 3px;
    transition-timing-function: ease-out;
    transition-duration: .15s;
    transition-property: box-shadow,-webkit-box-shadow;
}

.head-sticky-rsf-flex-q-rgsqha{
    color: inherit;
    text-align: inherit;
    cursor: pointer;
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
}

.head-sticky-rsf-flex-q-rgsqhag{
    color: inherit;
    text-align: inherit;
    cursor: pointer;
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
}

.head-sticky-rsf-flex-q-rgsqhagq{
    color: inherit;
    text-align: inherit;
    cursor: pointer;
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    flex: 0 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.head-sticky-rsf-flex-q-rgsqhagqq{
    text-align: inherit;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: baseline;
    font: inherit;
    padding: 0;
    border: 0;
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #585c5c;
}

.head-sticky-rsf-flex-q-rgsqhagqqss{
    text-align: inherit;
    cursor: pointer;
    white-space: nowrap;
    color: #585c5c;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    border: 0;
}

.head-sticky-rsf-flex-q-rgsqhagqaa{
    color: inherit;
    text-align: inherit;
    cursor: pointer;
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    max-width: 100%;
}

.head-sticky-rsf-flex-q-rgsqhagqaaas{
    color: inherit;
    text-align: inherit;
    cursor: pointer;
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    flex: 0 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.head-sticky-rsf-flex-q-rgsqhagqaaas-f{
    color: inherit;
    text-align: inherit;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: baseline;
    font: inherit;
    padding: 0;
    border: 0;
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
  line-height: 22px;
}

.head-sticky-rsf-flex-q-rgsqhagqaaas-q{
    color: inherit;
  text-align: inherit;
  cursor: pointer;
  font: inherit;
  border: 0;
  margin: 0;
  padding: 0;
  padding-left: 4px;
  display: inline-flex;
  box-sizing: content-box;
}

.head-sticky-rsf-flex-q-rgsqhagqaaas-qss{
    text-align: inherit;
    cursor: pointer;
    font: inherit;
    width: 18px;
    height: 18px;
    color: #00ccbc;
    fill: #00ccbc;
}

.head-sticky-rsf-flex-rgiht{
    font: inherit;
    border: 0;
    margin: 0;
    padding: 0;
    justify-content: right;
    display: flex;
    padding-left: 8px;
    min-width: unset;
}

.head-sticky-rsf-flex-rgiht-u{
    font: inherit;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    overflow: hidden;
    max-height: 56px;
    padding-inline-start: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    flex-wrap: wrap;
}

.head-sticky-rsf-flex-rgiht-u-li{
    display: flex;
    max-height: 40px;
    padding: 8px 4px;
}

.head-sticky-rsf-flex-rgiht-u-li.pi{
    order: 3;
    padding-inline-end: 4px;
}

.head-sticky-rsf-flex-rgiht-u-li.si{
    order: 2;
}

.head-sticky-rsf-flex-rgiht-u-li.hi{
    order: 1;
    padding-inline-start: 4px;
}

.head-sticky-rsf-flex-rgiht-u-li-s{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    transition-property: box-shadow,-webkit-box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    align-items: center;
    border: 1px solid #e8ebeb;
    line-height: 24px;
    text-decoration: none;
    color: #2e3333;
    -webkit-box-align: center;
    justify-content: space-between;
    cursor: pointer;
    display: flex;
    -webkit-box-pack: justify;
    appearance: none;
    background: #fff;
    border-radius: 4px;
    padding: 12px 10px;
}

.head-sticky-rsf-flex-rgiht-u-li-ss{
    list-style: none;
    cursor: pointer;
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    color: #00ccbc;
    display: grid;
}

.head-sticky-rsf-flex-rgiht-u-li-ssa{
    list-style: none;
    cursor: pointer;
    color: #00ccbc;
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    display: inline-flex;
    box-sizing: content-box;
    grid-column: 1;
    grid-row: 1;
}

.head-sticky-rsf-flex-rgiht-u-li-ssa-svg{
    color: #00ccbc;
    fill: #00ccbc;
    font: inherit;
    width: 18px;
    height: 18px;
}

.basket-box{
    margin: 0;
    padding: 0;
    border: 0;
    transition: opacity .2s linear;
    z-index: 999;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    opacity: 0;
    pointer-events: none;
}

.basket-box-rs{
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    outline: none;
}

.basket-box-rs-s{
    box-shadow: 0 6px 20px rgba(0,0,0,.08);
    transition-delay: .1s;
    display: block;
    background: #f9fafa;
    width: 100%;
    height: 100%;
    position: relative;
}

.basket-box-rs-sg{
    display: flex;
    overflow: auto;
    height: 100vh;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
}

.basket-box-rs-sgq{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    box-sizing: border-box;
    padding: 12px 16px 0;
    flex-shrink: 0;
}

.basket-box-rs-sgq h4{
    font: inherit;
    border: 0;
    padding: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0;
    font-family: plex-sans,sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #2e3333;
}

.basket-box-rs-sgq span{
    display: inline-block;
}

.basket-box-rs-sgq-btn{
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    padding: 0;
    border: none;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: inherit;
    cursor: pointer;
    border-radius: 3px;
}

.basket-box-rs-sgq-btn-qq{
    display: inline-flex;
    vertical-align: text-bottom;
}

.basket-box-rs-sgq-btn-qq-f{
    width: 24px;
    height: 24px;
    color: #00ccbc;
    fill: #00ccbc;
}

.basket-box-rs-sgq-ghs{
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    justify-content: flex-start;
    -webkit-box-pack: start;
    align-items: center;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    position: relative;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

.basket-box-rs-sgq-ghs-guf{
    font: inherit;
    width: 100%;
    padding-bottom: 40vh;
}

.basket-box-rs-sgq-ghs-guf-q{
    position: relative;
    box-sizing: border-box;
    display: flex;
    background-color: rgb(255, 255, 255);
    height: 100%;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
}

.basket-box-rs-sgq-ghs-guf-q-rs{
    gap: 12px;
    display: flex;
    height: auto;
    padding-bottom: 24px;
    padding-top: 24px;
    width: 100%;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul{
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms{
    list-style: none;
    width: 100%;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-q{
    position: relative;
    box-sizing: border-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    background-color: rgb(255, 255, 255);
    border-color: rgb(213, 221, 221);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    gap: 16px;
    flex-direction: column;
    padding: 16px;
    width: 100%;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs{
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
    flex-direction: column;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-gh{
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    flex-direction: column;
    padding-right: 36px;
    z-index: 1;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-gh p{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-box-orient: vertical;
    white-space: pre-wrap;
    align-self: stretch;
    color: rgb(11, 14, 14);
    font-family: plex-sans, "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 微软雅黑体, "Hiragino Sans GB", 冬青黑体, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-overflow: ellipsis;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-fh{
    position: absolute;
    box-sizing: border-box;
    display: flex;
    cursor: pointer;
    -moz-box-align: center;
    align-items: center;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center;
    padding: 12px;
    right: -12px;
    top: -12px;
    z-index: 2;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-fh-g{
    color: rgb(27, 166, 156);
    font-size: 24px;
    line-height: normal;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-fh-gs{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-fh-gs-svg{
    width: 24px;
    height: 24px;
    color: rgb(27, 166, 156);
    fill: rgb(27, 166, 156);
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-fg{
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
    flex-direction: column;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-fg-f{
    position: relative;
    box-sizing: border-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    gap: 0px;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-fg-ff{
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    height: 54px;
    width: 54px;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-fg-ff-s{
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    background-color: rgb(255, 255, 255);
    border-radius: 27px;
    gap: 10px;
    flex-direction: column;
    height: 54px;
    -moz-box-pack: center;
    justify-content: center;
    padding: 3px;
    width: 100%;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-fg-ff-sg{
    position: relative;
    box-sizing: border-box;
    display: flex;
    border-color: rgb(213, 221, 221);
    border-radius: 24px;
    border-style: solid;
    border-width: 1px;
    height: 48px;
    overflow: hidden;
    width: 48px;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-fg-ff-sg-q{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    opacity: 1;
    background-size: cover;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-fg-fqs{
    list-style: none;
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    display: inline;
    align-self: stretch;
    position: relative;
    box-sizing: border-box;
    -moz-box-align: center;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-fg-fqs-lll{
    margin: 0;
    padding: 0;
    border: 0;
    white-space: pre-wrap;
    color: rgb(83, 95, 95);
    font-family: plex-sans, "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 微软雅黑体, "Hiragino Sans GB", 冬青黑体, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-fg-fqs-ghs{
    white-space: pre-wrap;
    color: rgb(83, 95, 95);
    font-family: plex-sans, "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 微软雅黑体, "Hiragino Sans GB", 冬青黑体, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-btns{
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 16px;
    flex-direction: row;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-btns-view-place{
    border-block: unset;
    border-inline: unset;
    border-start-start-radius: unset;
    border-start-end-radius: unset;
    border-end-start-radius: unset;
    border-end-end-radius: unset;
    overflow-block: unset;
    overflow-inline: unset;
    overscroll-behavior-block: unset;
    overscroll-behavior-inline: unset;
    margin-block: unset;
    margin-inline: unset;
    scroll-margin-block: unset;
    scroll-margin-inline: unset;
    padding-block: unset;
    padding-inline: unset;
    scroll-padding-block: unset;
    scroll-padding-inline: unset;
    inset-block: unset;
    inset-inline: unset;
    block-size: unset;
    min-block-size: unset;
    max-block-size: unset;
    inline-size: unset;
    min-inline-size: unset;
    max-inline-size: unset;
    contain-intrinsic-block-size: unset;
    contain-intrinsic-inline-size: unset;
    background-image: unset;
    background-position: unset;
    background-repeat: unset;
    background-attachment: unset;
    background-clip: unset;
    background-origin: unset;
    background-size: unset;
    background-blend-mode: unset;
    box-decoration-break: unset;
    -moz-float-edge: unset;
    border-image: unset;
    position: unset;
    anchor-name: unset;
    anchor-scope: unset;
    float: unset;
    clear: unset;
    vertical-align: unset;
    baseline-source: unset;
    overflow: unset;
    overflow-anchor: unset;
    transform: unset;
    rotate: unset;
    scale: unset;
    translate: unset;
    offset: unset;
    scroll-behavior: unset;
    scroll-snap-align: unset;
    scroll-snap-type: unset;
    scroll-snap-stop: unset;
    overscroll-behavior: unset;
    isolation: unset;
    break-after: unset;
    break-before: unset;
    break-inside: unset;
    resize: unset;
    perspective: unset;
    perspective-origin: unset;
    backface-visibility: unset;
    transform-box: unset;
    transform-style: unset;
    transform-origin: unset;
    contain: unset;
    content-visibility: unset;
    container: unset;
    appearance: unset;
    -moz-orient: unset;
    will-change: unset;
    shape-image-threshold: unset;
    shape-margin: unset;
    shape-outside: unset;
    touch-action: unset;
    -webkit-line-clamp: unset;
    scrollbar-gutter: unset;
    zoom: unset;
    columns: unset;
    column-fill: unset;
    column-rule: unset;
    column-span: unset;
    content: unset;
    counter-increment: unset;
    counter-reset: unset;
    counter-set: unset;
    opacity: unset;
    box-shadow: unset;
    clip: unset;
    filter: unset;
    backdrop-filter: unset;
    mix-blend-mode: unset;
    font: unset;
    font-synthesis: unset;
    font-palette: unset;
    math-depth: unset;
    math-style: unset;
    math-shift: unset;
    visibility: unset;
    writing-mode: unset;
    text-orientation: unset;
    print-color-adjust: unset;
    image-rendering: unset;
    image-orientation: unset;
    dominant-baseline: unset;
    text-anchor: unset;
    color-interpolation: unset;
    color-interpolation-filters: unset;
    fill: unset;
    fill-opacity: unset;
    fill-rule: unset;
    shape-rendering: unset;
    stroke: unset;
    stroke-width: unset;
    stroke-linecap: unset;
    stroke-linejoin: unset;
    stroke-miterlimit: unset;
    stroke-opacity: unset;
    stroke-dasharray: unset;
    stroke-dashoffset: unset;
    clip-rule: unset;
    marker: unset;
    paint-order: unset;
    border-collapse: unset;
    empty-cells: unset;
    caption-side: unset;
    border-spacing: unset;
    color: unset;
    text-transform: unset;
    hyphens: unset;
    -moz-text-size-adjust: unset;
    text-indent: unset;
    overflow-wrap: unset;
    word-break: unset;
    text-justify: unset;
    text-align-last: unset;
    text-align: unset;
    letter-spacing: unset;
    word-spacing: unset;
    white-space: unset;
        text-wrap-mode: unset;
    text-autospace: unset;
    text-shadow: unset;
    text-emphasis: unset;
    text-emphasis-position: unset;
    tab-size: unset;
    line-break: unset;
    -webkit-text-fill-color: unset;
    -webkit-text-stroke: unset;
    ruby-align: unset;
    ruby-position: unset;
    text-combine-upright: unset;
    text-rendering: unset;
    text-underline-offset: unset;
    text-underline-position: unset;
    text-decoration-skip-ink: unset;
    hyphenate-character: unset;
    forced-color-adjust: unset;
    -webkit-text-security: unset;
    hyphenate-limit-chars: unset;
    text-wrap: unset;
    pointer-events: unset;
    caret-color: unset;
    accent-color: unset;
    color-scheme: unset;
    scrollbar-color: unset;
    list-style: unset;
    quotes: unset;
    margin: unset;
    overflow-clip-margin: unset;
    scroll-margin: unset;
    outline: unset;
    outline-offset: unset;
    scroll-padding: unset;
    page: unset;
    inset: unset;
    z-index: unset;
    flex-wrap: unset;
    place-content: unset;
    justify-items: unset;
    flex: unset;
    justify-self: unset;
    order: unset;
    height: unset;
    max-height: unset;
    min-width: unset;
    max-width: unset;
    position-anchor: unset;
    position-area: unset;
    position-visibility: unset;
    position-try: unset;
    box-sizing: unset;
    object-fit: unset;
    object-position: unset;
    grid-area: unset;
    grid: unset;
    gap: unset;
    aspect-ratio: unset;
    contain-intrinsic-size: unset;
    vector-effect: unset;
    stop-color: unset;
    stop-opacity: unset;
    flood-color: unset;
    flood-opacity: unset;
    lighting-color: unset;
    mask-type: unset;
    clip-path: unset;
    mask: unset;
    x: unset;
    y: unset;
    cx: unset;
    cy: unset;
    rx: unset;
    ry: unset;
    r: unset;
    d: unset;
    table-layout: unset;
    text-overflow: unset;
    text-decoration: unset;
    text-decoration-inset: unset;
    ime-mode: unset;
    scrollbar-width: unset;
    user-select: unset;
    -moz-force-broken-image-icon: unset;
    transition: unset;
    animation: unset;
    animation-composition: unset;
    view-transition-name: unset;
    view-transition-class: unset;
    -moz-box-direction: unset;
    -moz-box-flex: unset;
    -moz-box-orient: unset;
    -moz-box-pack: unset;
    -moz-box-ordinal-group: unset;
    cursor: pointer;
    -moz-box-align: center;
    align-items: center;
    align-self: stretch;
    background-color: rgb(255, 255, 255);
    border-color: rgb(27, 166, 156);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex-direction: column;
    min-height: 40px;
    padding: 0px;
    width: 100%;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-btns-view-basket{
    border-block: unset;
    border-inline: unset;
    border-start-start-radius: unset;
    border-start-end-radius: unset;
    border-end-start-radius: unset;
    border-end-end-radius: unset;
    overflow-block: unset;
    overflow-inline: unset;
    overscroll-behavior-block: unset;
    overscroll-behavior-inline: unset;
    margin-block: unset;
    margin-inline: unset;
    scroll-margin-block: unset;
    scroll-margin-inline: unset;
    padding-block: unset;
    padding-inline: unset;
    scroll-padding-block: unset;
    scroll-padding-inline: unset;
    inset-block: unset;
    inset-inline: unset;
    block-size: unset;
    min-block-size: unset;
    max-block-size: unset;
    inline-size: unset;
    min-inline-size: unset;
    max-inline-size: unset;
    contain-intrinsic-block-size: unset;
    contain-intrinsic-inline-size: unset;
    background-image: unset;
    background-position: unset;
    background-repeat: unset;
    background-attachment: unset;
    background-clip: unset;
    background-origin: unset;
    background-size: unset;
    background-blend-mode: unset;
    border: unset;
    box-decoration-break: unset;
    -moz-float-edge: unset;
    position: unset;
    anchor-name: unset;
    anchor-scope: unset;
    float: unset;
    clear: unset;
    vertical-align: unset;
    baseline-source: unset;
    overflow: unset;
    overflow-anchor: unset;
    transform: unset;
    rotate: unset;
    scale: unset;
    translate: unset;
    offset: unset;
    scroll-behavior: unset;
    scroll-snap-align: unset;
    scroll-snap-type: unset;
    scroll-snap-stop: unset;
    overscroll-behavior: unset;
    isolation: unset;
    break-after: unset;
    break-before: unset;
    break-inside: unset;
    resize: unset;
    perspective: unset;
    perspective-origin: unset;
    backface-visibility: unset;
    transform-box: unset;
    transform-style: unset;
    transform-origin: unset;
    contain: unset;
    content-visibility: unset;
    container: unset;
    appearance: unset;
    -moz-orient: unset;
    will-change: unset;
    shape-image-threshold: unset;
    shape-margin: unset;
    shape-outside: unset;
    touch-action: unset;
    -webkit-line-clamp: unset;
    scrollbar-gutter: unset;
    zoom: unset;
    columns: unset;
    column-fill: unset;
    column-rule: unset;
    column-span: unset;
    content: unset;
    counter-increment: unset;
    counter-reset: unset;
    counter-set: unset;
    opacity: unset;
    box-shadow: unset;
    clip: unset;
    filter: unset;
    backdrop-filter: unset;
    mix-blend-mode: unset;
    font: unset;
    font-synthesis: unset;
    font-palette: unset;
    math-depth: unset;
    math-style: unset;
    math-shift: unset;
    visibility: unset;
    writing-mode: unset;
    text-orientation: unset;
    print-color-adjust: unset;
    image-rendering: unset;
    image-orientation: unset;
    dominant-baseline: unset;
    text-anchor: unset;
    color-interpolation: unset;
    color-interpolation-filters: unset;
    fill: unset;
    fill-opacity: unset;
    fill-rule: unset;
    shape-rendering: unset;
    stroke: unset;
    stroke-width: unset;
    stroke-linecap: unset;
    stroke-linejoin: unset;
    stroke-miterlimit: unset;
    stroke-opacity: unset;
    stroke-dasharray: unset;
    stroke-dashoffset: unset;
    clip-rule: unset;
    marker: unset;
    paint-order: unset;
    border-collapse: unset;
    empty-cells: unset;
    caption-side: unset;
    border-spacing: unset;
    color: unset;
    text-transform: unset;
    hyphens: unset;
    -moz-text-size-adjust: unset;
    text-indent: unset;
    overflow-wrap: unset;
    word-break: unset;
    text-justify: unset;
    text-align-last: unset;
    text-align: unset;
    letter-spacing: unset;
    word-spacing: unset;
    white-space: unset;
        text-wrap-mode: unset;
    text-autospace: unset;
    text-shadow: unset;
    text-emphasis: unset;
    text-emphasis-position: unset;
    tab-size: unset;
    line-break: unset;
    -webkit-text-fill-color: unset;
    -webkit-text-stroke: unset;
    ruby-align: unset;
    ruby-position: unset;
    text-combine-upright: unset;
    text-rendering: unset;
    text-underline-offset: unset;
    text-underline-position: unset;
    text-decoration-skip-ink: unset;
    hyphenate-character: unset;
    forced-color-adjust: unset;
    -webkit-text-security: unset;
    hyphenate-limit-chars: unset;
    text-wrap: unset;
    pointer-events: unset;
    caret-color: unset;
    accent-color: unset;
    color-scheme: unset;
    scrollbar-color: unset;
    list-style: unset;
    quotes: unset;
    margin: unset;
    overflow-clip-margin: unset;
    scroll-margin: unset;
    outline: unset;
    outline-offset: unset;
    scroll-padding: unset;
    page: unset;
    inset: unset;
    z-index: unset;
    flex-wrap: unset;
    place-content: unset;
    justify-items: unset;
    flex: unset;
    justify-self: unset;
    order: unset;
    height: unset;
    max-height: unset;
    min-width: unset;
    max-width: unset;
    position-anchor: unset;
    position-area: unset;
    position-visibility: unset;
    position-try: unset;
    box-sizing: unset;
    object-fit: unset;
    object-position: unset;
    grid-area: unset;
    grid: unset;
    gap: unset;
    aspect-ratio: unset;
    contain-intrinsic-size: unset;
    vector-effect: unset;
    stop-color: unset;
    stop-opacity: unset;
    flood-color: unset;
    flood-opacity: unset;
    lighting-color: unset;
    mask-type: unset;
    clip-path: unset;
    mask: unset;
    x: unset;
    y: unset;
    cx: unset;
    cy: unset;
    rx: unset;
    ry: unset;
    r: unset;
    d: unset;
    table-layout: unset;
    text-overflow: unset;
    text-decoration: unset;
    text-decoration-inset: unset;
    ime-mode: unset;
    scrollbar-width: unset;
    user-select: unset;
    -moz-force-broken-image-icon: unset;
    transition: unset;
    animation: unset;
    animation-composition: unset;
    view-transition-name: unset;
    view-transition-class: unset;
    -moz-box-direction: unset;
    -moz-box-flex: unset;
    -moz-box-orient: unset;
    -moz-box-pack: unset;
    -moz-box-ordinal-group: unset;
    cursor: pointer !important;
    -moz-box-align: center;
    align-items: center;
    align-self: stretch;
    background-color: rgb(67, 221, 200);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    min-height: 40px;
    padding: 0px;
    width: 100%;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-btns-view-place span{
    white-space: pre-wrap;
    color: rgb(27, 166, 156);
    font-family: plex-sans, "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 微软雅黑体, "Hiragino Sans GB", 冬青黑体, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px 16px;
    text-align: center;
}

.basket-box-rs-sgq-ghs-guf-q-rs-ul-itms-qrs-btns-view-basket span{
    white-space: pre-wrap;
    color: rgb(0, 57, 53);
    font-family: plex-sans, "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 微软雅黑体, "Hiragino Sans GB", 冬青黑体, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 8px 16px;
    text-align: center;
}

.delivery-details{
    transition: opacity .2s linear;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    opacity: 0;
    display: block;
    z-index: 999;
    pointer-events: none;
}

.delivery-details-s{
    display: flex;
    outline: none;
    margin: 0;
}

.delivery-details-sq{
    flex-direction: column;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    width: 100%;
    background: #fff;
    transition-delay: .1s;
    transition: transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;
    border-radius: 0;
    position: fixed;
    max-height: 100%;
    bottom: 0;
    transform: translateZ(0);
    opacity: 1;
}

.delivery-details-sqq{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    border-radius: 4px;
    position: absolute;
    top: 16px;
    right: 16px;
    color: #00ccbc;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    z-index: 1;
}

.delivery-details-sqq-f{
    color: #00ccbc;
    cursor: pointer;
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.delivery-details-sqq-f-svg{
    width: 24px;
    height: 24px;
    color: #00ccbc;
    fill: #00ccbc;
}

.delivery-details-www{
    display: flex;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-flex: 1;
}

.delivery-details-www-q{
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    padding: 16px;
}

.delivery-details-www-q-s{
    padding-bottom: 32px;
    padding-top: 8px;
}

.delivery-details-www-q-ss{
    display: flex;
    justify-content: space-around;
}

.delivery-details-www-q-ss-btn{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    display: inline-flex;
    border: none;
    border-radius: 16px;
    margin: 0;
    padding: 2px 16px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    background: none;
    opacity: 1;
    white-space: nowrap;
    transition-timing-function: ease-out;
    transition-duration: .15s;
    transition-property: box-shadow,-webkit-box-shadow;
}

.delivery-details-www-q-ss-btn.active{
    background-color: #00ccbc;
}

.delivery-details-www-q-ss-btn span{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #00ccbc;
}

.delivery-details-www-q-ss-btn.active span{
    color: #fff;
    font-weight: 600;
}

.delivery-details-www-f{
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
}

.delivery-details-www-fs{
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    padding: 0;
    border: none;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: inherit;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    border-radius: 3px;
}

.delivery-details-www-fsw{
    color: inherit;
    text-align: inherit;
    cursor: pointer;
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.delivery-details-www-fswg{
    padding-right: 16px;
    display: inline-flex;
    box-sizing: content-box;
}

.delivery-details-www-fswg-svg{
    width: 24px;
    height: 24px;
    color: #abadad;
    fill: #abadad;
}

.delivery-details-www-hfsw{
    flex: 1 1 auto;
}

.delivery-details-www-hfsw span{
    font-family: plex-sans,sans-serif;
  margin: 0;
  font-weight: 400;
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #2e3333;
}

.delivery-details-www-hfqw{
    padding-left: 16px;
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #00b8a9;
}

.delivery-details-www-g{
    padding-top: 24px;
    padding-bottom: 24px;
}

.delivery-details-www-gg{
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
}

.delivery-details-rrr{
    flex-shrink: 0;
    padding: 0 16px 16px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display: flex;
    background: #fff;
}

.delivery-details-rrr-s{
    box-sizing: border-box;
    display: block;
    width: 100%;
}

.delivery-details-rrr-sf{
    position: relative;
    cursor: pointer;
    line-height: 24px;
    margin: 0;
    appearance: none;
    border-radius: 4px;
    font-weight: 600;
    font-family: plex-sans,sans-serif;
    font-size: 16px;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 12px 24px;
    transition-property: box-shadow,-webkit-box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    color: #fff;
    background: #00ccbc;
}

.delivery-details-rrr-sf span{
    justify-content: center;
    text-align: center;
    align-items: center;
    -webkit-box-pack: center;
    display: flex;
    -webkit-box-align: center;
    color: #fff;
}

.delivery-details-where{
    transition: opacity .2s linear;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    opacity: 0;
    display: block;
    z-index: 999;
    pointer-events: none;
}

.delivery-details-where-s{
    display: flex;
    outline: none;
    margin: 0;
}

.delivery-details-where-sq{
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: flex;
    width: 100%;
    background: #fff;
    transition-delay: .1s;
    transition: transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;
    border-radius: 0;
    position: fixed;
    height: 100%;
    top: 0;
    opacity: 1;
}

.delivery-details-where-sqs{
    display: flex;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-flex: 1;
    z-index: 2;
}

.delivery-details-where-sqs-q{
    flex-direction: column;
    width: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.delivery-details-where-sqs-qs{
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    flex-shrink: 0;
}

.delivery-details-where-sqs-qsa{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid transparent;
    transition: background .2s ease;
    justify-content: space-between;
    align-items: center;
    -webkit-box-pack: justify;
    display: flex;
    -webkit-box-align: center;
    padding: 16px;
    background: #fff;
    border-color: rgba(0,0,0,.08);
}

.delivery-details-where-sqs-qsas{
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.delivery-details-where-sqs-qsasf{
    align-items: center;
    margin: 0;
    line-height: inherit;
    justify-content: center;
    -webkit-box-align: center;
    display: flex;
    -webkit-box-pack: center;
    flex-grow: 1;
    padding: 0 16px;
    -webkit-box-flex: 1;
}

.delivery-details-where-sqs-qsasf span{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #2e3333;
}

.delivery-details-where-sqs-qsasf-q{
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.delivery-details-where-sqs-qsasf-qs{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    border-radius: 4px;
    border: none;
    padding: 0;
    background: none;
    outline: none;
    cursor: pointer;
}

.delivery-details-where-sqs-qsasf-qsa{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.delivery-details-where-sqs-qsasf-qsa-svg{
    width: 24px;
    height: 24px;
    color: #00ccbc;
    fill:#00ccbc;
}

.delivery-details-where-sqs-wrs{
    flex-direction: column;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-grow: 1;
    -webkit-box-flex: 1;
    overflow: visible;
}

.delivery-details-where-sqs-wrs-qs{
    flex-direction: column;
    padding: 24px 16px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.delivery-details-where-sqs-wrs-qss{
    align-items: flex-end;
    display: flex;
    -webkit-box-align: end;
}

.delivery-details-where-sqs-wrs-qss-w{
    flex: 1;
    position: relative;
    display: flex;
    -webkit-box-flex: 1;
}

.delivery-details-where-sqs-wrs-qss-ws{
    flex: 1;
    -webkit-box-flex: 1;
}

.delivery-details-where-sqs-wrs-qss-ws-l{
    vertical-align: baseline;
    padding-bottom: 8px;
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #2e3333;
    align-items: center;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
}

.delivery-details-where-sqs-wrs-qss-ws-ld{
    display: flex;
    position: relative;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.delivery-details-where-sqs-wrs-qss-ws-lds{
    flex: 1;
    -webkit-box-flex: 1;
}

.delivery-details-where-sqs-wrs-qss-ws-ldsr{
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
}

.delivery-details-where-sqs-wrs-qss-ws-ldsr-input{
    transition-timing-function: ease-out;
    transition-duration: .15s;
    transition-property: box-shadow,-webkit-box-shadow;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.05),inset 0 0 0 100px #fff;
    border: 1px solid #e8ebeb;
    border-radius: 4px;
    padding: 12px 16px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
    caret-color: #00ccbc;
    flex: 1;
    height: 48px;
    -webkit-box-flex: 1;
    appearance: none;
    font-family: plex-sans;
    padding-right: 40px;
}

.delivery-details-where-sqs-wrs-qss-ws-ldsr-q{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    appearance: none;
    background: none;
    border: none;
    position: absolute;
    right: 0;
    padding: 4px;
    margin: 8px;
    cursor: pointer;
    border-radius: 3px;
}

.delivery-details-where-sqs-wrs-qss-ws-ldsr-qww{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.delivery-details-where-sqs-wrs-qss-ws-ldsr-qww-svg{
    width: 24px;
    height: 24px;
    color: #00ccbc;
    fill: #00ccbc;
}

.delivery-details-where-sqs-www{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0 16px 16px;
    flex-shrink: 0;
    display: flex;
    background: #fff;
    box-shadow: 0 -1px 4px 0 rgba(0,0,0,.08);
    z-index: 1;
    padding-top: 16px;
}

.delivery-details-where-sqs-www-s{
    display: flex;
    flex: 1;
    flex-direction: column;
}

.delivery-details-where-sqs-www-sf{
    box-sizing: border-box;
    display: block;
    width: 100%;
}

.delivery-details-where-sqs-www-sf-btn{
    position: relative;
    cursor: pointer;
    line-height: 24px;
    margin: 0;
    appearance: none;
    border-radius: 4px;
    font-weight: 600;
    font-family: plex-sans,sans-serif;
    font-size: 16px;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 12px 24px;
    transition-property: box-shadow,-webkit-box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    color: #fff;
    background: #00ccbc;
}

.delivery-details-where-sqs-www-sf-btn-s{
    justify-content: center;
    text-align: center;
    align-items: center;
    -webkit-box-pack: center;
    display: flex;
    -webkit-box-align: center;
}

.delivery-details-when{
    transition: opacity .2s linear;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    opacity: 0;
    display: block;
    z-index: 999;
    pointer-events: none;
}

.delivery-details-when-s{
    display: flex;
    outline: none;
    margin: 0;
}

.delivery-details-when-ss{
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: flex;
    width: 100%;
    background: #fff;
    transition-delay: .1s;
    transition: transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;
    border-radius: 0;
    position: fixed;
    height: 100%;
    top: 0;
    opacity: 1;
}

.delivery-details-when-ssq{
    border: 0;
    margin: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    transition: background .2s ease;
    border-bottom: 1px solid transparent;
    justify-content: space-between;
    align-items: center;
    -webkit-box-pack: justify;
    display: flex;
    -webkit-box-align: center;
    flex-shrink: 0;
    padding: 16px;
    background: #fff;
    border-color: rgba(0,0,0,.08);
}

.delivery-details-when-ssq-f{
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.delivery-details-when-ssq-fq{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    border-radius: 4px;
    border: none;
    padding: 0;
    background: none;
    outline: none;
    cursor: pointer;
}

.delivery-details-when-ssq-fqg{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.delivery-details-when-ssq-fqg-svg{
    width: 24px;
    height: 24px;
    color: #00ccbc;
    fill: #00ccbc;
}

.delivery-details-when-ssj{
    display: flex;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-flex: 1;
}

.delivery-details-when-ssjq{
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}

.delivery-details-when-ssjq-h{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 16px;
}

.delivery-details-when-ssjq-hq{
    display: block;
    margin-top: 16px;
}

.delivery-details-when-ssjq-hqq{
    padding-bottom: 16px;
}

.delivery-details-when-ssjq-hqq-g h2{
    font: inherit;
    border: 0;
    padding: 0;
    padding-bottom: 8px;
    margin: 0;
    font-family: plex-sans,sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #2e3333;
}

.delivery-details-when-ssjq-hqq-u{
    list-style: none;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    max-width: 500px;
    padding: 0px;
    margin: 0px;
}

.delivery-details-when-ssjq-hqq-u li {
    list-style: none;
}

.delivery-details-when-ssjq-hqq-u-span{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.delivery-details-when-ssjq-hqq-u-span-g{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #1ba69c;
    padding: 0 12px;
    border-radius: 32px;
    max-width: 100%;
    cursor: pointer;
    outline-color: #2e3333;
    display: flex;
    align-items: center;
    gap: 4px;
    background: none;
    height: 40px;
    font-weight: 700;
    color: #0e5454;
    background-color: #defffd;
    border-color: #01857c;
}

.delivery-details-when-ssjq-hqq-u-span-gq{
    color: #0e5454;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: plex-sans,sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
}

.delivery-details-when-ssjq-hqq-u-span-gg{
    display: none;
    box-sizing: content-box;
}

.delivery-details-when-ssjq-hqq-u-span-gg-svg{
    width: 18px;
    height: 18px;
    color: #0e5454;
    fill: #0e5454;
}

.delivery-details-when-ssjq-hqq-u-span-q{
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    padding: 0 12px;
    border-radius: 32px;
    max-width: 100%;
    color: #01857c;
    background-color: #fff;
    border: 1px solid #1ba69c;
    cursor: pointer;
    outline-color: #2e3333;
    display: flex;
    align-items: center;
    gap: 4px;
    background: none;
    height: 40px;
}

.delivery-details-when-ssjq-hqq-u-span-q.active{
    border: 1px solid #1ba69c;
    color: #0e5454;
    background-color: #defffd;
    border-color: #01857c;
}

.delivery-details-when-ssjq-hqq-u-span-q.active .delivery-details-when-ssjq-hqq-u-span-gg{
    display: inline-flex;
}

.delivery-details-when-ssjq-hqq-u-span-qm{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

.delivery-details-when-ssjq-rs{
    display: block;
    overflow: hidden;
}

.delivery-details-when-ssjq-rs-f{
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 500px;
}

.delivery-details-when-ssjq-rs-f-g h2{
    font-family: plex-sans,sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    padding: 0;
    border: 0;
    color: #2e3333;
    margin: 0px;
}

.delivery-details-when-ssjq-rs-f-p{
    padding-bottom: 8px;
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e3333;
}

.delivery-details-when-ssjq-rs-f-d{
    overflow-y: auto;
    border: 1px solid #d1d7d7;
    border-radius: 10px;
}

.delivery-details-when-ssjq-rs-f-d-ul{
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    width: 100%;
}

.delivery-details-when-ssjq-rs-f-d-ul li{
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #d1d7d7;
    overflow: hidden;
    width: 100%;
}

.delivery-details-when-ssjq-rs-f-d-ul li:first-child{
    border-bottom: 1px solid #d1d7d7;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.delivery-details-when-ssjq-rs-f-d-ul li:last-child{
    border-radius: 0 0 10px 10px;
    border-bottom: none;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn{
    display: block;
    cursor: pointer;
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    all: unset;
    background-color: white;
    width: 100%;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-selected {
    background-color:rgb(249.25,250,250);
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-g{
    padding: 16px;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-gf{
    justify-content: space-between;
    -webkit-box-pack: justify;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-gf-f{
    flex: 1;
    margin-right: auto;
    -webkit-box-flex: 1;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-gf-ff{
    justify-content: space-between;
    display: flex;
    -webkit-box-pack: justify;
    align-items: center;
    -webkit-box-align: center;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-gf-ffg{
    flex: 1;
    margin-right: auto;
    -webkit-box-flex: 1;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-gf-ffg-f{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    padding: 0;
    border: 0;
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e3333;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-gf-gg{
    justify-content: space-between;
    display: flex;
    -webkit-box-pack: justify;
    align-items: center;
    -webkit-box-align: center;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-gf-gg-f{
    flex: 1;
    margin-right: auto;
    -webkit-box-flex: 1;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-gf-q{
    margin-left: 12px;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-gf-q-f{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #2e3333;
    -webkit-box-flex: 1;
    align-items: center;
    cursor: pointer;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-gf-q-f-q{
    font-family: plex-sans,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #2e3333;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    transition-property: box-shadow,-webkit-box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    position: relative;
    height: 20px;
    min-width: 20px;
    border: 2px solid #bac3c3;
    appearance: none;
    outline: none;
    margin: 0;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-gf-q-f-q::after{
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    color: #2e3333;
    background: none;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-gf-q-f-q:checked{
    border-color: #00ccbc;
}

.delivery-details-when-ssjq-rs-f-d-ul-btn-gf-q-f-q:checked::after{
    background-color: #00ccbc;
}

.delivery-details-when-gsq{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0 16px 16px;
    flex-shrink: 0;
    display: flex;
    box-shadow: 0 -1px 4px 0 rgba(0,0,0,.08);
    z-index: 1;
    padding-top: 16px;
}

.delivery-details-when-gsq-f{
    box-sizing: border-box;
    display: block;
    width: 100%;
}

.delivery-details-when-gsq-f-rs{
    position: relative;
    cursor: pointer;
    margin: 0;
    line-height: 24px;
    appearance: none;
    border-radius: 4px;
    font-weight: 600;
    font-family: plex-sans,sans-serif;
    font-size: 16px;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 12px 24px;
    transition-property: box-shadow,-webkit-box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    color: #fff;
    background: #00ccbc;
}

.delivery-details-when-gsq-f-rs-g{
    color: #fff;
    justify-content: center;
    text-align: center;
    align-items: center;
    -webkit-box-pack: center;
    display: flex;
    -webkit-box-align: center;
}

.search-rest{
    transition: opacity .2s linear;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    opacity: 1;
    display: block;
    z-index: 100;
}

.search-rest-g{
    display: flex;
    outline: none;
    margin: 0;
}

.search-rest-gs{
    transition-delay: .1s;
    transition: transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;
    border-radius: 0;
    position: fixed;
    height: 100%;
    top: 0;
    opacity: 1;
    width: 100%;
    background: white;
}

.search-rest-gsq{
    display: flex;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-flex: 1;
}

.search-rest-gsq-f{
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}

.search-rest-gsq-f-q{
    position: sticky;
    top: 0;
    z-index: 3;
    background-color: #fff;
}

.search-rest-gsq-f-q-h{
    position: relative;
}

.search-rest-gsq-f-q-hws{
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    padding: 4px 16px;
}

.search-rest-gsq-f-q-hws-r{
    display: flex;
    align-items: center;
}

.search-rest-gsq-f-q-hws-r-span{
    display: inline-block;
}

.search-rest-gsq-f-q-hws-r-span-b{
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    padding: 0;
    border: none;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: inherit;
    cursor: pointer;
    border-radius: 3px;
}

.search-rest-gsq-f-q-hws-r-span-bq{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.search-rest-gsq-f-q-hws-r-span-bq-svg{
    width: 24px;
    height: 24px;
    color: #00ccbc;
    fill: #00ccbc;
}

.search-rest-gsq-f-q-hws-r-form{
    width: 100%;
}

.search-rest-gsq-f-q-hws-r-form input{
    border-radius: 4px;
    opacity: 1;
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    height: 46px;
    width: 100%;
    padding: 12px 16px 12px 40px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
    caret-color: #00ccbc;
    appearance: none;
    font-family: plex-sans;
    padding-left: 16px;
    border: none;
    background: #fff;
    outline: none;
}

.search-rest-gsq-f-q-hws-r-clear{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    padding: 4px;
    margin: 8px;
    cursor: pointer;
    border-radius: 3px;
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    appearance: none;
    background: none;
    border: none;
    position: absolute;
    right: 0;
    top: 4px;
}

.search-rest-gsq-f-q-hws-r-clear-q{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.search-rest-gsq-f-q-hws-r-clear-q-svg{
    width: 24px;
    height: 24px;
    color: #abadad;
    fill: #abadad;
}

.search-rest-gsq-f-f{
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    background: none;
}

.search-rest-gsq-f-fq{
    background: #fff;
}

.search-rest-gsq-f-fq-q{
    border-radius: 3px;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer;
    box-shadow: none;
    padding: 16px;
    margin: 0;
}

.search-rest-gsq-f-fq-q-f{
    height: 100%;
    display: block;
}

.search-rest-gsq-f-fq-q-f-a{
    text-decoration: none;
    color: #2e3333;
    position: relative;
    outline: none;
}

.search-rest-gsq-f-fq-q-f-a::before{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    position: absolute;
    border-radius: 4px;
}

.search-rest-gsq-f-fq-q-f-as{
    display: flex;
}

.search-rest-gsq-f-fq-q-f-as-i{
    overflow: hidden;
    position: relative;
    display: block;
    flex-shrink: 0;
    border-radius: 4px;
    padding: 0;
    height: 92px;
    width: 92px;
}

.search-rest-gsq-f-fq-q-f-as-i-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    opacity: 1;
    background-size: cover;
}

.search-rest-gsq-f-fq-q-f-as-i-bg-holder{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    transition: opacity .5s ease-out;
    background-size: cover;
    background-image: url("../img/product/placeholder-restaurant.svg");
    opacity: 0;
}

.search-rest-gsq-f-fq-q-f-as-d{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    padding: 0 12px; 
}

.search-rest-gsq-f-fq-q-f-as-d-f{
    flex: 1 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
}

.search-rest-gsq-f-fq-q-f-as-d-f ul{
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.search-rest-gsq-f-fq-q-f-as-d-fr{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding: 2px 0;
    --max-lines: 1;
    color: rgb(46, 51, 51);
}

.search-rest-gsq-f-fq-q-f-as-d-fr-s{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}

.search-rest-gsq-f-fq-q-f-as-d-fr-q{
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    box-sizing: content-box;
}

.search-rest-gsq-f-fq-q-f-as-d-fr-q-svg{
    width: 18px;
    height: 18px;
}

.search-rest-gsq-f-fq-q-f-as-d-fr-q-q{
    padding-left: 4px;
    display: inline-block;
}

.search-rest-gsq-f-fq-q-f-as-d-fr-q-h{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

.search-rest-gsq-f-fqg{
    padding: 0 16px 12px;
    margin-top: -4px;
    background-color: #fff;
}

.search-rest-gsq-f-fqg-q{
    position: relative;
}

.search-rest-gsq-f-fqg-qf{
    border-radius: 3px;
    user-select: none;
    overflow: scroll hidden;
    margin-inline-end: -16px;
    margin-inline-start: -16px;
}

.search-rest-gsq-f-fqg-qf-f{
    list-style: none;
    justify-content: start;
    display: grid;
    grid-auto-flow: column;
    transition: transform .6s ease-out;
    column-gap: 8px;
    row-gap: 4px;
    grid-template-rows: auto;
    transform: translateX(0px);
    padding: 0px;
}

.search-rest-gsq-f-fqg-qf-f li:last-child{
    padding-inline-end: 16px;
}

.search-rest-gsq-f-fqg-qf-f-item{
    display: inline-flex;
    position: relative;
    transition: opacity .5s;
    margin-inline-start: 16px;
}

.search-rest-gsq-f-fqg-qf-f-item-f{
    height: 100%;
}

.search-rest-gsq-f-fqg-qf-f-item-f-q{
    height: calc(100% - 8px);
    padding-bottom: 8px;
}

.search-rest-gsq-f-fqg-qf-f-item-f-qf{
    word-break: break-word;
    cursor: pointer;
    height: 100%;
    outline: none;
    overflow: hidden;
    position: relative;
    transition: box-shadow .2s ease-in-out;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.04);
    box-sizing: border-box;
    border-radius: 4px;
    width: 125px;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
}

.search-rest-gsq-f-fqg-qf-f-item-f-qf-q{
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    outline: none;
}

.search-rest-gsq-f-fqg-qf-f-item-f-qf-q-f{
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.search-rest-gsq-f-fqg-qf-f-item-f-qf-q-fq{
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 8px;
    padding-bottom: 8px;
}

.search-rest-gsq-f-fqg-qf-f-item-f-qf-q-fqk{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 600;
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #2e3333;
    box-sizing: border-box;
}

.search-rest-gsq-f-fqg-qf-f-item-f-qf-q-fqk-f{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
}

.search-rest-gsq-f-fqg-qf-f-item-f-qf-q-fq-m{
    box-sizing: border-box;
    margin-top: auto;
}

.search-rest-gsq-f-fqg-qf-f-item-f-qf-q-fq-m-q{
    padding-top: 4px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 4px 0;
}

.search-rest-gsq-f-fqg-qf-f-item-f-qf-q-fq-m-q-span{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #585c5c;
    display: flex;
    flex-direction: column;
}

.search-rest-gsq-f-fqg-qf-f-item-f-qf-q-mm{
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    flex-shrink: 0;
    border-radius: 0;
    height: 0;
    margin: 0;
    order: -2;
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgb(244.55,244.8,244.8);
    padding-top: 100%;
}

.search-rest-gsq-f-fqg-qf-f-item-f-qf-q-mm-f{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    opacity: 1;
    box-sizing: border-box;
    background-size: cover;
}

.choise-addon{
    position: relative;
    padding-top: 16px;
    padding-left: 24px;
    padding-right: 24px;
}

.choise-addon.active::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    height: 100%;
    background-color: #00ccbc;
}

.choise-addon-r{
    position: relative;
}

.choise-addon.hide .choise-addon-r{
    opacity: .2;
    pointer-events: none;
}

.choise-addon-s{
    padding-top: 16px;
}

.choise-addon-rf{
    justify-content: space-between;
    display: flex;
    -webkit-box-pack: justify;
    flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
}

.choise-addon-rf-f{
    margin: 0 0 0 12px;
}

.choise-addon-rf-fq{
    display: flex;
    gap: 8px;
}

.choise-addon-rf-fqf{
    height: 98px;
}

.choise-addon-rf-fqfg{
    position: absolute;
    bottom: -8px;
    right: 4px;
}

.choise-addon-rf-fqfg-f{
    display: flex;
    min-width: 44px;
    align-items: stretch;
    justify-content: stretch;
    height: 44px;
    border-radius: 22px;
    border: 1px solid rgba(0,0,0,.08);
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
    transition: min-width .3s ease,background .3s ease;
}

.choise-addon-rf-fqfg-f-b{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    background-color: rgba(0,0,0,0);
    color: #00ccbc;
    border: 0;
    margin: 0;
    padding: 0;
    flex: 1;
    cursor: pointer;
    overflow: hidden;
    transition: max-width .3s ease,opacity .3s ease;
    max-width: 0;
    opacity: 0;
}

.choise-addon.active .choise-addon-rf-fqfg-f-b{
    max-width: 30px;
    opacity: 1;
}

.choise-addon-rf-fqfg-f-b-span{
    padding-left: 8px;
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.choise-addon-rf-fqfg-f-b-span-svg{
    width: 24px;
    height: 24px;
    color: #00ccbc;
    fill: #00ccbc;
}

.choise-addon-rf-fqfg-f-q{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    background-color: rgba(0,0,0,0);
    color: #00ccbc;
    border: 0;
    margin: 0;
    padding: 0;
    flex: 1;
    cursor: pointer;
    overflow: hidden;
    transition: max-width .3s ease,opacity .3s ease;
}

.choise-addon-rf-fqfg-f-q-span{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.choise-addon-rf-fqfg-f-q-span-svg{
    width: 24px;
    height: 24px;
    color: #00ccbc;
    fill: #00ccbc;
}

.choise-addon-rf-fqfg-f-q-p{
    padding-left: 8px;
    padding-right: 8px;
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 600;
    display: none;
    font-size: 14px;
    line-height: 19px;
    color: #2e3333;
}

.choise-addon.active .choise-addon-rf-fqfg-f-q-p{
    display: block;
}

.choise-addon.active .choise-addon-rf-fqfg-f-q-span{
    display: none;
}

.choise-addon-rf-fqfg-f-h{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    background-color: rgba(0,0,0,0);
    color: #00ccbc;
    border: 0;
    margin: 0;
    padding: 0;
    flex: 1;
    cursor: pointer;
    overflow: hidden;
    transition: max-width .3s ease,opacity .3s ease;
    max-width: 0;
    opacity: 0;
}

.choise-addon.active .choise-addon-rf-fqfg-f-h{
    max-width: 30px;
    opacity: 1;
}

.choise-addon-rf-fqfg-f-h-span{
    padding-right: 8px;
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.choise-addon-rf-fqfg-f-h-span-svg{
    width: 24px;
    height: 24px;
    color: #00ccbc;
    fill: #00ccbc;
}

.choise-addon-rf-q{
    flex: 1;
    margin-right: auto;
    -webkit-box-flex: 1;
}

.choise-addon-rf-qs{
    display: flex;
    gap: 4px;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.choise-addon-rf-qs-p{
    padding: 0;
    border: 0;
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e3333;
}

.choise-addon-rf-qs-d{
    display: flex;
    gap: 4px;
    align-items: center;
    -webkit-box-align: center;
}

.choise-addon-rf-qs-d-span{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #2e3333;
}

.choise-addon-rf-qs-ds{
    display: flex;
    gap: 4px;
    align-items: center;
    -webkit-box-align: center;
}

.choise-addon-hu{
    padding-top: 16px;
    display: none;
}
.choise-addon.active .choise-addon-hu{
    display: block;
}

.choise-addon-hu .choise-addon-hus:first-child{
    border-top: 1px solid rgba(0,0,0,.08);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.choise-addon-hu .choise-addon-hus:last-child{
    border-bottom: 1px solid rgba(0,0,0,.08);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.choise-addon-hus{
    background: #f9fafa;
    border-left: 1px solid rgba(0,0,0,.08);
    border-right: 1px solid rgba(0,0,0,.08);
}

.choise-addon-hus-s{
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
}

.choise-addon-hus-s-btn{
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    padding: 0;
    border: none;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: inherit;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    border-radius: 3px;
}

.choise-addon-hus-s-btn-s{
    display: flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 12px 16px;
}

.choise-addon-hu .choise-addon-hus:first-child .choise-addon-hus-s-btn-s::before{
    content: " ";
    height: 1px;
    background-color: rgba(0,0,0,.08);
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
}

.choise-addon-hus-s-btn-sp{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e3333;
}

.choise-addon-hus-s-btn-s-span{
    display: inline-flex;
    box-sizing: content-box;
}

.choise-addon-hus-s-btn-s-span-svg{
    width: 18px;
    height: 18px;
    color: #00ccbc;
    fill: #00ccbc;
}

.dop-addons-modefy{
    -webkit-box-align: center;
    -webkit-box-pack: center;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    transition: none;
    opacity: 1;
    display: block;
    z-index: 999;
}

.dop-addons-modefy-content{
    display: flex;
    outline: none;
}

.dop-addons-modefy-content-s{
    flex-direction: column;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    width: 100%;
    background: #fff;
    transition-delay: .1s;
    transition: transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;
    border-radius: 0;
    position: fixed;
    height: 100%;
    top: 0;
    opacity: 1;
}

.dop-addons-modefy-content-s-q{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid transparent;
    transition: background .2s ease;
    justify-content: space-between;
    align-items: center;
    -webkit-box-pack: justify;
    display: flex;
    -webkit-box-align: center;
    flex-shrink: 0;
    padding: 16px;
    background: #fff;
    border-color: rgba(0,0,0,.08);
}

.dop-addons-modefy-content-s-qv{
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.dop-addons-modefy-content-s-qv-btn{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    border-radius: 4px;
    border: none;
    padding: 0;
    background: none;
    outline: none;
    cursor: pointer;
}

.dop-addons-modefy-content-s-qv-btn-span{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.dop-addons-modefy-content-s-qv-btn-span-svg{
    width: 24px;
    height: 24px;
    color: #00ccbc;
    fill: #00ccbc;
}

.dop-addons-modefy-content-s-hf{
    align-items: center;
    margin: 0;
    line-height: inherit;
    justify-content: center;
    -webkit-box-align: center;
    display: flex;
    -webkit-box-pack: center;
    flex-grow: 1;
    padding: 0 16px;
    -webkit-box-flex: 1;
}

.dop-addons-modefy-content-s-hf span{
    font-family: plex-sans,sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #2e3333;
}

.dop-addons-modefy-content-s-mm{
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.dop-addons-modefy-content-s-mm-s{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    border-radius: 4px;
    border: none;
    padding: 0;
    background: none;
    outline: none;
    cursor: pointer;
}

.dop-addons-modefy-content-s-mm-s-span{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.dop-addons-modefy-content-s-mm-s-span-svg{
    width: 24px;
    height: 24px;
    color: #00ccbc;
    fill: #00ccbc;
}

.dop-addons-modefy-content-s-g{
    display: flex;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-flex: 1;
}

.dop-addons-modefy-content-s-g-f{
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}

.dop-addons-modefy-content-s-g-f-f{
    padding-bottom: 24px;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

.dop-addons-modefy-content-s-g-f-f-items{
    padding-top: 0;
}

.dop-addons-modefy-content-s-g-f-f-items-p{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 600;
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e3333;
}

.dop-addons-modefy-content-s-g-f-f-items-d{
    text-align: left;
}

.dop-addons-modefy-content-s-g-f-f-items-d-s{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

.dop-addons-modefy-content-s-g-f-f-items-item{
    padding-top: 16px;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s{
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn{
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    padding: 0;
    border: none;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: inherit;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    border-radius: 3px;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn-r{
    justify-content: space-between;
    display: flex;
    -webkit-box-pack: justify;
    flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn-rm{
    margin: 0 0 0 12px;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn-rm-f{
    display: flex;
    align-items: center;
    -webkit-box-align: center;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn-rm-f-s{
    display: flex;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn-rm-f-s-f{
    transition-duration: .2s;
    transition-property: color;
    color: #abadad;
    display: inline-flex;
    height: 24px;
    width: 24px;
    margin: 0;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn-rm-f-s-f-q{
    color: #abadad;
    display: none;
    pointer-events: none;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn-rm-f-s-f-q-s{
    display: none;
    box-sizing: content-box;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn-rm-f-s-f-q-s-svg{
    width: 24px;
    height: 24px;
    color: #abadad;
    fill: #abadad;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn-rm-f-s.active .active-element{
    display: inline-flex;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn-rm-f-s.hide .hide-element{
    display: inline-flex;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn-gg{
    flex: 1;
    margin-right: auto;
    -webkit-box-flex: 1;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn-gg-p{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e3333;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn-rm-f-hf{
    white-space: nowrap;
}

.dop-addons-modefy-content-s-g-f-f-items-item-s-btn-rm-f-hf-q{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #585c5c;
}

.dop-addons-modefy-content-s-q{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    flex-shrink: 0;
    padding: 0 16px 16px;
    display: flex;
    background: #fff;
    box-shadow: 0 -1px 4px 0 rgba(0,0,0,.08);
    z-index: 1;
    padding-top: 16px;
}

.dop-addons-modefy-content-s-qs{
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.dop-addons-modefy-content-s-qsp{
    box-sizing: border-box;
    display: block;
    width: 100%;
}

.dop-addons-modefy-content-s-qsp-btn{
    position: relative;
    cursor: pointer;
    line-height: 24px;
    margin: 0;
    appearance: none;
    border-radius: 4px;
    font-weight: 600;
    font-family: plex-sans,sans-serif;
    font-size: 16px;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 12px 24px;
    transition-property: box-shadow,-webkit-box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    color: #fff;
    background: #00ccbc;
}

.dop-addons-modefy-content-s-qsp-btn-s{
    justify-content: center;
    text-align: center;
    align-items: center;
    -webkit-box-pack: center;
    display: flex;
    -webkit-box-align: center;
}

.basket-rest{
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 4px 4px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #f9fafa;
    top: 0;
    position: fixed;
    transition: all .2s ease-out;
    width: 100%;
    visibility: visible;
    height: 100%;
    overflow-y: auto;
}

.basket-rest-c{
    background: #f9fafa;
    padding: 0;
}

.basket-rest-c-s{
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: -1px;
    padding: 8px 0;
    flex-shrink: 0;
    filter: drop-shadow(0 1px 4px rgba(0,0,0,.08));
    background-color: #fff;
    margin-bottom: 16px;
    z-index: 2;
}

.basket-rest-c-s-f{
    text-align: center;
}

.basket-rest-c-s-fp{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 600;
    display: block;
    font-size: 14px;
    line-height: 19px;
    color: #2e3333;
}

.basket-rest-c-s-ff{
    position: absolute;
    right: 16px;
    top: 16px;
}

.basket-rest-c-s-ff-g{
    padding-left: 8px;
    display: inline-block;
}

.basket-rest-c-s-ff-gg{
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    padding: 0;
    border: none;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: inherit;
    cursor: pointer;
    border-radius: 3px;
}

.basket-rest-c-s-ff-gg-f{
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    color: rgb(0, 184, 169);
}

.basket-rest-c-s-ff-gg-fr{
    display: inline-flex;
    box-sizing: content-box;
}

.basket-rest-c-s-ff-gg-fr-svg{
    width: 24px;
    height: 24px;
    fill: rgb(0, 184, 169);
}

.basket-rest-c-s-rr{
    padding-top: 4px;
}

.basket-rest-c-s-rr p{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #2e3333;
}

.basket-rest-c-s-g{
    position: absolute;
    left: 16px;
}

.basket-rest-c-s-g-span{
    display: inline-block;
}

.basket-rest-c-s-g-span-r{
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    padding: 0;
    border: none;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: inherit;
    cursor: pointer;
    border-radius: 3px;
}

.basket-rest-c-s-g-span-r-s{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.basket-rest-c-s-g-span-r-s-svg{
    width: 24px;
    height: 24px;
    color: #00ccbc;
    fill: #00ccbc;
}

.basket-rest-k{
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 8px;
}

.basket-rest-k-f{
    display: flex;
    flex-direction: column;
    padding: 8px 0;
}

.basket-rest-k-fr{
    padding-bottom: 16px;
    padding-top: 8px;
}

.basket-rest-k-frs{
    justify-content: space-between;
    display: flex;
    -webkit-box-pack: justify;
}

.basket-rest-k-frsf{
    flex: 1;
    margin-right: auto;
    -webkit-box-flex: 1;
}

.basket-rest-k-frsf h2{
    font-family: plex-sans,sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

.basket-rest-k-fs{
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.08);
    background-color: #fff;
}

.basket-rest-k-fs-is{
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
}

.basket-rest-k-fs-is-btn{
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    padding: 0;
    border: none;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: inherit;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    border-radius: 3px;
}

.basket-rest-k-fs-is-btn-c{
    justify-content: space-between;
    display: flex;
    -webkit-box-pack: justify;
    align-items: center;
    -webkit-box-align: center;
}

.basket-rest-k-fs-is-btn-c-f{
    margin-right: 12px;
}

.basket-rest-k-fs-is-btn-c-ff{
    padding-left: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -webkit-box-align: start;
}

.basket-rest-k-fs-is-btn-c-ffr{
    text-align: left;
}

.basket-rest-k-fs-is-btn-c-ffrs{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.basket-rest-k-fs-is-btn-c-q{
    flex: 1;
    margin-right: auto;
    -webkit-box-flex: 1;
}

.basket-rest-k-fs-is-btn-c-qs{
    padding-right: 16px;
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -webkit-box-align: start;
}

.basket-rest-k-fs-is-btn-c-qs-s{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.basket-rest-k-fs-is-btn-c-qs-sr{
    color: rgb(46, 51, 51);
}

.basket-rest-k-fs-is-btn-c-h{
    margin-left: 12px;
}

.basket-rest-k-fs-is-btn-c-hr{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -webkit-box-align: start;
}

.basket-rest-k-fs-is-btn-c-hrs{
    text-align: right;
}

.basket-rest-k-fs-is-btn-c-hrs-q{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgb(46, 51, 51);
}

.basket-rest-k-fs-is-btn-c-hrs-w{
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    color: rgb(0, 184, 169);
}

.basket-rest-k-fs-is-btn-c-hrs-wr{
    display: inline-flex;
    box-sizing: content-box;
}

.basket-rest-k-fs-is-btn-c-hrs-wr-svg{
    width: 18px;
    height: 18px;
    fill: rgb(0, 184, 169);
}

.basket-rest-k-fs-r{
    padding: 12px;
}

.basket-rest-k-fs-rs{
    padding-top: 8px;
    padding-bottom: 8px;
}

.basket-rest-k-fs-rs p{
    padding-top: 4px;
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #585c5c;
}

.basket-rest-k-fs-rg{
    position: relative;
    width: 100%;
}

.basket-rest-k-fs-rg-c{
    border-radius: 3px;
    user-select: none;
    overflow: scroll hidden;
    width: 100%;
}

.basket-rest-k-fs-rg-c-ul{
    list-style: none;
    justify-content: start;
    display: grid;
    grid-auto-flow: column;
    transition: transform .6s ease-out;
    row-gap: 16px;
    column-gap: 16px;
    grid-template-rows: auto;
    transform: translateX(0px);
    width: 100%;
}

.basket-rest-k-fs-rg-c-ul-li{
    display: inline-flex;
    position: relative;
    transition: opacity .5s;
    min-width: 300px;
    width: 100%;
}

.basket-rest-k-fs-rg-c-ul-li-c{
    position: relative;
    display: flex;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.04);
    transition: box-shadow .2s ease-in-out;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    padding: 12px 16px;
    min-height: 70px;
    cursor: pointer;
    margin-bottom: 8px;
    width: 100%;
}

.basket-rest-k-fs-rg-c-ul-li-cr{
    box-sizing: border-box;
    height: 88px;
    width: 88px;
    margin-right: 16px;
    overflow: hidden;
    position: relative;
}

.basket-rest-k-fs-rg-c-ul-li-crf{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    opacity: 1;
    background-size: cover;
}

.basket-rest-k-fs-rg-c-ul-li-crs{
    flex-grow: 1;
    margin-right: 16px;
}

.basket-rest-k-fs-rg-c-ul-li-crs-s{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
    font-family: plex-sans,sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}

.basket-rest-k-fs-rg-c-ul-li-crq{
    text-align: left;
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgb(46, 51, 51);
}

.basket-rest-k-fs-rg-c-ul-li-crg{
    position: absolute;
    bottom: 8px;
    right: 4px;
}

.basket-rest-k-fs-rg-c-ul-li-crg-f{
    display: flex;
    min-width: 44px;
    align-items: stretch;
    justify-content: stretch;
    height: 44px;
    border-radius: 22px;
    border: 1px solid rgba(0,0,0,.08);
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
    transition: min-width .3s ease,background .3s ease;
}

.basket-rest-k-fs-rg-c-ul-li-crg-f-btn{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    background-color: rgba(0,0,0,0);
    color: #00ccbc;
    border: 0;
    margin: 0;
    padding: 0;
    flex: 1;
    cursor: pointer;
    overflow: hidden;
    transition: max-width .3s ease,opacity .3s ease;
}

.basket-rest-k-fs-rg-c-ul-li-crg-f-btn-span{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.basket-rest-k-fs-rg-c-ul-li-crg-f-btn-span-svg{
    width: 24px;
    height: 24px;
    fill: #00ccbc;
}

.basket-rest-k-fs-gaq{
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
}

.basket-rest-k-fs-gaq-btn{
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    padding: 0;
    border: none;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: inherit;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    border-radius: 3px;
}

.basket-rest-k-fs-gaq-btn-s{
    justify-content: space-between;
    display: flex;
    -webkit-box-pack: justify;
    align-items: center;
    -webkit-box-align: center;
}

.basket-rest-k-fs-gaq-btn-s-r{
    margin-right: 12px;
}

.basket-rest-k-fs-gaq-btn-s-rf{
    padding-left: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -webkit-box-align: start;
}

.basket-rest-k-fs-gaq-btn-s-rfq{
    display: inline-flex;
    align-items: center;
    color: rgb(201, 64, 70);
    box-sizing: content-box;
}

.basket-rest-k-fs-gaq-btn-s-rfq-r{
    justify-content: center;
    display: flex;
    -webkit-box-pack: center;
    align-items: center;
    -webkit-box-align: center;
    width: 24px;
    height: 24px;
    min-width: 32px;
    min-height: 32px;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
}

.basket-rest-k-fs-gaq-btn-s-rfq-r-svg{
    width: 24px;
    height: 24px;
    color: rgb(201, 64, 70);
    fill: rgb(201, 64, 70);
}

.basket-rest-k-fs-gaq-btn-s-q{
    flex: 1;
    margin-right: auto;
    -webkit-box-flex: 1;
}

.basket-rest-k-fs-gaq-btn-s-qq{
    padding-right: 16px;
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -webkit-box-align: start;
}

.basket-rest-k-fs-gaq-btn-s-qq-s{
    text-align: left;
}

.basket-rest-k-fs-gaq-btn-s-qq-s-r{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgb(46, 51, 51);
}

.basket-rest-k-fs-gaq-btn-s-qq-s-q{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgb(88, 92, 92);
}

.basket-rest-k-fs-fgqh{
    justify-content: space-between;
    display: flex;
    -webkit-box-pack: justify;
    align-items: center;
    -webkit-box-align: center;
}

.basket-rest-k-fs-fgqh-f{
    flex: 1;
    margin-right: auto;
    -webkit-box-flex: 1;
}

.basket-rest-k-fs-fgqh-fr{
    padding-left: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -webkit-box-align: start;
}

.basket-rest-k-fs-fgqh-fr-q{
    text-align: left;
}

.basket-rest-k-fs-fgqh-fr-qs{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgb(46, 51, 51);
}

.basket-rest-k-fs-fgqh-q{
    margin-left: 12px;
}

.basket-rest-k-fs-fgqh-q-g{
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -webkit-box-align: start;
}

.basket-rest-k-fs-fgqh-q-gf{
    text-align: right;
}

.basket-rest-k-fs-fgqh-q-gfr{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgb(46, 51, 51);
}

.basket-rest-k-fs-ggq{
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
}

.basket-rest-k-fs-ggq-q{
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    padding: 0;
    border: none;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: inherit;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    border-radius: 3px;
}

.basket-rest-k-fs-ggq-q-s{
    justify-content: space-between;
    display: flex;
    -webkit-box-pack: justify;
    align-items: center;
    -webkit-box-align: center;
}

.basket-rest-k-fs-ggq-q-s-s{
    flex: 1;
    margin-right: auto;
    -webkit-box-flex: 1;
}

.basket-rest-k-fs-ggq-q-s-sr{
    padding-left: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -webkit-box-align: start;
}

.basket-rest-k-fs-ggq-q-s-srf{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgb(46, 51, 51);
}

.basket-rest-k-fs-ggq-q-s-srff{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: rgb(88, 92, 92);
}

.basket-rest-k-fs-ggq-q-s-q{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -webkit-box-align: start;
}

.basket-rest-k-fs-ggq-q-s-qf{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.basket-rest-k-fs-ggq-q-s-qf-f{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgb(0, 184, 169);
}

.basket-rest-c-basket{
    border-radius: 0 0 4px 4px;
    position: sticky;
    bottom: 0;
    z-index: 1;
    width: 100%;
}

.basket-rest-c-basket-f{
    box-shadow: 0 -1px 4px rgba(0,0,0,.08);
    background-color: #fff;
    padding: 8px 0 16px;
}

.basket-rest-c-basket-ff{
    display: flex;
    flex-direction: column;
}

.basket-rest-c-basket-ff-q{
    justify-content: space-between;
    display: flex;
    -webkit-box-pack: justify;
    align-items: center;
    -webkit-box-align: center;
}

.basket-rest-c-basket-ff-qs{
    flex: 1;
    margin-right: auto;
    -webkit-box-flex: 1;
}

.basket-rest-c-basket-ff-qs-f{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -webkit-box-align: start;
}

.basket-rest-c-basket-ff-qs-fr{
    text-align: left;
}

.basket-rest-c-basket-ff-qs-fr-w{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgb(88, 92, 92);
}

.basket-rest-c-basket-ff-qs-fr-r{
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    color: rgb(88, 92, 92);
}

.basket-rest-c-basket-ff-qs-fr-rg{
    display: inline-flex;
    box-sizing: content-box;
}

.basket-rest-c-basket-ff-qs-fr-rg-svg{
    width: 18px;
    height: 18px;
    color: rgb(88, 92, 92);
    fill: rgb(88, 92, 92);
}

.basket-rest-c-basket-ff-ggq{
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -webkit-box-align: start;
}

.basket-rest-c-basket-ff-ggq-q{
    display: flex;
    align-items: center;
    -webkit-box-align: center;
}

.basket-rest-c-basket-ff-ggq-q-d{
    display: flex;
    justify-content: center;
    -webkit-box-pack: center;
    align-items: center;
    -webkit-box-align: center;
    min-width: 80px;
    min-height: 32px;
}

.basket-rest-c-basket-ff-ggq-q-d-q{
    display: inline-block;
}

.basket-rest-c-basket-ff-ggq-q-d-q-btn{
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    padding: 0;
    border: none;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: inherit;
    cursor: pointer;
    border-radius: 3px;
}

.basket-rest-c-basket-ff-ggq-q-d-q-btn-r{
    display: flex;
    justify-content: center;
    -webkit-box-pack: center;
    align-items: center;
    -webkit-box-align: center;
    min-height: 32px;
    min-width: 40px;
    color: rgb(171.4,173.4,173.4);
}

.basket-rest-c-basket-ff-ggq-q-d-q-btn-rf{
    display: inline-flex;
    align-items: center;
    color: rgb(0, 204, 188);
    box-sizing: content-box;
}

.basket-rest-c-basket-ff-ggq-q-d-q-btn-rf-svg{
    color: rgb(0, 204, 188);
    fill: rgb(0, 204, 188);
}

.basket-rest-c-basket-ff-ggq-q-a{
    padding-left: 12px;
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e3333;
}

.basket-rest-c-basket-ff-gfsqs{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.basket-rest-c-basket-ff-gfsqs-f{
    border-radius: 10px;
    background: rgb(204, 245, 242);
}

.basket-rest-c-basket-ff-gfsqs-f-q{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: flex-start;
    -webkit-box-align: start;
}

.basket-rest-c-basket-ff-gfsqs-f-q-span{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: rgb(9, 115, 135);
}

.basket-rest-c-basket-ff-hdqw{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    box-sizing: border-box;
    display: block;
    width: 100%;
}

.basket-rest-c-basket-ff-hdqw-btn{
    position: relative;
    cursor: pointer;
    line-height: 24px;
    margin: 0;
    appearance: none;
    border-radius: 4px;
    font-weight: 600;
    font-family: plex-sans,sans-serif;
    font-size: 16px;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 12px 24px;
    transition-property: box-shadow,-webkit-box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    color: #fff;
    background: #00ccbc;
}

.basket-rest-c-basket-ff-hdqw-btn-s{
   justify-content: center;
    text-align: center;
    align-items: center;
    -webkit-box-pack: center;
    display: flex;
    -webkit-box-align: center; 
}

.delete-basket{
    -webkit-box-align: center;
    -webkit-box-pack: center;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    transition: none;
    opacity: 0;
    display: block;
    z-index: 999;
    pointer-events: none;
}

.delete-basket-c{
    flex-direction: column;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    width: 100%;
    background: #fff;
    transition-delay: .1s;
    transition: transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;
    border-radius: 0;
    position: fixed;
    max-height: 100%;
    bottom: 0;
    transform: translateZ(0);
    opacity: 1;
}

.delete-basket-c-btn{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    border-radius: 4px;
    position: absolute;
    top: 16px;
    right: 16px;
    color: #00ccbc;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    z-index: 1;
}

.delete-basket-c-btn-span{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.delete-basket-c-btn-span svg{
    width: 24px;
    height: 24px;
    color: #00ccbc;
    fill: #00ccbc;
}

.delete-basket-c-gf{
    padding-right: 16px;
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    text-align: center;
    justify-content: center;
}

.delete-basket-c-gf span{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

.delete-basket-qwe{
    flex-shrink: 0;
    padding: 0 16px 16px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display: flex;
    background: #fff;
}

.delete-basket-qwe-w{
    display: flex;
    flex-direction: column;
    flex-grow: 2;
}

.delete-basket-qwe-wq{
    flex-direction: column;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
}

.delete-basket-qwe-wq-c{
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.delete-basket-qwe-wq-c-btn{
    position: relative;
    cursor: pointer;
    line-height: 24px;
    margin: 0;
    appearance: none;
    border-radius: 4px;
    font-weight: 600;
    font-family: plex-sans,sans-serif;
    font-size: 16px;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 12px 24px;
    transition-property: box-shadow,-webkit-box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    background: #ff483b;
    color: #fff;
}

.delete-basket-qwe-wq-c-btn-s{
    justify-content: center;
    text-align: center;
    align-items: center;
    -webkit-box-pack: center;
    display: flex;
    -webkit-box-align: center;
}

.delete-basket-qwe-wq-q{
    padding-top: 8px;
    box-sizing: border-box;
    display: block;
    width: 100%;
}

.delete-basket-qwe-wq-q-btn{
    position: relative;
    cursor: pointer;
    margin: 0;
    font-family: plex-sans,sans-serif;
    font-size: 16px;
    appearance: none;
    border-radius: 4px;
    text-decoration: none;
    background: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 12px 24px;
    transition-property: box-shadow,-webkit-box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    border: 1px solid #e8ebeb;
    background-color: #fff;
    color: #00b8a9;
    font-weight: 400;
    line-height: 22px;
}

.delete-basket-qwe-wq-q-btn-s{
    justify-content: center;
    text-align: center;
    align-items: center;
    -webkit-box-pack: center;
    display: flex;
    -webkit-box-align: center;
}

.edit-item-pop{
    transition: opacity .2s linear;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    opacity: 1;
    display: block;
    z-index: 999;
}

.edit-item-pop-s{
    display: flex;
    outline: none;
}

.edit-item-pop-s-w{
    flex-direction: column;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    width: 100%;
    background: #fff;
    transition-delay: .1s;
    transition: transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;
    border-radius: 0;
    position: fixed;
    max-height: 100%;
    bottom: 0;
    opacity: 1;
}

.edit-item-pop-s-w-q{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    transition: background .2s ease;
    border-bottom: 1px solid transparent;
    justify-content: space-between;
    align-items: center;
    -webkit-box-pack: justify;
    display: flex;
    -webkit-box-align: center;
    flex-shrink: 0;
    padding: 16px;
    background: #fff;
    border-color: rgba(0,0,0,.08);
}

.edit-item-pop-s-w-q-n{
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.edit-item-pop-s-w-q-n-btn{
    font-family: plex-sans,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑体,Hiragino Sans GB,冬青黑体,sans-serif;
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    border-radius: 4px;
    border: none;
    padding: 0;
    background: none;
    outline: none;
    cursor: pointer;
}

.edit-item-pop-s-w-q-n-btn-r{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.edit-item-pop-s-w-q-n-btn-r svg{
    width: 24px;
    height: 24px;
    color: #cc3a2f;
    fill: #cc3a2f;
}

.edit-item-pop-s-w-q-n-btn-q{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.edit-item-pop-s-w-q-n-btn-q svg{
    width: 24px;
    height: 24px;
    color: #00ccbc;
    fill: #00ccbc;
}

.edit-item-pop-s-w-q-m{
    align-items: center;
    margin: 0;
    line-height: inherit;
    justify-content: center;
    -webkit-box-align: center;
    display: flex;
    -webkit-box-pack: center;
    flex-grow: 1;
    padding: 0 16px;
    -webkit-box-flex: 1;
}

.edit-item-pop-s-w-q-m span{
    font-family: plex-sans,sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #2e3333;
}

.edit-item-pop-s-w-w{
    display: flex;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-flex: 1;
}

.edit-item-pop-s-w-w-a{
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    padding: 16px;
}

.edit-item-pop-s-w-w-a-g{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.edit-item-pop-s-w-w-a-gf{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.edit-item-pop-s-w-w-a-gf-p p{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #585c5c;
}

.edit-item-pop-s-w-w-a-gf-j{
    padding-top: 32px;
    padding-bottom: 32px;
    text-align: center;
}

.edit-item-pop-s-w-w-a-gf-jo{
    margin: 0 auto;
    width: 200px;
}

.edit-item-pop-s-w-w-a-gf-jo-f{
    direction: ltr;
    align-items: center;
    display: flex;
    justify-content: space-evenly;
}

.edit-item-pop-s-w-w-a-gf-jo-f-qq{
    padding-right: 4px;
    display: inline-block;
}

.edit-item-pop-s-w-w-a-gf-jo-f-qq-btn{
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    padding: 0;
    border: none;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: inherit;
    cursor: pointer;
    border-radius: 200px;
}

.edit-item-pop-s-w-w-a-gf-jo-f-qq-btn-s{
    display: inline-flex;
    vertical-align: text-bottom;
    box-sizing: content-box;
}

.edit-item-pop-s-w-w-a-gf-jo-f-qq-btn-s svg{
    width: 36px;
    height: 36px;
    color: #00ccbc;
    fill: #00ccbc;
}

.edit-item-pop-s-w-w-a-gf-jo-f-gg{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    font-size: 24px;
}

.edit-item-pop-s-w-h{
    flex-shrink: 0;
    padding: 0 16px 16px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display: flex;
    background: #fff;
}

.edit-item-pop-s-w-h-s{
    box-sizing: border-box;
    display: block;
    width: 100%;
}

.edit-item-pop-s-w-h-s-btn{
    position: relative;
    cursor: pointer;
    line-height: 24px;
    margin: 0;
    appearance: none;
    border-radius: 4px;
    font-weight: 600;
    font-family: plex-sans,sans-serif;
    font-size: 16px;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 12px 24px;
    transition-property: box-shadow,-webkit-box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    color: #fff;
    background: #00ccbc;
}

.edit-item-pop-s-w-h-s-btn-s{
    justify-content: center;
    text-align: center;
    align-items: center;
    -webkit-box-pack: center;
    display: flex;
    -webkit-box-align: center;
}

.fs-page-cat{
    display: flex;
    justify-content: space-between;
}

.fs-page-cat-f{
    padding-top: 16px;
    padding-bottom: 4px;
    display: inline-block;
}

.fs-page-cat-f-btn{
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    padding: 0;
    border: none;
    margin: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    text-align: inherit;
    cursor: pointer;
    border-radius: 3px;
}

.fs-page-cat-f-btn-s{
    color: inherit;
    text-align: inherit;
    cursor: pointer;
    font: inherit;
    vertical-align: baseline;
    padding-right: 4px;
    align-items: center;
    display: inline-flex;
    -webkit-box-align: center;
}

.fs-page-cat-f-btn-s-q{
    display: inline-flex;
    box-sizing: content-box;
}

.fs-page-cat-f-btn-s-q svg{
    width: 18px;
    height: 18px;
    color: #00ccbc;
    fill: #00ccbc;
}

.fs-page-cat-f-btn-s-g{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #00b8a9;
}

.fs-page-cat-f-h1{
    margin: 0;
    font-family: plex-sans,sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #2e3333;
}

.cusines-item{
    width: 100%;
    margin-bottom: 12px;
    box-sizing: border-box;
}

.cusines-item-q{
    border-radius: 3px;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer;
    box-shadow: none;
    margin: 0 -16px -12px;
}

.cusines-item-qg{
    height: 100%;
    display: block;
}

.cusines-item-qg-br{
    border-top: 1px solid rgba(0,0,0,.08);
    margin: 0 16px;
    border: 0;
}

.cusines-item-qg-a{
    text-decoration: none;
    color: #2e3333;
    position: relative;
    outline: none;
    padding: 12px 16px;
}

.cusines-item-qg-a-s{
    display: flex;
}

.cusines-item-qg-a-sq{
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 4px;
    padding: 0;
    height: 96px;
    width: 96px;
    flex-shrink: 0;
    border-style: solid;
    border-color: initial;
}

.cusines-item-qg-a-sq-g{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    opacity: 1;
    background-size: cover;
}

.cusines-item-qg-a-sg{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    padding: 0 24px 0 12px;
}

.cusines-item-qg-a-sg-a{
    flex: 1 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

.cusines-item-qg-a-sg-as{
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.cusines-item-qg-a-sg-as-s{
    color: rgb(46, 51, 51);
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 600;
    display: block;
    font-size: 16px;
    line-height: 22px;
}

.cusines-item-qg-a-sg-ah{
    padding: 2px 0;
    list-style: none;
    display: flex;
}

.cusines-item-qg-a-sg-ah-a{
    display: inline-flex;
    box-sizing: content-box;
}

.cusines-item-qg-a-sg-ah-a svg{
    width: 18px;
    height: 18px;
    color: #4d7c1b;
    fill: #4d7c1b;
}

.cusines-item-qg-a-sg-ah-hf{
    color: rgb(77, 124, 27);
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

.cusines-item-qg-a-sg-ah-gdfs{
    color: #585c5c;
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

.cusines-item-qg-a-sg-ah-gjkfd{
    color: #585c5c;
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

.cusines-item-qg-a-sg-ah-ghjfdf{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

#restInfoPopup{
    opacity:0;
    pointer-events:none;
    transition: opacity .2s linear;
}

.open-basket {
    display: none;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 59;
}

.open-basket-f{
    padding-top: 16px;
}

.open-basket-fr{
    background-color: #fff;
    padding: 16px;
    border-top: 1px solid rgba(0,0,0,.04);
}

.open-basket-fr-span{
    box-sizing: border-box;
    display: block;
    width: 100%;
}

.open-basket-fr-span-btn{
    position: relative;
    cursor: pointer;
    line-height: 24px;
    margin: 0;
    appearance: none;
    border-radius: 4px;
    font-weight: 600;
    font-family: plex-sans,sans-serif;
    font-size: 16px;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 40px;
    padding: 8px 16px;
    transition-property: box-shadow,-webkit-box-shadow;
    transition-duration: .15s;
    transition-timing-function: ease-out;
    color: #fff;
    background: #00ccbc;
}

.open-basket-fr-span-btn-s{
    color: #fff;
    font: inherit;
    justify-content: center;
    text-align: center;
    align-items: center;
    -webkit-box-pack: center;
    display: flex;
    -webkit-box-align: center;
}

.open-basket-fr-span-btn-sr{
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 8px;
}

.open-basket-fr-span-btn-sr-s{
    background-color: rgba(46,51,51,.1);
    border-radius: 3px;
    padding: 8px;
}

.open-basket-fr-span-btn-sr-p{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 600;
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}

.open-basket-fr-span-btn-sr-d{
    cursor: pointer;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.open-basket-fr-span-btn-sr-d span{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    text-decoration: line-through;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
}

.open-basket-fr-span-btn-sr-d p{
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 600;
    display: block;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
}

.notes-for-rest{
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    width: 100%;
}

.notes-for-rest textarea{
    resize: inherit;
    transition-timing-function: ease-out;
    transition-duration: .15s;
    transition-property: box-shadow,-webkit-box-shadow;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.05),inset 0 0 0 100px #fff;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
    caret-color: #00ccbc;
    padding: 12px 16px;
    border: 1px solid #e8ebeb;
    border-radius: 4px;
    flex: 1;
    -webkit-box-flex: 1;
    appearance: none;
    font-family: plex-sans;
    height: 122px;
    width: 100%;
    outline-color: #00b8a9;
}

.notes-for-rest-p{
    padding-top: 8px;
    font-family: plex-sans,sans-serif;
    margin: 0;
    font-weight: 400;
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #585c5c;
}