@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr6DRAW_0.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr4TRAW_0.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr5DRAW_0.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0900-097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr6TRAW_0.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+1f??
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr5jRAW_0.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr6jRAW_0.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr6zRAW_0.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0IIpQlx3QUlC5A4PNr5TRA.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjFhdVadyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjFhdVYNyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjFhdVZdyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0900-097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjFhdVaNyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+1f??
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjFhdVZ9yB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjFhdVa9yB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjFhdVatyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjFhdVZNyB.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVadyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVYNyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVZdyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0900-097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVaNyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+1f??
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVZ9yB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVa9yB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVatyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjOhBVZNyB.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjZhNVadyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjZhNVYNyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjZhNVZdyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0900-097f, u+1cd0-1cf6, u+1cf8-1cf9, u+200c-200d, u+20a8, u+20b9, u+25cc, u+a830-a839, u+a8e0-a8fb
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjZhNVaNyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+1f??
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjZhNVZ9yB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjZhNVa9yB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjZhNVatyB1Wk.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: NotoSans;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v27/o-0NIpQlx3QUlC5A4PNjZhNVZNyB.woff2) format("woff2"), local(sans-serif);
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: CommonFont;
    src: local("roboto"), local("PingFang SC"), local("Arial"), local("Microsoft YaHei"), local("PingFangSC-Regular"), local("HelveticaNeue-Light"), local("Helvetica Neue Light"), local("Helvetica Neue"), local(sans-serif)
}

#root {
    min-width: 1200px
}

#chatH5App {
    margin-right: 12px
}

[class*=rtl] #chatH5App {
    margin-left: 12px
}

#chatH5App.globalHeader {
    margin-right: 0;
    margin-left: 10px
}

[class*=rtl] #chatH5App.globalHeader {
    margin-left: 0;
    margin-right: 10px
}

.h5-app #root,
.h5-app body,
html.h5-app {
    width: 100%;
    height: 100%
}

.h5-app #root {
    min-width: auto;
    overflow: auto
}

.rtl {
    direction: rtl
}

body {
    font-family: CommonFont;
    color: #475266;
    font-smoothing: antialiased
}

body.hidden-scrollbar {
    overscroll-behavior: contain
}

body.hidden-scrollbar::-webkit-scrollbar {
    background-color: #f1f3f5;
    width: 0
}

body.hidden-scrollbar::-webkit-scrollbar-track {
    background-color: #f1f3f5
}

body.hidden-scrollbar::-webkit-scrollbar-thumb {
    background-color: #dfe1e6;
    border-radius: 16px
}

body.hidden-scrollbar::-webkit-scrollbar-button {
    display: none
}

body [class~=section-nav-button] {
    padding: 0 12px !important
}

body .common-header .back .svg-icon {
    width: 1.1em;
    height: 1.1em
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

a {
    color: inherit
}

button[disabled] {
    cursor: default !important
}

.as-button,
a[class*=btn],
a[class*=Btn],
a[class*=utton],
a div[class*=Btn_],
a div[class*=utton_],
button[class*=btn],
button[class*=Btn],
button[class*=utton],
div[class*=Btn_] a,
div[class*=utton_] a {
    cursor: pointer;
    transition: filter .2s
}

.as-button:not([disabled]):not(.loading):hover,
a[class*=btn]:not([disabled]):not(.loading):hover,
a[class*=Btn]:not([disabled]):not(.loading):hover,
a[class*=utton]:not([disabled]):not(.loading):hover,
a div[class*=Btn_]:not([disabled]):not(.loading):hover,
a div[class*=utton_]:not([disabled]):not(.loading):hover,
button[class*=btn]:not([disabled]):not(.loading):hover,
button[class*=Btn]:not([disabled]):not(.loading):hover,
button[class*=utton]:not([disabled]):not(.loading):hover,
div[class*=Btn_] a:not([disabled]):not(.loading):hover,
div[class*=utton_] a:not([disabled]):not(.loading):hover {
    filter: brightness(1) opacity(.9)
}

.as-button:not([disabled]):not(.loading):active,
a[class*=btn]:not([disabled]):not(.loading):active,
a[class*=Btn]:not([disabled]):not(.loading):active,
a[class*=utton]:not([disabled]):not(.loading):active,
a div[class*=Btn_]:not([disabled]):not(.loading):active,
a div[class*=utton_]:not([disabled]):not(.loading):active,
button[class*=btn]:not([disabled]):not(.loading):active,
button[class*=Btn]:not([disabled]):not(.loading):active,
button[class*=utton]:not([disabled]):not(.loading):active,
div[class*=Btn_] a:not([disabled]):not(.loading):active,
div[class*=utton_] a:not([disabled]):not(.loading):active {
    filter: brightness(.8) opacity(1)
}

.as-button.loading,
a[class*=btn].loading,
a[class*=Btn].loading,
a[class*=utton].loading,
a div[class*=Btn_].loading,
a div[class*=utton_].loading,
button[class*=btn].loading,
button[class*=Btn].loading,
button[class*=utton].loading,
div[class*=Btn_] a.loading,
div[class*=utton_] a.loading {
    opacity: .7
}

img {
    object-fit: contain
}

input,
select,
textarea {
    color: inherit;
    background: #fff;
    box-shadow: none
}

button,
input {
    -webkit-appearance: none
}

.placeholder {
    text-align: initial;
    color: #8a9199
}

.h5-content {
    height: 100%;
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column
}

.w-100p {
    width: 100%
}

.f-a {
    flex: 1 1 auto
}

.meo-button,
.meo-button-ghost,
.meo-button-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 3px;
    height: 44px;
    padding: 0 40px;
    cursor: pointer;
    transition: .2s;
    color: #fff;
    background-color: #e53935
}

.meo-button-ghost:not(.loading):hover,
.meo-button-link:not(.loading):hover,
.meo-button:not(.loading):hover {
    filter: brightness(1.05)
}

.meo-button-ghost:not(.loading):active,
.meo-button-link:not(.loading):active,
.meo-button:not(.loading):active {
    filter: brightness(.8)
}

.loading.meo-button-ghost,
.loading.meo-button-link,
.meo-button.loading {
    opacity: .7
}

.meo-button-ghost {
    border: 1px solid;
    color: #fff;
    background-color: initial
}

.meo-button-ghost:hover {
    filter: brightness(1.1)
}

.meo-button-ghost:active {
    filter: brightness(.8)
}

.meo-button-link {
    height: auto;
    padding: 0;
    color: #e53935;
    background-color: initial
}

.hover-show .hidden {
    visibility: hidden;
    transition: visibility .3s, opacity .1s .2s;
    opacity: 0
}

.hover-show:hover .hidden {
    visibility: visible;
    transition: visibility .1s, opacity .1s .1s;
    opacity: 1
}

.hover-show>input[type=checkbox] {
    display: none
}

.hover-show>input[type=checkbox]~.hidden {
    visibility: hidden;
    transition: .2s;
    transform: translateY(-4px);
    opacity: 0
}

.hover-show>input[type=checkbox]:checked~.hidden {
    visibility: visible;
    transition: .2s;
    transform: none;
    opacity: 1
}

[hidden] {
    display: none !important
}

.layui-laydate .layui-this {
    background-color: red !important
}

.za-date-picker__submit {
    color: #e53935 !important
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: initial;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: initial
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: initial
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

:root {
    --theme-default: #e6e6e6;
    --theme-default-h: 0;
    --theme-default-s: 0%;
    --theme-default-l: 90%;
    --theme-default-light: #f0f0f0;
    --theme-default-light-h: 0;
    --theme-default-light-s: 0%;
    --theme-default-light-l: 94%;
    --theme-default-lighter: #f2f2f2;
    --theme-default-lighter-h: 0;
    --theme-default-lighter-s: 0%;
    --theme-default-lighter-l: 95%;
    --theme-default-dark: #dbdbdb;
    --theme-default-dark-h: 0;
    --theme-default-dark-s: 0%;
    --theme-default-dark-l: 86%;
    --theme-default-darker: #333;
    --theme-default-darker-h: 0;
    --theme-default-darker-s: 0%;
    --theme-default-darker-l: 20%;
    --theme-primary: #00bc71;
    --theme-primary-h: 156;
    --theme-primary-s: 100%;
    --theme-primary-l: 36.9%;
    --theme-primary-light: #00d17d;
    --theme-primary-light-h: 156;
    --theme-primary-light-s: 100%;
    --theme-primary-light-l: 40.9%;
    --theme-primary-lighter: #e5fff5;
    --theme-primary-lighter-h: 156;
    --theme-primary-lighter-s: 100%;
    --theme-primary-lighter-l: 95%;
    --theme-primary-dark: #00a865;
    --theme-primary-dark-h: 156;
    --theme-primary-dark-s: 100%;
    --theme-primary-dark-l: 32.9%;
    --theme-primary-darker: #00663d;
    --theme-primary-darker-h: 156;
    --theme-primary-darker-s: 100%;
    --theme-primary-darker-l: 20%;
    --theme-success: #00bc71;
    --theme-success-h: 156;
    --theme-success-s: 100%;
    --theme-success-l: 36.9%;
    --theme-success-light: #00d17d;
    --theme-success-light-h: 156;
    --theme-success-light-s: 100%;
    --theme-success-light-l: 40.9%;
    --theme-success-lighter: #e5fff5;
    --theme-success-lighter-h: 156;
    --theme-success-lighter-s: 100%;
    --theme-success-lighter-l: 95%;
    --theme-success-dark: #00a865;
    --theme-success-dark-h: 156;
    --theme-success-dark-s: 100%;
    --theme-success-dark-l: 32.9%;
    --theme-success-darker: #00663d;
    --theme-success-darker-h: 156;
    --theme-success-darker-s: 100%;
    --theme-success-darker-l: 20%;
    --theme-warning: #ec9231;
    --theme-warning-h: 31;
    --theme-warning-s: 83.1%;
    --theme-warning-l: 55.9%;
    --theme-warning-light: #ee9c44;
    --theme-warning-light-h: 31;
    --theme-warning-light-s: 83.1%;
    --theme-warning-light-l: 59.9%;
    --theme-warning-lighter: #fdf3e8;
    --theme-warning-lighter-h: 31;
    --theme-warning-lighter-s: 83.1%;
    --theme-warning-lighter-l: 95%;
    --theme-warning-dark: #ea881e;
    --theme-warning-dark-h: 31;
    --theme-warning-dark-s: 83.1%;
    --theme-warning-dark-l: 51.9%;
    --theme-warning-darker: #5d3409;
    --theme-warning-darker-h: 31;
    --theme-warning-darker-s: 83.1%;
    --theme-warning-darker-l: 20%;
    --theme-danger: #ff5050;
    --theme-danger-h: 0;
    --theme-danger-s: 100%;
    --theme-danger-l: 65.7%;
    --theme-danger-light: #ff6464;
    --theme-danger-light-h: 0;
    --theme-danger-light-s: 100%;
    --theme-danger-light-l: 69.7%;
    --theme-danger-lighter: #ffe5e5;
    --theme-danger-lighter-h: 0;
    --theme-danger-lighter-s: 100%;
    --theme-danger-lighter-l: 95%;
    --theme-danger-dark: #ff3c3c;
    --theme-danger-dark-h: 0;
    --theme-danger-dark-s: 100%;
    --theme-danger-dark-l: 61.7%;
    --theme-danger-darker: #600;
    --theme-danger-darker-h: 0;
    --theme-danger-darker-s: 100%;
    --theme-danger-darker-l: 20%;
    --color-text: #343434;
    --color-text-inverse: #fff;
    --color-text-placeholder: #a9a9a9;
    --color-text-disabled: #bcbcbc;
    --color-text-caption: #909090;
    --color-link: var(--theme-primary);
    --color-shadow: rgba(56, 56, 56, 0.15);
    --background-active: #e6e6e6;
    --background-disabled: #f2f2f2;
    --border-color: #dcdcdc;
    --border-disabled: #e6e6e6;
    --radius-xs: 2px;
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;
    --radius-xl: 8px;
    --radius-round: 1000px;
    --radius-circle: 50%;
    --padding-h-xs: 8px;
    --padding-h-sm: 12px;
    --padding-h-md: 16px;
    --padding-h-lg: 20px;
    --padding-h-xl: 24px;
    --padding-v-xs: 6px;
    --padding-v-sm: 8px;
    --padding-v-md: 12px;
    --padding-v-lg: 16px;
    --padding-v-xl: 18px;
    --font-size-xs: 10px;
    --font-size-sm: 12px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --zindex-mask: 1000;
    --zindex-popup: 1100;
    --zindex-tooltip: 1700;
    --opacity-disabled: 0.5;
    --opacity-mask: 0.5;
    --opacity-toast: 0.8;
    --opacity-tooltip: 0.8;
    --box-shadow-light: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    --box-shadow-dark: 0 4px 12px rgba(0, 0, 0, 0.2);
    --action-sheet-background: #fff;
    --action-sheet-active-background: var(--background-active);
    --action-sheet-margin: 0;
    --action-sheet-item-height: 50px;
    --action-sheet-item-font-size: 16px;
    --activity-indicator-size-md: 20px;
    --activity-indicator-size-lg: 32px;
    --activity-indicator-path-color: #e6e6e6;
    --activity-indicator-spinner-color: #989697;
    --alert-button-height: 50px;
    --alert-button-font-size: 18px;
    --alert-button-background: var(--button-default-background);
    --alert-button-active-background: var(--background-active);
    --badge-height: 14px;
    --badge-font-size: var(--font-size-xs);
    --badge-padding-h: 4px;
    --badge-dot-diameter: 8px;
    --badge-border-radius-rect: var(--radius-sm);
    --badge-border-radius-round: var(--radius-round);
    --badge-sup-top: -4px;
    --badge-text-color: #fff;
    --button-height-xs: 28px;
    --button-height-sm: 36px;
    --button-height-md: 44px;
    --button-height-lg: 52px;
    --button-padding-h-xs: var(--padding-h-xs);
    --button-padding-h-sm: var(--padding-h-sm);
    --button-padding-h-md: var(--padding-h-md);
    --button-padding-h-lg: var(--padding-h-lg);
    --button-font-size-xs: 12px;
    --button-font-size-sm: 14px;
    --button-font-size-md: 16px;
    --button-font-size-lg: 18px;
    --button-icon-size-xs: 16px;
    --button-icon-size-sm: 18px;
    --button-icon-size-md: 22px;
    --button-icon-size-lg: 26px;
    --button-disabled-opacity: var(--opacity-disabled);
    --button-disabled-color-ghost: var(--border-disabled);
    --button-default-background: var(--color-text-inverse);
    --button-default-border: var(--theme-default);
    --button-default-color: var(--color-text);
    --button-default-active-background: var(--background-active);
    --button-default-active-border: var(--background-active);
    --button-default-active-color: var(--color-text);
    --button-default-ghost-border: var(--color-text-inverse);
    --button-default-ghost-color: var(--color-text-inverse);
    --button-default-ghost-active-border: var(--background-active);
    --button-default-ghost-active-color: var(--background-active);
    --button-default-shadow-color: hsla(0, 0%, 90.2%, 0.3);
    --button-primary-background: var(--theme-primary);
    --button-primary-border: var(--theme-primary);
    --button-primary-color: var(--color-text-inverse);
    --button-primary-active-background: var(--theme-primary-dark);
    --button-primary-active-border: var(--theme-primary-dark);
    --button-primary-active-color: hsla(0, 0%, 100%, 0.4);
    --button-primary-ghost-border: var(--theme-primary);
    --button-primary-ghost-color: var(--theme-primary);
    --button-primary-ghost-active-border: var(--theme-primary-dark);
    --button-primary-ghost-active-color: var(--theme-primary-dark);
    --button-primary-shadow-color: rgba(0, 188, 112, 0.3);
    --button-danger-background: var(--theme-danger);
    --button-danger-border: var(--theme-danger);
    --button-danger-color: var(--color-text-inverse);
    --button-danger-active-background: var(--theme-danger-dark);
    --button-danger-active-border: var(--theme-danger-dark);
    --button-danger-active-color: hsla(0, 0%, 100%, 0.4);
    --button-danger-ghost-border: var(--theme-danger);
    --button-danger-ghost-color: var(--theme-danger);
    --button-danger-ghost-active-border: var(--theme-danger-dark);
    --button-danger-ghost-active-color: var(--theme-danger-dark);
    --button-danger-shadow-color: rgba(255, 80, 80, 0.3);
    --calendar-height: 45px;
    --calendar-background: #fff;
    --calendar-week-bar-fontsize: 14px;
    --calendar-week-bar-background: #f2f2f2;
    --calendar-week-bar-color: var(--color-text-caption);
    --calendar-section-padding: 15px;
    --calendar-day-fontsize: 16px;
    --calendar-day-title-fontsize: 17px;
    --calendar-day-color: var(--color-text);
    --calendar-day-today-background: var(--theme-primary-lighter);
    --calendar-day-today-color: var(--theme-primary);
    --calendar-day-selected-background: var(--theme-primary);
    --calendar-day-selected-color: #fff;
    --calendar-day-selected-shadow: var(--theme-primary-lighter);
    --calendar-day-range-background: var(--theme-primary-lighter);
    --calendar-day-range-color: var(--theme-primary);
    --calendar-day-height: 40px;
    --carousel-pagination-distance: 8px;
    --carousel-pagination-rect-width: 19px;
    --carousel-pagination-rect-height: 4px;
    --carousel-pagination-rect-border-radius: 1px;
    --carousel-pagination-rect-step: 2px;
    --carousel-pagination-rect-color: hsla(0, 0%, 100%, 0.6);
    --carousel-pagination-rect-color-active: #fff;
    --cell-height: 52px;
    --cell-background: #fff;
    --cell-background-active: var(--background-active);
    --cell-line-padding-left: 16px;
    --cell-padding-h: 16px;
    --cell-padding-v: 15px;
    --cell-title-color: var(--color-text);
    --cell-title-font-size: 15px;
    --cell-title-line-height: 22px;
    --cell-description-color: var(--color-text-caption);
    --cell-description-font-size: 15px;
    --cell-label-width: 100px;
    --cell-arrow-color: #bcbcbc;
    --cell-arrow-length: 10px;
    --cell-arrow-border-width: 2px;
    --checkbox-size: 18px;
    --checkbox-radius: var(--radius-md);
    --checkbox-background: var(--color-text-inverse);
    --checkbox-border-color: var(--border-color);
    --checkbox-active-border-color: var(--theme-primary);
    --checkbox-disabled-background: var(--background-disabled);
    --checkbox-disabled-color: #bcbcbc;
    --checkbox-arrow-color: var(--color-text-inverse);
    --collapse-height: 52px;
    --collapse-padding-h: 16px;
    --collapse-padding-v: 15px;
    --collapse-arrow-color: #bcbcbc;
    --collapse-arrow-disabled-color: #eee;
    --confirm-button-height: 50px;
    --confirm-button-font-size: 18px;
    --confirm-button-background: var(--button-default-background);
    --confirm-button-active-background: var(--background-active);
    --input-clear-icon-width: 16px;
    --input-clear-icon-color: #bcbcbc;
    --input-padding-v: var(--cell-padding-v);
    --input-cursor-color: #597cf6;
    --input-cursor-width: 2px;
    --input-cursor-height: calc(var(--cell-title-line-height) - 4px);
    --input-length-count-color: var(--color-text-disabled);
    --input-height: 28px;
    --input-line-height: var(--cell-title-line-height);
    --image-preview-origin-button-background: #2d2d2d;
    --keyboard-background: #fff;
    --keyboard-item-background: #fff;
    --keyboard-item-height: 52px;
    --keyboard-item-font-size: 30px;
    --loading-background: rgba(0, 0, 0, var(--opacity-toast));
    --message-min-height-md: 29px;
    --message-min-height-lg: 40px;
    --message-font-size-md: 12px;
    --message-font-size-lg: 14px;
    --message-icon-size-md: 14px;
    --message-icon-size-lg: 16px;
    --message-padding-v-md: 6px;
    --message-padding-h-md: 8px;
    --message-padding-v-lg: 8px;
    --message-padding-h-lg: 12px;
    --modal-background: #fff;
    --modal-title-font-size: 18px;
    --modal-title-color: var(--color-text);
    --modal-close-color: #ccc;
    --modal-close-active-color: #999;
    --nav-bar-color: #fdfdfd;
    --nav-bar-height: 44px;
    --nav-bar-icon-size: 24px;
    --notice-bar-height: 24px;
    --panel-header-color: var(--color-text-caption);
    --panel-header-font-size: 14px;
    --panel-body-color: var(--color-text);
    --panel-body-font-size: 15px;
    --panel-body-background: #fff;
    --picker-background: #fff;
    --picker-mask-background-start: hsla(0, 0%, 100%, 0.4);
    --picker-mask-background-end: hsla(0, 0%, 100%, 0.8);
    --picker-header-height: 45px;
    --picker-header-font-size: 16px;
    --picker-header-background: #f7f7f7;
    --progress-background: #f2f2f2;
    --progress-width-lg: 100%;
    --progress-width-md: 100%;
    --progress-width-sm: 140px;
    --progress-size-lg: 200px;
    --progress-size-md: 150px;
    --progress-size-sm: 80px;
    --progress-font-size-circle-lg: 30px;
    --progress-font-size-circle-md: 24px;
    --progress-font-size-circle-sm: 18px;
    --pull-control-height: 50px;
    --pull-control-font-size: 14px;
    --radio-size: 18px;
    --radio-radius: var(--radius-circle);
    --radio-background: var(--color-text-inverse);
    --radio-border-color: var(--border-color);
    --radio-active-border-color: var(--theme-primary);
    --radio-disabled-background: var(--background-disabled);
    --radio-disabled-color: #bcbcbc;
    --radio-arrow-color: var(--color-text-inverse);
    --search-bar-font-size: 14px;
    --search-bar-icon-size: 18px;
    --search-bar-background: #fff;
    --search-bar-inner-background: #f2f2f2;
    --slider-line-background: var(--border-color);
    --slider-line-height: 2px;
    --slider-line-dot-width: 6px;
    --slider-line-dot-color: #fff;
    --slider-vertical-line-width: 2px;
    --slider-handle-size: 24px;
    --slider-handle-size-small: 16px;
    --slider-mark-handle: 24px;
    --slider-mark-size: 15px;
    --slider-handle-background: #fff;
    --slider-handle-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    --stepper-input-background: #fff;
    --stepper-height-md: 28px;
    --stepper-height-lg: 36px;
    --stepper-icon-font-size-md: 12px;
    --stepper-icon-font-size-lg: 14px;
    --stepper-input-width-md: 50px;
    --stepper-input-width-lg: 60px;
    --stepper-input-disabled: var(--color-text-disabled);
    --stepper-input-font-size-md: 14px;
    --stepper-input-font-size-lg: 16px;
    --stepper-input-margin-h-md: 4px;
    --stepper-input-margin-h-lg: 4px;
    --stepper-input-padding-h-md: 8px;
    --stepper-input-padding-h-lg: 8px;
    --switch-width: 53px;
    --switch-height: 32px;
    --switch-handle-size: 26px;
    --switch-border-color: var(--border-color);
    --switch-background: var(--border-color);
    --switch-handle-background: #fff;
    --tabs-height: 45px;
    --tabs-item-font-size: var(--font-size-lg);
    --tabs-line-height: 2px;
    --tabs-item-horizontal-padding: 20px;
    --tabs-item-vertical-padding: 12px;
    --toast-border-radius: 6px;
    --toast-background: rgba(0, 0, 0, var(--opacity-toast));
    --toast-color: var(--color-text-inverse);
    --toast-font-size: 13px;
    --tooltip-font-size: 12px;
    --tooltip-color: var(--color-text-inverse);
    --tooltip-arrow-size: 4px;
    --tooltip-padding-v: var(--padding-v-xs);
    --tooltip-padding-h: var(--padding-h-xs);
    --tooltip-background: rgba(0, 0, 0, var(--opacity-tooltip));
    --tabbar-height: 50px;
    --tabbar-hidden-bottom: -50px;
    --tabbar-background: #fff;
    --tabbar-item-font-size: 12px;
    --tabbar-item-active-color: var(--theme-primary);
    --wheel-item-height: 34px;
    --wheel-item-rows: 5;
    --wheel-item-font-size: 18px;
    --wheel-color: var(--color-text);
    --icon-font-size-sm: 16px;
    --icon-font-size-md: 24px;
    --icon-font-size-lg: 32px;
    --icon-theme-default: var(--color-text);
    --stack-picker-background: #fff;
    --stack-picker-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    --stack-picker-error: #ff5050;
    --stack-picker-stack-item-font-size: 16px;
    --stack-picker-crumbs-line-height: 24px;
    --stack-picker-stack-item-height: 35px;
    --stack-picker-padding: 20px;
    --stack-picker-left: 60px
}

@-webkit-keyframes za-fade-enter {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes za-fade-enter {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.za-fade-enter {
    -webkit-animation: za-fade-enter ease-in both;
    animation: za-fade-enter ease-in both
}

@-webkit-keyframes za-fade-leave {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes za-fade-leave {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.za-fade-leave {
    -webkit-animation: za-fade-leave ease-out both;
    animation: za-fade-leave ease-out both
}

@-webkit-keyframes za-door-enter {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform: scaleZ(.1);
        transform: scaleZ(.1)
    }
}

@keyframes za-door-enter {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform: scaleZ(.1);
        transform: scaleZ(.1)
    }
}

.za-door-enter {
    -webkit-animation: za-door-enter cubic-bezier(.4, 0, 0, 0) both;
    animation: za-door-enter cubic-bezier(.4, 0, 0, 0) both
}

@-webkit-keyframes za-door-leave {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    60% {
        -webkit-transform: scaleX(.01);
        transform: scaleX(.01)
    }

    to {
        -webkit-transform: scale3d(0, 1, .1);
        transform: scale3d(0, 1, .1)
    }
}

@keyframes za-door-leave {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    60% {
        -webkit-transform: scaleX(.01);
        transform: scaleX(.01)
    }

    to {
        -webkit-transform: scale3d(0, 1, .1);
        transform: scale3d(0, 1, .1)
    }
}

.za-door-leave {
    -webkit-animation: za-door-leave both;
    animation: za-door-leave both
}

@-webkit-keyframes za-flip-enter {
    0% {
        -webkit-transform: perspective(400px) rotateX(60deg);
        transform: perspective(400px) rotateX(60deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(-15deg);
        transform: perspective(400px) rotateX(-15deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes za-flip-enter {
    0% {
        -webkit-transform: perspective(400px) rotateX(60deg);
        transform: perspective(400px) rotateX(60deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(-15deg);
        transform: perspective(400px) rotateX(-15deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.za-flip-enter {
    -webkit-animation: za-flip-enter ease-in both;
    animation: za-flip-enter ease-in both;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes za-flip-leave {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-15deg);
        transform: perspective(400px) rotateX(-15deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(45deg);
        transform: perspective(400px) rotateX(45deg)
    }
}

@keyframes za-flip-leave {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-15deg);
        transform: perspective(400px) rotateX(-15deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(45deg);
        transform: perspective(400px) rotateX(45deg)
    }
}

.za-flip-leave {
    -webkit-animation: za-flip-leave both;
    animation: za-flip-leave both;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes za-rotate-enter {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-180deg) scale3d(.3, .3, .3);
        transform: rotate(-180deg) scale3d(.3, .3, .3)
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes za-rotate-enter {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-180deg) scale3d(.3, .3, .3);
        transform: rotate(-180deg) scale3d(.3, .3, .3)
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.za-rotate-enter {
    -webkit-animation: za-rotate-enter both;
    animation: za-rotate-enter both
}

@-webkit-keyframes za-rotate-leave {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(180deg) scale3d(.3, .3, .3);
        transform: rotate(180deg) scale3d(.3, .3, .3)
    }
}

@keyframes za-rotate-leave {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(180deg) scale3d(.3, .3, .3);
        transform: rotate(180deg) scale3d(.3, .3, .3)
    }
}

.za-rotate-leave {
    -webkit-animation: za-rotate-leave both;
    animation: za-rotate-leave both
}

@-webkit-keyframes za-slideUp-enter {
    0% {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes za-slideUp-enter {
    0% {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.za-slideUp-enter {
    -webkit-animation: za-slideUp-enter cubic-bezier(.4, 0, 0, 1.5) both;
    animation: za-slideUp-enter cubic-bezier(.4, 0, 0, 1.5) both
}

@-webkit-keyframes za-slideUp-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
}

@keyframes za-slideUp-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
}

.za-slideUp-leave {
    -webkit-animation: za-slideUp-leave both;
    animation: za-slideUp-leave both
}

@-webkit-keyframes za-slideDown-enter {
    0% {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes za-slideDown-enter {
    0% {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.za-slideDown-enter {
    -webkit-animation: za-slideDown-enter cubic-bezier(.4, 0, 0, 1.5) both;
    animation: za-slideDown-enter cubic-bezier(.4, 0, 0, 1.5) both
}

@-webkit-keyframes za-slideDown-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }
}

@keyframes za-slideDown-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }
}

.za-slideDown-leave {
    -webkit-animation: za-slideDown-leave both;
    animation: za-slideDown-leave both
}

@-webkit-keyframes za-slideLeft-enter {
    0% {
        -webkit-transform: translate3d(150px, 0, 0);
        transform: translate3d(150px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes za-slideLeft-enter {
    0% {
        -webkit-transform: translate3d(150px, 0, 0);
        transform: translate3d(150px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.za-slideLeft-enter {
    -webkit-animation: za-slideLeft-enter cubic-bezier(.4, 0, 0, 1.5) both;
    animation: za-slideLeft-enter cubic-bezier(.4, 0, 0, 1.5) both
}

@-webkit-keyframes za-slideLeft-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(150px, 0, 0);
        transform: translate3d(150px, 0, 0)
    }
}

@keyframes za-slideLeft-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(150px, 0, 0);
        transform: translate3d(150px, 0, 0)
    }
}

.za-slideLeft-leave {
    -webkit-animation: za-slideLeft-leave both;
    animation: za-slideLeft-leave both
}

@-webkit-keyframes za-slideRight-enter {
    0% {
        -webkit-transform: translate3d(-150px, 0, 0);
        transform: translate3d(-150px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes za-slideRight-enter {
    0% {
        -webkit-transform: translate3d(-150px, 0, 0);
        transform: translate3d(-150px, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.za-slideRight-enter {
    -webkit-animation: za-slideRight-enter cubic-bezier(.4, 0, 0, 1.5) both;
    animation: za-slideRight-enter cubic-bezier(.4, 0, 0, 1.5) both
}

@-webkit-keyframes za-slideRight-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-150px, 0, 0);
        transform: translate3d(-150px, 0, 0)
    }
}

@keyframes za-slideRight-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-150px, 0, 0);
        transform: translate3d(-150px, 0, 0)
    }
}

.za-slideRight-leave {
    -webkit-animation: za-slideRight-leave both;
    animation: za-slideRight-leave both
}

@-webkit-keyframes za-zoom-enter {
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes za-zoom-enter {
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.za-zoom-enter {
    -webkit-animation: za-zoom-enter cubic-bezier(.4, 0, 0, 1.5) both;
    animation: za-zoom-enter cubic-bezier(.4, 0, 0, 1.5) both
}

@-webkit-keyframes za-zoom-leave {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes za-zoom-leave {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.za-zoom-leave {
    -webkit-animation: za-zoom-leave both;
    animation: za-zoom-leave both
}

@-webkit-keyframes za-zoom-fade-enter {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes za-zoom-fade-enter {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes za-zoom-fade-leave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
}

@keyframes za-zoom-fade-leave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
}

.za-zoomFade-enter {
    -webkit-animation: za-zoom-fade-enter cubic-bezier(.08, .82, .17, 1) both;
    animation: za-zoom-fade-enter cubic-bezier(.08, .82, .17, 1) both
}

.za-zoomFade-leave {
    -webkit-animation: za-zoom-fade-leave cubic-bezier(.78, .14, .15, .86) both;
    animation: za-zoom-fade-leave cubic-bezier(.78, .14, .15, .86) both
}

@-webkit-keyframes za-moveUp-enter {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes za-moveUp-enter {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.za-moveUp-enter {
    -webkit-animation: za-moveUp-enter ease-in both;
    animation: za-moveUp-enter ease-in both
}

@-webkit-keyframes za-moveUp-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes za-moveUp-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.za-moveUp-leave {
    -webkit-animation: za-moveUp-leave ease-out both;
    animation: za-moveUp-leave ease-out both
}

@-webkit-keyframes za-moveDown-enter {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes za-moveDown-enter {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.za-moveDown-enter {
    -webkit-animation: za-moveDown-enter ease-in both;
    animation: za-moveDown-enter ease-in both
}

@-webkit-keyframes za-moveDown-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes za-moveDown-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.za-moveDown-leave {
    -webkit-animation: za-moveDown-leave ease-out both;
    animation: za-moveDown-leave ease-out both
}

@-webkit-keyframes za-moveLeft-enter {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes za-moveLeft-enter {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.za-moveLeft-enter {
    -webkit-animation: za-moveLeft-enter ease-in both;
    animation: za-moveLeft-enter ease-in both
}

@-webkit-keyframes za-moveLeft-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes za-moveLeft-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.za-moveLeft-leave {
    -webkit-animation: za-moveLeft-leave ease-out both;
    animation: za-moveLeft-leave ease-out both
}

@-webkit-keyframes za-moveRight-enter {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes za-moveRight-enter {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.za-moveRight-enter {
    -webkit-animation: za-moveRight-enter ease-in both;
    animation: za-moveRight-enter ease-in both
}

@-webkit-keyframes za-moveRight-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes za-moveRight-leave {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.za-moveRight-leave {
    -webkit-animation: za-moveRight-leave ease-out both;
    animation: za-moveRight-leave ease-out both
}

@-webkit-keyframes za-scaleDown-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes za-scaleDown-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.za-scaleDown-enter {
    -webkit-animation: za-scaleDown-enter both;
    animation: za-scaleDown-enter both
}

@-webkit-keyframes za-scaleDown-leave {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@keyframes za-scaleDown-leave {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

.za-scaleDown-leave {
    -webkit-animation: za-scaleDown-leave both;
    animation: za-scaleDown-leave both
}

@-webkit-keyframes za-menu-slide-up-enter {
    0% {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes za-menu-slide-up-enter {
    0% {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes za-menu-slide-up-leave {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes za-menu-slide-up-leave {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes za-menu-slide-down-enter {
    0% {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes za-menu-slide-down-enter {
    0% {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@-webkit-keyframes za-menu-slide-down-leave {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
}

@keyframes za-menu-slide-down-leave {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
}

.za-menuSlide-up-enter {
    -webkit-animation: za-menu-slide-up-enter cubic-bezier(.23, 1, .32, 1) both;
    animation: za-menu-slide-up-enter cubic-bezier(.23, 1, .32, 1) both
}

.za-menuSlide-up-leave {
    -webkit-animation: za-menu-slide-up-leave cubic-bezier(.755, .05, .855, .06) both;
    animation: za-menu-slide-up-leave cubic-bezier(.755, .05, .855, .06) both
}

.za-menuSlide-down-enter {
    -webkit-animation: za-menu-slide-down-enter cubic-bezier(.23, 1, .32, 1) both;
    animation: za-menu-slide-down-enter cubic-bezier(.23, 1, .32, 1) both
}

.za-menuSlide-down-leave {
    -webkit-animation: za-menu-slide-down-leave cubic-bezier(.755, .05, .855, .06) both;
    animation: za-menu-slide-down-leave cubic-bezier(.755, .05, .855, .06) both
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

[contenteditable] {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

:focus,
a {
    outline: none
}

a {
    background: transparent;
    text-decoration: none
}

.za-activity-indicator {
    display: inline-block;
    position: relative;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: var(--activity-indicator-size-md);
    height: var(--activity-indicator-size-md)
}

.za-activity-indicator__path {
    stroke: var(--activity-indicator-path-color)
}

.za-activity-indicator__line {
    stroke-dasharray: 314.15927;
    stroke: var(--theme-primary)
}

.za-activity-indicator--lg {
    width: var(--activity-indicator-size-lg);
    height: var(--activity-indicator-size-lg)
}

.za-activity-indicator--circular {
    display: inline-block
}

.za-activity-indicator--circular svg {
    vertical-align: top;
    -webkit-animation: a-activity-indicator_rotate3 2s linear infinite;
    animation: a-activity-indicator_rotate3 2s linear infinite
}

.za-activity-indicator--circular circle {
    stroke-linecap: round;
    stroke: var(--theme-primary);
    -webkit-animation: a-activity-indicator_rotate-circul 1.5s ease-in-out infinite;
    animation: a-activity-indicator_rotate-circul 1.5s ease-in-out infinite
}

.za-activity-indicator--spinner {
    -webkit-animation: a-activity-indicator_rotate3 .8s linear infinite;
    animation: a-activity-indicator_rotate3 .8s linear infinite;
    -webkit-animation-timing-function: steps(12);
    animation-timing-function: steps(12)
}

.za-activity-indicator--spinner div:first-of-type {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    opacity: 1
}

.za-activity-indicator--spinner div:nth-of-type(2) {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    opacity: .9375
}

.za-activity-indicator--spinner div:nth-of-type(3) {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: .875
}

.za-activity-indicator--spinner div:nth-of-type(4) {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
    opacity: .8125
}

.za-activity-indicator--spinner div:nth-of-type(5) {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
    opacity: .75
}

.za-activity-indicator--spinner div:nth-of-type(6) {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: .6875
}

.za-activity-indicator--spinner div:nth-of-type(7) {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
    opacity: .625
}

.za-activity-indicator--spinner div:nth-of-type(8) {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
    opacity: .5625
}

.za-activity-indicator--spinner div:nth-of-type(9) {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    opacity: .5
}

.za-activity-indicator--spinner div:nth-of-type(10) {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
    opacity: .4375
}

.za-activity-indicator--spinner div:nth-of-type(11) {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
    opacity: .375
}

.za-activity-indicator--spinner div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.za-activity-indicator--spinner div:nth-of-type(12) {
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: .3125
}

.za-activity-indicator--spinner div:before {
    content: "";
    display: block;
    width: 2px;
    height: 25%;
    margin: 0 auto;
    background-color: var(--activity-indicator-spinner-color);
    border-radius: 40%
}

@-webkit-keyframes a-activity-indicator_rotate-circul {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 120, 200;
        stroke-dashoffset: -60
    }

    to {
        stroke-dasharray: 120, 200;
        stroke-dashoffset: -180
    }
}

@keyframes a-activity-indicator_rotate-circul {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 120, 200;
        stroke-dashoffset: -60
    }

    to {
        stroke-dasharray: 120, 200;
        stroke-dashoffset: -180
    }
}

@-webkit-keyframes a-activity-indicator_rotate3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a-activity-indicator_rotate3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.za-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, var(--opacity-mask));
    z-index: var(--zindex-mask)
}

.za-mask--transparent {
    background-color: initial
}

.za-popup {
    z-index: var(--zindex-popup);
    -webkit-overflow-scrolling: touch;
    margin: auto
}

.za-popup__wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: var(--zindex-mask);
    overflow: auto;
    padding: 60px 0;
    -webkit-overflow-scrolling: touch
}

.za-popup--hidden {
    opacity: 0;
    visibility: hidden
}

.za-popup--nomask {
    position: fixed
}

.za-popup--nomask.za-popup--center {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.za-popup--bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.za-popup--top {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.za-popup--left {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%)
}

.za-popup--right {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    -webkit-transform: translate(100%);
    -ms-transform: translate(100%);
    transform: translate(100%)
}

.za-popup--show.za-popup--bottom,
.za-popup--show.za-popup--left,
.za-popup--show.za-popup--right,
.za-popup--show.za-popup--top {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.za-toast {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.za-toast__container {
    position: relative;
    padding: var(--padding-v-md) var(--padding-h-md);
    border-radius: var(--toast-border-radius);
    background: var(--toast-background);
    color: var(--toast-color);
    text-align: center;
    font-size: var(--toast-font-size)
}

.za-loading {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.za-loading,
.za-loading--open,
.za-loading__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.za-loading__container {
    position: relative;
    width: 80px;
    height: 80px;
    padding: 20px 15px;
    border-radius: var(--radius-md);
    background: var(--loading-background);
    color: var(--color-text)
}

.CATS_cateAndTagSearch_1J4oJ {
    position: relative;
    margin: 0 10px 0 0
}

[class*=rtl] .CATS_cateAndTagSearch_1J4oJ {
    margin: 0 0 0 10px
}

.CATS_cateAndTagSearch_1J4oJ .CATS_title_3YHld {
    line-height: 16px;
    font-size: 14px;
    font-weight: 600;
    color: #0a1833;
    margin: 20px 0 0
}

.CATS_cateAndTagSearch_1J4oJ .CATS_cateAndTagBox_3Z-9V,
.CATS_cateAndTagSearch_1J4oJ .CATS_cateRecommendTags_1bDFB {
    left: 0;
    padding-top: 2px
}

.CATS_cateAndTagSearch_1J4oJ .CATS_verifyCateAndTagSearchInput_1tYW2 {
    position: relative;
    z-index: 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 0
}

.CATS_cateAndTagSearch_1J4oJ .CATS_verifyCateAndTagSearchInput_1tYW2 svg {
    position: absolute;
    z-index: 100;
    right: 10px;
    width: 18px;
    color: #8a9199
}

.CATS_cateAndTagSearch_1J4oJ .CATS_verifyCateAndTagSearchInput_1tYW2 input {
    width: var(--width-tag-search, 285px);
    padding: 0 35px 0 12px
}

.CATS_cateAndTagSearch_1J4oJ .CATS_verifyCateAndTagSearchInput_1tYW2 input::placeholder {
    font-size: 14px
}

.CATS_cateAndTagSearch_1J4oJ .CATS_verifyCateAndTagSearchInput_1tYW2.CATS_active_3ev8b {
    z-index: 2
}

.CATS_cateAndTagMask_3pkuY {
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    pointer-events: none;
    opacity: 0;
    background-color: rgba(0, 0, 0, .02)
}

.CATS_cateAndTagMask_3pkuY.CATS_active_3ev8b {
    pointer-events: auto;
    opacity: 1
}

.CATS_cateAndTagBox_3Z-9V {
    position: absolute;
    z-index: 2;
    left: 150px;
    display: none;
    border-radius: 4px;
    width: 100%;
    transition: .3s;
    transform: scaleY(.7);
    transform-origin: top;
    pointer-events: none;
    opacity: 0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.CATS_cateAndTagBox_3Z-9V.CATS_mobile_22gFz {
    position: relative
}

.CATS_cateAndTagBox_3Z-9V.CATS_active_3ev8b {
    display: flex;
    transform: none;
    pointer-events: auto;
    opacity: 1
}

.CATS_cateAndTagBox_3Z-9V.CATS_arab_3NNM5 {
    right: 0;
    left: auto
}

.CATS_cateAndTag_2cHEW {
    width: 100%;
    text-align: initial;
    background-color: #fff
}

.CATS_cateAndTag_2cHEW .CATS_svg-check_2hU4s {
    margin-right: 7px;
    width: 18px;
    height: 18px;
    vertical-align: -3px;
    fill: none
}

.CATS_cateAndTag_2cHEW .CATS_svg-check_2hU4s circle {
    transition: stroke-width .3s
}

.CATS_arab-global-css_31jwk .CATS_cateAndTag_2cHEW .CATS_svg-check_2hU4s {
    margin-right: 0;
    margin-left: 7px
}

.CATS_cateAndTag_2cHEW .CATS_formBox_3sJho {
    overscroll-behavior: contain;
    flex: 1 1 auto;
    padding: 7.5px 10px 0;
    overflow: auto;
    background-color: #fff
}

.CATS_cateAndTag_2cHEW .CATS_formBox_3sJho::-webkit-scrollbar {
    background-color: #f1f3f5;
    width: 5px
}

.CATS_cateAndTag_2cHEW .CATS_formBox_3sJho::-webkit-scrollbar-track {
    background-color: #f1f3f5
}

.CATS_cateAndTag_2cHEW .CATS_formBox_3sJho::-webkit-scrollbar-thumb {
    background-color: #dfe1e6;
    border-radius: 16px
}

.CATS_cateAndTag_2cHEW .CATS_formBox_3sJho::-webkit-scrollbar-button {
    display: none
}

.CATS_cateAndTag_2cHEW .CATS_formBox_3sJho .CATS_title_3YHld {
    border: 0;
    line-height: 18px;
    padding: 20px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: #0a1833
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW {
    margin: 0 -5px;
    max-height: var(--category-search-tags-height, 280px);
    overflow-y: auto;
    overscroll-behavior: contain
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW::-webkit-scrollbar {
    background-color: #f1f3f5;
    width: 5px
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW::-webkit-scrollbar-track {
    background-color: #f1f3f5
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW::-webkit-scrollbar-thumb {
    background-color: #dfe1e6;
    border-radius: 16px
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW::-webkit-scrollbar-button {
    display: none
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW .CATS_noData_1QmkL {
    text-align: center
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW .CATS_noData_1QmkL img {
    width: 150px;
    height: 120px
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW .CATS_noData_1QmkL p {
    margin-top: 10px;
    line-height: 18px;
    font-size: 14px;
    color: #8a9199
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW .CATS_catTagItem_3VJLV {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 5px 5px;
    line-height: 18px;
    padding: 2px 5px 7px;
    font-size: 14px;
    cursor: pointer;
    transition: .3s;
    color: #919599
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW .CATS_catTagItem_3VJLV p {
    margin: 0
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW .CATS_catTagItem_3VJLV p span {
    color: #0a1833
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW .CATS_catTagItem_3VJLV .CATS_flag_3eg-y {
    transition: .2s;
    color: transparent
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW .CATS_catTagItem_3VJLV.CATS_active_3ev8b {
    border-color: #e53935;
    color: #e53935
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW .CATS_catTagItem_3VJLV.CATS_active_3ev8b .CATS_flag_3eg-y,
.CATS_cateAndTag_2cHEW .CATS_tags_1jioW .CATS_catTagItem_3VJLV.CATS_active_3ev8b span {
    color: #e53935
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW .CATS_catTagItem_3VJLV.CATS_disabled_3gZjC {
    border-color: #c6c9cc;
    color: #8a9199
}

.CATS_cateAndTag_2cHEW .CATS_tags_1jioW .CATS_catTagItem_3VJLV.CATS_active_3ev8b.CATS_disabled_3gZjC .CATS_flag_3eg-y {
    color: #c6c9cc
}

.CATS_cateAndTag_2cHEW .CATS_btnContainer_3hgTk {
    display: flex;
    justify-content: space-between;
    margin: 0 10px;
    border-top: 1px solid #dfe1e6;
    padding: 10px 0
}

.CATS_cateAndTag_2cHEW .CATS_btnContainer_3hgTk .CATS_confirm_BwzUo {
    flex: 1 1 auto;
    border-radius: 3px;
    height: 36px;
    line-height: 18px;
    padding: 9px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    transition: .3s;
    color: #fff;
    background: #ccc
}

.CATS_cateAndTag_2cHEW .CATS_btnContainer_3hgTk .CATS_confirm_BwzUo.CATS_active_3ev8b {
    cursor: pointer;
    background: #e53935
}

.CATS_cateAndTag_2cHEW .CATS_btnContainer_3hgTk .CATS_confirm_BwzUo.CATS_active_3ev8b:hover {
    filter: brightness(1.05)
}

.CATS_cateAndTag_2cHEW .CATS_btnContainer_3hgTk .CATS_confirm_BwzUo.CATS_active_3ev8b:active {
    filter: brightness(.8)
}

.CATS_cateAndTag_2cHEW .CATS_btnContainer_3hgTk .CATS_noMatching_dHYYF~.CATS_confirm_BwzUo {
    margin-right: auto;
    margin-left: 10px
}

[class*=rtl] .CATS_cateAndTag_2cHEW .CATS_btnContainer_3hgTk .CATS_noMatching_dHYYF~.CATS_confirm_BwzUo {
    margin-right: 10px;
    margin-left: auto
}

.CATS_cateAndTag_2cHEW .CATS_btnContainer_3hgTk .CATS_noMatching_dHYYF {
    flex: 1 1 auto;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 36px;
    line-height: 18px;
    padding: 9px 0;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    transition: .3s;
    color: #ccc;
    background: #fff
}

.CATS_cateAndTag_2cHEW .CATS_btnContainer_3hgTk .CATS_noMatching_dHYYF.CATS_active_3ev8b {
    border-color: #117ff3;
    cursor: pointer;
    color: #117ff3
}

.CATS_cateAndTag_2cHEW .CATS_btnContainer_3hgTk .CATS_noMatching_dHYYF.CATS_active_3ev8b:hover {
    filter: brightness(1.05)
}

.CATS_cateAndTag_2cHEW .CATS_btnContainer_3hgTk .CATS_noMatching_dHYYF.CATS_active_3ev8b:active {
    filter: brightness(.8)
}

.CATS_cateRecommendTags_1bDFB {
    position: absolute;
    z-index: 2;
    left: 150px;
    display: none;
    border-radius: 4px;
    width: 100%;
    transition: .3s;
    transform: scaleY(.7);
    transform-origin: top;
    pointer-events: none;
    opacity: 0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

.CATS_cateRecommendTags_1bDFB.CATS_active_3ev8b {
    display: flex;
    transform: none;
    pointer-events: auto;
    opacity: 1
}

.CATS_cateRecommendTags_1bDFB.CATS_arab_3NNM5 {
    right: 0;
    left: auto
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ {
    width: 100%;
    text-align: initial;
    background-color: #fff;
    max-height: var(--category-search-tags-height, 280px);
    margin: 0 -5px
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ.CATS_pcBox_12UP4 {
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ.CATS_pcBox_12UP4::-webkit-scrollbar {
    background-color: #f1f3f5;
    width: 5px
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ.CATS_pcBox_12UP4::-webkit-scrollbar-track {
    background-color: #f1f3f5
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ.CATS_pcBox_12UP4::-webkit-scrollbar-thumb {
    background-color: #dfe1e6;
    border-radius: 16px
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ.CATS_pcBox_12UP4::-webkit-scrollbar-button {
    display: none
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ ul {
    margin: 5px 7px
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ ul.CATS_firstLevel_3D_Kj {
    height: calc(100% - 68px);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ ul.CATS_firstLevel_3D_Kj::-webkit-scrollbar {
    background-color: #f1f3f5;
    width: 5px
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ ul.CATS_firstLevel_3D_Kj::-webkit-scrollbar-track {
    background-color: #f1f3f5
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ ul.CATS_firstLevel_3D_Kj::-webkit-scrollbar-thumb {
    background-color: #dfe1e6;
    border-radius: 16px
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ ul.CATS_firstLevel_3D_Kj::-webkit-scrollbar-button {
    display: none
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ ul li {
    position: relative;
    margin: 5px;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
    transition: .3s;
    color: #919599
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ ul li .CATS_labelTitle_1Q_xN {
    display: flex;
    align-items: flex-start
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ ul li .CATS_labelTitle_1Q_xN .CATS_leftIcon_1uFLh {
    height: 20px;
    display: flex;
    margin-right: 5px;
    align-items: center
}

[class*=rtl] .CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ ul li .CATS_labelTitle_1Q_xN .CATS_leftIcon_1uFLh {
    margin-right: 0;
    margin-left: 5px
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ .CATS_btnContainer_3hgTk {
    display: flex;
    justify-content: space-between;
    margin: 0 10px;
    border-top: 1px solid #dfe1e6;
    padding: 10px 0
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ .CATS_btnContainer_3hgTk .CATS_confirm_BwzUo {
    flex: 1 1 auto;
    border-radius: 3px;
    height: 36px;
    line-height: 18px;
    padding: 9px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    transition: .3s;
    color: #fff;
    background: #ccc
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ .CATS_btnContainer_3hgTk .CATS_confirm_BwzUo.CATS_active_3ev8b {
    cursor: pointer;
    background: #e53935
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ .CATS_btnContainer_3hgTk .CATS_confirm_BwzUo.CATS_active_3ev8b:hover {
    filter: brightness(1.05)
}

.CATS_cateRecommendTags_1bDFB .CATS_recommendTags_3n5kQ .CATS_btnContainer_3hgTk .CATS_confirm_BwzUo.CATS_active_3ev8b:active {
    filter: brightness(.8)
}

.svg-icon {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    vertical-align: -.3em;
    fill: currentColor
}

/*!
 * Viewer.js v1.10.4
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2022-02-13T08:39:57.620Z
 */
.viewer-close:before,
.viewer-flip-horizontal:before,
.viewer-flip-vertical:before,
.viewer-fullscreen-exit:before,
.viewer-fullscreen:before,
.viewer-next:before,
.viewer-one-to-one:before,
.viewer-play:before,
.viewer-prev:before,
.viewer-reset:before,
.viewer-rotate-left:before,
.viewer-rotate-right:before,
.viewer-zoom-in:before,
.viewer-zoom-out:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px
}

.viewer-zoom-in:before {
    background-position: 0 0;
    content: "Zoom In"
}

.viewer-zoom-out:before {
    background-position: -20px 0;
    content: "Zoom Out"
}

.viewer-one-to-one:before {
    background-position: -40px 0;
    content: "One to One"
}

.viewer-reset:before {
    background-position: -60px 0;
    content: "Reset"
}

.viewer-prev:before {
    background-position: -80px 0;
    content: "Previous"
}

.viewer-play:before {
    background-position: -100px 0;
    content: "Play"
}

.viewer-next:before {
    background-position: -120px 0;
    content: "Next"
}

.viewer-rotate-left:before {
    background-position: -140px 0;
    content: "Rotate Left"
}

.viewer-rotate-right:before {
    background-position: -160px 0;
    content: "Rotate Right"
}

.viewer-flip-horizontal:before {
    background-position: -180px 0;
    content: "Flip Horizontal"
}

.viewer-flip-vertical:before {
    background-position: -200px 0;
    content: "Flip Vertical"
}

.viewer-fullscreen:before {
    background-position: -220px 0;
    content: "Enter Full Screen"
}

.viewer-fullscreen-exit:before {
    background-position: -240px 0;
    content: "Exit Full Screen"
}

.viewer-close:before {
    background-position: -260px 0;
    content: "Close"
}

.viewer-container {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    bottom: 0;
    direction: ltr;
    font-size: 0;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.viewer-container::-moz-selection,
.viewer-container ::-moz-selection {
    background-color: initial
}

.viewer-container::selection,
.viewer-container ::selection {
    background-color: initial
}

.viewer-container:focus {
    outline: 0
}

.viewer-container img {
    display: block;
    height: auto;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}

.viewer-canvas {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.viewer-canvas>img {
    height: auto;
    margin: 15px auto;
    max-width: 90% !important;
    width: auto
}

.viewer-footer {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center
}

.viewer-navbar {
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden
}

.viewer-list {
    box-sizing: initial;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 1px 0
}

.viewer-list>li {
    color: transparent;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    opacity: .5;
    overflow: hidden;
    transition: opacity .15s;
    width: 30px
}

.viewer-list>li:focus,
.viewer-list>li:hover {
    opacity: .75
}

.viewer-list>li:focus {
    outline: 0
}

.viewer-list>li+li {
    margin-left: 1px
}

.viewer-list>.viewer-loading {
    position: relative
}

.viewer-list>.viewer-loading:after {
    border-width: 2px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px
}

.viewer-list>.viewer-active,
.viewer-list>.viewer-active:focus,
.viewer-list>.viewer-active:hover {
    opacity: 1
}

.viewer-player {
    background-color: #000;
    bottom: 0;
    cursor: none;
    display: none;
    right: 0;
    z-index: 1
}

.viewer-player,
.viewer-player>img {
    left: 0;
    position: absolute;
    top: 0
}

.viewer-toolbar>ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px
}

.viewer-toolbar>ul>li {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    cursor: pointer;
    float: left;
    height: 24px;
    overflow: hidden;
    transition: background-color .15s;
    width: 24px
}

.viewer-toolbar>ul>li:focus,
.viewer-toolbar>ul>li:hover {
    background-color: rgba(0, 0, 0, .8)
}

.viewer-toolbar>ul>li:focus {
    box-shadow: 0 0 3px #fff;
    outline: 0;
    position: relative;
    z-index: 1
}

.viewer-toolbar>ul>li:before {
    margin: 2px
}

.viewer-toolbar>ul>li+li {
    margin-left: 1px
}

.viewer-toolbar>ul>.viewer-small {
    height: 18px;
    margin-bottom: 3px;
    margin-top: 3px;
    width: 18px
}

.viewer-toolbar>ul>.viewer-small:before {
    margin: -1px
}

.viewer-toolbar>ul>.viewer-large {
    height: 30px;
    margin-bottom: -3px;
    margin-top: -3px;
    width: 30px
}

.viewer-toolbar>ul>.viewer-large:before {
    margin: 5px
}

.viewer-tooltip {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 10px;
    color: #fff;
    display: none;
    font-size: 12px;
    height: 20px;
    left: 50%;
    line-height: 20px;
    margin-left: -25px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px
}

.viewer-title {
    color: #ccc;
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 5% 5px;
    max-width: 90%;
    opacity: .8;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity .15s;
    white-space: nowrap
}

.viewer-title:hover {
    opacity: 1
}

.viewer-button {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    cursor: pointer;
    height: 80px;
    overflow: hidden;
    position: absolute;
    right: -40px;
    top: -40px;
    transition: background-color .15s;
    width: 80px
}

.viewer-button:focus,
.viewer-button:hover {
    background-color: rgba(0, 0, 0, .8)
}

.viewer-button:focus {
    box-shadow: 0 0 3px #fff;
    outline: 0
}

.viewer-button:before {
    bottom: 15px;
    left: 15px;
    position: absolute
}

.viewer-fixed {
    position: fixed
}

.viewer-open {
    overflow: hidden
}

.viewer-show {
    display: block
}

.viewer-hide {
    display: none
}

.viewer-backdrop {
    background-color: rgba(0, 0, 0, .5)
}

.viewer-invisible {
    visibility: hidden
}

.viewer-move {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.viewer-fade {
    opacity: 0
}

.viewer-in {
    opacity: 1
}

.viewer-transition {
    transition: all .3s
}

@-webkit-keyframes viewer-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes viewer-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.viewer-loading:after {
    -webkit-animation: viewer-spinner 1s linear infinite;
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid hsla(0, 0%, 100%, .1);
    border-left-color: hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1
}

@media (max-width:767px) {
    .viewer-hide-xs-down {
        display: none
    }
}

@media (max-width:991px) {
    .viewer-hide-sm-down {
        display: none
    }
}

@media (max-width:1199px) {
    .viewer-hide-md-down {
        display: none
    }
}

body:not(.viewer-no-mosaic) .viewer-container .viewer-canvas {
    background: linear-gradient(45deg, #eee 25%, transparent 0, transparent 75%, #eee 0), linear-gradient(45deg, #eee 25%, transparent 0, transparent 75%, #eee 0);
    background-color: #fff;
    background-position: 0 0, 8px 8px;
    background-size: 16px 16px
}

body>#viewerId {
    display: none
}

.viewer-footer .viewer-toolbar ul li {
    box-sizing: initial;
    padding: 8px
}

.viewer-footer .viewer-toolbar ul li:before {
    margin: 0;
    width: 24px;
    height: 24px
}

.viewer-footer .viewer-toolbar ul .viewer-zoom-in:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTU4MC43MjIgNDM3Ljk5Vjc4LjE3MUg0MzYuNzk0djM1OS44Mkg3Ni45NzV2MTQzLjkyN2gzNTkuODJ2MzU5LjgyaDE0My45Mjd2LTM1OS44MmgzNTkuODJWNDM3Ljk5eiIvPjwvc3ZnPg==) 50% no-repeat
}

.viewer-footer .viewer-toolbar ul .viewer-zoom-out:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTU4Ny4yMyA0MzcuOTlINzYuOTc0djE0My45MjhoODYzLjU2N1Y0MzcuOTl6Ii8+PC9zdmc+) 50% no-repeat
}

.viewer-footer .viewer-toolbar ul .viewer-one-to-one:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQ0OCA0NDhoMTI4VjMyMEg0NDh2MTI4em0wIDI1NmgxMjhWNTc2SDQ0OHYxMjh6bTQ0OCAxMjhWNjRINzY4cy0zMy45ODQgNjQtMTI4IDY0djEyOGg2NHY1NzZoLTY0djEyOGgzMjBWODMyaC02NHptLTU3NiAwVjY0SDE5MnMtMzMuOTg0IDY0LTEyOCA2NHYxMjhoNjR2NTc2SDY0djEyOGgzMjBWODMyaC02NHoiLz48L3N2Zz4=) 50% no-repeat
}

.viewer-footer .viewer-toolbar ul .viewer-reset:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTcxMi45IDI5NS4xYy0xMjAuNy0xMTAuNy0zMDguMy0xMDIuNi00MTkgMTguMS04Ny40IDk1LjMtMTAzIDIzNi4zLTM4LjUgMzQ4LjQgODIgMTQxLjcgMjYzLjIgMTkwLjMgNDA1IDEwOC40IDY2LjgtMzguNiAxMTYtMTAxLjcgMTM3LTE3NiA4LjktMzEuNSA0MS43LTQ5LjggNzMuMi00MC45IDMxLjUgOC45IDQ5LjggNDEuNyA0MC45IDczLjJDODQ5LjEgODQ2LjggNjE5LjggOTc1IDM5OS4yIDkxMi42IDE3OC43IDg1MC4yIDUwLjUgNjIwLjkgMTEyLjkgNDAwLjNTNDA0LjYgNTEuNiA2MjUuMiAxMTRjNjQuMiAxOC4yIDEyMy4xIDUxLjUgMTcxLjYgOTcuM2w3OS43LTc5LjdjMTEuNi0xMS42IDMwLjMtMTEuNiA0MS45LS4xIDUuNiA1LjYgOC43IDEzLjEgOC43IDIxVjQwN2MwIDE2LjQtMTMuMyAyOS42LTI5LjYgMjkuNkg2NDIuOWMtMTYuNCAwLTI5LjYtMTMuMy0yOS42LTI5LjcgMC03LjggMy4xLTE1LjMgOC42LTIwLjlsOTEtOTAuOXoiLz48L3N2Zz4=) 50% no-repeat
}

.viewer-footer .viewer-toolbar ul .viewer-prev:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTY1OC4yOTIgMTAwMy41MDRoMjIzLjAwN2wtNDgzLjE4LTQ4My4xNjFMODgxLjMgMEg2NTguMjkybC00ODMuMTggNTIwLjM0MyA0ODMuMTggNDgzLjE2MXoiLz48L3N2Zz4=) 50% no-repeat
}

.viewer-footer .viewer-toolbar ul .viewer-next:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTg4MS4yOTkgNTIwLjM0M0wzOTguMTE5IDBIMTc1LjExMmw0ODMuMTggNTIwLjM0My00ODMuMTggNDgzLjE2MUgzOTguMTJMODgxLjMgNTIwLjM0M3oiLz48L3N2Zz4=) 50% no-repeat
}

.viewer-footer .viewer-toolbar ul .viewer-rotate-left:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTY3MiA0MThIMTQ0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnY0MTRjMCAxNy43IDE0LjMgMzIgMzIgMzJoNTI4YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjQ1MGMwLTE3LjctMTQuMy0zMi0zMi0zMnptLTQ0IDQwMkgxODhWNDk0aDQ0MHYzMjZ6bTE5MS4zLTQ5MS41Yy03OC44LTEwMC43LTE5Ni0xNTMuNi0zMTQuNi0xNTQuMmwtLjItNjRjMC02LjUtNy42LTEwLjEtMTIuNi02LjFsLTEyOCAxMDFjLTQgMy4xLTMuOSA5LjEgMCAxMi4zTDQ5MiAzMTguNmM1LjEgNCAxMi43LjQgMTIuNi02LjF2LTYzLjljMTIuOS4xIDI1LjkuOSAzOC44IDIuNSA0Mi4xIDUuMiA4Mi4xIDE4LjIgMTE5IDM4LjcgMzguMSAyMS4yIDcxLjIgNDkuNyA5OC40IDg0LjMgMjcuMSAzNC43IDQ2LjcgNzMuNyA1OC4xIDExNS44IDExIDQwLjcgMTQgODIuNyA4LjkgMTI0LjgtLjcgNS40LTEuNCAxMC44LTIuNCAxNi4xaDc0LjljMTQuOC0xMDMuNi0xMS4zLTIxMy04MS0zMDIuM3oiLz48L3N2Zz4=) 50% no-repeat
}

.viewer-footer .viewer-toolbar ul .viewer-rotate-right:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQ4MC41IDI1MS4yYzEzLTEuNiAyNS45LTIuNCAzOC44LTIuNXY2My45YzAgNi41IDcuNSAxMC4xIDEyLjYgNi4xTDY2MCAyMTcuNmM0LTMuMiA0LTkuMiAwLTEyLjNsLTEyOC0xMDFjLTUuMS00LTEyLjYtLjQtMTIuNiA2LjFsLS4yIDY0Yy0xMTguNi41LTIzNS44IDUzLjQtMzE0LjYgMTU0LjItNjkuNiA4OS4yLTk1LjcgMTk4LjYtODEuMSAzMDIuNGg3NC45Yy0uOS01LjMtMS43LTEwLjctMi40LTE2LjEtNS4xLTQyLjEtMi4xLTg0LjEgOC45LTEyNC44IDExLjQtNDIuMiAzMS04MS4xIDU4LjEtMTE1LjggMjcuMi0zNC43IDYwLjMtNjMuMiA5OC40LTg0LjMgMzctMjAuNiA3Ni45LTMzLjYgMTE5LjEtMzguOHpNODgwIDQxOEgzNTJjLTE3LjcgMC0zMiAxNC4zLTMyIDMydjQxNGMwIDE3LjcgMTQuMyAzMiAzMiAzMmg1MjhjMTcuNyAwIDMyLTE0LjMgMzItMzJWNDUwYzAtMTcuNy0xNC4zLTMyLTMyLTMyem0tNDQgNDAySDM5NlY0OTRoNDQwdjMyNnoiLz48L3N2Zz4=) 50% no-repeat
}

.LI_zoom_qXPKp {
    cursor: zoom-in
}

.verify-cate-and-tag-search {
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap
}

.verify-cate-and-tag-search .meo-button {
    margin: 10px 0 0;
    width: 73px;
    height: var(--height-input, 44px);
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dfe1e6;
    padding: 0;
    filter: none !important
}

.verify-cate-and-tag-search .selected-tag-product,
.verify-cate-and-tag-search .selected-tag-tag {
    display: flex;
    align-items: center;
    margin: 10px 10px 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    max-width: 100%;
    min-height: var(--height-input, 44px);
    line-height: 32px;
    padding: 0 10px;
    font-size: 14px;
    color: #0a1833
}

[class*=rtl] .verify-cate-and-tag-search .selected-tag-product,
[class*=rtl] .verify-cate-and-tag-search .selected-tag-tag {
    margin-right: 0;
    margin-left: 10px
}

.verify-cate-and-tag-search .selected-tag-product span,
.verify-cate-and-tag-search .selected-tag-tag span {
    text-align: left;
    word-break: break-all
}

.verify-cate-and-tag-search .selected-tag-product .svg-icon,
.verify-cate-and-tag-search .selected-tag-tag .svg-icon {
    display: flex;
    margin-left: 10px;
    color: #c6c9cc;
    cursor: pointer
}

[class*=rtl] .verify-cate-and-tag-search .selected-tag-product .svg-icon,
[class*=rtl] .verify-cate-and-tag-search .selected-tag-tag .svg-icon {
    margin-left: 0;
    margin-right: 10px
}

.verify-cate-and-tag-search .tags-count {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 8px;
    width: 100%;
    line-height: 16px;
    font-size: 12px;
    color: #8a9199
}

.verify-cate-and-tag-search .tags-count .count-number {
    color: #e53935
}

.verify-cate-and-tag-search .verify-error {
    width: 100%
}

.verify-cate-and-tag-search .item-mobile-input {
    position: relative;
    width: 100%;
    z-index: 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 0
}

.verify-cate-and-tag-search .item-mobile-input input {
    padding: 0 35px 0 12px
}

.verify-cate-and-tag-search .item-mobile-input svg {
    position: absolute;
    z-index: 100;
    right: 10px;
    width: 18px;
    color: #8a9199
}

.H_header_1r1V8 {
    position: relative;
    z-index: 503;
    width: 100%;
    min-width: 1200px;
    background: #fff
}

.H_header_1r1V8+.H_menuItem_qxQKP {
    border-top: 1px solid #e8e8e8
}

.H_split_3pzjN {
    margin: 0 20px;
    width: 1px;
    height: 24px;
    background-color: #c6c9cc
}

.H_content_2SX7G {
    margin: 0 auto;
    width: 1200px;
    height: 100%
}

@media screen and (min-width:1600px) {
    .H_maxContent_38qHh {
        width: 1440px
    }
}

.H_headerTop_20mx7 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #475266;
    background-color: #e9edf8
}

.H_headerTop_20mx7 .H_topOut_3SjUq {
    display: flex;
    justify-content: space-between
}

.H_currentCountry_1Frpj {
    cursor: default;
    color: #8a9199
}

.H_currentCountry_1Frpj span {
    color: #8a9199
}

.H_currentCountry_1Frpj .H_currentCountryName_3LJuE {
    color: #377af7
}

.H_otherOpation_7zLgw {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0;
    height: 24px;
    line-height: 24px
}

.H_otherOpation_7zLgw .H_helpBtn_2sXmM:hover {
    color: #e53935
}

.H_otherOpation_7zLgw .H_appBtn_DLXNn {
    position: relative;
    margin: 0 20px;
    border-right: 1px solid #c6c9cc;
    border-left: 1px solid #c6c9cc;
    height: 100%;
    padding: 0 20px;
    cursor: pointer
}

.H_otherOpation_7zLgw .H_appBtn_DLXNn .H_qrCode_3PgEA {
    position: absolute;
    z-index: 1000;
    top: 40px;
    left: calc(50% - 50px)
}

.H_otherOpation_7zLgw .H_appBtn_DLXNn .H_qrCode_3PgEA .H_card_3GarC {
    position: relative;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    display: inline-flex;
    flex-direction: column;
    padding: 10px
}

.H_otherOpation_7zLgw .H_appBtn_DLXNn .H_qrCode_3PgEA .H_card_3GarC.H_active_2Ydmw {
    box-shadow: 0 0 0 2px #e53935
}

.H_otherOpation_7zLgw .H_appBtn_DLXNn .H_qrCode_3PgEA .H_card_3GarC:after,
.H_otherOpation_7zLgw .H_appBtn_DLXNn .H_qrCode_3PgEA .H_card_3GarC:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -3.53553px;
    left: calc(50% - 4.53553px);
    border-radius: 2px;
    width: 9.07107px;
    height: 9.07107px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.H_otherOpation_7zLgw .H_appBtn_DLXNn .H_qrCode_3PgEA .H_card_3GarC:after {
    z-index: auto;
    box-shadow: none
}

.H_otherOpation_7zLgw .H_appBtn_DLXNn .H_qrCode_3PgEA .H_card_3GarC.H_active_2Ydmw,
.H_otherOpation_7zLgw .H_appBtn_DLXNn .H_qrCode_3PgEA .H_card_3GarC.H_active_2Ydmw:before {
    box-shadow: 0 0 0 2px #e53935
}

.H_otherOpation_7zLgw .H_appBtn_DLXNn .H_qrCode_3PgEA img {
    display: block;
    width: 100px;
    height: 100px
}

.H_otherOpation_7zLgw .H_langageCon_2UVjD {
    position: relative;
    vertical-align: center;
    cursor: pointer;
    color: #0a1833
}

.H_otherOpation_7zLgw .H_langageCon_2UVjD select {
    border: none;
    outline: none;
    background-color: initial
}

.H_otherOpation_7zLgw .H_langageCon_2UVjD .H_qrCode_3PgEA {
    position: absolute;
    z-index: 1000;
    top: 40px;
    right: 0
}

.H_otherOpation_7zLgw .H_langageCon_2UVjD .H_qrCode_3PgEA .H_card_3GarC {
    position: relative;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    display: inline-flex;
    flex-direction: column;
    padding: 10px
}

.H_otherOpation_7zLgw .H_langageCon_2UVjD .H_qrCode_3PgEA .H_card_3GarC.H_active_2Ydmw {
    box-shadow: 0 0 0 2px #e53935
}

.H_otherOpation_7zLgw .H_langageCon_2UVjD .H_qrCode_3PgEA .H_card_3GarC:after,
.H_otherOpation_7zLgw .H_langageCon_2UVjD .H_qrCode_3PgEA .H_card_3GarC:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -3.53553px;
    left: calc(50% - 4.53553px);
    border-radius: 2px;
    width: 9.07107px;
    height: 9.07107px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.H_otherOpation_7zLgw .H_langageCon_2UVjD .H_qrCode_3PgEA .H_card_3GarC:after {
    z-index: auto;
    box-shadow: none
}

.H_otherOpation_7zLgw .H_langageCon_2UVjD .H_qrCode_3PgEA .H_card_3GarC.H_active_2Ydmw,
.H_otherOpation_7zLgw .H_langageCon_2UVjD .H_qrCode_3PgEA .H_card_3GarC.H_active_2Ydmw:before {
    box-shadow: 0 0 0 2px #e53935
}

.H_otherOpation_7zLgw .H_langageCon_2UVjD .H_qrCode_3PgEA .H_card_3GarC .H_menuItem_qxQKP {
    white-space: nowrap
}

.H_otherOpation_7zLgw .H_langageCon_2UVjD .H_qrCode_3PgEA .H_card_3GarC .H_menuItem_qxQKP:hover {
    color: #e53935
}

.H_otherOpation_7zLgw .H_langageCon_2UVjD .H_qrCode_3PgEA img {
    display: block;
    width: 100px;
    height: 100px
}

.H_headerCon_2YZIz {
    position: -webkit-sticky;
    position: sticky;
    z-index: 502;
    top: 0;
    border-bottom: 1px solid #dfe1e6;
    height: 80px;
    background: #fff
}

.H_headerCon_2YZIz .H_conOut_3VAb6 {
    display: flex;
    align-items: center
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_classBtmBtn_JoNVn {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    color: #141f33
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_logoCon_1G-2k {
    display: flex;
    align-items: center;
    cursor: pointer
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_logoCon_1G-2k img {
    display: block;
    margin: 0 auto;
    max-width: 340px;
    height: 36px
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_logoCon_1G-2k .H_websiteName_2lm2G {
    margin-left: 20px;
    border-left: 1px solid #dfe1e6;
    line-height: 20px;
    padding-left: 20px;
    font-size: 24px;
    font-weight: 600;
    color: #0a1833
}

[class*=rtl] .H_headerCon_2YZIz .H_conOut_3VAb6 .H_logoCon_1G-2k .H_websiteName_2lm2G {
    margin-left: 0;
    padding-left: 0;
    margin-right: 20px;
    padding-right: 20px;
    border-left: none;
    border-right: 1px solid #dfe1e6
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 {
    flex: 1 1 auto;
    display: flex;
    border: 2px solid #e53935;
    border-radius: 3px;
    width: 100%;
    height: 40px;
    line-height: 36px;
    font-size: 14px;
    color: #141f33
}

[dir=ltr] .H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ {
    padding-left: 20px
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ:dir(ltr) {
    padding-left: 20px
}

[dir=rtl] .H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ {
    padding-right: 20px
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ:dir(rtl) {
    padding-right: 20px
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ {
    flex: 0 0 45px;
    border-radius: 20px;
    padding: 0 10px;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    text-align: center;
    font-weight: 500;
    outline: none;
    background-color: #fff
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ .H_searchSelectCon_hX40o {
    position: relative;
    display: block;
    vertical-align: center;
    cursor: pointer;
    color: #0a1833
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ .H_searchSelectCon_hX40o a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ .H_qrCode_3PgEA {
    position: absolute;
    z-index: 1000;
    top: 40px;
    right: 0
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ .H_qrCode_3PgEA .H_card_3GarC {
    position: relative;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    display: inline-flex;
    flex-direction: column;
    padding: 10px
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ .H_qrCode_3PgEA .H_card_3GarC.H_active_2Ydmw {
    box-shadow: 0 0 0 2px #e53935
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ .H_qrCode_3PgEA .H_card_3GarC:after,
.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ .H_qrCode_3PgEA .H_card_3GarC:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -3.53553px;
    left: calc(50% - 4.53553px);
    border-radius: 2px;
    width: 9.07107px;
    height: 9.07107px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ .H_qrCode_3PgEA .H_card_3GarC:after {
    z-index: auto;
    box-shadow: none
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ .H_qrCode_3PgEA .H_card_3GarC.H_active_2Ydmw,
.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ .H_qrCode_3PgEA .H_card_3GarC.H_active_2Ydmw:before {
    box-shadow: 0 0 0 2px #e53935
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ .H_qrCode_3PgEA .H_card_3GarC a {
    white-space: nowrap
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ .H_qrCode_3PgEA .H_card_3GarC .H_menuItem_qxQKP:hover {
    color: #e53935
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ .H_qrCode_3PgEA img {
    display: block;
    width: 100px;
    height: 100px
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchSelect_2dOdJ svg {
    color: #8a9199
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchValue_HS3V1 {
    flex: 1 1 auto;
    z-index: 1;
    border: none;
    border-right: 1px solid #dadde6;
    padding: 0 10px;
    outline: none
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_buttonEnd_qJBx9 {
    margin: 0 -18px;
    width: 36px;
    height: 36px;
    background-color: #e53935
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchBtn_2qiT5 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    min-width: 48px;
    line-height: 40px;
    font-weight: 500;
    cursor: pointer;
    color: #fff;
    background-color: #e53935
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchBtn_2qiT5 svg {
    margin: 0 auto
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchBtn_2qiT5:hover {
    filter: brightness(1.05)
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_searchCommon_2p_c6 .H_searchBtn_2qiT5:active {
    filter: brightness(.8)
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_newSearch_1BHM5 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    margin-left: 56px
}

[class*=rtl] .H_headerCon_2YZIz .H_conOut_3VAb6 .H_newSearch_1BHM5 {
    margin-left: 0;
    margin-right: 56px
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_newSearch_1BHM5 .H_newCard_wsobD {
    margin-bottom: 12px;
    font-size: 12px;
    cursor: pointer;
    color: #0a1833
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_newSearch_1BHM5 .H_newCard_wsobD a {
    padding: 3px 10px
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_newSearch_1BHM5 .H_newCard_wsobD .H_current_21iPv {
    position: relative;
    width: 63px;
    height: 20px;
    line-height: 14px;
    font-weight: 600;
    color: #e53935
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_newSearch_1BHM5 .H_newCard_wsobD .H_current_21iPv:after {
    content: "";
    position: absolute;
    bottom: -17px;
    left: calc(50% - 6px);
    border: 2px solid #e53935;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    background-color: #fff
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    min-width: 120px;
    height: 80px;
    line-height: 28px;
    font-size: 14px
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_accountCon_264wJ {
    flex: 0 0 auto;
    display: inline-block;
    max-width: 140px;
    height: 80px;
    line-height: 22px;
    padding: 18px 40px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #141f33
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_supplierAccountCon_2K4BY {
    cursor: pointer
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_loginEnterBtn_3SWP2 {
    box-sizing: border-box;
    flex: 0 0 auto;
    border: 1px solid #e53935;
    border-radius: 14px;
    height: 28px;
    line-height: 26px;
    padding: 0 20px;
    cursor: pointer;
    color: #e53935
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_loginBtn_3Gs2f {
    flex: 0 0 auto;
    border-radius: 14px;
    height: 28px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    background-color: #e53935
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_alreadyLoginCon_3NCAt {
    position: relative;
    vertical-align: center;
    cursor: pointer;
    color: #0a1833
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_alreadyLoginCon_3NCAt .H_qrCode_3PgEA {
    position: absolute;
    z-index: 1000;
    top: 70px;
    right: calc(50% - 90px)
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_alreadyLoginCon_3NCAt .H_qrCode_3PgEA .H_card_3GarC {
    position: relative;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    display: inline-flex;
    flex-direction: column;
    width: 180px;
    padding: 10px;
    text-align: center
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_alreadyLoginCon_3NCAt .H_qrCode_3PgEA .H_card_3GarC.H_active_2Ydmw {
    box-shadow: 0 0 0 2px #e53935
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_alreadyLoginCon_3NCAt .H_qrCode_3PgEA .H_card_3GarC:after,
.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_alreadyLoginCon_3NCAt .H_qrCode_3PgEA .H_card_3GarC:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -3.53553px;
    left: calc(50% - 4.53553px);
    border-radius: 2px;
    width: 9.07107px;
    height: 9.07107px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_alreadyLoginCon_3NCAt .H_qrCode_3PgEA .H_card_3GarC:after {
    z-index: auto;
    box-shadow: none
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_alreadyLoginCon_3NCAt .H_qrCode_3PgEA .H_card_3GarC.H_active_2Ydmw,
.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_alreadyLoginCon_3NCAt .H_qrCode_3PgEA .H_card_3GarC.H_active_2Ydmw:before {
    box-shadow: 0 0 0 2px #e53935
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_alreadyLoginCon_3NCAt .H_qrCode_3PgEA .H_card_3GarC .H_menuItem_qxQKP:hover {
    color: #e53935
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_loginCon_2fVFC .H_alreadyLoginCon_3NCAt .H_qrCode_3PgEA img {
    display: block;
    width: 100px;
    height: 100px
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_shoppingCart_21EHo {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 30px 0 40px;
    height: 80px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    color: #475266
}

[class*=rtl] .H_headerCon_2YZIz .H_conOut_3VAb6 .H_shoppingCart_21EHo {
    margin: 0 40px 30px 0
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_shoppingCart_21EHo span {
    padding: 0 10px
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_shoppingCart_21EHo p {
    position: absolute;
    top: 2px;
    left: calc(50% - 20px);
    display: inline-block;
    border-radius: 50%;
    width: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background-color: #e53935
}

[class*=rtl] .H_headerCon_2YZIz .H_conOut_3VAb6 .H_shoppingCart_21EHo p {
    right: calc(50% - 35px);
    left: auto
}

.H_headerCon_2YZIz .H_conOut_3VAb6 .H_RFQBtn_3wiU5 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    min-width: 210px;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    background-color: #e53935
}

.H_headerBtm_1XBpt {
    position: relative;
    z-index: 501;
    color: #475266;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    justify-items: center
}

.H_headerBtm_1XBpt .H_btmOut_24D6X {
    display: flex;
    align-items: center;
    height: 44px;
    line-height: 24px;
    font-size: 14px
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_classConOut_2glCG {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    cursor: pointer
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_classLink_R4WNv {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 24px;
    padding: 0 10px
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_classLink_R4WNv svg {
    margin: 0 4px;
    width: 14px;
    height: 16px
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg {
    flex: 0 1 auto;
    display: flex;
    flex-wrap: nowrap
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM,
.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_digitalShow_1Ghn4,
.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_Live247Btn_1NlaH,
.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_liveLink_25IQB,
.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_RequestBtn_36EEZ {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    height: 44px;
    font-size: 16px;
    cursor: pointer;
    color: #141f33
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_liveLink_25IQB {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    align-items: center
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_liveLink_25IQB>span {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_liveLink_25IQB .H_subMenu_MfROb {
    position: absolute;
    top: 44px;
    left: 0;
    display: none;
    border: 1px solid #dfe1e6;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_liveLink_25IQB .H_subMenu_MfROb ul {
    margin: 0;
    width: 130px
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_liveLink_25IQB .H_subMenu_MfROb ul li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 30px;
    padding: 0 10px 0 20px;
    font-size: 14px;
    cursor: pointer
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_liveLink_25IQB .H_subMenu_MfROb ul li span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 88px;
    font-size: 14px
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_liveLink_25IQB .H_subMenu_MfROb ul li:hover .H_right_svg_iocn_15lGr,
.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_liveLink_25IQB .H_subMenu_MfROb ul li:hover>span {
    color: #e53935
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_liveLink_25IQB .H_subMenu_MfROb ul li:hover .H_thirdMenu_3WZFO {
    display: block
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_liveLink_25IQB .H_subMenu_MfROb ul li .H_thirdMenu_3WZFO {
    position: absolute;
    top: 0;
    right: -133px;
    display: none;
    border: 1px solid #dfe1e6;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_liveLink_25IQB .H_subMenu_MfROb ul li .H_thirdMenu_3WZFO li span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 130px;
    font-size: 14px
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_liveLink_25IQB:hover .H_subMenu_MfROb {
    display: block
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_digitalShow_1Ghn4 {
    position: relative
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_digitalShow_1Ghn4 .H_digitalShowNew_3TrXs {
    position: absolute;
    top: 0;
    right: -37px;
    border-radius: 8px 8px 8px 0;
    line-height: 16px;
    padding: 0 6px;
    font-size: 12px;
    color: #fff;
    background-color: #e53935
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_countryPavilionBox_1l1hm,
.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI {
    position: absolute;
    top: 44px;
    visibility: hidden;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2)
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_countryPavilionBox_1l1hm ul {
    display: grid;
    flex-wrap: wrap;
    padding: 10px;
    grid-template-columns: auto auto auto;
    grid-column-gap: 40px
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_countryPavilionBox_1l1hm ul li {
    line-height: 22px;
    padding: 0 10px;
    font-size: 14px;
    color: #0a1833
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_countryPavilionBox_1l1hm ul li:hover {
    background-color: #f1f3f5
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_countryPavilionBox_1l1hm ul li a {
    display: flex;
    align-items: center;
    height: 44px
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_countryPavilionBox_1l1hm ul li img {
    flex: 0 1 auto;
    width: 36px;
    height: 22px
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_countryPavilionBox_1l1hm ul li .H_name_3F1CY {
    flex: 0 1 auto;
    display: inline-block;
    padding: 0 10px
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_countryPavilionBox_1l1hm ul li.H_active_2Ydmw {
    background-color: #f1f3f5
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI {
    padding: 10px 20px;
    width: 600px
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI ul li {
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
    color: #0a1833;
    border-bottom: 1px solid #dfe1e6
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI ul li:hover {
    background-color: #f1f3f5
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI ul li:last-child {
    border-bottom: 0
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI ul li .H_leftName_2B0hV {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    margin-right: 10px
}

[class*=rtl] .H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI ul li .H_leftName_2B0hV {
    margin-right: 0;
    margin-left: 10px
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI ul li .H_leftName_2B0hV img {
    width: 36px;
    height: 24px
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI ul li .H_leftName_2B0hV .H_name_3F1CY {
    flex: 0 1 auto;
    display: inline-block;
    padding: 0 10px;
    word-break: break-all
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI ul li .H_coming_3Ck2b,
.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI ul li .H_opening_19B68 {
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
    white-space: nowrap
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI ul li .H_coming_3Ck2b {
    background: rgba(241, 163, 40, .2);
    color: #f1a328
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI ul li .H_opening_19B68 {
    background: rgba(0, 204, 148, .1);
    color: #00cc94
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM .H_exhibitionBox_2L7cI ul li.H_active_2Ydmw {
    background-color: #f1f3f5
}

.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM:hover .H_countryPavilionBox_1l1hm,
.H_headerBtm_1XBpt .H_btmOut_24D6X .H_otherMenu_1DQPg .H_countryPavilionBtn_1g0SM:hover .H_exhibitionBox_2L7cI {
    visibility: initial
}

.H_sidebar_2Z4yl {
    position: fixed;
    z-index: 499;
    top: 0;
    right: 0;
    bottom: 0;
    border-left: 1px solid #dfe1e6;
    width: 40px;
    padding-top: 266px;
    font-size: 12px;
    color: #475266;
    background-color: #fff
}

.H_sidebar_2Z4yl .H_sidebarItem_csK3e {
    display: flex;
    align-items: center;
    flex-direction: column;
    line-height: 1.4;
    padding: 10px;
    text-align: center
}

.H_sidebar_2Z4yl .H_sidebarItem_csK3e .H_iconText_19PzB {
    position: relative;
    display: none;
    border-radius: 5px;
    line-height: 20px;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #475266
}

.H_sidebar_2Z4yl .H_sidebarItem_csK3e .H_iconText_19PzB :after {
    content: "";
    position: absolute;
    top: 14px;
    right: -6px;
    border-color: transparent currentcolor transparent #475266;
    border-style: solid none solid solid;
    border-width: 6px 0 6px 6px
}

.H_sidebar_2Z4yl .H_sidebarItem_csK3e:hover {
    position: relative;
    cursor: pointer;
    transition: transform .3s;
    color: #fff;
    background: #475266
}

.H_sidebar_2Z4yl .H_sidebarItem_csK3e:hover .H_iconText_19PzB {
    position: absolute;
    top: 0;
    right: 55px;
    display: block;
    transition: transform .3s
}

.H_sidebar_2Z4yl .H_sidebarItem_csK3e:nth-child(2) {
    border: 1px solid #dfe1e6;
    border-right: 0;
    border-left: 0
}

.H_sidebar_2Z4yl .H_sidebarItem_csK3e:last-child {
    position: absolute;
    bottom: 200px
}

.H_sidebar_2Z4yl .H_sidebarItem_csK3e svg {
    font-size: 16px
}

.H_loginForm_3yxXK {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 40px auto 20px;
    width: 670px
}

.H_loginForm_3yxXK .H_logo_39OTn {
    display: none
}

.H_registerForm_1THNs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 40px auto;
    width: 840px
}

.H_registerForm_1THNs .H_logo_39OTn {
    display: none
}

.H_registerForm_1THNs>:nth-child(-n+8) {
    order: 1
}

.H_registerForm_1THNs>:nth-child(9) {
    order: 3
}

.H_registerForm_1THNs>:nth-child(10) {
    order: 2
}

.H_registerForm_1THNs>:nth-child(n+11) {
    order: 4
}

.H_title_2vT1W {
    margin-top: 20px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: #0a1833
}

[class*=rtl] .H_title_2vT1W {
    text-align: right
}

.H_loginTitle_3sG1T {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #dfe1e6;
    width: calc(100% - 40px);
    line-height: 24px;
    padding-bottom: 9px;
    font-size: 18px;
    color: #8a9199;
    background: #fff
}

.H_loginTitle_3sG1T a {
    margin: 0 20px;
    cursor: pointer
}

.H_loginTitle_3sG1T a.H_activeButton_wZ0oH {
    position: relative;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
    cursor: inherit;
    color: #0a1833
}

.H_loginTitle_3sG1T a.H_activeButton_wZ0oH:after {
    content: " ";
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #e53935
}

.H_forgotButton_5Lq8L,
.H_loginButton_rs8XI,
.H_loginInput_MEs2I,
.H_registerButton_1dxbb {
    width: 350px !important;
    font-size: 14px
}

.H_emailBox_2vke0 {
    position: relative
}

.H_emailBox_2vke0 .H_emailCheck_2WHIL {
    position: absolute;
    top: 27px;
    right: -40px
}

[class*=rtl] .H_emailBox_2vke0 .H_emailCheck_2WHIL {
    left: -40px;
    right: auto
}

.H_loginButton_rs8XI,
.H_registerButton_1dxbb {
    line-height: 24px;
    font-weight: 700
}

.H_loginTag_5ETPA {
    --width-tag-search: 350px;
    width: 100%;
    font-size: 14px
}

.H_loginButton_rs8XI {
    margin-top: 18px
}

.H_forgotButton_5Lq8L {
    justify-content: flex-start;
    margin: 12px 0 0;
    line-height: 20px;
    cursor: pointer;
    color: #377af7
}

.H_registerTip_1Bl1i {
    margin: 14px 0 20px;
    line-height: 20px;
    text-align: center;
    color: #919599
}

.H_loginModalBox_3aYqB {
    top: 5vh;
    min-width: 710px;
    min-height: 0;
    padding: 20px
}

.H_loginModalBox_3aYqB:not([class~=closing]) {
    transition: left 0s 0s, transform 0s 0s, opacity .2s, top .3s, border-radius .3s, min-width .3s, min-height .3s, padding .3s
}

.H_loginModalBoxH5_2hNxb,
.H_registerModalBoxH5_1gL5c {
    top: 1px !important;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    padding: 0 !important
}

.H_loginModalBoxH5_2hNxb .modal-box-close,
.H_registerModalBoxH5_1gL5c .modal-box-close {
    display: none
}

.H_registerModalBox_1VsOK {
    --category-search-tags-height: 120px;
    position: absolute !important;
    top: 5vh;
    min-width: 1200px !important;
    min-height: 0;
    padding: 20px;
    transition: left 0s 0s, transform 0s 0s, opacity .2s, top .3s, border-radius .3s, min-width .3s, min-height .3s, padding .3s
}

.H_splitLine_RVfRb {
    margin: 0 20px;
    width: 1px;
    height: 32px;
    background-color: #e8e8e8
}

.H_siteName_CNGZi {
    flex: 1 1 auto;
    font-size: 24px;
    font-weight: 600;
    color: #0a1833
}

.H_recommend_26_5n {
    display: flex;
    margin-top: 20px;
    text-align: initial;
    width: 100%
}

.H_recommend_26_5n .H_icon_2eQui {
    margin-top: -2px;
    margin-right: 5px
}

[class*=rtl] .H_recommend_26_5n .H_icon_2eQui {
    margin-right: 0;
    margin-left: 5px
}

.H_recommend_26_5n .H_recommendText_SQRs4 {
    line-height: 14px;
    font-size: 12px;
    color: #475266
}

.H_mobile_2orrB .H_loginTop_B8FZB {
    position: -webkit-sticky;
    position: sticky;
    z-index: 100;
    top: 0;
    display: flex;
    margin: 0 auto;
    border-bottom: 1px solid #dfe1e6;
    width: 100%;
    max-width: 410px;
    height: 44px;
    line-height: 44px;
    padding: 0 12px;
    font-size: 18px;
    font-weight: 600;
    color: #0a1833;
    background-color: #fff
}

.H_mobile_2orrB .H_loginTop_B8FZB .H_backBtn_2cAkB {
    flex: 0 0 auto;
    width: 30px;
    color: #475266
}

.H_mobile_2orrB .H_loginTop_B8FZB .H_backBtn_2cAkB svg {
    width: 13px;
    height: 13px;
    vertical-align: middle
}

.H_mobile_2orrB .H_loginTop_B8FZB .H_loginText_36KyB {
    flex: 1 1 auto
}

.H_mobile_2orrB .H_loginForm_3yxXK,
.H_mobile_2orrB .H_registerForm_1THNs {
    margin: 0;
    width: 100%
}

.H_mobile_2orrB .H_loginForm_3yxXK .H_logo_39OTn,
.H_mobile_2orrB .H_registerForm_1THNs .H_logo_39OTn {
    display: inline-block;
    margin-top: 20px;
    width: 182px;
    height: 32px
}

.H_mobile_2orrB .H_loginForm_3yxXK .H_loginTitle_3sG1T,
.H_mobile_2orrB .H_registerForm_1THNs .H_loginTitle_3sG1T {
    position: relative;
    top: auto;
    left: auto;
    margin: 20px 0 6px;
    width: calc(100% - 20px)
}

.H_mobile_2orrB .H_loginForm_3yxXK .H_loginTitle_3sG1T a.H_activeButton_wZ0oH,
.H_mobile_2orrB .H_registerForm_1THNs .H_loginTitle_3sG1T a.H_activeButton_wZ0oH {
    color: #e53935
}

.H_mobile_2orrB .H_loginForm_3yxXK .H_forgotButton_5Lq8L,
.H_mobile_2orrB .H_registerForm_1THNs .H_forgotButton_5Lq8L {
    order: 1;
    justify-content: center;
    margin: 20px 0 0;
    text-decoration: underline;
    color: #2a6ed0
}

.H_mobile_2orrB .H_registerForm_1THNs {
    justify-content: center;
    margin: 0 auto;
    width: 372px;
    padding: 0 12px;
    background: #fff
}

.H_mobile_2orrB .H_registerForm_1THNs .H_loginTitle_3sG1T {
    width: 100%
}

.H_mobile_2orrB .H_registerForm_1THNs .H_recommend_26_5n {
    margin: 20px -13px 0 -14px;
    padding: 12px;
    background: #f1f3f5;
    box-shadow: inset 0 -6px 4px -4px rgba(0, 0, 0, .1)
}

.H_mobile_2orrB .H_registerForm_1THNs .H_loginButton_rs8XI {
    margin: 7px 0
}

.H_mobile_2orrB .H_registerForm_1THNs>:nth-child(9) {
    order: 2
}

.H_mobile_2orrB .H_registerForm_1THNs>:nth-child(10) {
    order: 3
}

.H_mobile_2orrB .H_emailCheck_2WHIL {
    right: 12px
}

[class*=rtl] .H_mobile_2orrB .H_emailCheck_2WHIL {
    left: 12px;
    right: auto
}

.verify-common-item {
    position: relative;
    margin-top: 14px;
    width: 100%;
    text-align: initial
}

.verify-common-item textarea.input {
    padding: 12px
}

.item-container {
    border: 1px solid #c6c9cc;
    border-radius: 3px;
    width: 100%;
    height: var(--verify-item-height, var(--height-input, 44px));
    padding: 0 12px;
    vertical-align: top;
    background-color: #fff
}

.item-container:not(input) {
    cursor: pointer
}

.item-container+.placeholder {
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    position: absolute;
    top: calc(var(--verify-item-height, var(--height-input, 44px))/2 - 11px);
    margin: 0 7px;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    font-size: inherit;
    overflow: hidden;
    transition: transform .2s ease, font-size .05s;
    pointer-events: none;
    color: var(--color-placeholder, #aab1b9)
}

.item-container::-webkit-input-placeholder {
    color: var(--color-placeholder, #aab1b9)
}

.item-container+.has-value,
.item-container.focus+.placeholder,
.item-container:focus+.placeholder,
.item-container:focus-within+.placeholder {
    width: auto;
    padding: 0 5px;
    font-size: 12px;
    overflow: hidden;
    transition: transform .2s ease, font-size 0s;
    transform: translateY(calc(-1*var(--verify-item-height, var(--height-input, 44px))/2));
    color: inherit;
    background-color: #fff
}

.item-container.item-error {
    border: 1px solid var(--color-validate-failed, var(--color-error, #e53935));
    box-shadow: 0 0 2px var(--color-validate-failed, var(--color-error, #e53935))
}

.item-container.item-error+.placeholder {
    color: var(--color-placeholder, #aab1b9)
}

.item-container.item-error:valid+.placeholder {
    color: var(--color-validate-failed, var(--color-error, #e53935))
}

.item-container.focus,
.item-container:focus,
.item-container:focus-within {
    border: 1px solid var(--color-input-focus, var(--color-main, #e53935));
    outline: 0;
    box-shadow: 0 0 2px var(--color-input-focus, var(--color-main, #e53935))
}

.item-container.focus+.placeholder,
.item-container:focus+.placeholder,
.item-container:focus-within+.placeholder {
    color: var(--color-input-focus, var(--color-main, #e53935))
}

.verify-error {
    display: flex;
    align-items: center;
    margin: 0 -3px;
    height: 0;
    font-size: 12px;
    overflow: hidden;
    transition: all .2s
}

.verify-error,
.verify-error .svg-icon {
    color: var(--color-validate-failed, var(--color-error, #e53935))
}

.verify-error .svg-icon {
    margin: 0 3px;
    width: 14px;
    height: 14px
}

.verify-error.active {
    height: auto;
    padding: 7px 0 0;
    padding-top: var(--verify-error-gap, 7px)
}

.verify-error.absolute-error-info {
    position: absolute
}

.verify-input-wrapper {
    position: relative
}

.verify-input-suffix {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 12px;
    display: flex;
    align-items: center;
    line-height: 0;
    transform: translateY(-50%);
    color: rgba(0, 0, 0, .65)
}

.verify-input-suffix+.verify-input-suffix {
    right: 35px
}

.rtl .verify-input-suffix {
    left: 12px;
    right: auto
}

.rtl .verify-input-suffix+.verify-input-suffix {
    left: 35px
}

.verify-input-pwd-toggle {
    cursor: pointer
}

.MB_mask_2Qtco {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: var(--duration-widget-transition, .2s)
}

.MB_activeMask_2utJf {
    background-color: var(--bg-color-mask, rgba(0, 0, 0, .3))
}

.ModalBox_box_1Nthf {
    position: fixed;
    z-index: 1000;
    top: 20vh;
    left: 50vw;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: var(--modal-box-radius, var(--radius-common, 5px));
    min-width: 320px;
    min-height: 180px;
    padding: 10px 10px 20px;
    text-align: center;
    transition: transform var(--duration-widget-transition, .2s), opacity var(--duration-widget-transition, .2s);
    transform: translate3d(-50%, 0, 0) translateY(-50px) scale(.85);
    transform-origin: top center;
    opacity: 0;
    background-color: #fff
}

.MB_active_1G5eK {
    transform: translate3d(-50%, 0, 0);
    opacity: 1
}

.MB_mobile_u0TlG {
    position: absolute
}

.MB_movable_2NcY8 {
    transform: var(--position-transform, ) translate3d(-50%, 0, 0) translateY(-50px) scale(.85)
}

.MB_movable_2NcY8.MB_active_1G5eK {
    transform: var(--position-transform, ) translate3d(-50%, 0, 0)
}

.MB_movable_2NcY8.MB_initialized_3UHCR {
    transition: opacity var(--duration-widget-transition, .2s)
}

.MB_movable_2NcY8.MB_closing_2yu2q {
    transition: transform var(--duration-widget-transition, .2s), opacity var(--duration-widget-transition, .2s)
}

.MB_close_2hm8P {
    align-self: flex-end;
    position: relative;
    z-index: 101;
    margin-bottom: -14px;
    width: 24px;
    height: 24px;
    padding: 4px;
    cursor: pointer;
    transition: color var(--duration-widget-transition, .2s);
    color: rgba(0, 0, 0, .3)
}

.MB_close_2hm8P>svg {
    display: block;
    width: 100%;
    height: 100%
}

.MB_close_2hm8P:hover {
    color: var(--color-text-important, #0a1833)
}

.MB_content_-mWrg {
    flex: 1 1 auto;
    width: 100%;
    overflow: auto
}

.MB_action_1oXjH {
    padding: 10px 0 0
}

.MB_action_1oXjH a {
    height: 32px;
    padding: 0 1em
}

.MB_action_1oXjH .MB_confirmAction_3DgO3 {
    display: flex;
    justify-content: space-between;
    width: 250px
}

.MB_action_1oXjH .MB_confirmAction_3DgO3 a {
    width: 120px;
    height: 40px
}

.MB_action_1oXjH .MB_confirmAction_3DgO3 .MB_cancel_2F2gt {
    border: 1px solid #c6c9cc;
    color: #8a9199;
    background-color: #fff
}

.L_loading-box_3H0AZ {
    position: relative;
    margin: 0 auto;
    color: #979797
}

.L_loading-box_3H0AZ .L_loading-icon-box_1og4C {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-mask-image: linear-gradient(90deg, transparent, #fff 35%, #fff 65%, transparent);
    mask-image: linear-gradient(90deg, transparent, #fff 35%, #fff 65%, transparent);
    overflow: hidden
}

.L_loading-box_3H0AZ .L_loading-icon-content_1c_KJ {
    direction: ltr;
    display: flex;
    align-items: center;
    height: 100%;
    overflow: visible;
    will-change: transform
}

.L_loading-box_3H0AZ .L_loading-tip_11mSx {
    text-align: center;
    line-height: 1.5
}

/*# sourceMappingURL=app.6b69de53e69dbd310297.chunk.css.map */