Showing source for: https://linksupergacorwd.com/
Duration: 0.724927s
Server: cloudflare
<!doctype html>
<html class="rwd" dir="ltr" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>KUDALIAR89 â¨ï¸ Platform Hiburan Online Akses Disini Dengan Link Resmi Kami</title>
<meta name="description"
content="Jelajahi platform hiburan online KUDALIAR89 lewat link resmi kami. Dapatkan panduan lengkap, indikator analisis presisi, dan transaksi otomatis tanpa potongan." />
<link rel="canonical" href="https://linksupergacorwd.com/" />
<link rel="amphtml" href="https://linksupergacorwd.com/origin/" />
<link rel="alternate" hreflang="id-id" href="https://linksupergacorwd.com/origin/"/>
<link rel="alternate" href="https://linksupergacorwd.com/origin/"/>
<link rel="alternate" hreflang="id" href="https://linksupergacorwd.com/origin/"/>
<link rel="alternate" hreflang="en" href="https://linksupergacorwd.com/origin/"/>
<link rel="alternate" hreflang="x-default" href="https://linksupergacorwd.com/origin/"/>
<meta property="og:title"
content="KUDALIAR89 â¨ï¸ Platform Hiburan Online Akses Disini Dengan Link Resmi Kami" />
<meta property="og:description"
content="Jelajahi platform hiburan online KUDALIAR89 lewat link resmi kami. Dapatkan panduan lengkap, indikator analisis presisi, dan transaksi otomatis tanpa potongan." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://linksupergacorwd.com/" />
<meta property="og:site_name" content="KUDALIAR89" />
<meta property="og:image" content="https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png" />
<meta property="og:image:alt" content="KUDALIAR89" />
<meta property="og:type" content="product" />
<meta property="og:availability" content="instock" />
<meta name="robots" content="index, follow" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title"
content="KUDALIAR89 â¨ï¸ Platform Hiburan Online Akses Disini Dengan Link Resmi Kami" />
<meta name="twitter:description"
content="Jelajahi platform hiburan online KUDALIAR89 lewat link resmi kami. Dapatkan panduan lengkap, indikator analisis presisi, dan transaksi otomatis tanpa potongan." />
<meta name="twitter:image" content="https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png" />
<link rel="icon" href="https://landingpage-image.xyz/uploads/default/1786604151-icon-kudaliar89.webp" type="image/webp" />
<link rel="preload" as="image" href="https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png" />
<link rel="preconnect" href="https://s.alicdn.com" />
<link rel="dns-prefetch" href="https://s.alicdn.com" />
<style>
.rtl .icon-rtl {
transform: rotate(180deg);
}
.tap-toast-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: flex-start;
padding-top: 60px;
z-index: 10000;
}
.tap-toast {
background-color: #000000;
opacity: 0.85;
height: 48px;
padding: 16px;
border-radius: 8px;
opacity: 0;
transition: opacity 0.3s ease;
display: flex;
align-items: center;
z-index: 10000;
}
.tap-toast.show {
opacity: 1;
}
.tap-toast-tips {
font-size: 16px;
color: #fff;
padding-left: 8px;
}
</style>
<style type="text/css">
[data-vaul-drawer] {
touch-action: none;
will-change: transform;
transition: transform 0.5s cubic-bezier(0.32, 0.72, 0, 1);
animation-duration: 0.5s;
animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="bottom"][data-state="open"] {
animation-name: slideFromBottom;
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="bottom"][data-state="closed"] {
animation-name: slideToBottom;
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="top"][data-state="open"] {
animation-name: slideFromTop;
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="top"][data-state="closed"] {
animation-name: slideToTop;
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="left"][data-state="open"] {
animation-name: slideFromLeft;
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="left"][data-state="closed"] {
animation-name: slideToLeft;
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="right"][data-state="open"] {
animation-name: slideFromRight;
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="right"][data-state="closed"] {
animation-name: slideToRight;
}
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="bottom"] {
transform: translate3d(0, var(--initial-transform, 100%), 0);
}
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="top"] {
transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
}
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="left"] {
transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
}
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="right"] {
transform: translate3d(var(--initial-transform, 100%), 0, 0);
}
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="top"] {
transform: translate3d(0, var(--snap-point-height, 0), 0);
}
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="bottom"] {
transform: translate3d(0, var(--snap-point-height, 0), 0);
}
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="left"] {
transform: translate3d(var(--snap-point-height, 0), 0, 0);
}
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="right"] {
transform: translate3d(var(--snap-point-height, 0), 0, 0);
}
[data-vaul-overlay][data-vaul-snap-points="false"] {
animation-duration: 0.5s;
animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
}
[data-vaul-overlay][data-vaul-snap-points="false"][data-state="open"] {
animation-name: fadeIn;
}
[data-vaul-overlay][data-state="closed"] {
animation-name: fadeOut;
}
[data-vaul-animate="false"] {
animation: none !important;
}
[data-vaul-overlay][data-vaul-snap-points="true"] {
opacity: 0;
transition: opacity 0.5s cubic-bezier(0.32, 0.72, 0, 1);
}
[data-vaul-overlay][data-vaul-snap-points="true"] {
opacity: 1;
}
[data-vaul-drawer]:not([data-vaul-custom-container="true"])::after {
content: "";
position: absolute;
background: inherit;
background-color: inherit;
}
[data-vaul-drawer][data-vaul-drawer-direction="top"]::after {
top: initial;
bottom: 100%;
left: 0;
right: 0;
height: 200%;
}
[data-vaul-drawer][data-vaul-drawer-direction="bottom"]::after {
top: 100%;
bottom: initial;
left: 0;
right: 0;
height: 200%;
}
[data-vaul-drawer][data-vaul-drawer-direction="left"]::after {
left: initial;
right: 100%;
top: 0;
bottom: 0;
width: 200%;
}
[data-vaul-drawer][data-vaul-drawer-direction="right"]::after {
left: 100%;
right: initial;
top: 0;
bottom: 0;
width: 200%;
}
[data-vaul-overlay][data-vaul-snap-points="true"]:not([data-vaul-snap-points-overlay="true"]):not([data-state="closed"]) {
opacity: 0;
}
[data-vaul-overlay][data-vaul-snap-points-overlay="true"] {
opacity: 1;
}
[data-vaul-handle] {
display: block;
position: relative;
opacity: 0.7;
background: #e2e2e4;
margin-left: auto;
margin-right: auto;
height: 5px;
width: 32px;
border-radius: 1rem;
touch-action: pan-y;
}
[data-vaul-handle]:active,
[data-vaul-handle]:hover {
opacity: 1;
}
[data-vaul-handle-hitarea] {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: max(100%, 2.75rem);
height: max(100%, 2.75rem);
touch-action: inherit;
}
@media (hover: hover) and (pointer: fine) {
[data-vaul-drawer] {
user-select: none;
}
}
@media (pointer: fine) {
[data-vaul-handle-hitarea]: {
width: 100%;
height: 100%;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeOut {
to {
opacity: 0;
}
}
@keyframes slideFromBottom {
from {
transform: translate3d(0, var(--initial-transform, 100%), 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes slideToBottom {
to {
transform: translate3d(0, var(--initial-transform, 100%), 0);
}
}
@keyframes slideFromTop {
from {
transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes slideToTop {
to {
transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
}
}
@keyframes slideFromLeft {
from {
transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes slideToLeft {
to {
transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
}
}
@keyframes slideFromRight {
from {
transform: translate3d(var(--initial-transform, 100%), 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes slideToRight {
to {
transform: translate3d(var(--initial-transform, 100%), 0, 0);
}
}
</style>
<style type="text/css">
[data-sonner-toaster][dir="ltr"],
html[dir="ltr"] {
--toast-icon-margin-start: -3px;
--toast-icon-margin-end: 4px;
--toast-svg-margin-start: -1px;
--toast-svg-margin-end: 0px;
--toast-button-margin-start: auto;
--toast-button-margin-end: 0;
--toast-close-button-start: 0;
--toast-close-button-end: unset;
--toast-close-button-transform: translate(-35%, -35%);
}
[data-sonner-toaster][dir="rtl"],
html[dir="rtl"] {
--toast-icon-margin-start: 4px;
--toast-icon-margin-end: -3px;
--toast-svg-margin-start: 0px;
--toast-svg-margin-end: -1px;
--toast-button-margin-start: 0;
--toast-button-margin-end: auto;
--toast-close-button-start: unset;
--toast-close-button-end: 0;
--toast-close-button-transform: translate(35%, -35%);
}
[data-sonner-toaster] {
position: fixed;
width: var(--width);
font-family:
ui-sans-serif,
system-ui,
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
--gray1: hsl(0, 0%, 99%);
--gray2: hsl(0, 0%, 97.3%);
--gray3: hsl(0, 0%, 95.1%);
--gray4: hsl(0, 0%, 93%);
--gray5: hsl(0, 0%, 90.9%);
--gray6: hsl(0, 0%, 88.7%);
--gray7: hsl(0, 0%, 85.8%);
--gray8: hsl(0, 0%, 78%);
--gray9: hsl(0, 0%, 56.1%);
--gray10: hsl(0, 0%, 52.3%);
--gray11: hsl(0, 0%, 43.5%);
--gray12: hsl(0, 0%, 9%);
--border-radius: 8px;
box-sizing: border-box;
padding: 0;
margin: 0;
list-style: none;
outline: 0;
z-index: 999999999;
transition: transform 0.4s ease;
}
@media (hover: none) and (pointer: coarse) {
[data-sonner-toaster][data-lifted="true"] {
transform: none;
}
}
[data-sonner-toaster][data-x-position="right"] {
right: var(--offset-right);
}
[data-sonner-toaster][data-x-position="left"] {
left: var(--offset-left);
}
[data-sonner-toaster][data-x-position="center"] {
left: 50%;
transform: translateX(-50%);
}
[data-sonner-toaster][data-y-position="top"] {
top: var(--offset-top);
}
[data-sonner-toaster][data-y-position="bottom"] {
bottom: var(--offset-bottom);
}
[data-sonner-toast] {
--y: translateY(100%);
--lift-amount: calc(var(--lift) * var(--gap));
z-index: var(--z-index);
position: absolute;
opacity: 0;
transform: var(--y);
touch-action: none;
transition:
transform 0.4s,
opacity 0.4s,
height 0.4s,
box-shadow 0.2s;
box-sizing: border-box;
outline: 0;
overflow-wrap: anywhere;
}
[data-sonner-toast][data-styled="true"] {
padding: 16px;
background: var(--normal-bg);
border: 1px solid var(--normal-border);
color: var(--normal-text);
border-radius: var(--border-radius);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
width: var(--width);
font-size: 13px;
display: flex;
align-items: center;
gap: 6px;
}
[data-sonner-toast]:focus-visible {
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.1),
0 0 0 2px rgba(0, 0, 0, 0.2);
}
[data-sonner-toast][data-y-position="top"] {
top: 0;
--y: translateY(-100%);
--lift: 1;
--lift-amount: calc(1 * var(--gap));
}
[data-sonner-toast][data-y-position="bottom"] {
bottom: 0;
--y: translateY(100%);
--lift: -1;
--lift-amount: calc(var(--lift) * var(--gap));
}
[data-sonner-toast][data-styled="true"] [data-description] {
font-weight: 400;
line-height: 1.4;
color: #3f3f3f;
}
[data-rich-colors="true"][data-sonner-toast][data-styled="true"] [data-description] {
color: inherit;
}
[data-sonner-toaster][data-sonner-theme="dark"] [data-description] {
color: #e8e8e8;
}
[data-sonner-toast][data-styled="true"] [data-title] {
font-weight: 500;
line-height: 1.5;
color: inherit;
}
[data-sonner-toast][data-styled="true"] [data-icon] {
display: flex;
height: 16px;
width: 16px;
position: relative;
justify-content: flex-start;
align-items: center;
flex-shrink: 0;
margin-left: var(--toast-icon-margin-start);
margin-right: var(--toast-icon-margin-end);
}
[data-sonner-toast][data-promise="true"] [data-icon]>svg {
opacity: 0;
transform: scale(0.8);
transform-origin: center;
animation: sonner-fade-in 0.3s ease forwards;
}
[data-sonner-toast][data-styled="true"] [data-icon]>* {
flex-shrink: 0;
}
[data-sonner-toast][data-styled="true"] [data-icon] svg {
margin-left: var(--toast-svg-margin-start);
margin-right: var(--toast-svg-margin-end);
}
[data-sonner-toast][data-styled="true"] [data-content] {
display: flex;
flex-direction: column;
gap: 2px;
}
[data-sonner-toast][data-styled="true"] [data-button] {
border-radius: 4px;
padding-left: 8px;
padding-right: 8px;
height: 24px;
font-size: 12px;
color: var(--normal-bg);
background: var(--normal-text);
margin-left: var(--toast-button-margin-start);
margin-right: var(--toast-button-margin-end);
border: none;
font-weight: 500;
cursor: pointer;
outline: 0;
display: flex;
align-items: center;
flex-shrink: 0;
transition:
opacity 0.4s,
box-shadow 0.2s;
}
[data-sonner-toast][data-styled="true"] [data-button]:focus-visible {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4);
}
[data-sonner-toast][data-styled="true"] [data-button]:first-of-type {
margin-left: var(--toast-button-margin-start);
margin-right: var(--toast-button-margin-end);
}
[data-sonner-toast][data-styled="true"] [data-cancel] {
color: var(--normal-text);
background: rgba(0, 0, 0, 0.08);
}
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-styled="true"] [data-cancel] {
background: rgba(255, 255, 255, 0.3);
}
[data-sonner-toast][data-styled="true"] [data-close-button] {
position: absolute;
left: var(--toast-close-button-start);
right: var(--toast-close-button-end);
top: 0;
height: 20px;
width: 20px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
color: var(--gray12);
background: var(--normal-bg);
border: 1px solid var(--gray4);
transform: var(--toast-close-button-transform);
border-radius: 50%;
cursor: pointer;
z-index: 1;
transition:
opacity 0.1s,
background 0.2s,
border-color 0.2s;
}
[data-sonner-toast][data-styled="true"] [data-close-button]:focus-visible {
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.1),
0 0 0 2px rgba(0, 0, 0, 0.2);
}
[data-sonner-toast][data-styled="true"] [data-disabled="true"] {
cursor: not-allowed;
}
[data-sonner-toast][data-styled="true"]:hover [data-close-button]:hover {
background: var(--gray2);
border-color: var(--gray5);
}
[data-sonner-toast][data-swiping="true"]::before {
content: "";
position: absolute;
left: -100%;
right: -100%;
height: 100%;
z-index: -1;
}
[data-sonner-toast][data-y-position="top"][data-swiping="true"]::before {
bottom: 50%;
transform: scaleY(3) translateY(50%);
}
[data-sonner-toast][data-y-position="bottom"][data-swiping="true"]::before {
top: 50%;
transform: scaleY(3) translateY(-50%);
}
[data-sonner-toast][data-swiping="false"][data-removed="true"]::before {
content: "";
position: absolute;
inset: 0;
transform: scaleY(2);
}
[data-sonner-toast][data-expanded="true"]::after {
content: "";
position: absolute;
left: 0;
height: calc(var(--gap) + 1px);
bottom: 100%;
width: 100%;
}
[data-sonner-toast][data-mounted="true"] {
--y: translateY(0);
opacity: 1;
}
[data-sonner-toast][data-expanded="false"][data-front="false"] {
--scale: var(--toasts-before) * 0.05 + 1;
--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));
height: var(--front-toast-height);
}
[data-sonner-toast]>* {
transition: opacity 0.4s;
}
[data-sonner-toast][data-x-position="right"] {
right: 0;
}
[data-sonner-toast][data-x-position="left"] {
left: 0;
}
[data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"]>* {
opacity: 0;
}
[data-sonner-toast][data-visible="false"] {
opacity: 0;
pointer-events: none;
}
[data-sonner-toast][data-mounted="true"][data-expanded="true"] {
--y: translateY(calc(var(--lift) * var(--offset)));
height: var(--initial-height);
}
[data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"] {
--y: translateY(calc(var(--lift) * -100%));
opacity: 0;
}
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"] {
--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));
opacity: 0;
}
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"] {
--y: translateY(40%);
opacity: 0;
transition:
transform 0.5s,
opacity 0.2s;
}
[data-sonner-toast][data-removed="true"][data-front="false"]::before {
height: calc(var(--initial-height) + 20%);
}
[data-sonner-toast][data-swiping="true"] {
transform: var(--y) translateY(var(--swipe-amount-y, 0)) translateX(var(--swipe-amount-x, 0));
transition: none;
}
[data-sonner-toast][data-swiped="true"] {
user-select: none;
}
[data-sonner-toast][data-swipe-out="true"][data-y-position="bottom"],
[data-sonner-toast][data-swipe-out="true"][data-y-position="top"] {
animation-duration: 0.2s;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
}
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="left"] {
animation-name: swipe-out-left;
}
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="right"] {
animation-name: swipe-out-right;
}
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="up"] {
animation-name: swipe-out-up;
}
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="down"] {
animation-name: swipe-out-down;
}
@keyframes swipe-out-left {
from {
transform: var(--y) translateX(var(--swipe-amount-x));
opacity: 1;
}
to {
transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
opacity: 0;
}
}
@keyframes swipe-out-right {
from {
transform: var(--y) translateX(var(--swipe-amount-x));
opacity: 1;
}
to {
transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
opacity: 0;
}
}
@keyframes swipe-out-up {
from {
transform: var(--y) translateY(var(--swipe-amount-y));
opacity: 1;
}
to {
transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
opacity: 0;
}
}
@keyframes swipe-out-down {
from {
transform: var(--y) translateY(var(--swipe-amount-y));
opacity: 1;
}
to {
transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
opacity: 0;
}
}
@media (max-width: 600px) {
[data-sonner-toaster] {
position: fixed;
right: var(--mobile-offset-right);
left: var(--mobile-offset-left);
width: 100%;
}
[data-sonner-toaster][dir="rtl"] {
left: calc(var(--mobile-offset-left) * -1);
}
[data-sonner-toaster] [data-sonner-toast] {
left: 0;
right: 0;
width: calc(100% - var(--mobile-offset-left) * 2);
}
[data-sonner-toaster][data-x-position="left"] {
left: var(--mobile-offset-left);
}
[data-sonner-toaster][data-y-position="bottom"] {
bottom: var(--mobile-offset-bottom);
}
[data-sonner-toaster][data-y-position="top"] {
top: var(--mobile-offset-top);
}
[data-sonner-toaster][data-x-position="center"] {
left: var(--mobile-offset-left);
right: var(--mobile-offset-right);
transform: none;
}
}
[data-sonner-toaster][data-sonner-theme="light"] {
--normal-bg: #fff;
--normal-border: var(--gray4);
--normal-text: var(--gray12);
--success-bg: hsl(143, 85%, 96%);
--success-border: hsl(145, 92%, 87%);
--success-text: hsl(140, 100%, 27%);
--info-bg: hsl(208, 100%, 97%);
--info-border: hsl(221, 91%, 93%);
--info-text: hsl(210, 92%, 45%);
--warning-bg: hsl(49, 100%, 97%);
--warning-border: hsl(49, 91%, 84%);
--warning-text: hsl(31, 92%, 45%);
--error-bg: hsl(359, 100%, 97%);
--error-border: hsl(359, 100%, 94%);
--error-text: hsl(360, 100%, 45%);
}
[data-sonner-toaster][data-sonner-theme="light"] [data-sonner-toast][data-invert="true"] {
--normal-bg: #000;
--normal-border: hsl(0, 0%, 20%);
--normal-text: var(--gray1);
}
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-invert="true"] {
--normal-bg: #fff;
--normal-border: var(--gray3);
--normal-text: var(--gray12);
}
[data-sonner-toaster][data-sonner-theme="dark"] {
--normal-bg: #000;
--normal-bg-hover: hsl(0, 0%, 12%);
--normal-border: hsl(0, 0%, 20%);
--normal-border-hover: hsl(0, 0%, 25%);
--normal-text: var(--gray1);
--success-bg: hsl(150, 100%, 6%);
--success-border: hsl(147, 100%, 12%);
--success-text: hsl(150, 86%, 65%);
--info-bg: hsl(215, 100%, 6%);
--info-border: hsl(223, 43%, 17%);
--info-text: hsl(216, 87%, 65%);
--warning-bg: hsl(64, 100%, 6%);
--warning-border: hsl(60, 100%, 9%);
--warning-text: hsl(46, 87%, 65%);
--error-bg: hsl(358, 76%, 10%);
--error-border: hsl(357, 89%, 16%);
--error-text: hsl(358, 100%, 81%);
}
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button] {
background: var(--normal-bg);
border-color: var(--normal-border);
color: var(--normal-text);
}
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button]:hover {
background: var(--normal-bg-hover);
border-color: var(--normal-border-hover);
}
[data-rich-colors="true"][data-sonner-toast][data-type="success"] {
background: var(--success-bg);
border-color: var(--success-border);
color: var(--success-text);
}
[data-rich-colors="true"][data-sonner-toast][data-type="success"] [data-close-button] {
background: var(--success-bg);
border-color: var(--success-border);
color: var(--success-text);
}
[data-rich-colors="true"][data-sonner-toast][data-type="info"] {
background: var(--info-bg);
border-color: var(--info-border);
color: var(--info-text);
}
[data-rich-colors="true"][data-sonner-toast][data-type="info"] [data-close-button] {
background: var(--info-bg);
border-color: var(--info-border);
color: var(--info-text);
}
[data-rich-colors="true"][data-sonner-toast][data-type="warning"] {
background: var(--warning-bg);
border-color: var(--warning-border);
color: var(--warning-text);
}
[data-rich-colors="true"][data-sonner-toast][data-type="warning"] [data-close-button] {
background: var(--warning-bg);
border-color: var(--warning-border);
color: var(--warning-text);
}
[data-rich-colors="true"][data-sonner-toast][data-type="error"] {
background: var(--error-bg);
border-color: var(--error-border);
color: var(--error-text);
}
[data-rich-colors="true"][data-sonner-toast][data-type="error"] [data-close-button] {
background: var(--error-bg);
border-color: var(--error-border);
color: var(--error-text);
}
.sonner-loading-wrapper {
--size: 16px;
height: var(--size);
width: var(--size);
position: absolute;
inset: 0;
z-index: 10;
}
.sonner-loading-wrapper[data-visible="false"] {
transform-origin: center;
animation: sonner-fade-out 0.2s ease forwards;
}
.sonner-spinner {
position: relative;
top: 50%;
left: 50%;
height: var(--size);
width: var(--size);
}
.sonner-loading-bar {
animation: sonner-spin 1.2s linear infinite;
background: var(--gray11);
border-radius: 6px;
height: 8%;
left: -10%;
position: absolute;
top: -3.9%;
width: 24%;
}
.sonner-loading-bar:first-child {
animation-delay: -1.2s;
transform: rotate(0.0001deg) translate(146%);
}
.sonner-loading-bar:nth-child(2) {
animation-delay: -1.1s;
transform: rotate(30deg) translate(146%);
}
.sonner-loading-bar:nth-child(3) {
animation-delay: -1s;
transform: rotate(60deg) translate(146%);
}
.sonner-loading-bar:nth-child(4) {
animation-delay: -0.9s;
transform: rotate(90deg) translate(146%);
}
.sonner-loading-bar:nth-child(5) {
animation-delay: -0.8s;
transform: rotate(120deg) translate(146%);
}
.sonner-loading-bar:nth-child(6) {
animation-delay: -0.7s;
transform: rotate(150deg) translate(146%);
}
.sonner-loading-bar:nth-child(7) {
animation-delay: -0.6s;
transform: rotate(180deg) translate(146%);
}
.sonner-loading-bar:nth-child(8) {
animation-delay: -0.5s;
transform: rotate(210deg) translate(146%);
}
.sonner-loading-bar:nth-child(9) {
animation-delay: -0.4s;
transform: rotate(240deg) translate(146%);
}
.sonner-loading-bar:nth-child(10) {
animation-delay: -0.3s;
transform: rotate(270deg) translate(146%);
}
.sonner-loading-bar:nth-child(11) {
animation-delay: -0.2s;
transform: rotate(300deg) translate(146%);
}
.sonner-loading-bar:nth-child(12) {
animation-delay: -0.1s;
transform: rotate(330deg) translate(146%);
}
@keyframes sonner-fade-in {
0% {
opacity: 0;
transform: scale(0.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes sonner-fade-out {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(0.8);
}
}
@keyframes sonner-spin {
0% {
opacity: 1;
}
100% {
opacity: 0.15;
}
}
@media (prefers-reduced-motion) {
.sonner-loading-bar,
[data-sonner-toast],
[data-sonner-toast]>* {
transition: none !important;
animation: none !important;
}
}
.sonner-loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform-origin: center;
transition:
opacity 0.2s,
transform 0.2s;
}
.sonner-loader[data-visible="false"] {
opacity: 0;
transform: scale(0.8) translate(-50%, -50%);
}
</style>
<style type="text/css">
@keyframes spinners-react-circular {
0% {
stroke-dashoffset: 306;
}
50% {
stroke-dasharray: 40, 134;
}
to {
stroke-dasharray: 1, 174;
stroke-dashoffset: 132;
}
}
</style>
<style type="text/css">
@keyframes spinners-react-circular-fixed {
0% {
stroke-dashoffset: 325;
}
to {
stroke-dashoffset: 151;
}
}
</style>
<style type="text/css">
@keyframes spinners-react-circular-split {
0% {
stroke-dashoffset: 1;
stroke-dasharray: 5, 170;
}
10% {
stroke-dashoffset: 13;
stroke-dasharray: 30, 145;
}
13% {
stroke-dashoffset: -11;
stroke-dasharray: 5, 145;
}
50% {
stroke-dasharray: 5, 0, 5, 165;
stroke-dashoffset: -82;
}
51% {
stroke-dasharray: 2, 0, 2, 139;
stroke-dashoffset: -85;
}
61% {
stroke-dasharray: 15, 0, 15, 165;
stroke-dashoffset: -72;
}
64% {
stroke-dasharray: 5, 20, 5, 145;
stroke-dashoffset: -72;
}
}
</style>
<style type="text/css">
@keyframes spinners-react-infinity {
0% {
stroke-dasharray: 1, 347;
stroke-dashoffset: 75;
}
25%,
75% {
stroke-dasharray: 17, 330;
}
50% {
stroke-dasharray: 1, 347;
}
to {
stroke-dasharray: 1, 347;
stroke-dashoffset: 423;
}
}
</style>
<style type="text/css">
@keyframes spinners-react-dotted-center {
0%,
15%,
85%,
to {
transform: scale(0);
}
40%,
50% {
transform: scale(1);
}
84% {
transform: scale(0.45);
}
}
@keyframes spinners-react-dotted-shrink {
50% {
transform: translate(0);
}
}
</style>
<style type="text/css">
@keyframes spinners-react-round {
27%,
73% {
r: 2px;
stroke-width: 4;
}
}
</style>
<style type="text/css">
@keyframes spinners-react-round-outlined {
35%,
65% {
r: 2px;
stroke-width: 4;
}
}
</style>
<style type="text/css">
@keyframes spinners-react-diamond {
25% {
transform: translate(30px, -30px);
}
50% {
transform: translate(60px);
}
75% {
transform: translate(30px, 30px);
}
}
</style>
<style type="text/css">
[data-vaul-drawer] {
touch-action: none;
will-change: transform;
transition: transform 0.5s cubic-bezier(0.32, 0.72, 0, 1);
animation-duration: 0.5s;
animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="bottom"][data-state="open"] {
animation-name: slideFromBottom;
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="bottom"][data-state="closed"] {
animation-name: slideToBottom;
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="top"][data-state="open"] {
animation-name: slideFromTop;
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="top"][data-state="closed"] {
animation-name: slideToTop;
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="left"][data-state="open"] {
animation-name: slideFromLeft;
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="left"][data-state="closed"] {
animation-name: slideToLeft;
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="right"][data-state="open"] {
animation-name: slideFromRight;
}
[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="right"][data-state="closed"] {
animation-name: slideToRight;
}
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="bottom"] {
transform: translate3d(0, var(--initial-transform, 100%), 0);
}
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="top"] {
transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
}
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="left"] {
transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
}
[data-vaul-drawer][data-vaul-snap-points="true"][data-vaul-drawer-direction="right"] {
transform: translate3d(var(--initial-transform, 100%), 0, 0);
}
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="top"] {
transform: translate3d(0, var(--snap-point-height, 0), 0);
}
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="bottom"] {
transform: translate3d(0, var(--snap-point-height, 0), 0);
}
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="left"] {
transform: translate3d(var(--snap-point-height, 0), 0, 0);
}
[data-vaul-drawer][data-vaul-delayed-snap-points="true"][data-vaul-drawer-direction="right"] {
transform: translate3d(var(--snap-point-height, 0), 0, 0);
}
[data-vaul-overlay][data-vaul-snap-points="false"] {
animation-duration: 0.5s;
animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
}
[data-vaul-overlay][data-vaul-snap-points="false"][data-state="open"] {
animation-name: fadeIn;
}
[data-vaul-overlay][data-state="closed"] {
animation-name: fadeOut;
}
[data-vaul-animate="false"] {
animation: none !important;
}
[data-vaul-overlay][data-vaul-snap-points="true"] {
opacity: 0;
transition: opacity 0.5s cubic-bezier(0.32, 0.72, 0, 1);
}
[data-vaul-overlay][data-vaul-snap-points="true"] {
opacity: 1;
}
[data-vaul-drawer]:not([data-vaul-custom-container="true"])::after {
content: "";
position: absolute;
background: inherit;
background-color: inherit;
}
[data-vaul-drawer][data-vaul-drawer-direction="top"]::after {
top: initial;
bottom: 100%;
left: 0;
right: 0;
height: 200%;
}
[data-vaul-drawer][data-vaul-drawer-direction="bottom"]::after {
top: 100%;
bottom: initial;
left: 0;
right: 0;
height: 200%;
}
[data-vaul-drawer][data-vaul-drawer-direction="left"]::after {
left: initial;
right: 100%;
top: 0;
bottom: 0;
width: 200%;
}
[data-vaul-drawer][data-vaul-drawer-direction="right"]::after {
left: 100%;
right: initial;
top: 0;
bottom: 0;
width: 200%;
}
[data-vaul-overlay][data-vaul-snap-points="true"]:not([data-vaul-snap-points-overlay="true"]):not([data-state="closed"]) {
opacity: 0;
}
[data-vaul-overlay][data-vaul-snap-points-overlay="true"] {
opacity: 1;
}
[data-vaul-handle] {
display: block;
position: relative;
opacity: 0.7;
background: #e2e2e4;
margin-left: auto;
margin-right: auto;
height: 5px;
width: 32px;
border-radius: 1rem;
touch-action: pan-y;
}
[data-vaul-handle]:active,
[data-vaul-handle]:hover {
opacity: 1;
}
[data-vaul-handle-hitarea] {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: max(100%, 2.75rem);
height: max(100%, 2.75rem);
touch-action: inherit;
}
@media (hover: hover) and (pointer: fine) {
[data-vaul-drawer] {
user-select: none;
}
}
@media (pointer: fine) {
[data-vaul-handle-hitarea]: {
width: 100%;
height: 100%;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeOut {
to {
opacity: 0;
}
}
@keyframes slideFromBottom {
from {
transform: translate3d(0, var(--initial-transform, 100%), 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes slideToBottom {
to {
transform: translate3d(0, var(--initial-transform, 100%), 0);
}
}
@keyframes slideFromTop {
from {
transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes slideToTop {
to {
transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0);
}
}
@keyframes slideFromLeft {
from {
transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes slideToLeft {
to {
transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0);
}
}
@keyframes slideFromRight {
from {
transform: translate3d(var(--initial-transform, 100%), 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes slideToRight {
to {
transform: translate3d(var(--initial-transform, 100%), 0, 0);
}
}
</style>
<style type="text/css">
[data-sonner-toaster][dir="ltr"],
html[dir="ltr"] {
--toast-icon-margin-start: -3px;
--toast-icon-margin-end: 4px;
--toast-svg-margin-start: -1px;
--toast-svg-margin-end: 0px;
--toast-button-margin-start: auto;
--toast-button-margin-end: 0;
--toast-close-button-start: 0;
--toast-close-button-end: unset;
--toast-close-button-transform: translate(-35%, -35%);
}
[data-sonner-toaster][dir="rtl"],
html[dir="rtl"] {
--toast-icon-margin-start: 4px;
--toast-icon-margin-end: -3px;
--toast-svg-margin-start: 0px;
--toast-svg-margin-end: -1px;
--toast-button-margin-start: 0;
--toast-button-margin-end: auto;
--toast-close-button-start: unset;
--toast-close-button-end: 0;
--toast-close-button-transform: translate(35%, -35%);
}
[data-sonner-toaster] {
position: fixed;
width: var(--width);
font-family:
ui-sans-serif,
system-ui,
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
--gray1: hsl(0, 0%, 99%);
--gray2: hsl(0, 0%, 97.3%);
--gray3: hsl(0, 0%, 95.1%);
--gray4: hsl(0, 0%, 93%);
--gray5: hsl(0, 0%, 90.9%);
--gray6: hsl(0, 0%, 88.7%);
--gray7: hsl(0, 0%, 85.8%);
--gray8: hsl(0, 0%, 78%);
--gray9: hsl(0, 0%, 56.1%);
--gray10: hsl(0, 0%, 52.3%);
--gray11: hsl(0, 0%, 43.5%);
--gray12: hsl(0, 0%, 9%);
--border-radius: 8px;
box-sizing: border-box;
padding: 0;
margin: 0;
list-style: none;
outline: 0;
z-index: 999999999;
transition: transform 0.4s ease;
}
@media (hover: none) and (pointer: coarse) {
[data-sonner-toaster][data-lifted="true"] {
transform: none;
}
}
[data-sonner-toaster][data-x-position="right"] {
right: var(--offset-right);
}
[data-sonner-toaster][data-x-position="left"] {
left: var(--offset-left);
}
[data-sonner-toaster][data-x-position="center"] {
left: 50%;
transform: translateX(-50%);
}
[data-sonner-toaster][data-y-position="top"] {
top: var(--offset-top);
}
[data-sonner-toaster][data-y-position="bottom"] {
bottom: var(--offset-bottom);
}
[data-sonner-toast] {
--y: translateY(100%);
--lift-amount: calc(var(--lift) * var(--gap));
z-index: var(--z-index);
position: absolute;
opacity: 0;
transform: var(--y);
touch-action: none;
transition:
transform 0.4s,
opacity 0.4s,
height 0.4s,
box-shadow 0.2s;
box-sizing: border-box;
outline: 0;
overflow-wrap: anywhere;
}
[data-sonner-toast][data-styled="true"] {
padding: 16px;
background: var(--normal-bg);
border: 1px solid var(--normal-border);
color: var(--normal-text);
border-radius: var(--border-radius);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
width: var(--width);
font-size: 13px;
display: flex;
align-items: center;
gap: 6px;
}
[data-sonner-toast]:focus-visible {
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.1),
0 0 0 2px rgba(0, 0, 0, 0.2);
}
[data-sonner-toast][data-y-position="top"] {
top: 0;
--y: translateY(-100%);
--lift: 1;
--lift-amount: calc(1 * var(--gap));
}
[data-sonner-toast][data-y-position="bottom"] {
bottom: 0;
--y: translateY(100%);
--lift: -1;
--lift-amount: calc(var(--lift) * var(--gap));
}
[data-sonner-toast][data-styled="true"] [data-description] {
font-weight: 400;
line-height: 1.4;
color: #3f3f3f;
}
[data-rich-colors="true"][data-sonner-toast][data-styled="true"] [data-description] {
color: inherit;
}
[data-sonner-toaster][data-sonner-theme="dark"] [data-description] {
color: #e8e8e8;
}
[data-sonner-toast][data-styled="true"] [data-title] {
font-weight: 500;
line-height: 1.5;
color: inherit;
}
[data-sonner-toast][data-styled="true"] [data-icon] {
display: flex;
height: 16px;
width: 16px;
position: relative;
justify-content: flex-start;
align-items: center;
flex-shrink: 0;
margin-left: var(--toast-icon-margin-start);
margin-right: var(--toast-icon-margin-end);
}
[data-sonner-toast][data-promise="true"] [data-icon]>svg {
opacity: 0;
transform: scale(0.8);
transform-origin: center;
animation: sonner-fade-in 0.3s ease forwards;
}
[data-sonner-toast][data-styled="true"] [data-icon]>* {
flex-shrink: 0;
}
[data-sonner-toast][data-styled="true"] [data-icon] svg {
margin-left: var(--toast-svg-margin-start);
margin-right: var(--toast-svg-margin-end);
}
[data-sonner-toast][data-styled="true"] [data-content] {
display: flex;
flex-direction: column;
gap: 2px;
}
[data-sonner-toast][data-styled="true"] [data-button] {
border-radius: 4px;
padding-left: 8px;
padding-right: 8px;
height: 24px;
font-size: 12px;
color: var(--normal-bg);
background: var(--normal-text);
margin-left: var(--toast-button-margin-start);
margin-right: var(--toast-button-margin-end);
border: none;
font-weight: 500;
cursor: pointer;
outline: 0;
display: flex;
align-items: center;
flex-shrink: 0;
transition:
opacity 0.4s,
box-shadow 0.2s;
}
[data-sonner-toast][data-styled="true"] [data-button]:focus-visible {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4);
}
[data-sonner-toast][data-styled="true"] [data-button]:first-of-type {
margin-left: var(--toast-button-margin-start);
margin-right: var(--toast-button-margin-end);
}
[data-sonner-toast][data-styled="true"] [data-cancel] {
color: var(--normal-text);
background: rgba(0, 0, 0, 0.08);
}
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-styled="true"] [data-cancel] {
background: rgba(255, 255, 255, 0.3);
}
[data-sonner-toast][data-styled="true"] [data-close-button] {
position: absolute;
left: var(--toast-close-button-start);
right: var(--toast-close-button-end);
top: 0;
height: 20px;
width: 20px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
color: var(--gray12);
background: var(--normal-bg);
border: 1px solid var(--gray4);
transform: var(--toast-close-button-transform);
border-radius: 50%;
cursor: pointer;
z-index: 1;
transition:
opacity 0.1s,
background 0.2s,
border-color 0.2s;
}
[data-sonner-toast][data-styled="true"] [data-close-button]:focus-visible {
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.1),
0 0 0 2px rgba(0, 0, 0, 0.2);
}
[data-sonner-toast][data-styled="true"] [data-disabled="true"] {
cursor: not-allowed;
}
[data-sonner-toast][data-styled="true"]:hover [data-close-button]:hover {
background: var(--gray2);
border-color: var(--gray5);
}
[data-sonner-toast][data-swiping="true"]::before {
content: "";
position: absolute;
left: -100%;
right: -100%;
height: 100%;
z-index: -1;
}
[data-sonner-toast][data-y-position="top"][data-swiping="true"]::before {
bottom: 50%;
transform: scaleY(3) translateY(50%);
}
[data-sonner-toast][data-y-position="bottom"][data-swiping="true"]::before {
top: 50%;
transform: scaleY(3) translateY(-50%);
}
[data-sonner-toast][data-swiping="false"][data-removed="true"]::before {
content: "";
position: absolute;
inset: 0;
transform: scaleY(2);
}
[data-sonner-toast][data-expanded="true"]::after {
content: "";
position: absolute;
left: 0;
height: calc(var(--gap) + 1px);
bottom: 100%;
width: 100%;
}
[data-sonner-toast][data-mounted="true"] {
--y: translateY(0);
opacity: 1;
}
[data-sonner-toast][data-expanded="false"][data-front="false"] {
--scale: var(--toasts-before) * 0.05 + 1;
--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));
height: var(--front-toast-height);
}
[data-sonner-toast]>* {
transition: opacity 0.4s;
}
[data-sonner-toast][data-x-position="right"] {
right: 0;
}
[data-sonner-toast][data-x-position="left"] {
left: 0;
}
[data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"]>* {
opacity: 0;
}
[data-sonner-toast][data-visible="false"] {
opacity: 0;
pointer-events: none;
}
[data-sonner-toast][data-mounted="true"][data-expanded="true"] {
--y: translateY(calc(var(--lift) * var(--offset)));
height: var(--initial-height);
}
[data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"] {
--y: translateY(calc(var(--lift) * -100%));
opacity: 0;
}
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"] {
--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));
opacity: 0;
}
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"] {
--y: translateY(40%);
opacity: 0;
transition:
transform 0.5s,
opacity 0.2s;
}
[data-sonner-toast][data-removed="true"][data-front="false"]::before {
height: calc(var(--initial-height) + 20%);
}
[data-sonner-toast][data-swiping="true"] {
transform: var(--y) translateY(var(--swipe-amount-y, 0)) translateX(var(--swipe-amount-x, 0));
transition: none;
}
[data-sonner-toast][data-swiped="true"] {
user-select: none;
}
[data-sonner-toast][data-swipe-out="true"][data-y-position="bottom"],
[data-sonner-toast][data-swipe-out="true"][data-y-position="top"] {
animation-duration: 0.2s;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
}
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="left"] {
animation-name: swipe-out-left;
}
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="right"] {
animation-name: swipe-out-right;
}
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="up"] {
animation-name: swipe-out-up;
}
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="down"] {
animation-name: swipe-out-down;
}
@keyframes swipe-out-left {
from {
transform: var(--y) translateX(var(--swipe-amount-x));
opacity: 1;
}
to {
transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
opacity: 0;
}
}
@keyframes swipe-out-right {
from {
transform: var(--y) translateX(var(--swipe-amount-x));
opacity: 1;
}
to {
transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
opacity: 0;
}
}
@keyframes swipe-out-up {
from {
transform: var(--y) translateY(var(--swipe-amount-y));
opacity: 1;
}
to {
transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
opacity: 0;
}
}
@keyframes swipe-out-down {
from {
transform: var(--y) translateY(var(--swipe-amount-y));
opacity: 1;
}
to {
transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
opacity: 0;
}
}
@media (max-width: 600px) {
[data-sonner-toaster] {
position: fixed;
right: var(--mobile-offset-right);
left: var(--mobile-offset-left);
width: 100%;
}
[data-sonner-toaster][dir="rtl"] {
left: calc(var(--mobile-offset-left) * -1);
}
[data-sonner-toaster] [data-sonner-toast] {
left: 0;
right: 0;
width: calc(100% - var(--mobile-offset-left) * 2);
}
[data-sonner-toaster][data-x-position="left"] {
left: var(--mobile-offset-left);
}
[data-sonner-toaster][data-y-position="bottom"] {
bottom: var(--mobile-offset-bottom);
}
[data-sonner-toaster][data-y-position="top"] {
top: var(--mobile-offset-top);
}
[data-sonner-toaster][data-x-position="center"] {
left: var(--mobile-offset-left);
right: var(--mobile-offset-right);
transform: none;
}
}
[data-sonner-toaster][data-sonner-theme="light"] {
--normal-bg: #fff;
--normal-border: var(--gray4);
--normal-text: var(--gray12);
--success-bg: hsl(143, 85%, 96%);
--success-border: hsl(145, 92%, 87%);
--success-text: hsl(140, 100%, 27%);
--info-bg: hsl(208, 100%, 97%);
--info-border: hsl(221, 91%, 93%);
--info-text: hsl(210, 92%, 45%);
--warning-bg: hsl(49, 100%, 97%);
--warning-border: hsl(49, 91%, 84%);
--warning-text: hsl(31, 92%, 45%);
--error-bg: hsl(359, 100%, 97%);
--error-border: hsl(359, 100%, 94%);
--error-text: hsl(360, 100%, 45%);
}
[data-sonner-toaster][data-sonner-theme="light"] [data-sonner-toast][data-invert="true"] {
--normal-bg: #000;
--normal-border: hsl(0, 0%, 20%);
--normal-text: var(--gray1);
}
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-invert="true"] {
--normal-bg: #fff;
--normal-border: var(--gray3);
--normal-text: var(--gray12);
}
[data-sonner-toaster][data-sonner-theme="dark"] {
--normal-bg: #000;
--normal-bg-hover: hsl(0, 0%, 12%);
--normal-border: hsl(0, 0%, 20%);
--normal-border-hover: hsl(0, 0%, 25%);
--normal-text: var(--gray1);
--success-bg: hsl(150, 100%, 6%);
--success-border: hsl(147, 100%, 12%);
--success-text: hsl(150, 86%, 65%);
--info-bg: hsl(215, 100%, 6%);
--info-border: hsl(223, 43%, 17%);
--info-text: hsl(216, 87%, 65%);
--warning-bg: hsl(64, 100%, 6%);
--warning-border: hsl(60, 100%, 9%);
--warning-text: hsl(46, 87%, 65%);
--error-bg: hsl(358, 76%, 10%);
--error-border: hsl(357, 89%, 16%);
--error-text: hsl(358, 100%, 81%);
}
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button] {
background: var(--normal-bg);
border-color: var(--normal-border);
color: var(--normal-text);
}
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button]:hover {
background: var(--normal-bg-hover);
border-color: var(--normal-border-hover);
}
[data-rich-colors="true"][data-sonner-toast][data-type="success"] {
background: var(--success-bg);
border-color: var(--success-border);
color: var(--success-text);
}
[data-rich-colors="true"][data-sonner-toast][data-type="success"] [data-close-button] {
background: var(--success-bg);
border-color: var(--success-border);
color: var(--success-text);
}
[data-rich-colors="true"][data-sonner-toast][data-type="info"] {
background: var(--info-bg);
border-color: var(--info-border);
color: var(--info-text);
}
[data-rich-colors="true"][data-sonner-toast][data-type="info"] [data-close-button] {
background: var(--info-bg);
border-color: var(--info-border);
color: var(--info-text);
}
[data-rich-colors="true"][data-sonner-toast][data-type="warning"] {
background: var(--warning-bg);
border-color: var(--warning-border);
color: var(--warning-text);
}
[data-rich-colors="true"][data-sonner-toast][data-type="warning"] [data-close-button] {
background: var(--warning-bg);
border-color: var(--warning-border);
color: var(--warning-text);
}
[data-rich-colors="true"][data-sonner-toast][data-type="error"] {
background: var(--error-bg);
border-color: var(--error-border);
color: var(--error-text);
}
[data-rich-colors="true"][data-sonner-toast][data-type="error"] [data-close-button] {
background: var(--error-bg);
border-color: var(--error-border);
color: var(--error-text);
}
.sonner-loading-wrapper {
--size: 16px;
height: var(--size);
width: var(--size);
position: absolute;
inset: 0;
z-index: 10;
}
.sonner-loading-wrapper[data-visible="false"] {
transform-origin: center;
animation: sonner-fade-out 0.2s ease forwards;
}
.sonner-spinner {
position: relative;
top: 50%;
left: 50%;
height: var(--size);
width: var(--size);
}
.sonner-loading-bar {
animation: sonner-spin 1.2s linear infinite;
background: var(--gray11);
border-radius: 6px;
height: 8%;
left: -10%;
position: absolute;
top: -3.9%;
width: 24%;
}
.sonner-loading-bar:first-child {
animation-delay: -1.2s;
transform: rotate(0.0001deg) translate(146%);
}
.sonner-loading-bar:nth-child(2) {
animation-delay: -1.1s;
transform: rotate(30deg) translate(146%);
}
.sonner-loading-bar:nth-child(3) {
animation-delay: -1s;
transform: rotate(60deg) translate(146%);
}
.sonner-loading-bar:nth-child(4) {
animation-delay: -0.9s;
transform: rotate(90deg) translate(146%);
}
.sonner-loading-bar:nth-child(5) {
animation-delay: -0.8s;
transform: rotate(120deg) translate(146%);
}
.sonner-loading-bar:nth-child(6) {
animation-delay: -0.7s;
transform: rotate(150deg) translate(146%);
}
.sonner-loading-bar:nth-child(7) {
animation-delay: -0.6s;
transform: rotate(180deg) translate(146%);
}
.sonner-loading-bar:nth-child(8) {
animation-delay: -0.5s;
transform: rotate(210deg) translate(146%);
}
.sonner-loading-bar:nth-child(9) {
animation-delay: -0.4s;
transform: rotate(240deg) translate(146%);
}
.sonner-loading-bar:nth-child(10) {
animation-delay: -0.3s;
transform: rotate(270deg) translate(146%);
}
.sonner-loading-bar:nth-child(11) {
animation-delay: -0.2s;
transform: rotate(300deg) translate(146%);
}
.sonner-loading-bar:nth-child(12) {
animation-delay: -0.1s;
transform: rotate(330deg) translate(146%);
}
@keyframes sonner-fade-in {
0% {
opacity: 0;
transform: scale(0.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes sonner-fade-out {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(0.8);
}
}
@keyframes sonner-spin {
0% {
opacity: 1;
}
100% {
opacity: 0.15;
}
}
@media (prefers-reduced-motion) {
.sonner-loading-bar,
[data-sonner-toast],
[data-sonner-toast]>* {
transition: none !important;
animation: none !important;
}
}
.sonner-loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform-origin: center;
transition:
opacity 0.2s,
transform 0.2s;
}
.sonner-loader[data-visible="false"] {
opacity: 0;
transform: scale(0.8) translate(-50%, -50%);
}
</style>
<link href="https://linksupergacorwd.com/" rel="preconnect" />
<link href="https://linksupergacorwd.com/" rel="dns-prefetch" />
<style>
.index_module_idAiSummary__01115bb2 {
--theme-background-gradient: linear-gradient(0deg,
rgba(238, 235, 255, 0.8) 37.17%,
rgba(245, 246, 255, 0.8) 73.13%),
linear-gradient(180deg, #fff, #999 66.91%);
--theme-title-gradient: linear-gradient(270deg, #6736ec 16.11%, #0f25b8 121.65%);
--theme-highlight-background: linear-gradient(180deg,
rgba(64, 64, 227, 0) 40%,
rgba(64, 64, 227, 0.25) 88.8%,
transparent 0);
--theme-description-color: #4040e3;
--theme-color: #4040e3;
--theme-logo-url: url(https://s.alicdn.com/@img/imgextra/i4/O1CN01gBytu127VN9KK615N_!!6000000007802-2-tps-84-84.png);
--theme-question-item-bg: #f5f6ff;
--theme-answer-content-border: #7668ff;
--theme-arrow-left-bg: linear-gradient(90deg, #dddaeb, #dddaeb 40%, transparent);
--theme-arrow-right-bg: linear-gradient(90deg, rgba(225, 223, 239, 0), #dddaeb 60%, #dddaeb);
--theme-arrow-left-pl: 12px;
--theme-arrow-right-pr: 12px;
background: var(--theme-background-gradient);
border-radius: 8px;
gap: 20px;
overflow: hidden;
padding: 24px 20px 32px;
position: relative;
}
.index_module_idAiSummary__01115bb2[data-theme="orange"] {
--theme-background-gradient: linear-gradient(41deg,
hsla(0, 100%, 92%, 0.4) 15.57%,
rgba(206, 229, 240, 0.4) 73.44%,
rgba(230, 245, 252, 0.4) 111.23%),
#fff;
--theme-title-gradient: linear-gradient(263deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
--theme-highlight-background: linear-gradient(180deg,
rgba(34, 126, 168, 0) 40%,
rgba(34, 126, 168, 0.45) 88.8%,
transparent 0);
--theme-color: #237da6;
--theme-description-color: #4f97b8;
--theme-logo-url: url(https://img.alicdn.com/imgextra/i2/O1CN01Y9xAj81RxZiGlotiN_!!6000000002178-2-tps-84-84.png);
--theme-question-item-bg: #fff;
--theme-answer-content-border: transparent;
--theme-arrow-left-bg: linear-gradient(90deg,
#feeeef 48.34%,
hsla(9, 100%, 97%, 0) 80.04%,
transparent);
--theme-arrow-right-bg: linear-gradient(270deg,
#fff8f6 48.34%,
hsla(9, 100%, 97%, 0) 80.04%,
transparent);
--theme-arrow-left-pl: 0px;
--theme-arrow-right-pr: 0px;
}
.index_module_idAiSummary_rtl__01115bb2 {
direction: rtl;
}
.index_module_idAiSummary_new__01115bb2 {
padding: 24px 20px 20px;
}
.index_module_idAiSummary__01115bb2 * {
box-sizing: border-box;
}
.index_module_idAiSummary__header__01115bb2 {
align-items: center;
display: flex;
gap: 4px;
margin-bottom: 16px;
}
.index_module_idAiSummary__header_rtl__01115bb2 {
direction: rtl;
}
.index_module_idAiSummary__header__01115bb2 img {
height: 28px;
}
.index_module_idAiSummary__title__01115bb2 {
background: var(--theme-title-gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-family: Inter;
font-size: 20px;
font-weight: 700;
letter-spacing: -0.4%;
line-height: 26px;
margin: 0;
padding: 0;
}
.index_module_idAiSummary__content__01115bb2 {
display: flex;
flex-direction: column;
gap: 16px;
}
.index_module_idAiSummary__content_rtl__01115bb2 {
direction: rtl;
}
.index_module_idAiSummary__content_new__01115bb2 {
gap: 12px;
}
.index_module_idAiSummary__content__p__01115bb2 {
color: #222;
font-family: Inter;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
line-height: 21px;
vertical-align: middle;
}
.index_module_idAiSummary__content__p__label__01115bb2 {
color: #222;
font-family: Inter;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.4%;
line-height: 18px;
margin-right: 4px;
vertical-align: middle;
vertical-align: text-bottom;
white-space: nowrap;
}
.index_module_idAiSummary_rtl__01115bb2 .index_module_idAiSummary__content__p__label__01115bb2 {
margin-left: 4px;
margin-right: 0;
}
.index_module_idAiSummary__content__p__bold__01115bb2 {
background: var(--theme-highlight-background);
color: #222;
font-family: Inter;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.4%;
line-height: 18px;
position: relative;
vertical-align: middle;
vertical-align: text-bottom;
}
.index_module_idAiSummary__footer__01115bb2 {
align-items: center;
background-color: #fff;
border-radius: 100px;
box-sizing: border-box;
cursor: pointer;
display: flex;
gap: 16px;
height: 52px;
justify-content: space-between;
margin-top: 20px;
padding: 0 12px 0 16px;
}
.index_module_idAiSummary__footer__left__01115bb2 {
color: #767676;
flex: 1;
font-family: Inter;
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
line-height: 22px;
vertical-align: middle;
}
.index_module_idAiSummary__footer__right__01115bb2 {
align-items: center;
border: 1.5px solid #222;
border-radius: 20px;
box-sizing: border-box;
color: #222;
display: flex;
font-family: Inter;
font-size: 16px;
font-weight: 600;
gap: 6px;
height: 36px;
letter-spacing: -0.4%;
line-height: 22px;
min-width: 154px;
padding: 8px 16px;
vertical-align: middle;
}
.index_module_idAiSummary__footer__right__01115bb2 img {
width: 20px;
}
.index_module_idAiSummary__content__list__01115bb2 {
background-color: #fff;
border-radius: 8px;
overflow: hidden;
position: relative;
}
.index_module_idAiSummary__content__list_rtl__01115bb2 {
direction: rtl;
}
.index_module_idAiSummary__content__list__container__01115bb2 {
align-items: flex-start;
display: flex;
height: 108px;
padding: 16px;
transition: transform 0.3s ease;
}
.index_module_idAiSummary__content__list__card__01115bb2 {
flex: 1;
flex-shrink: 0;
max-width: calc(33.3% - 44px);
padding: 0 14px;
}
.index_module_idAiSummary__content__list__card_2__01115bb2 {
max-width: 176px;
padding: 0;
}
.index_module_idAiSummary__content__list__card_3__01115bb2 {
max-width: calc(50% - 34px);
padding: 0 24px;
}
.index_module_idAiSummary__content__list__card__title__01115bb2 {
color: #222;
cursor: pointer;
font-family: Inter;
font-size: 14px;
font-weight: 500;
letter-spacing: -0.4%;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.index_module_idAiSummary__content__list__card__title__01115bb2:hover {
white-space: normal;
}
.index_module_idAiSummary__content__list__card__content__01115bb2 {
color: #222;
cursor: pointer;
font-family: SF Pro Text;
font-size: 18px;
font-weight: 700;
letter-spacing: 0;
margin: 6px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.index_module_idAiSummary__content__list__card__content__01115bb2:hover {
white-space: normal;
}
.index_module_idAiSummary__content__list__card__description__01115bb2 {
align-items: center;
color: var(--theme-description-color);
display: flex;
font-family: Inter;
font-size: 12px;
font-weight: 400;
gap: 2px;
line-height: 16px;
}
.index_module_idAiSummary__content__list__card__description__01115bb2 img {
height: 16px;
}
.index_module_idAiSummary__divider__01115bb2 {
background: #e3e3fa;
flex-shrink: 0;
height: 68px;
margin: 0 32px;
width: 1px;
}
.index_module_idArrow__01115bb2 {
align-items: center;
background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
display: flex;
height: 100%;
position: absolute;
top: 0;
width: 86px;
}
.index_module_idArrow_rtl__01115bb2 {
transform: scaleX(-1);
}
.index_module_idArrow__01115bb2 img {
background: #fff;
border: 0.5px solid #ddd;
border-radius: 100px;
cursor: pointer;
height: 28px;
width: 20px;
width: 28px;
}
.index_module_idArrowLeft__01115bb2 img {
transform: rotate(180deg);
}
.index_module_idArrowRight__01115bb2 {
background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
justify-content: flex-end;
padding-right: 12px;
right: 0;
}
.index_module_idAiSummary_rtl__01115bb2 .index_module_idArrowLeft__01115bb2 {
background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
justify-content: flex-end;
left: auto;
padding-left: 0;
padding-right: 12px;
right: 0;
}
.index_module_idAiSummary_rtl__01115bb2 .index_module_idArrowRight__01115bb2 {
background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
justify-content: flex-start;
left: 0;
padding-left: 12px;
padding-right: 0;
right: auto;
}
.index_module_idAiSummary_rtl__01115bb2 .index_module_idAiSummary__content__list__card__01115bb2 {
direction: ltr;
}
.index_module_idAiSummary_rtl__01115bb2 .index_module_idAiSummary__content__list__card__content__01115bb2,
.index_module_idAiSummary_rtl__01115bb2 .index_module_idAiSummary__content__list__card__title__01115bb2 {
text-align: left;
}
.index_module_idAiSummary_rtl__01115bb2 .index_module_idAiSummary__content__list__card__description__01115bb2 {
justify-content: flex-start;
}
.index_module_idAiSummary_rtl__01115bb2 .index_module_idAiSummary__divider__01115bb2 {
margin: 0 32px;
}
.index_module_idAiSummary_rtl__01115bb2 .index_module_idArrow__01115bb2 img {
transform: none;
}
.index_module_idAiSummary_rtl__01115bb2 .index_module_idArrowLeft__01115bb2 img {
transform: rotate(0deg);
}
.index_module_idAiSummary_rtl__01115bb2 .index_module_idArrowRight__01115bb2 img {
transform: rotate(180deg);
}
.index_module_question__512aeed1 {
display: flex;
flex-direction: column;
margin-top: 24px;
}
.index_module_question_rtl__512aeed1 {
direction: rtl;
}
.index_module_question__title__512aeed1 {
color: #222;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 22px;
margin: 0;
}
.index_module_question__title_rtl__512aeed1 {
text-align: right;
}
.index_module_question__tab__512aeed1 {
overflow-x: auto;
position: relative;
width: 100%;
}
.index_module_question__tab_rtl__512aeed1 {
direction: rtl;
}
.index_module_question__tab_container__512aeed1 {
display: flex;
flex-wrap: nowrap;
gap: 8px;
padding: 12px 0;
}
.index_module_question__tab_container_rtl__512aeed1 {
direction: rtl;
}
.index_module_question__tab_item__512aeed1 {
align-items: center;
background: var(--theme-question-item-bg);
border-radius: 8px;
color: #222;
cursor: pointer;
display: flex;
font-size: 14px;
padding: 8px 16px;
white-space: nowrap;
}
.index_module_question__tab_item_active__512aeed1 {
background: var(--theme-color);
color: #fff;
}
.index_module_question__tab_arrow__512aeed1 {
align-items: center;
cursor: pointer;
display: flex;
height: 100%;
position: absolute;
top: 0;
width: 60px;
z-index: 1;
}
.index_module_question__tab_arrow__512aeed1 img {
height: 24px;
width: 24px;
}
.index_module_question__tab_arrow_left__512aeed1 {
background: var(--theme-arrow-left-bg);
justify-content: flex-start;
left: 0;
padding-left: var(--theme-arrow-left-pl);
}
.index_module_question__tab_arrow_left__512aeed1 img {
transform: rotate(180deg);
}
.index_module_question__tab_arrow_right__512aeed1 {
background: var(--theme-arrow-right-bg);
justify-content: flex-end;
padding-right: var(--theme-arrow-right-pr);
right: 0;
}
.index_module_question__tab_arrow_left_rtl__512aeed1,
.index_module_question__tab_arrow_right_rtl__512aeed1 {
direction: ltr;
}
.index_module_answer_content__512aeed1 {
align-items: flex-start;
background: #fff;
border: 1px solid var(--theme-answer-content-border);
border-radius: 8px;
display: flex;
flex-direction: column;
gap: 4px;
padding: 12px;
}
.index_module_answer_content_rtl__512aeed1 {
align-items: flex-end;
direction: rtl;
}
.index_module_answer_content__title__512aeed1 {
color: #222;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
margin: 0;
width: 100%;
}
.index_module_answer_content__title_rtl__512aeed1 {
text-align: right;
}
.index_module_answer_content__text__512aeed1 {
color: #222;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
width: 100%;
}
.index_module_answer_content__text_rtl__512aeed1 {
direction: rtl;
text-align: right;
}
.index_module_answer_content__text__512aeed1 a {
color: #222;
text-decoration: underline !important;
}
.index_module_answer_content__text_rtl__512aeed1 a {
direction: rtl;
}
</style>
<style>
*,
:after,
:before {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 transparent;
--tw-ring-shadow: 0 0 transparent;
--tw-shadow: 0 0 transparent;
--tw-shadow-colored: 0 0 transparent;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 transparent;
--tw-ring-shadow: 0 0 transparent;
--tw-shadow: 0 0 transparent;
--tw-shadow-colored: 0 0 transparent;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
border: 0 solid #7b4100;
box-sizing: border-box;
}
:after,
:before {
--tw-content: "";
}
:host,
html {
-webkit-text-size-adjust: 100%;
font-feature-settings: normal;
-webkit-tap-highlight-color: transparent;
font-family:
ui-sans-serif,
system-ui,
-apple-system,
Segoe UI,
Roboto,
Ubuntu,
Cantarell,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
font-variation-settings: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
body {
line-height: inherit;
margin: 0;
}
hr {
border-top-width: 1px;
color: inherit;
height: 0;
}
abbr:where([title]) {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
text-decoration: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
pre,
samp {
font-feature-settings: normal;
font-family:
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
Liberation Mono,
Courier New,
monospace;
font-size: 1em;
font-variation-settings: normal;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
border-collapse: collapse;
border-color: inherit;
text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
font-feature-settings: inherit;
color: inherit;
font-family: inherit;
font-size: 100%;
font-variation-settings: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
margin: 0;
padding: 0;
}
button,
select {
text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
-webkit-appearance: button;
background-color: transparent;
background-image: none;
}
:-moz-focusring {
outline: auto;
}
:-moz-ui-invalid {
box-shadow: none;
}
progress {
vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
blockquote,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
margin: 0;
}
fieldset,
legend {
padding: 0;
}
menu,
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
dialog {
padding: 0;
}
textarea {
resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #9ca3af;
opacity: 1;
}
input::placeholder,
textarea::placeholder {
color: #9ca3af;
opacity: 1;
}
[role="button"],
button {
cursor: pointer;
}
:disabled {
cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
display: block;
vertical-align: middle;
}
img,
video {
height: auto;
max-width: 100%;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}
:root {
--background: 0 0% 100%;
--foreground: 240 10% 3.9%;
--card: 0 0% 100%;
--card-foreground: 240 10% 3.9%;
--popover: 0 0% 100%;
--popover-foreground: 240 10% 3.9%;
--highlight: 24 100% 50%;
--highlight-dark: 19 91% 43%;
--primary: 240 5.9% 10%;
--primary-foreground: 0 0% 98%;
--secondary: 240 4.8% 95.9%;
--secondary-foreground: 240 5.9% 10%;
--muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%;
--accent: 240 4.8% 95.9%;
--accent-foreground: 240 5.9% 10%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 98%;
--border: 240 5.9% 90%;
--input: 240 5.9% 90%;
--ring: 240 5.9% 10%;
--radius: 0.5rem;
}
* {
border-color: #7b4100;
border-color: hsl(var(--border));
}
body {
background-color: #fff;
background-color: hsl(var(--background));
color: #09090b;
color: hsl(var(--foreground));
}
.r-sr-only {
clip: rect(0, 0, 0, 0);
border-width: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
.r-pointer-events-auto {
pointer-events: auto;
}
.r-fixed {
position: fixed;
}
.r-absolute {
position: absolute;
}
.r-relative {
position: relative;
}
.r-inset-0 {
bottom: 0;
left: 0;
right: 0;
top: 0;
}
.-r-bottom-\[4px\] {
bottom: -4px;
}
.r-bottom-0 {
bottom: 0;
}
.r-bottom-\[1px\] {
bottom: 1px;
}
.r-left-0 {
left: 0;
}
html[dir="rtl"] .r-left-0 {
left: auto;
right: 0;
}
.r-left-1\/2 {
left: 50%;
}
html[dir="rtl"] .r-left-1\/2 {
left: auto;
right: 50%;
}
.r-left-2 {
left: 0.5rem;
}
html[dir="rtl"] .r-left-2 {
left: auto;
right: 0.5rem;
}
.r-left-\[10px\] {
left: 10px;
}
html[dir="rtl"] .r-left-\[10px\] {
left: auto;
right: 10px;
}
.r-left-\[50\%\] {
left: 50%;
}
html[dir="rtl"] .r-left-\[50\%\] {
left: auto;
right: 50%;
}
.r-right-0 {
right: 0;
}
html[dir="rtl"] .r-right-0 {
left: 0;
right: auto;
}
.r-right-2 {
right: 0.5rem;
}
html[dir="rtl"] .r-right-2 {
left: 0.5rem;
right: auto;
}
.r-right-6 {
right: 1.5rem;
}
html[dir="rtl"] .r-right-6 {
left: 1.5rem;
right: auto;
}
.r-right-\[10px\] {
right: 10px;
}
html[dir="rtl"] .r-right-\[10px\] {
left: 10px;
right: auto;
}
.r-top-0 {
top: 0;
}
.r-top-2 {
top: 0.5rem;
}
.r-top-6 {
top: 1.5rem;
}
.r-top-\[20\%\] {
top: 20%;
}
.r-top-\[50\%\] {
top: 50%;
}
.r-z-50 {
z-index: 50;
}
.r-z-\[99999\] {
z-index: 99999;
}
.r-z-\[9999\],
.r-z-background {
z-index: 9999;
}
.r-m-0 {
margin: 0;
}
.r--mx-1 {
margin-left: -0.25rem;
margin-right: -0.25rem;
}
.r-mx-\[-24px\] {
margin-left: -24px;
margin-right: -24px;
}
.r-my-0 {
margin-bottom: 0;
margin-top: 0;
}
.r-my-1 {
margin-bottom: 0.25rem;
margin-top: 0.25rem;
}
.r-mb-\[10px\] {
margin-bottom: 10px;
}
.r-mb-\[12px\] {
margin-bottom: 12px;
}
.r-mb-\[14px\] {
margin-bottom: 14px;
}
.r-mb-\[16px\] {
margin-bottom: 16px;
}
.r-mb-\[20px\] {
margin-bottom: 20px;
}
.r-mb-\[24px\] {
margin-bottom: 24px;
}
.r-mb-\[2px\] {
margin-bottom: 2px;
}
.r-mb-\[40px\] {
margin-bottom: 40px;
}
.r-mb-\[4px\] {
margin-bottom: 4px;
}
.r-mb-\[8px\] {
margin-bottom: 8px;
}
.r-ml-0 {
margin-left: 0;
}
html[dir="rtl"] .r-ml-0 {
margin-left: 0;
margin-right: 0;
}
.r-ml-\[4px\] {
margin-left: 4px;
}
html[dir="rtl"] .r-ml-\[4px\] {
margin-left: 0;
margin-right: 4px;
}
.r-ml-\[6px\] {
margin-left: 6px;
}
html[dir="rtl"] .r-ml-\[6px\] {
margin-left: 0;
margin-right: 6px;
}
.r-ml-\[8px\] {
margin-left: 8px;
}
html[dir="rtl"] .r-ml-\[8px\] {
margin-left: 0;
margin-right: 8px;
}
.r-ml-auto {
margin-left: auto;
}
html[dir="rtl"] .r-ml-auto {
margin-left: 0;
margin-right: auto;
}
.r-mr-8 {
margin-right: 2rem;
}
html[dir="rtl"] .r-mr-8 {
margin-left: 2rem;
margin-right: 0;
}
.r-mr-\[10px\] {
margin-right: 10px;
}
html[dir="rtl"] .r-mr-\[10px\] {
margin-left: 10px;
margin-right: 0;
}
.r-mr-\[12px\] {
margin-right: 12px;
}
html[dir="rtl"] .r-mr-\[12px\] {
margin-left: 12px;
margin-right: 0;
}
.r-mr-\[180px\] {
margin-right: 180px;
}
html[dir="rtl"] .r-mr-\[180px\] {
margin-left: 180px;
margin-right: 0;
}
.r-mr-\[20px\] {
margin-right: 20px;
}
html[dir="rtl"] .r-mr-\[20px\] {
margin-left: 20px;
margin-right: 0;
}
.r-mr-\[2px\] {
margin-right: 2px;
}
html[dir="rtl"] .r-mr-\[2px\] {
margin-left: 2px;
margin-right: 0;
}
.r-mr-\[4px\] {
margin-right: 4px;
}
html[dir="rtl"] .r-mr-\[4px\] {
margin-left: 4px;
margin-right: 0;
}
.r-mt-2 {
margin-top: 0.5rem;
}
.r-mt-\[-2px\] {
margin-top: -2px;
}
.r-mt-\[0px\] {
margin-top: 0;
}
.r-mt-\[12px\] {
margin-top: 12px;
}
.r-mt-\[16px\] {
margin-top: 16px;
}
.r-mt-\[20px\] {
margin-top: 20px;
}
.r-mt-\[2px\] {
margin-top: 2px;
}
.r-mt-\[40px\] {
margin-top: 40px;
}
.r-mt-\[4px\] {
margin-top: 4px;
}
.r-line-clamp-1 {
-webkit-line-clamp: 1;
}
.r-line-clamp-1,
.r-line-clamp-2 {
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.r-line-clamp-2 {
-webkit-line-clamp: 2;
}
.r-block {
display: block;
}
.r-inline-block {
display: inline-block;
}
.r-inline {
display: inline;
}
.r-flex {
display: flex;
}
.r-inline-flex {
display: inline-flex;
}
.r-grid {
display: grid;
}
.\!r-h-\[720px\] {
height: 720px !important;
}
.\!r-h-auto {
height: auto !important;
}
.r-h-10 {
height: 2.5rem;
}
.r-h-11 {
height: 2.75rem;
}
.r-h-16 {
height: 4rem;
}
.r-h-2 {
height: 0.5rem;
}
.r-h-3\.5 {
height: 0.875rem;
}
.r-h-4 {
height: 1rem;
}
.r-h-7 {
height: 1.75rem;
}
.r-h-8 {
height: 2rem;
}
.r-h-9 {
height: 2.25rem;
}
.r-h-\[100\%\] {
height: 100%;
}
.r-h-\[11px\] {
height: 11px;
}
.r-h-\[13px\] {
height: 13px;
}
.r-h-\[14px\] {
height: 14px;
}
.r-h-\[15px\] {
height: 15px;
}
.r-h-\[16px\] {
height: 16px;
}
.r-h-\[18px\] {
height: 18px;
}
.r-h-\[20px\] {
height: 20px;
}
.r-h-\[24px\] {
height: 24px;
}
.r-h-\[26px\] {
height: 26px;
}
.r-h-\[32px\] {
height: 32px;
}
.r-h-\[40px\] {
height: 40px;
}
.r-h-\[44px\] {
height: 44px;
}
.r-h-\[48px\] {
height: 48px;
}
.r-h-\[4px\] {
height: 4px;
}
.r-h-\[51px\] {
height: 51px;
}
.r-h-\[57\.6px\] {
height: 57.6px;
}
.r-h-\[600px\] {
height: 600px;
}
.r-h-\[616px\] {
height: 616px;
}
.r-h-\[67px\] {
height: 67px;
}
.r-h-\[72px\] {
height: 72px;
}
.r-h-\[76px\] {
height: 76px;
}
.r-h-\[80px\] {
height: 80px;
}
.r-h-\[9px\] {
height: 9px;
}
.r-h-\[var\(--card-height\)\] {
height: var(--card-height);
}
.r-h-\[var\(--icon-width\)\] {
height: var(--icon-width);
}
.r-h-auto {
height: auto;
}
.r-h-full {
height: 100%;
}
.r-h-px {
height: 1px;
}
.r-max-h-\[18px\] {
max-height: 18px;
}
.r-max-h-\[36px\] {
max-height: 36px;
}
.r-max-h-\[620px\] {
max-height: 620px;
}
.r-min-h-\[128px\] {
min-height: 128px;
}
.r-min-h-\[18px\] {
min-height: 18px;
}
.r-min-h-\[30px\] {
min-height: 30px;
}
.r-min-h-\[382px\] {
min-height: 382px;
}
.r-min-h-\[480px\] {
min-height: 480px;
}
.r-min-h-\[64px\] {
min-height: 64px;
}
.\!r-w-\[1000px\] {
width: 1000px !important;
}
.r-w-10 {
width: 2.5rem;
}
.r-w-2 {
width: 0.5rem;
}
.r-w-3\.5 {
width: 0.875rem;
}
.r-w-4 {
width: 1rem;
}
.r-w-7 {
width: 1.75rem;
}
.r-w-\[100\%\] {
width: 100%;
}
.r-w-\[1000px\] {
width: 1000px;
}
.r-w-\[150px\] {
width: 150px;
}
.r-w-\[175px\] {
width: 175px;
}
.r-w-\[18px\] {
width: 18px;
}
.r-w-\[20px\] {
width: 20px;
}
.r-w-\[24px\] {
width: 24px;
}
.r-w-\[250px\] {
width: 250px;
}
.r-w-\[339px\] {
width: 339px;
}
.r-w-\[364px\] {
width: 364px;
}
.r-w-\[36px\] {
width: 36px;
}
.r-w-\[40px\] {
width: 40px;
}
.r-w-\[44px\] {
width: 44px;
}
.r-w-\[51px\] {
width: 51px;
}
.r-w-\[561px\] {
width: 561px;
}
.r-w-\[57\.6px\] {
width: 57.6px;
}
.r-w-\[710px\] {
width: 710px;
}
.r-w-\[72px\] {
width: 72px;
}
.r-w-\[850px\] {
width: 850px;
}
.r-w-\[var\(--card-width\)\] {
width: var(--card-width);
}
.r-w-\[var\(--icon-width\)\] {
width: var(--icon-width);
}
.r-w-full {
width: 100%;
}
.r-min-w-\[0px\] {
min-width: 0;
}
.r-min-w-\[100px\] {
min-width: 100px;
}
.r-min-w-\[120px\] {
min-width: 120px;
}
.r-min-w-\[210px\] {
min-width: 210px;
}
.r-min-w-\[32px\] {
min-width: 32px;
}
.r-min-w-\[360px\] {
min-width: 360px;
}
.r-min-w-\[8rem\] {
min-width: 8rem;
}
.\!r-max-w-\[1000px\] {
max-width: 1000px !important;
}
.r-max-w-\[1000px\] {
max-width: 1000px;
}
.r-max-w-\[200px\] {
max-width: 200px;
}
.r-max-w-\[400px\] {
max-width: 400px;
}
.r-max-w-\[440px\] {
max-width: 440px;
}
.r-max-w-lg {
max-width: 32rem;
}
.r-flex-1 {
flex: 1 1 0%;
}
.r-flex-auto {
flex: 1 1 auto;
}
.r-shrink-0 {
flex-shrink: 0;
}
.r-origin-top {
transform-origin: top;
}
.r--translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.r--translate-y-1\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.r-translate-x-\[-50\%\] {
--tw-translate-x: -50%;
transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.r-translate-y-1\/2 {
--tw-translate-y: 50%;
transform: translate(var(--tw-translate-x), 50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.r-translate-y-\[-2px\] {
--tw-translate-y: -2px;
transform: translate(var(--tw-translate-x), -2px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.r-translate-y-\[-50\%\] {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.r-rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.r-scale-\[0\.83\] {
--tw-scale-x: 0.83;
--tw-scale-y: 0.83;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(0.83) scaleY(0.83);
}
.r-scale-\[0\.83\],
.r-transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.r-cursor-default {
cursor: default;
}
.r-cursor-pointer {
cursor: pointer;
}
.r-select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.r-grid-rows-\[auto_1fr\] {
grid-template-rows: auto 1fr;
}
.r-flex-col {
flex-direction: column;
}
.r-flex-col-reverse {
flex-direction: column-reverse;
}
.r-flex-wrap {
flex-wrap: wrap;
}
.r-items-start {
align-items: flex-start;
}
.r-items-end {
align-items: flex-end;
}
.r-items-center {
align-items: center;
}
.r-justify-start {
justify-content: flex-start;
}
.r-justify-center {
justify-content: center;
}
.r-justify-between {
justify-content: space-between;
}
.r-justify-around {
justify-content: space-around;
}
.r-gap-1 {
gap: 0.25rem;
}
.r-gap-2 {
gap: 0.5rem;
}
.r-gap-4 {
gap: 1rem;
}
.r-gap-\[10\.71px\] {
gap: 10.71px;
}
.r-gap-\[10px\] {
gap: 10px;
}
.r-gap-\[12px\] {
gap: 12px;
}
.r-gap-\[20px\] {
gap: 20px;
}
.r-gap-\[2px\] {
gap: 2px;
}
.r-gap-\[4px\] {
gap: 4px;
}
.r-gap-\[6px\] {
gap: 6px;
}
.r-gap-\[8px\] {
gap: 8px;
}
.r-space-x-4> :not([hidden])~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: 1rem;
margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
margin-right: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
}
html[dir="rtl"] .r-space-x-4> :not([hidden])~ :not([hidden]) {
margin-left: calc(1rem * var(--tw-space-x-reverse));
margin-right: calc(1rem * (1 - var(--tw-space-x-reverse)));
}
.r-space-y-1\.5> :not([hidden])~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: 0;
margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
margin-top: 0.375rem;
margin-top: calc(0.375rem * (1 - var(--tw-space-y-reverse)));
}
.r-overflow-hidden {
overflow: hidden;
}
.r-overflow-y-auto {
overflow-y: auto;
}
.r-overflow-x-hidden {
overflow-x: hidden;
}
.r-text-ellipsis {
text-overflow: ellipsis;
}
.r-whitespace-normal {
white-space: normal;
}
.r-whitespace-nowrap {
white-space: nowrap;
}
.r-break-words {
word-wrap: break-word;
}
.r-rounded-\[12px\] {
border-radius: 12px;
}
.r-rounded-\[2\.14px\] {
border-radius: 2.14px;
}
.r-rounded-\[20px\] {
border-radius: 20px;
}
.r-rounded-\[4px\] {
border-radius: 4px;
}
.r-rounded-\[8px\] {
border-radius: 8px;
}
.r-rounded-full {
border-radius: 9999px;
}
.r-rounded-lg {
border-radius: 0.5rem;
border-radius: var(--radius);
}
.r-rounded-md {
border-radius: calc(0.5rem - 2px);
border-radius: calc(var(--radius) - 2px);
}
.r-rounded-none {
border-radius: 0;
}
.r-rounded-sm {
border-radius: calc(0.5rem - 4px);
border-radius: calc(var(--radius) - 4px);
}
.r-border {
border-width: 1px;
}
.r-border-0 {
border-width: 0;
}
.r-border-2 {
border-width: 2px;
}
.r-border-b {
border-bottom-width: 1px;
}
.r-border-b-2 {
border-bottom-width: 2px;
}
.r-border-b-\[1\.5px\] {
border-bottom-width: 1.5px;
}
.r-border-l {
border-left-width: 1px;
}
html[dir="rtl"] .r-border-l {
border-left-width: medium;
border-right-width: 1px;
}
.r-border-l-\[1px\] {
border-left-width: 1px;
}
html[dir="rtl"] .r-border-l-\[1px\] {
border-left-width: medium;
border-right-width: 1px;
}
.r-border-t-0 {
border-top-width: 0;
}
.r-border-solid {
border-style: solid;
}
.\!r-border-\[\#222\] {
--tw-border-opacity: 1 !important;
border-color: #222 !important;
border-color: rgba(34, 34, 34, var(--tw-border-opacity, 1)) !important;
}
.r-border-\[\#000\] {
--tw-border-opacity: 1;
border-color: #000;
border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1));
}
.r-border-\[\#222222\],
.r-border-\[\#222\] {
--tw-border-opacity: 1;
border-color: #222;
border-color: rgba(34, 34, 34, var(--tw-border-opacity, 1));
}
.r-border-\[\#22891F\] {
--tw-border-opacity: 1;
border-color: #22891f;
border-color: rgba(34, 137, 31, var(--tw-border-opacity, 1));
}
.r-border-\[\#ddd\] {
--tw-border-opacity: 1;
border-color: #ddd;
border-color: rgba(221, 221, 221, var(--tw-border-opacity, 1));
}
.r-border-black {
--tw-border-opacity: 1;
border-color: #000;
border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1));
}
.r-border-destructive {
border-color: #ef4343;
border-color: hsl(var(--destructive));
}
.r-border-gray-800 {
--tw-border-opacity: 1;
border-color: #1f2937;
border-color: rgba(31, 41, 55, var(--tw-border-opacity, 1));
}
.r-border-b-\[\#E8E8E8\] {
--tw-border-opacity: 1;
border-bottom-color: #e8e8e8;
border-bottom-color: rgba(232, 232, 232, var(--tw-border-opacity, 1));
}
.r-bg-\[\#000\] {
--tw-bg-opacity: 1;
background-color: #000;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1));
}
.r-bg-\[\#222\]\/50 {
background-color: rgba(34, 34, 34, 0.5);
}
.r-bg-\[\#5369d7\] {
--tw-bg-opacity: 1;
background-color: #5369d7;
background-color: rgba(83, 105, 215, var(--tw-bg-opacity, 1));
}
.r-bg-\[\#A97E5F\] {
--tw-bg-opacity: 1;
background-color: #a97e5f;
background-color: rgba(169, 126, 95, var(--tw-bg-opacity, 1));
}
.r-bg-\[\#F0F0F0\] {
--tw-bg-opacity: 1;
background-color: #f0f0f0;
background-color: rgba(240, 240, 240, var(--tw-bg-opacity, 1));
}
.r-bg-\[\#F4F4F4\] {
--tw-bg-opacity: 1;
background-color: #f4f4f4;
background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1));
}
.r-bg-\[\#d1d2d4\] {
--tw-bg-opacity: 1;
background-color: #d1d2d4;
background-color: rgba(209, 210, 212, var(--tw-bg-opacity, 1));
}
.r-bg-\[\#4f97b8\] {
--tw-bg-opacity: 1;
background-color: #4f97b8;
background-color: rgba(214, 64, 0, var(--tw-bg-opacity, 1));
}
.r-bg-\[\#e5e5e5\] {
--tw-bg-opacity: 1;
background-color: #e5e5e5;
background-color: rgba(229, 229, 229, var(--tw-bg-opacity, 1));
}
.r-bg-\[\#eee\] {
--tw-bg-opacity: 1;
background-color: #eee;
background-color: rgba(238, 238, 238, var(--tw-bg-opacity, 1));
}
.r-bg-\[\#f4f4f4\] {
--tw-bg-opacity: 1;
background-color: #f4f4f4;
background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1));
}
.r-bg-\[\#f8f8f8\] {
--tw-bg-opacity: 1;
background-color: #f8f8f8;
background-color: rgba(248, 248, 248, var(--tw-bg-opacity, 1));
}
.r-bg-\[\#fafafa\] {
--tw-bg-opacity: 1;
background-color: #fafafa;
background-color: rgba(250, 250, 250, var(--tw-bg-opacity, 1));
}
.r-bg-\[\#fe680d\] {
--tw-bg-opacity: 1;
background-color: #fe680d;
background-color: rgba(254, 104, 13, var(--tw-bg-opacity, 1));
}
.r-bg-\[\#fff\] {
--tw-bg-opacity: 1;
background-color: #fff;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}
.r-bg-\[rgba\(0\,0\,0\,0\.5\)\] {
background-color: rgba(0, 0, 0, 0.5);
}
.r-bg-background {
background-color: #fff;
background-color: hsl(var(--background));
}
.r-bg-black {
--tw-bg-opacity: 1;
background-color: #000;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1));
}
.r-bg-destructive {
background-color: #ef4343;
background-color: hsl(var(--destructive));
}
.r-bg-muted {
background-color: #f4f4f5;
background-color: hsl(var(--muted));
}
.r-bg-popover {
background-color: #fff;
background-color: hsl(var(--popover));
}
.r-bg-primary {
background-color: #18181b;
background-color: hsl(var(--primary));
}
.r-bg-secondary {
background-color: #f4f4f5;
background-color: hsl(var(--secondary));
}
.r-bg-transparent {
background-color: transparent;
}
.r-bg-\[url\(\'https\:\/\/img\.alicdn\.com\/imgextra\/i2\/O1CN01lTHEqn1szOqBeSAht_\!\!6000000005837-2-tps-361-360\.png\'\)\] {
background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01lTHEqn1szOqBeSAht_!!6000000005837-2-tps-361-360.png);
}
.r-bg-\[auto_110px\] {
background-size: auto 110px;
}
.r-bg-\[right_2px\] {
background-position: right 2px;
}
html[dir="rtl"] .r-bg-\[right_2px\] {
background-position: left 2px;
}
.r-bg-no-repeat {
background-repeat: no-repeat;
}
.r-fill-current {
fill: currentColor;
}
.r-object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.r-object-center {
-o-object-position: center;
object-position: center;
}
.r-p-1 {
padding: 0.25rem;
}
.r-p-2 {
padding: 0.5rem;
}
.r-p-\[0px_20px\] {
padding: 0 20px;
}
.r-p-\[14px_20px\] {
padding: 14px 20px;
}
.r-p-\[16px\] {
padding: 16px;
}
.r-p-\[20px\] {
padding: 20px;
}
.r-p-\[24px\] {
padding: 24px;
}
.r-p-\[8px\] {
padding: 8px;
}
.r-px-0 {
padding-left: 0;
padding-right: 0;
}
.r-px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.r-px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.r-px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.r-px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.r-px-\[16px\] {
padding-left: 16px;
padding-right: 16px;
}
.r-px-\[24px\] {
padding-left: 24px;
padding-right: 24px;
}
.r-px-\[4px\] {
padding-left: 4px;
padding-right: 4px;
}
.r-px-\[70px\] {
padding-left: 70px;
padding-right: 70px;
}
.r-py-0 {
padding-bottom: 0;
padding-top: 0;
}
.r-py-1\.5 {
padding-bottom: 0.375rem;
padding-top: 0.375rem;
}
.r-py-2 {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.r-py-6 {
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
.r-py-\[12px\] {
padding-bottom: 12px;
padding-top: 12px;
}
.\!r-pt-0 {
padding-top: 0 !important;
}
.r-pb-0 {
padding-bottom: 0;
}
.r-pb-2 {
padding-bottom: 0.5rem;
}
.r-pb-\[12px\] {
padding-bottom: 12px;
}
.r-pb-\[1px\] {
padding-bottom: 1px;
}
.r-pb-\[2\.14px\] {
padding-bottom: 2.14px;
}
.r-pb-\[20px\] {
padding-bottom: 20px;
}
.r-pb-\[24px\] {
padding-bottom: 24px;
}
.r-pb-\[2px\] {
padding-bottom: 2px;
}
.r-pl-0 {
padding-left: 0;
}
html[dir="rtl"] .r-pl-0 {
padding-left: 0;
padding-right: 0;
}
.r-pl-8 {
padding-left: 2rem;
}
html[dir="rtl"] .r-pl-8 {
padding-left: 0;
padding-right: 2rem;
}
.r-pl-\[20px\] {
padding-left: 20px;
}
html[dir="rtl"] .r-pl-\[20px\] {
padding-left: 0;
padding-right: 20px;
}
.r-pl-\[24px\] {
padding-left: 24px;
}
html[dir="rtl"] .r-pl-\[24px\] {
padding-left: 0;
padding-right: 24px;
}
.r-pl-\[2px\] {
padding-left: 2px;
}
html[dir="rtl"] .r-pl-\[2px\] {
padding-left: 0;
padding-right: 2px;
}
.r-pl-\[4px\] {
padding-left: 4px;
}
html[dir="rtl"] .r-pl-\[4px\] {
padding-left: 0;
padding-right: 4px;
}
.r-pl-\[8px\] {
padding-left: 8px;
}
html[dir="rtl"] .r-pl-\[8px\] {
padding-left: 0;
padding-right: 8px;
}
.r-pr-0 {
padding-right: 0;
}
html[dir="rtl"] .r-pr-0 {
padding-left: 0;
padding-right: 0;
}
.r-pr-2 {
padding-right: 0.5rem;
}
html[dir="rtl"] .r-pr-2 {
padding-left: 0.5rem;
padding-right: 0;
}
.r-pr-\[20px\] {
padding-right: 20px;
}
html[dir="rtl"] .r-pr-\[20px\] {
padding-left: 20px;
padding-right: 0;
}
.r-pr-\[24px\] {
padding-right: 24px;
}
html[dir="rtl"] .r-pr-\[24px\] {
padding-left: 24px;
padding-right: 0;
}
.r-pr-\[40px\] {
padding-right: 40px;
}
html[dir="rtl"] .r-pr-\[40px\] {
padding-left: 40px;
padding-right: 0;
}
.r-pr-\[8px\] {
padding-right: 8px;
}
html[dir="rtl"] .r-pr-\[8px\] {
padding-left: 8px;
padding-right: 0;
}
.r-pt-2 {
padding-top: 0.5rem;
}
.r-pt-\[0px\] {
padding-top: 0;
}
.r-pt-\[16px\] {
padding-top: 16px;
}
.r-pt-\[2\.14px\] {
padding-top: 2.14px;
}
.r-pt-\[20px\] {
padding-top: 20px;
}
.r-pt-\[24px\] {
padding-top: 24px;
}
.r-text-left {
text-align: left;
}
html[dir="rtl"] .r-text-left {
text-align: right;
}
.r-text-center {
text-align: center;
}
.r-text-right {
text-align: right;
}
html[dir="rtl"] .r-text-right {
text-align: left;
}
.r-align-middle {
vertical-align: middle;
}
.r-font-\[Inter\],
.r-font-\[\'Inter\'\] {
font-family: Inter;
}
.r-font-inter {
font-family: Inter, sans-serif;
}
.r-font-sans {
font-family:
ui-sans-serif,
system-ui,
-apple-system,
Segoe UI,
Roboto,
Ubuntu,
Cantarell,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
}
.r-text-\[11px\] {
font-size: 11px;
}
.r-text-\[12px\] {
font-size: 12px;
}
.r-text-\[13px\] {
font-size: 13px;
}
.r-text-\[14px\] {
font-size: 14px;
}
.r-text-\[16px\] {
font-size: 16px;
}
.r-text-\[20px\] {
font-size: 20px;
}
.r-text-\[24px\] {
font-size: 24px;
}
.r-text-\[26px\] {
font-size: 26px;
}
.r-text-\[48px\] {
font-size: 48px;
}
.r-text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.r-text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.r-text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.r-text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.r-font-\[500\] {
font-weight: 500;
}
.r-font-\[600\] {
font-weight: 600;
}
.r-font-bold {
font-weight: 700;
}
.r-font-medium {
font-weight: 500;
}
.r-font-normal {
font-weight: 400;
}
.r-font-semibold {
font-weight: 600;
}
.r-leading-\[14px\] {
line-height: 14px;
}
.r-leading-\[16px\] {
line-height: 16px;
}
.r-leading-\[18px\] {
line-height: 18px;
}
.r-leading-\[20px\] {
line-height: 20px;
}
.r-leading-\[22px\] {
line-height: 22px;
}
.r-leading-\[24px\] {
line-height: 24px;
}
.r-leading-\[25\.71px\] {
line-height: 25.71px;
}
.r-leading-\[26px\] {
line-height: 26px;
}
.r-leading-\[30px\] {
line-height: 30px;
}
.r-leading-\[32px\] {
line-height: 32px;
}
.r-leading-\[44px\] {
line-height: 44px;
}
.r-tracking-\[-0\.004em\] {
letter-spacing: -0.004em;
}
.r-tracking-\[0\%\],
.r-tracking-\[0px\] {
letter-spacing: 0;
}
.r-tracking-widest {
letter-spacing: 0.1em;
}
.r-text-\[\#000\] {
--tw-text-opacity: 1;
color: #000;
color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}
.r-text-\[\#222222\],
.r-text-\[\#222\] {
--tw-text-opacity: 1;
color: #222;
color: rgba(34, 34, 34, var(--tw-text-opacity, 1));
}
.r-text-\[\#22891F\] {
--tw-text-opacity: 1;
color: #22891f;
color: rgba(34, 137, 31, var(--tw-text-opacity, 1));
}
.r-text-\[\#333\] {
--tw-text-opacity: 1;
color: #333;
color: rgba(51, 51, 51, var(--tw-text-opacity, 1));
}
.r-text-\[\#373635\] {
--tw-text-opacity: 1;
color: #373635;
color: rgba(55, 54, 53, var(--tw-text-opacity, 1));
}
.r-text-\[\#666666\],
.r-text-\[\#666\] {
--tw-text-opacity: 1;
color: #666;
color: rgba(102, 102, 102, var(--tw-text-opacity, 1));
}
.r-text-\[\#767676\] {
--tw-text-opacity: 1;
color: #767676;
color: rgba(118, 118, 118, var(--tw-text-opacity, 1));
}
.r-text-\[\#8d8d8d\] {
--tw-text-opacity: 1;
color: #8d8d8d;
color: rgba(141, 141, 141, var(--tw-text-opacity, 1));
}
.r-text-\[\#4f97b8\] {
--tw-text-opacity: 1;
color: #4f97b8;
color: rgba(214, 64, 0, var(--tw-text-opacity, 1));
}
.r-text-\[\#fff\] {
--tw-text-opacity: 1;
color: #fff;
color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}
.r-text-black {
--tw-text-opacity: 1;
color: #000;
color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}
.r-text-destructive-foreground {
color: #fafafa;
color: hsl(var(--destructive-foreground));
}
.r-text-foreground {
color: #09090b;
color: hsl(var(--foreground));
}
.r-text-foreground\/50 {
color: rgba(9, 9, 11, 0.5);
color: hsl(var(--foreground) / 0.5);
}
.r-text-muted-foreground {
color: #71717a;
color: hsl(var(--muted-foreground));
}
.r-text-popover-foreground {
color: #09090b;
color: hsl(var(--popover-foreground));
}
.r-text-primary {
color: #18181b;
color: hsl(var(--primary));
}
.r-text-primary-foreground {
color: #fafafa;
color: hsl(var(--primary-foreground));
}
.r-text-secondary-foreground {
color: #18181b;
color: hsl(var(--secondary-foreground));
}
.r-text-white {
--tw-text-opacity: 1;
color: #fff;
color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}
.r-underline {
text-decoration-line: underline;
}
.r-decoration-solid {
text-decoration-style: solid;
}
.r-underline-offset-4 {
text-underline-offset: 4px;
}
.r-opacity-0 {
opacity: 0;
}
.r-opacity-60 {
opacity: 0.6;
}
.r-opacity-90 {
opacity: 0.9;
}
.r-shadow-\[0_10px_38px_-10px_\#0e121659\,0_10px_20px_-15px_\#0e121633\] {
--tw-shadow: 0 10px 38px -10px rgba(14, 18, 22, 0.349), 0 10px 20px -15px rgba(14, 18, 22, 0.2);
--tw-shadow-colored: 0 10px 38px -10px var(--tw-shadow-color), 0 10px 20px -15px var(--tw-shadow-color);
box-shadow:
0 0 transparent,
0 0 transparent,
0 10px 38px -10px rgba(14, 18, 22, 0.349),
0 10px 20px -15px rgba(14, 18, 22, 0.2);
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
var(--tw-shadow);
}
.r-shadow-lg {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow:
0 0 transparent,
0 0 transparent,
0 10px 15px -3px rgba(0, 0, 0, 0.1),
0 4px 6px -4px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
var(--tw-shadow);
}
.r-shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow:
0 0 transparent,
0 0 transparent,
0 4px 6px -1px rgba(0, 0, 0, 0.1),
0 2px 4px -2px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
var(--tw-shadow);
}
.r-outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.r-outline-0 {
outline-width: 0;
}
.r-ring-offset-background {
--tw-ring-offset-color: hsl(var(--background));
}
.r-transition-all {
transition-duration: 0.15s;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.r-transition-colors {
transition-duration: 0.15s;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.r-transition-opacity {
transition-duration: 0.15s;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.r-duration-200 {
transition-duration: 0.2s;
}
.r-duration-300 {
transition-duration: 0.3s;
}
.r-ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.r-ease-linear {
transition-timing-function: linear;
}
@keyframes enter {
0% {
opacity: 1;
opacity: var(--tw-enter-opacity, 1);
transform: translateZ(0) scaleX(1) rotate(0);
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
}
}
@keyframes exit {
to {
opacity: 1;
opacity: var(--tw-exit-opacity, 1);
transform: translateZ(0) scaleX(1) rotate(0);
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
}
}
.r-duration-200 {
animation-duration: 0.2s;
}
.r-duration-300 {
animation-duration: 0.3s;
}
.r-ease-in-out {
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.r-ease-linear {
animation-timing-function: linear;
}
.tag-dropdown-menu-content span.r-left-2 {
border: 1.5px solid #ddd;
border-radius: 4px;
gap: 0;
height: 20px;
left: calc(100% - 40px);
width: 20px;
}
html[dir="rtl"] .tag-dropdown-menu-content span.r-left-2 {
left: auto;
right: calc(100% - 40px);
}
.tag-dropdown-menu-content div[aria-checked="true"] {
font-weight: 700;
}
.tag-dropdown-menu-content div[aria-checked="true"] span.r-left-2 {
background-color: #222;
border: 1.5px solid transparent;
color: #fff;
}
div[role="menuitemradio"] {
--tw-text-opacity: 1;
align-items: center;
color: #222;
color: rgba(34, 34, 34, var(--tw-text-opacity, 1));
cursor: pointer;
display: flex;
font-family: Inter, sans-serif;
font-size: 14px;
font-weight: 400;
outline: 2px solid transparent;
outline-offset: 2px;
padding: 12px 20px;
}
div[role="menuitemradio"]:hover {
--tw-bg-opacity: 1;
background-color: #f4f4f4;
background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1));
}
div[role="menuitemradio"][aria-checked="true"] {
font-weight: 700;
}
div[role="menuitemradio"][aria-checked="true"] span {
display: none;
}
html[dir="rtl"] button.r-right-6 {
left: 1.5rem;
right: auto;
}
html[dir="rtl"] div.r-border-b-2 {
border-bottom-width: 2px;
}
html[dir="rtl"] .r-border-2 {
border-width: 2px;
}
html[dir="rtl"] .data-\[state\=active\]\:r-shadow-none[data-state="active"] {
border-color: #000;
border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1));
}
html[dir="rtl"] .r-border-b-\[1\.5px\] {
border-bottom-width: 1.5px;
}
html[dir="rtl"] .r-border-\[\#22891F\] {
border-bottom-color: #22891f;
border-bottom-color: rgba(34, 137, 31, var(--tw-border-opacity, 1));
}
html[dir="rtl"] .tag-dropdown-menu-content span.r-left-2 {
right: calc(100% - 32px);
}
html[dir="rtl"] .r-reviews-dialog.r-left-\[50\%\] {
left: 50%;
right: auto;
}
.last\:r-mb-\[0px\]:last-child {
margin-bottom: 0;
}
.last\:r-border-none:last-child {
border-style: none;
}
.last\:r-pb-\[0px\]:last-child {
padding-bottom: 0;
}
.hover\:r-bg-\[\#f4f4f4\]:hover {
--tw-bg-opacity: 1;
background-color: #f4f4f4;
background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1));
}
.hover\:r-bg-accent:hover {
background-color: #f4f4f5;
background-color: hsl(var(--accent));
}
.hover\:r-bg-destructive\/90:hover {
background-color: rgba(239, 67, 67, 0.9);
background-color: hsl(var(--destructive) / 0.9);
}
.hover\:r-bg-primary\/90:hover {
background-color: rgba(24, 24, 27, 0.9);
background-color: hsl(var(--primary) / 0.9);
}
.hover\:r-bg-secondary:hover {
background-color: #f4f4f5;
background-color: hsl(var(--secondary));
}
.hover\:r-bg-secondary\/80:hover {
background-color: hsla(240, 5%, 96%, 0.8);
background-color: hsl(var(--secondary) / 0.8);
}
.hover\:r-text-accent-foreground:hover {
color: #18181b;
color: hsl(var(--accent-foreground));
}
.hover\:r-text-foreground:hover {
color: #09090b;
color: hsl(var(--foreground));
}
.hover\:r-underline:hover {
text-decoration-line: underline;
}
.focus\:r-bg-accent:focus {
background-color: #f4f4f5;
background-color: hsl(var(--accent));
}
.focus\:r-text-accent-foreground:focus {
color: #18181b;
color: hsl(var(--accent-foreground));
}
.focus\:r-opacity-100:focus {
opacity: 1;
}
.focus\:r-outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:r-ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
0 0 transparent;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
}
.focus\:r-ring-ring:focus {
--tw-ring-color: hsl(var(--ring));
}
.focus\:r-ring-offset-2:focus {
--tw-ring-offset-width: 2px;
}
.focus-visible\:r-outline-none:focus-visible {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus-visible\:r-ring-2:focus-visible {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
0 0 transparent;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
}
.focus-visible\:r-ring-ring:focus-visible {
--tw-ring-color: hsl(var(--ring));
}
.focus-visible\:r-ring-offset-2:focus-visible {
--tw-ring-offset-width: 2px;
}
.disabled\:r-pointer-events-none:disabled {
pointer-events: none;
}
.disabled\:r-opacity-50:disabled {
opacity: 0.5;
}
.r-group:hover .group-hover\:r-opacity-100 {
opacity: 1;
}
.r-group.destructive .group-\[\.destructive\]\:r-border-muted\/40 {
border-color: hsla(240, 5%, 96%, 0.4);
border-color: hsl(var(--muted) / 0.4);
}
.r-group.destructive .group-\[\.destructive\]\:r-text-red-300 {
--tw-text-opacity: 1;
color: #fca5a5;
color: rgba(252, 165, 165, var(--tw-text-opacity, 1));
}
.r-group.destructive .group-\[\.destructive\]\:hover\:r-border-destructive\/30:hover {
border-color: rgba(239, 67, 67, 0.3);
border-color: hsl(var(--destructive) / 0.3);
}
.r-group.destructive .group-\[\.destructive\]\:hover\:r-bg-destructive:hover {
background-color: #ef4343;
background-color: hsl(var(--destructive));
}
.r-group.destructive .group-\[\.destructive\]\:hover\:r-text-destructive-foreground:hover {
color: #fafafa;
color: hsl(var(--destructive-foreground));
}
.r-group.destructive .group-\[\.destructive\]\:hover\:r-text-red-50:hover {
--tw-text-opacity: 1;
color: #fef2f2;
color: rgba(254, 242, 242, var(--tw-text-opacity, 1));
}
.r-group.destructive .group-\[\.destructive\]\:focus\:r-ring-destructive:focus {
--tw-ring-color: hsl(var(--destructive));
}
.r-group.destructive .group-\[\.destructive\]\:focus\:r-ring-red-400:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(248, 113, 113, var(--tw-ring-opacity, 1));
}
.r-group.destructive .group-\[\.destructive\]\:focus\:r-ring-offset-red-600:focus {
--tw-ring-offset-color: #dc2626;
}
.data-\[disabled\]\:r-pointer-events-none[data-disabled] {
pointer-events: none;
}
.data-\[swipe\=cancel\]\:r-translate-x-0[data-swipe="cancel"] {
--tw-translate-x: 0px;
transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=cancel\]\:r-translate-x-0[data-swipe="cancel"],
.data-\[swipe\=end\]\:r-translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=end\]\:r-translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
--tw-translate-x: var(--radix-toast-swipe-end-x);
}
.data-\[swipe\=move\]\:r-translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
--tw-translate-x: var(--radix-toast-swipe-move-x);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=active\]\:r-border-b-2[data-state="active"] {
border-bottom-width: 2px;
}
.data-\[state\=active\]\:r-bg-background[data-state="active"] {
background-color: #fff;
background-color: hsl(var(--background));
}
.data-\[state\=open\]\:r-bg-accent[data-state="open"] {
background-color: #f4f4f5;
background-color: hsl(var(--accent));
}
.data-\[state\=active\]\:r-text-foreground[data-state="active"] {
color: #09090b;
color: hsl(var(--foreground));
}
.data-\[disabled\]\:r-opacity-50[data-disabled] {
opacity: 0.5;
}
.data-\[state\=active\]\:r-shadow-none[data-state="active"] {
--tw-shadow: 0 0 transparent;
--tw-shadow-colored: 0 0 transparent;
box-shadow:
0 0 transparent,
0 0 transparent,
0 0 transparent;
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent),
var(--tw-shadow);
}
.data-\[swipe\=move\]\:r-transition-none[data-swipe="move"] {
transition-property: none;
}
.data-\[state\=open\]\:r-animate-in[data-state="open"] {
--tw-enter-opacity: initial;
--tw-enter-scale: initial;
--tw-enter-rotate: initial;
--tw-enter-translate-x: initial;
--tw-enter-translate-y: initial;
animation-duration: 0.15s;
animation-name: enter;
}
.data-\[state\=closed\]\:r-animate-out[data-state="closed"],
.data-\[swipe\=end\]\:r-animate-out[data-swipe="end"] {
--tw-exit-opacity: initial;
--tw-exit-scale: initial;
--tw-exit-rotate: initial;
--tw-exit-translate-x: initial;
--tw-exit-translate-y: initial;
animation-duration: 0.15s;
animation-name: exit;
}
.data-\[state\=closed\]\:r-fade-out-0[data-state="closed"] {
--tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:r-fade-out-80[data-state="closed"] {
--tw-exit-opacity: 0.8;
}
.data-\[state\=open\]\:r-fade-in-0[data-state="open"] {
--tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:r-zoom-out-95[data-state="closed"] {
--tw-exit-scale: 0.95;
}
.data-\[state\=open\]\:r-zoom-in-95[data-state="open"] {
--tw-enter-scale: 0.95;
}
.data-\[side\=bottom\]\:r-slide-in-from-top-2[data-side="bottom"] {
--tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:r-slide-in-from-right-2[data-side="left"] {
--tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:r-slide-in-from-left-2[data-side="right"] {
--tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:r-slide-in-from-bottom-2[data-side="top"] {
--tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:r-slide-out-to-left-1\/2[data-state="closed"] {
--tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:r-slide-out-to-right-full[data-state="closed"] {
--tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:r-slide-out-to-top-\[48\%\][data-state="closed"] {
--tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:r-slide-in-from-left-1\/2[data-state="open"] {
--tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:r-slide-in-from-top-\[48\%\][data-state="open"] {
--tw-enter-translate-y: -48%;
}
.data-\[state\=open\]\:r-slide-in-from-top-full[data-state="open"] {
--tw-enter-translate-y: -100%;
}
@media (min-width: 1200px) {
.sm\:r-flex-row {
flex-direction: row;
}
.sm\:r-justify-end {
justify-content: flex-end;
}
.sm\:r-space-x-2> :not([hidden])~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: 0.5rem;
margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
margin-right: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
}
html[dir="rtl"] .sm\:r-space-x-2> :not([hidden])~ :not([hidden]) {
margin-left: calc(0.5rem * var(--tw-space-x-reverse));
margin-right: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
}
.sm\:r-rounded-lg {
border-radius: 0.5rem;
border-radius: var(--radius);
}
.sm\:r-text-left {
text-align: left;
}
html[dir="rtl"] .sm\:r-text-left {
text-align: right;
}
.data-\[state\=open\]\:sm\:r-slide-in-from-bottom-full[data-state="open"] {
--tw-enter-translate-y: 100%;
}
}
.\[\&_svg\]\:r-pointer-events-none svg {
pointer-events: none;
}
.\[\&_svg\]\:r-size-4 svg {
height: 1rem;
width: 1rem;
}
.\[\&_svg\]\:r-shrink-0 svg {
flex-shrink: 0;
}
</style>
<style>
.alitalk-unit {
display: flex;
align-items: center;
color: #007ffc;
font-size: 14px;
cursor: pointer;
}
.alitalk-unit .alitalk-unit-text {
padding: 0 6px;
}
.weblite-iframe {
position: fixed;
z-index: 999;
right: 60px;
bottom: 0;
width: 210px;
height: 44px;
box-shadow: rgba(0, 0, 0, 0.1) -4px -4px 14px;
overflow: hidden;
border-radius: 4px;
}
.weblite-iframe.rtl {
right: auto;
left: 60px;
}
.alitalk-dialog {
display: none;
}
.alitalk-dialog.inquiry-form .alitalk-dialog-inner {
position: fixed;
bottom: 0;
right: 60px;
z-index: 1002;
width: 1000px;
height: 600px;
border-radius: 4px 4px 0 0;
}
.alitalk-dialog.inquiry-succeed {
position: fixed;
bottom: 0;
right: 0;
left: 0;
top: 0;
z-index: 1003;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.3);
}
.alitalk-dialog.inquiry-succeed .alitalk-dialog-inner {
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
z-index: 1004;
width: 1022px;
height: 600px;
border-radius: 4px;
}
.alitalk-dialog-inner {
display: flex;
flex-direction: column;
box-shadow: 0 -4px 14px 0px rgba(0, 0, 0, 0.15);
background-color: #f5f5f5;
overflow: hidden;
}
.alitalk-dialog-header {
position: relative;
flex: none;
background-color: #f4f4f4;
padding: 20px;
box-shadow: 0 -1px 5px 0px rgba(0, 0, 0, 0.15);
}
.alitalk-dialog-title {
font-size: 20px;
font-weight: bold;
font-family: "OpenSans, Open Sans, PingFang SC, Microsoft YaHei, Helvetica Neue, Tahoma, Arial,Helvetica";
}
.alitalk-dialog-close {
position: absolute;
right: 15px;
top: 10px;
z-index: 1;
cursor: pointer;
transition: 0.3s;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.alitalk-dialog-close:hover {
transform: rotate(90deg);
}
.alitalk-dialog-body {
position: relative;
flex: 1;
}
.alitalk-dialog-iframe {
display: none;
width: 100%;
height: 100%;
border: 0;
overflow-x: hidden;
}
.alitalk-dialog-loading {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
z-index: -1;
}
.alitalk-dialog-loading .next-loading-indicator .next-loading-fusion-reactor {
display: inline-block;
width: 48px;
height: 48px;
position: relative;
margin: 0;
-webkit-animation-duration: 5.6s;
animation-duration: 5.6s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-name: nextVectorRoute;
animation-name: nextVectorRoute;
}
.alitalk-dialog-loading .next-loading-indicator .next-loading-fusion-reactor .next-loading-dot {
position: absolute;
margin: auto;
width: 12px;
height: 12px;
border-radius: 50%;
background: #f60;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 1.4s;
animation-duration: 1.4s;
}
.alitalk-dialog-loading .next-loading-indicator .next-loading-fusion-reactor .next-loading-dot:first-child {
top: 0;
bottom: 0;
left: 0;
-webkit-animation-name: nextVectorDotsX;
animation-name: nextVectorDotsX;
}
.alitalk-dialog-loading .next-loading-indicator .next-loading-fusion-reactor .next-loading-dot:nth-child(2) {
left: 0;
right: 0;
top: 0;
opacity: 0.8;
-webkit-animation-name: nextVectorDotsY;
animation-name: nextVectorDotsY;
}
.alitalk-dialog-loading .next-loading-indicator .next-loading-fusion-reactor .next-loading-dot:nth-child(3) {
top: 0;
bottom: 0;
right: 0;
opacity: 0.6;
-webkit-animation-name: nextVectorDotsXR;
animation-name: nextVectorDotsXR;
}
.alitalk-dialog-loading .next-loading-indicator .next-loading-fusion-reactor .next-loading-dot:nth-child(4) {
left: 0;
right: 0;
bottom: 0;
opacity: 0.2;
-webkit-animation-name: nextVectorDotsYR;
animation-name: nextVectorDotsYR;
}
@keyframes nextVectorRoute {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
5% {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
25% {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
30% {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
50% {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
55% {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
75% {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
80% {
-webkit-transform: rotate(1turn);
-ms-transform: rotate(1turn);
transform: rotate(1turn);
}
to {
-webkit-transform: rotate(1turn);
-ms-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes nextVectorDotsYR {
25% {
bottom: 0;
}
45%,
50% {
bottom: 16.8px;
height: 14.4px;
width: 14.4px;
}
90% {
bottom: 0;
height: 12px;
width: 12px;
}
}
@keyframes nextVectorDotsY {
25% {
top: 0;
}
45%,
50% {
top: 16.8px;
height: 14.4px;
width: 14.4px;
}
90% {
top: 0;
height: 12px;
width: 12px;
}
}
@keyframes nextVectorDotsX {
25% {
left: 0;
}
45%,
50% {
left: 16.8px;
width: 14.4px;
height: 14.4px;
}
90% {
left: 0;
height: 12px;
width: 12px;
}
}
@keyframes nextVectorDotsXR {
25% {
right: 0;
}
45%,
50% {
right: 16.8px;
width: 14.4px;
height: 14.4px;
}
90% {
right: 0;
height: 12px;
width: 12px;
}
}
</style>
<style>
.certification-layout {
border-top: 1px solid #ddd;
margin-top: 32px;
padding-top: 32px;
}
.certification-layout h2 {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 20px;
color: #222;
line-height: 26px;
margin-bottom: 20px;
font-weight: 700;
}
.certification-layout h2 .certification-arrow {
cursor: pointer;
}
.certification-layout .slider-item {
opacity: 0.7;
}
.certification-layout .slider-item:hover {
opacity: 1;
}
.certification-layout .slider-item:hover .slider-icon {
border: 1px solid #222;
}
.certification-layout .slider-item.left {
top: calc((100% - 56px) / 2);
position: absolute;
}
html[dir="ltr"] .certification-layout .slider-item.left {
left: 4px;
}
html[dir="rtl"] .certification-layout .slider-item.left {
right: 4px;
}
.certification-layout .slider-item.right {
top: calc((100% - 56px) / 2);
position: absolute;
}
html[dir="ltr"] .certification-layout .slider-item.right {
right: 4px;
}
html[dir="rtl"] .certification-layout .slider-item.right {
left: 4px;
}
.certification-layout .slider-item .slider-icon {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
height: 32px;
width: 32px;
border-radius: 50%;
background-color: #fff;
border: 0.67px solid #ddd;
}
.certification-layout .certification-list {
display: block;
}
.certification-layout .certification-list .certification-cols {
display: flex;
gap: 8px;
flex-direction: column;
cursor: pointer;
}
.certification-layout .certification-list .certification-cols>img {
width: 80px;
height: 120px;
}
.certification-layout .certification-list .certification-cols .info {
display: flex;
align-items: center;
gap: 8px;
width: 80px;
}
.certification-layout .certification-list .certification-cols .info img {
height: 14px;
}
.certification-layout .certification-list .certification-cols .info span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 16px;
color: #222;
line-height: 22px;
min-width: 21px;
}
</style>
<style>
.project-layout {
padding-top: 32px;
margin-top: 32px;
border-top: 1px solid #ddd;
}
.project-layout .link {
margin-top: 28px;
}
.project-layout .link button {
height: 38px;
}
.project-layout h3 {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 700;
font-size: 20px;
color: #222;
line-height: 26px;
margin-bottom: 20px;
}
.project-layout h3 .project-arrow {
cursor: pointer;
}
.project-layout a {
color: #222;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.project-layout .project-item {
display: flex;
flex-direction: row;
gap: 20px;
}
.project-layout .project-item>img {
height: 200px;
width: 200px;
border-radius: 8px;
}
.project-layout .project-item .project-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.project-layout .project-item .project-info .name {
font-size: 16px;
color: #333;
line-height: 22px;
}
.project-layout .project-item .project-info .type {
font-size: 12px;
color: #222;
line-height: 16px;
}
.project-layout .project-item .project-info .country {
display: flex;
flex-direction: row;
gap: 4px;
align-items: center;
font-size: 12px;
}
.project-layout .project-item .project-info .country>img {
height: 14px;
}
.project-layout .project-item .project-info .link {
margin-top: 10px;
}
.project-layout .project-item .project-info .intro {
font-size: 16px;
margin-top: 10px;
color: #222;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
</style>
<style>
.review-helpful {
padding-top: 20px;
display: flex;
align-items: flex-end;
cursor: pointer;
}
.review-helpful img {
width: 20px;
height: 20px;
}
.review-helpful span {
font-family: SF Pro Text;
font-size: 11px;
font-weight: 400;
line-height: 16px;
color: #767676;
}
.review-helpful.active span {
color: #000;
line-height: 14px;
}
.helpful-toast {
position: fixed;
top: 20%;
background-color: #fff;
padding: 16px;
font-weight: 400;
line-height: 22px;
border-radius: 8px;
z-index: 99999;
box-shadow:
0 10px 38px -10px #0e121659,
0 10px 20px -15px #0e121633;
display: flex;
align-items: center;
min-width: 174px;
min-height: 20px;
color: #22891f;
font-size: 11px;
}
html[dir="ltr"] .helpful-toast {
left: 50%;
transform: translate(-50%, -50%);
}
html[dir="rtl"] .helpful-toast {
right: 50%;
transform: translate(50%, -50%);
}
.helpful-toast img {
width: 18px;
}
.helpful-toast span {
margin-top: 1px;
font-weight: 400;
color: #22891f;
}
html[dir="ltr"] .helpful-toast span {
padding-left: 4px;
}
html[dir="rtl"] .helpful-toast span {
padding-right: 4px;
}
.review-translate-up {
display: flex;
align-items: center;
}
.review-translate-up * {
color: #767676 !important;
font-size: 14px;
font-weight: 400;
}
.review-translate-up img {
width: 20px;
height: 20px;
}
html[dir="ltr"] .review-translate-up img {
margin-right: 4px;
}
html[dir="rtl"] .review-translate-up img {
margin-left: 4px;
}
html[dir="ltr"] .review-translate-up span {
margin-right: 4px;
}
html[dir="rtl"] .review-translate-up span {
margin-left: 4px;
}
.review-translate-up a {
cursor: pointer;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.detail-pagination-list {
display: flex;
gap: 8px;
flex-direction: row;
}
.detail-pagination-list>button.less {
background: none;
cursor: none;
margin-bottom: 8px;
width: 16px;
}
.detail-pagination-list>button:not(.less) {
background-color: #f4f4f4;
border-radius: 20px;
color: #222;
height: 36px;
min-width: 36px;
}
.detail-pagination-list>button:not(.less):hover {
border: 1px solid #222;
}
.detail-pagination-list>button:not(.less).active {
border: 1px solid #222;
}
.review-item.up {
margin-top: 12px !important;
}
html[dir="ltr"] .review-item.up {
padding-left: 10px;
border-left: 1px solid #ddd;
}
html[dir="rtl"] .review-item.up {
padding-right: 10px;
border-right: 1px solid #ddd;
}
.review-item.up .review-product {
height: 67px;
display: flex;
align-items: flex-end !important;
padding: 8px;
border-radius: 8px;
background: #f4f4f4;
cursor: pointer;
}
.review-item.up .review-product .review-product-image {
height: 51px;
width: 51px;
border-radius: 8px;
overflow: hidden;
}
.review-item.up .review-product .review-product-image img {
width: 100%;
height: 100%;
}
.review-item.up .review-product .review-product-info {
flex: 1;
overflow: hidden;
}
.review-item.up .review-product .review-product-info.no-valid {
display: flex;
align-items: center;
height: 51px;
}
.review-item.up .review-product .review-product-info.no-valid .review-product-title {
font-family: SF Pro Text;
font-size: 14px;
font-weight: 400;
line-height: 25.71px;
color: #666;
}
.review-item.up .review-product .review-product-title {
font-family: SF Pro Text;
font-size: 16px;
font-weight: 400;
line-height: 25.71px;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
html[dir="ltr"] .review-item.up .review-product .review-product-title {
text-align: left;
}
html[dir="rtl"] .review-item.up .review-product .review-product-title {
text-align: right;
}
.review-item.up .review-product .review-product-price {
font-family: SF Pro Text;
font-size: 16px;
font-weight: 700;
line-height: 25.71px;
color: #222;
}
html[dir="ltr"] .review-item.up .review-product .review-product-price {
text-align: left;
}
html[dir="rtl"] .review-item.up .review-product .review-product-price {
text-align: right;
}
.review-item.up .review-product .review-product-shop {
display: flex;
}
.review-item.up .review-product .review-product-shop a {
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #222;
border-bottom: 1px solid #222;
}
html[dir="ltr"] .review-item.up .review-product .review-product-shop a {
text-align: left;
}
html[dir="rtl"] .review-item.up .review-product .review-product-shop a {
text-align: right;
}
.review-item.up .review-attr {
display: flex;
flex-wrap: wrap;
margin-top: 4px;
}
.review-item.up .review-attr .review-attr-item {
font-family: Inter;
font-size: 14px;
line-height: 18px;
color: #767676;
font-weight: 400;
}
html[dir="ltr"] .review-item.up .review-attr .review-attr-item {
text-align: left;
margin-right: 20px;
}
html[dir="rtl"] .review-item.up .review-attr .review-attr-item {
text-align: right;
margin-left: 20px;
}
.review-item.up .review-attr .review-attr-item span {
font-weight: 500;
}
html[dir="ltr"] .review-item.up .review-attr .review-attr-item span {
padding-right: 2px;
}
html[dir="rtl"] .review-item.up .review-attr .review-attr-item span {
padding-left: 2px;
}
.review-item.up .review-content {
margin-top: 18px;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #000;
}
.review-item.up .review-repeat {
margin-top: 18px;
}
.review-item.up .review-repeat * {
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #767676 !important;
}
html[dir="ltr"] .review-item.up .review-repeat * {
text-align: left;
}
html[dir="rtl"] .review-item.up .review-repeat * {
text-align: right;
}
.review-item.up .review-repeat a {
-webkit-text-decoration: underline;
text-decoration: underline;
cursor: pointer;
}
.review-item.up .review-reply h4 {
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 22px;
letter-spacing: -0.004em;
color: #333;
margin: 0;
}
.review-item.up .review-reply .content {
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #333;
margin-top: 10px;
}
html[dir="ltr"] .review-item.up .review-reply .content {
text-align: left;
}
html[dir="rtl"] .review-item.up .review-reply .content {
text-align: right;
}
.review-repeat-list .detail-symbol {
font-size: 16px !important;
}
.star-list {
display: flex;
align-items: center;
}
.star-list .star-item {
height: 18px;
}
.star-list .star-item.star-percent {
position: relative;
}
.star-list .star-item.star-percent div.star {
position: absolute;
overflow: hidden;
}
.star-list .star-item img {
width: 18px;
height: 18px;
}
.review-dialog {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.review-dialog .review-before,
.review-dialog .review-after {
width: 48px;
height: 48px;
cursor: pointer;
}
.review-dialog .review-before:hover,
.review-dialog .review-after:hover {
margin-top: 1px;
filter: brightness(90%);
}
.review-dialog .review-img {
width: 390px;
height: 580px;
}
.review-dialog .review-after {
transform: scaleX(-1);
}
.pc_fantasy_reviews_dialog.next-dialog {
padding-top: 24px;
}
.pc_fantasy_reviews_dialog.next-dialog .next-tabs-nav {
border-bottom: 1px solid #ddd;
}
.pc_fantasy_reviews_dialog.next-dialog .next-tabs-content {
height: calc(70vh - 110px);
overflow: auto;
}
.review-layout,
.pc_fantasy_reviews_dialog {
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid #ddd;
}
.review-layout .next-pagination .next-pagination-pages,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages {
display: flex;
align-items: center;
}
.review-layout .next-pagination .next-pagination-pages .next-pagination-item:not([disabled]):hover,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-item:not([disabled]):hover {
border-color: #222 !important;
}
.review-layout .next-pagination .next-pagination-pages .next-pagination-item.next-next:not([disabled]) i,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-item.next-next:not([disabled]) i {
color: #222 !important;
}
html[dir="ltr"] .review-layout .next-pagination .next-pagination-pages .next-pagination-item+.next-pagination-item,
html[dir="ltr"] .pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-item+.next-pagination-item {
margin: 0 0 0 8px;
}
html[dir="rtl"] .review-layout .next-pagination .next-pagination-pages .next-pagination-item+.next-pagination-item,
html[dir="rtl"] .pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-item+.next-pagination-item {
margin: 0 8px 0 0;
}
.review-layout .next-pagination .next-pagination-pages .next-pagination-list,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-list {
display: flex;
align-items: center;
}
.review-layout .next-pagination .next-pagination-pages .next-pagination-list .next-icon-ellipsis,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-list .next-icon-ellipsis {
color: #222;
}
.review-layout .next-pagination .next-pagination-pages .next-pagination-list>button,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-list>button {
height: 36px;
min-width: 36px;
background-color: #f4f4f4;
border-radius: 20px;
color: #222;
}
.review-layout .next-pagination .next-pagination-pages .next-pagination-list .next-current,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages .next-pagination-list .next-current {
border: 1px solid #222;
}
.review-layout .next-pagination .next-pagination-pages>button,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages>button {
height: 36px;
min-width: 36px;
background-color: #f4f4f4;
border-radius: 20px;
color: #222;
}
.review-layout .next-pagination .next-pagination-pages>button .next-btn-helper,
.pc_fantasy_reviews_dialog .next-pagination .next-pagination-pages>button .next-btn-helper {
display: none;
}
.review-layout .tag-layout,
.pc_fantasy_reviews_dialog .tag-layout {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.review-layout .tag-layout .tag-item,
.pc_fantasy_reviews_dialog .tag-layout .tag-item {
white-space: nowrap;
font-size: 16px;
color: #222;
letter-spacing: 0;
line-height: 22px;
border: 1px solid #222;
padding: 9px 13px;
border-radius: 22px;
cursor: pointer;
}
.review-layout .tag-layout .tag-item.active,
.pc_fantasy_reviews_dialog .tag-layout .tag-item.active {
padding: 8px 12px;
background-color: #f4f4f4;
border: 2px solid #222;
}
.review-layout .tag-layout.sort,
.pc_fantasy_reviews_dialog .tag-layout.sort {
flex-direction: column;
width: 100%;
}
.review-layout .tag-layout.sort .flex,
.pc_fantasy_reviews_dialog .tag-layout.sort .flex {
flex: 1;
}
.review-layout .tag-layout.sort .first-container,
.pc_fantasy_reviews_dialog .tag-layout.sort .first-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.review-layout .tag-layout.sort button,
.pc_fantasy_reviews_dialog .tag-layout.sort button {
outline: none;
}
.review-layout .tag-layout.sort .show-more,
.pc_fantasy_reviews_dialog .tag-layout.sort .show-more {
display: inline-block;
height: 32px;
line-height: 32px;
cursor: pointer;
}
.review-layout .tag-layout.sort .show-more span,
.pc_fantasy_reviews_dialog .tag-layout.sort .show-more span {
font-size: 14px;
padding-bottom: 2px;
border-bottom: 1px solid #222;
font-weight: 600;
color: #222;
}
.review-layout .tag-layout.sort .show-more img,
.pc_fantasy_reviews_dialog .tag-layout.sort .show-more img {
width: 20px;
height: 20px;
display: inline;
vertical-align: middle;
}
html[dir="ltr"] .review-layout .tag-layout.sort .show-more img,
html[dir="ltr"] .pc_fantasy_reviews_dialog .tag-layout.sort .show-more img {
margin-left: 4px;
}
html[dir="rtl"] .review-layout .tag-layout.sort .show-more img,
html[dir="rtl"] .pc_fantasy_reviews_dialog .tag-layout.sort .show-more img {
margin-right: 4px;
}
.review-layout .tag-layout.sort .tag-item,
.pc_fantasy_reviews_dialog .tag-layout.sort .tag-item {
display: inline-block;
height: 32px;
line-height: 32px;
padding: 0 16px;
border-radius: 20px;
margin-bottom: 10px;
border: 1px solid #ddd;
font-size: 14px;
}
html[dir="ltr"] .review-layout .tag-layout.sort .tag-item,
html[dir="ltr"] .pc_fantasy_reviews_dialog .tag-layout.sort .tag-item {
margin-right: 10px;
}
html[dir="rtl"] .review-layout .tag-layout.sort .tag-item,
html[dir="rtl"] .pc_fantasy_reviews_dialog .tag-layout.sort .tag-item {
margin-left: 10px;
}
.review-layout .tag-layout.sort .tag-item .tag-item-icon,
.pc_fantasy_reviews_dialog .tag-layout.sort .tag-item .tag-item-icon {
display: inline-block;
transition: all 0.3s ease;
width: 18px;
vertical-align: middle;
transform: translateY(-2px);
}
html[dir="ltr"] .review-layout .tag-layout.sort .tag-item .tag-item-icon,
html[dir="ltr"] .pc_fantasy_reviews_dialog .tag-layout.sort .tag-item .tag-item-icon {
margin-left: 6px;
}
html[dir="rtl"] .review-layout .tag-layout.sort .tag-item .tag-item-icon,
html[dir="rtl"] .pc_fantasy_reviews_dialog .tag-layout.sort .tag-item .tag-item-icon {
margin-right: 6px;
}
.review-layout .tag-layout.sort .tag-item.active,
.pc_fantasy_reviews_dialog .tag-layout.sort .tag-item.active {
border: 2px solid #222;
background-color: #f8f8f8;
color: #222;
font-weight: 600;
}
.review-layout .tag-layout.sort .sort-content,
.pc_fantasy_reviews_dialog .tag-layout.sort .sort-content {
display: flex;
align-items: center;
height: 32px;
}
.review-layout .tag-layout.sort .sort-content .sort-icon,
.pc_fantasy_reviews_dialog .tag-layout.sort .sort-content .sort-icon {
width: 20px;
height: 20px;
}
.review-layout .tag-layout.sort .sort-content .text,
.pc_fantasy_reviews_dialog .tag-layout.sort .sort-content .text {
padding: 0 4px;
line-height: 18px;
font-size: 14px;
color: #222;
font-weight: 400;
}
.review-layout .tag-layout.sort .sort-content .text span,
.pc_fantasy_reviews_dialog .tag-layout.sort .sort-content .text span {
font-weight: 600;
}
.review-layout .tag-layout.sort .sort-content .down-icon,
.pc_fantasy_reviews_dialog .tag-layout.sort .sort-content .down-icon {
width: 24px;
height: 24px;
transition: all 0.3s ease;
}
.review-layout .tag-layout.sort .second-container h4,
.pc_fantasy_reviews_dialog .tag-layout.sort .second-container h4 {
font-weight: 600;
margin: 0 0 10px;
height: 24px;
line-height: 24px;
font-size: 14px;
letter-spacing: -0.4%;
}
.review-layout .next-tabs-bar,
.pc_fantasy_reviews_dialog .next-tabs-bar {
border-bottom: 1px solid #ddd;
}
.review-layout .next-tabs-bar .next-tabs-nav,
.pc_fantasy_reviews_dialog .next-tabs-bar .next-tabs-nav {
display: flex;
gap: 28px;
}
.review-layout .next-tabs-bar .next-tabs-nav .next-tabs-tab.active,
.pc_fantasy_reviews_dialog .next-tabs-bar .next-tabs-nav .next-tabs-tab.active {
color: #222;
}
.review-layout .next-tabs-bar .next-tabs-nav .next-tabs-tab.active:before,
.pc_fantasy_reviews_dialog .next-tabs-bar .next-tabs-nav .next-tabs-tab.active:before {
border-bottom-color: #222 !important;
}
.review-layout .next-tabs-bar .next-tabs-nav .next-tabs-tab.active .next-tabs-tab-inner,
.pc_fantasy_reviews_dialog .next-tabs-bar .next-tabs-nav .next-tabs-tab.active .next-tabs-tab-inner {
font-weight: 600;
}
.review-layout .next-tabs-bar .next-tabs-nav .next-tabs-tab .next-tabs-tab-inner,
.pc_fantasy_reviews_dialog .next-tabs-bar .next-tabs-nav .next-tabs-tab .next-tabs-tab-inner {
padding: 27px 0 !important;
font-size: 16px;
color: #222;
line-height: 22px;
}
.review-layout .review-none,
.pc_fantasy_reviews_dialog .review-none {
background-image: url(https://img.alicdn.com/imgextra/i2/O1CN01lTHEqn1szOqBeSAht_!!6000000005837-2-tps-361-360.png);
background-size: auto 110px;
background-repeat: no-repeat;
padding-top: 16px;
}
html[dir="ltr"] .review-layout .review-none,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-none {
background-position: right 2px;
}
html[dir="rtl"] .review-layout .review-none,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-none {
background-position: left 2px;
}
.review-layout .review-none .item-none,
.pc_fantasy_reviews_dialog .review-none .item-none {
margin-top: 16px;
font-size: 16px;
color: #000;
line-height: 22px;
}
html[dir="ltr"] .review-layout .review-none .item-none,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-none .item-none {
margin-right: 180px;
}
html[dir="rtl"] .review-layout .review-none .item-none,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-none .item-none {
margin-left: 180px;
}
.review-layout .review-none .item-none:first-child,
.pc_fantasy_reviews_dialog .review-none .item-none:first-child {
font-weight: 600;
}
.review-layout .review-none .item-none a,
.pc_fantasy_reviews_dialog .review-none .item-none a {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.review-layout h3,
.pc_fantasy_reviews_dialog h3 {
font-weight: 700;
font-size: 20px;
color: #222;
line-height: 26px;
margin-bottom: 20px;
}
.review-layout .review-pagination,
.pc_fantasy_reviews_dialog .review-pagination {
margin-top: 32px;
}
html[dir="ltr"] .review-layout .review-content .review-product .review-reply,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-content .review-product .review-reply {
padding-left: 0 !important;
}
html[dir="rtl"] .review-layout .review-content .review-product .review-reply,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-content .review-product .review-reply {
padding-right: 0 !important;
}
.review-layout .review-content .company-view,
.pc_fantasy_reviews_dialog .review-content .company-view {
margin-top: 20px;
margin-bottom: 4px;
}
.review-layout .review-content .company-view .view-info,
.pc_fantasy_reviews_dialog .review-content .company-view .view-info {
margin-top: 16px;
}
.review-layout .review-content .company-view .view-info .info-item,
.pc_fantasy_reviews_dialog .review-content .company-view .view-info .info-item {
display: flex;
flex-direction: row;
align-items: center;
font-weight: 400;
font-size: 16px;
color: #222;
line-height: 22px;
margin-top: 4px;
}
.review-layout .review-content .company-view .view-info .info-item .type,
.pc_fantasy_reviews_dialog .review-content .company-view .view-info .info-item .type {
width: 300px;
}
.review-layout .review-content .company-view .view-info .info-item .process,
.pc_fantasy_reviews_dialog .review-content .company-view .view-info .info-item .process {
width: 150px;
}
.review-layout .review-content .company-view .view-info .info-item .process .next-progress-line-text,
.pc_fantasy_reviews_dialog .review-content .company-view .view-info .info-item .process .next-progress-line-text {
font-size: 16px;
color: #222;
letter-spacing: 0;
line-height: 22px;
width: auto;
}
html[dir="ltr"] .review-layout .review-content .company-view .view-info .info-item .process .next-progress-line-text,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-content .company-view .view-info .info-item .process .next-progress-line-text {
text-align: right;
}
html[dir="rtl"] .review-layout .review-content .company-view .view-info .info-item .process .next-progress-line-text,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-content .company-view .view-info .info-item .process .next-progress-line-text {
text-align: left;
}
.review-layout .review-content .company-view .view-info .info-item .score,
.pc_fantasy_reviews_dialog .review-content .company-view .view-info .info-item .score {
width: 25px;
}
.review-layout .review-content .company-view .view-item,
.pc_fantasy_reviews_dialog .review-content .company-view .view-item {
display: flex;
gap: 4px;
flex-direction: row;
align-items: baseline;
}
.review-layout .review-content .company-view .view-item span,
.pc_fantasy_reviews_dialog .review-content .company-view .view-item span {
font-size: 16px;
color: #333;
line-height: 22px;
}
.review-layout .review-content .company-view .view-item strong,
.pc_fantasy_reviews_dialog .review-content .company-view .view-item strong {
font-size: 24px;
color: #333;
line-height: 30px;
}
.review-layout .review-content .company-view.up,
.pc_fantasy_reviews_dialog .review-content .company-view.up {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
flex: 1;
}
.review-layout .review-content .company-view.up .view-info,
.pc_fantasy_reviews_dialog .review-content .company-view.up .view-info {
flex: 1;
max-width: 440px;
min-height: 128px;
border-radius: 8px;
background-color: #fafafa;
overflow: hidden;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.review-layout .review-content .company-view.up .view-info .info-item,
.pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item {
display: flex;
align-items: baseline;
justify-content: space-around;
font-weight: 400;
font-size: 14px;
color: #373635;
line-height: 18px;
margin: 0;
}
.review-layout .review-content .company-view.up .view-info .info-item .type,
.pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item .type {
width: 250px;
}
.review-layout .review-content .company-view.up .view-info .info-item .process,
.pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item .process {
width: 175px;
}
html[dir="ltr"] .review-layout .review-content .company-view.up .view-info .info-item .process .next-progress-line-container,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item .process .next-progress-line-container {
padding-right: 25px;
margin-right: -25px;
}
html[dir="rtl"] .review-layout .review-content .company-view.up .view-info .info-item .process .next-progress-line-container,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item .process .next-progress-line-container {
padding-left: 25px;
margin-left: -25px;
}
.review-layout .review-content .company-view.up .view-info .info-item .process .next-progress-line-text,
.pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item .process .next-progress-line-text {
font-family: Inter;
font-size: 12px;
font-weight: 600;
line-height: 16px;
letter-spacing: -0.004em;
color: #000;
}
html[dir="ltr"] .review-layout .review-content .company-view.up .view-info .info-item .process .next-progress-line-text,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item .process .next-progress-line-text {
text-align: left;
margin-left: 4px;
}
html[dir="rtl"] .review-layout .review-content .company-view.up .view-info .info-item .process .next-progress-line-text,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-content .company-view.up .view-info .info-item .process .next-progress-line-text {
text-align: right;
margin-right: 4px;
}
.review-layout .review-list.media-container .review-item,
.pc_fantasy_reviews_dialog .review-list.media-container .review-item {
margin-top: 0 !important;
}
html[dir="ltr"] .review-layout .review-list.media-container .review-item,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-list.media-container .review-item {
border-left: none !important;
padding-left: 0 !important;
}
html[dir="rtl"] .review-layout .review-list.media-container .review-item,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-list.media-container .review-item {
border-right: none !important;
padding-right: 0 !important;
}
html[dir="ltr"] .review-layout .review-list.media-container .review-item .review-intro.review-product,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-list.media-container .review-item .review-intro.review-product {
border-left: none !important;
padding-left: 8px;
}
html[dir="rtl"] .review-layout .review-list.media-container .review-item .review-intro.review-product,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-list.media-container .review-item .review-intro.review-product {
border-right: none !important;
padding-right: 8px;
}
.review-layout .review-list .star-rating-list,
.pc_fantasy_reviews_dialog .review-list .star-rating-list {
display: flex;
}
.review-layout .review-list .star-rating-list .detail-symbol,
.pc_fantasy_reviews_dialog .review-list .star-rating-list .detail-symbol {
font-size: 18px;
}
.review-layout .review-list .company-review,
.pc_fantasy_reviews_dialog .review-list .company-review {
margin-top: 32px;
}
.review-layout .review-list .company-review .company-content,
.pc_fantasy_reviews_dialog .review-list .company-review .company-content {
margin-top: 8px;
font-size: 16px;
color: #333;
line-height: 22px;
}
.review-layout .review-list .company-review .review-item,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item {
margin-top: 12px;
}
html[dir="ltr"] .review-layout .review-list .company-review .review-item,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-list .company-review .review-item {
padding-left: 10px;
border-left: 1px solid #ddd;
}
html[dir="rtl"] .review-layout .review-list .company-review .review-item,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-list .company-review .review-item {
padding-right: 10px;
border-right: 1px solid #ddd;
}
.review-layout .review-list .company-review .review-item .review-product,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-product {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-top: 18px;
position: relative;
z-index: -1;
}
.review-layout .review-list .company-review .review-item .review-product:before,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-product:before {
content: "";
display: block;
position: absolute;
top: 0;
height: 44px;
width: 44px;
border-radius: 4px;
background-color: #0000000a;
}
html[dir="ltr"] .review-layout .review-list .company-review .review-item .review-product:before,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-product:before {
left: 0;
}
html[dir="rtl"] .review-layout .review-list .company-review .review-item .review-product:before,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-product:before {
right: 0;
}
.review-layout .review-list .company-review .review-item .review-product>img,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-product>img {
height: 44px;
width: 44px;
border-radius: 4px;
}
.review-layout .review-list .company-review .review-item .review-product .product-layout,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-product .product-layout {
display: flex;
flex-direction: column;
}
.review-layout .review-list .company-review .review-item .review-product .product-layout .product-item a,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-product .product-layout .product-item a {
font-size: 14px;
color: #666;
line-height: 18px;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.review-layout .review-list .company-review .review-item .review-reply,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-reply {
position: relative;
}
html[dir="ltr"] .review-layout .review-list .company-review .review-item .review-reply,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-reply {
margin-left: -15px;
}
html[dir="rtl"] .review-layout .review-list .company-review .review-item .review-reply,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-reply {
margin-right: -15px;
}
.review-layout .review-list .company-review .review-item .review-reply:before,
.pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-reply:before {
position: absolute;
top: -20px;
width: 100%;
background-color: #fff;
height: 20px;
content: "";
}
html[dir="ltr"] .review-layout .review-list .company-review .review-item .review-reply:before,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-reply:before {
left: 0;
}
html[dir="rtl"] .review-layout .review-list .company-review .review-item .review-reply:before,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-list .company-review .review-item .review-reply:before {
right: 0;
}
.review-layout .review-list .review-item,
.pc_fantasy_reviews_dialog .review-list .review-item {
margin-top: 12px;
}
html[dir="ltr"] .review-layout .review-list .review-item.up .review-reply,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-list .review-item.up .review-reply {
padding-left: 0 !important;
margin-left: 0 !important;
}
html[dir="rtl"] .review-layout .review-list .review-item.up .review-reply,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-list .review-item.up .review-reply {
padding-right: 0 !important;
margin-right: 0 !important;
}
html[dir="ltr"] .review-layout .review-list .review-item .review-intro.review-product,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-list .review-item .review-intro.review-product {
padding-left: 16px;
border-left: 1px solid #ddd;
}
html[dir="rtl"] .review-layout .review-list .review-item .review-intro.review-product,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-list .review-item .review-intro.review-product {
padding-right: 16px;
border-right: 1px solid #ddd;
}
.review-layout .review-list .review-item .review-repeat,
.pc_fantasy_reviews_dialog .review-list .review-item .review-repeat {
font-size: 14px;
color: #666;
margin-top: 12px;
}
.review-layout .review-list .review-item .review-translate,
.pc_fantasy_reviews_dialog .review-list .review-item .review-translate {
margin-top: 16px;
display: flex;
align-items: center;
flex-direction: row;
gap: 4px;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #767676;
}
.review-layout .review-list .review-item .review-translate img,
.pc_fantasy_reviews_dialog .review-list .review-item .review-translate img {
height: 20px;
width: auto;
}
.review-layout .review-list .review-item .review-translate a,
.pc_fantasy_reviews_dialog .review-list .review-item .review-translate a {
cursor: pointer;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.review-layout .review-list .review-item .review-img,
.pc_fantasy_reviews_dialog .review-list .review-item .review-img {
display: flex;
flex-direction: row;
gap: 20px;
margin-top: 12px;
}
.review-layout .review-list .review-item .review-img .video,
.pc_fantasy_reviews_dialog .review-list .review-item .review-img .video {
cursor: pointer;
position: relative;
}
.review-layout .review-list .review-item .review-img .video .detail-symbol,
.pc_fantasy_reviews_dialog .review-list .review-item .review-img .video .detail-symbol {
position: absolute;
inset: 0;
margin: auto;
fill: #fff;
}
.review-layout .review-list .review-item .review-img img,
.pc_fantasy_reviews_dialog .review-list .review-item .review-img img {
cursor: pointer;
height: 80px;
width: 80px;
border-radius: 8px;
}
.review-layout .review-list .review-item .review-reply,
.pc_fantasy_reviews_dialog .review-list .review-item .review-reply {
margin-top: 20px;
font-size: 16px;
color: #222;
line-height: 18px;
font-weight: 600;
}
html[dir="ltr"] .review-layout .review-list .review-item .review-reply,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-list .review-item .review-reply {
padding-left: 15px;
}
html[dir="rtl"] .review-layout .review-list .review-item .review-reply,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-list .review-item .review-reply {
padding-right: 15px;
}
.review-layout .review-list .review-item .review-reply .review-info,
.pc_fantasy_reviews_dialog .review-list .review-item .review-reply .review-info {
font-weight: 400;
word-wrap: break-word;
}
.review-layout .review-list .review-item .review-reply p,
.pc_fantasy_reviews_dialog .review-list .review-item .review-reply p {
font-weight: 400;
margin-top: 8px;
padding: 0;
}
.review-layout .review-list .review-item .review-info,
.pc_fantasy_reviews_dialog .review-list .review-item .review-info {
margin-top: 12px;
font-size: 16px;
color: #000;
line-height: 22px;
word-wrap: break-word;
}
.review-layout .review-list .review-item .review-star,
.pc_fantasy_reviews_dialog .review-list .review-item .review-star {
margin-top: 16px;
}
html[dir="ltr"] .review-layout .review-list .review-item .review-star,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-list .review-item .review-star {
margin-left: -4px;
}
html[dir="rtl"] .review-layout .review-list .review-item .review-star,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-list .review-item .review-star {
margin-right: -4px;
}
.review-layout .review-list .review-item .review-star img,
.pc_fantasy_reviews_dialog .review-list .review-item .review-star img {
width: 15px;
height: 15px;
}
.review-layout .review-list .review-avatar,
.pc_fantasy_reviews_dialog .review-list .review-avatar,
.review-layout .review-list .review-avatar .avatar-info .avatar-item,
.pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item {
display: flex;
align-items: center;
}
.review-layout .review-list .review-avatar .avatar-info .avatar-item .date,
.pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item .date {
margin-top: 4px;
font-size: 12px;
color: #767676;
line-height: 16px;
}
html[dir="ltr"] .review-layout .review-list .review-avatar .avatar-info .avatar-item .date,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item .date {
text-align: right;
}
html[dir="rtl"] .review-layout .review-list .review-avatar .avatar-info .avatar-item .date,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item .date {
text-align: left;
}
.review-layout .review-list .review-avatar .avatar-info .avatar-item .name,
.pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item .name {
font-size: 12px;
color: #222;
line-height: 16px;
}
.review-layout .review-list .review-avatar .avatar-info .avatar-item>img,
.pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item>img {
height: 15px;
}
html[dir="ltr"] .review-layout .review-list .review-avatar .avatar-info .avatar-item>img,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item>img {
margin-left: 4px;
}
html[dir="rtl"] .review-layout .review-list .review-avatar .avatar-info .avatar-item>img,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-info .avatar-item>img {
margin-right: 4px;
}
.review-layout .review-list .review-avatar .avatar-img,
.pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-img {
height: 40px;
width: 40px;
background-color: #5369d7;
border-radius: 20px;
font-weight: 700;
font-size: 20px;
line-height: 40px;
color: #fff;
text-align: center;
}
html[dir="ltr"] .review-layout .review-list .review-avatar .avatar-img,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-img {
margin-right: 12px;
}
html[dir="rtl"] .review-layout .review-list .review-avatar .avatar-img,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-list .review-avatar .avatar-img {
margin-left: 12px;
}
.review-layout .review-tag,
.pc_fantasy_reviews_dialog .review-tag {
margin-top: 24px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.review-layout .review-score,
.pc_fantasy_reviews_dialog .review-score {
display: flex;
margin-top: 20px;
align-items: center;
}
.review-layout .review-score .star-rating-list,
.pc_fantasy_reviews_dialog .review-score .star-rating-list {
display: flex;
}
.review-layout .review-score .star-rating-list .detail-symbol,
.pc_fantasy_reviews_dialog .review-score .star-rating-list .detail-symbol {
font-size: 24px;
}
.review-layout .review-score .score,
.pc_fantasy_reviews_dialog .review-score .score {
font-weight: 600;
font-size: 20px;
color: #222;
line-height: 30px;
}
html[dir="ltr"] .review-layout .review-score .score,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-score .score {
margin-right: 4px;
}
html[dir="rtl"] .review-layout .review-score .score,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-score .score {
margin-left: 4px;
}
html[dir="ltr"] .review-layout .review-score.up,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-score.up {
margin: 40px 20px 40px 0;
}
html[dir="rtl"] .review-layout .review-score.up,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-score.up {
margin: 40px 0 40px 20px;
}
.review-layout .review-score.up .score,
.pc_fantasy_reviews_dialog .review-score.up .score {
font-size: 48px;
font-weight: 700;
}
html[dir="ltr"] .review-layout .review-score.up .score,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-score.up .score {
margin-right: 12px;
}
html[dir="rtl"] .review-layout .review-score.up .score,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-score.up .score {
margin-left: 12px;
}
.review-layout .review-score.up .detail .flex,
.pc_fantasy_reviews_dialog .review-score.up .detail .flex {
display: flex;
align-items: center;
margin-bottom: 4px;
}
.review-layout .review-score.up .detail span,
.pc_fantasy_reviews_dialog .review-score.up .detail span {
font-family: Inter;
font-size: 14px;
font-weight: 600;
line-height: 18px;
letter-spacing: -0.004em;
color: #222;
}
html[dir="ltr"] .review-layout .review-score.up .detail span,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-score.up .detail span {
padding-left: 4px;
}
html[dir="rtl"] .review-layout .review-score.up .detail span,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-score.up .detail span {
padding-right: 4px;
}
.review-layout .review-score.up .verified-reviews,
.pc_fantasy_reviews_dialog .review-score.up .verified-reviews {
display: flex;
align-items: center;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #767676;
}
.review-layout .review-score.up .verified-reviews span,
.pc_fantasy_reviews_dialog .review-score.up .verified-reviews span {
color: #22891f;
padding-bottom: 1px;
border-bottom: 1.5px solid #22891f;
}
html[dir="ltr"] .review-layout .review-score.up .verified-reviews span,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-score.up .verified-reviews span {
margin-left: 4px;
}
html[dir="rtl"] .review-layout .review-score.up .verified-reviews span,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-score.up .verified-reviews span {
margin-right: 4px;
}
.review-layout .review-score.up .verified-reviews img,
.pc_fantasy_reviews_dialog .review-score.up .verified-reviews img {
display: inline;
width: 18px;
height: 18px;
}
html[dir="ltr"] .review-layout .review-score.up .verified-reviews img,
html[dir="ltr"] .pc_fantasy_reviews_dialog .review-score.up .verified-reviews img {
margin-left: 4px;
}
html[dir="rtl"] .review-layout .review-score.up .verified-reviews img,
html[dir="rtl"] .pc_fantasy_reviews_dialog .review-score.up .verified-reviews img {
margin-right: 4px;
}
.review-layout h2 {
font-weight: 700;
font-size: 20px;
color: #222;
line-height: 26px;
margin-bottom: 20px;
}
.sort-dropdown-menu-content {
min-width: 210px;
}
.sort-dropdown-menu-content div[role="menuitemradio"] {
padding: 12px 20px;
display: flex;
align-items: center;
font-family: Inter;
font-size: 14px;
font-weight: 400;
color: #222;
outline: none;
cursor: pointer;
}
.sort-dropdown-menu-content div[role="menuitemradio"]:hover {
background-color: #f4f4f4;
}
.sort-dropdown-menu-content div[role="menuitemradio"][aria-checked="true"] {
font-weight: 700;
}
.sort-dropdown-menu-content div[role="menuitemradio"][aria-checked="true"] span {
display: none;
}
.tag-dropdown-menu-content {
min-width: 360px;
}
.tag-dropdown-menu-content div[role="menuitemcheckbox"] {
font-size: 14px;
font-weight: 400;
outline: none;
cursor: pointer;
}
html[dir="ltr"] .tag-dropdown-menu-content div[role="menuitemcheckbox"] {
padding: 12px 40px 12px 20px;
}
html[dir="rtl"] .tag-dropdown-menu-content div[role="menuitemcheckbox"] {
padding: 12px 20px 12px 40px;
}
.tag-dropdown-menu-content div[role="menuitemcheckbox"]:hover {
background-color: #f4f4f4;
}
.tag-dropdown-menu-content div[role="menuitemcheckbox"][aria-checked="true"] {
font-weight: 700;
}
.tag-dropdown-menu-content div[role="menuitemcheckbox"][aria-checked="true"]>span.id-left-2 {
color: #fff;
background-color: #222;
border: 1.5px solid transparent;
}
.tag-dropdown-menu-content div[role="menuitemcheckbox"]>span.id-left-2 {
width: 20px;
height: 20px;
gap: 0;
border-radius: 4px;
border: 1.5px solid #ddd;
}
html[dir="ltr"] .tag-dropdown-menu-content div[role="menuitemcheckbox"]>span.id-left-2 {
left: calc(100% - 40px);
}
html[dir="rtl"] .tag-dropdown-menu-content div[role="menuitemcheckbox"]>span.id-left-2 {
right: calc(100% - 40px);
}
.no-new-review-tips {
padding: 24px 0 0;
}
.no-new-review-tips h4 {
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #8d8d8d;
}
button {
outline: none;
}
.review-pop-slider.prop-slider {
display: flex;
justify-content: center;
align-items: flex-start;
height: calc(80vh - 84px);
margin-top: 20px;
}
.review-pop-slider.prop-slider .prop-layout {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
gap: 28px;
}
.review-pop-slider.prop-slider .prop-layout .layout-image {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
width: 50vh;
justify-content: flex-start;
min-height: 30vh;
height: 100%;
}
.review-pop-slider.prop-slider .prop-layout .layout-image video,
.review-pop-slider.prop-slider .prop-layout .layout-image img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.review-pop-slider.prop-slider .prop-layout .layout-left,
.review-pop-slider.prop-slider .prop-layout .layout-right {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 25px;
background-color: #fff;
width: 48px;
height: 48px;
z-index: 1;
}
</style>
<style>
.module-shoppingAds-component {
margin: 20px 0;
border: 1px solid #dae2ee;
background: #fff;
min-width: 750px;
max-width: 960px;
height: 287px;
font-family: Roboto-Bold;
}
.module-shoppingAds-component .next-slick-arrow.inline {
background: #fff0 !important;
color: #666 !important;
}
.module-shoppingAds-component .title {
opacity: 0.8;
margin-bottom: 10px;
padding: 16px;
color: #000;
font-weight: 700;
font-size: 16px;
line-height: 20px;
}
.module-shoppingAds-component .slider {
margin: 0 16px;
}
.module-shoppingAds-component .item {
padding: 0 30px;
}
.module-shoppingAds-component .module-shoppingAds-item {
width: 160px;
overflow: hidden;
}
.module-shoppingAds-component .module-shoppingAds-item a {
color: inherit;
}
.module-shoppingAds-component .module-shoppingAds-item .img-container {
cursor: pointer;
margin-bottom: 10px;
}
.module-shoppingAds-component .module-shoppingAds-item .img-container img {
display: block;
margin: 0 auto;
width: 120px;
height: 136px;
}
.module-shoppingAds-component .module-shoppingAds-item .info {
padding: 0 4px;
font-size: 14px;
line-height: 16px;
letter-spacing: 0;
}
.module-shoppingAds-component .module-shoppingAds-item .row-1 {
cursor: pointer;
margin-bottom: 8px;
color: #333;
font-size: 12px;
}
.module-shoppingAds-component .module-shoppingAds-item .row-1:hover {
color: #ff6a00 !important;
}
.module-shoppingAds-component .module-shoppingAds-item .row-2 {
cursor: pointer;
}
.module-shoppingAds-component .module-shoppingAds-item .row-2:hover * {
color: #ff6a00 !important;
}
.module-shoppingAds-component .module-shoppingAds-item .row-2 .price-amount {
color: #262626;
font-weight: 700;
}
.module-shoppingAds-component .module-shoppingAds-item .row-2 .price-unit {
color: #2a2a2a;
}
</style>
<style>
.icbu-im-plugin {
position: fixed;
bottom: 48px;
width: 210px;
height: 200px;
z-index: 998;
}
.icbu-im-plugin.right60 {
right: 60px;
}
.icbu-im-plugin.right80 {
right: 80px;
}
.icbu-im-plugin.right100 {
right: 100px;
bottom: 14px;
}
.icbu-im-plugin-inner {
position: absolute;
bottom: -200px;
background-color: #fff;
width: 210px;
height: 200px;
border-radius: 4px;
box-shadow: -4px -4px 14px #0000001a;
padding: 16px 16px 0;
box-sizing: border-box;
transition: bottom 1s;
transition-timing-function: cubic-bezier(0.53, 0.8, 0.2, 1);
}
.icbu-im-plugin-inner.active {
bottom: 0;
}
.action-button {
width: 178px;
height: 28px;
border: 1px solid #222;
border-radius: 17px;
background-color: #fff;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
position: absolute;
bottom: 16px;
cursor: pointer;
}
.action-text {
font-size: 13px;
line-height: 18px;
color: #222;
}
.message-text {
font-size: 14px;
line-height: 20px;
color: #222;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin-top: 12px;
}
.contact-wrap {
display: flex;
flex-direction: row;
}
.contact-main-info {
flex: 1;
display: flex;
flex-direction: column;
margin-left: 8px;
justify-content: center;
overflow: hidden;
}
.contact-left {
position: relative;
width: 40px;
height: 40px;
flex: none;
}
.contact-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #ddd;
}
.online-tip {
position: absolute;
right: 0;
bottom: 0;
width: 8px;
height: 8px;
background-color: #09ff42;
border: 1px solid #fff;
border-radius: 50%;
}
.contact-name,
.contact-status {
font-size: 12px;
line-height: 17px;
color: #222;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.close-icon {
position: absolute;
right: 8px;
top: 8px;
cursor: pointer;
}
</style>
<style>
.widget-detail-video {
padding: 10px 0 16px;
}
.widget-detail-video__title {
margin: 0;
padding: 8px 0;
font-weight: 700;
}
.widget-detail-video__video-wrap {
padding-top: 12px;
text-align: center;
}
.widget-detail-video .bc-video-player .loading {
margin: 0;
}
</style>
<style>
.module-productSpecification {
padding: 20px 0;
}
.ls-product a:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.ls-product .box {
border-top: 1px dotted #ccc;
padding: 20px 0;
}
.ls-product .box-first {
border: none;
}
.ls-product .title {
margin: 0 0 8px;
overflow: hidden;
color: #333;
font-weight: 700;
font-size: 14px;
}
.ls-product .table {
width: 100%;
}
.ls-product .table td {
vertical-align: top;
line-height: 20px;
}
.ls-product .table .name {
width: 101px;
color: #666;
}
.ls-product .table .mk-name {
width: 138px;
overflow: hidden;
white-space: nowrap;
}
.ls-product .quick-detail {
table-layout: fixed;
}
.ls-product .quick-detail .name,
.ls-product .quick-detail .value {
width: 200px;
}
.ls-product .quick-detail .value {
padding: 0 5px;
}
.ls-product .ellipsis {
overflow: hidden;
word-wrap: normal;
width: 100%;
text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
white-space: nowrap;
}
.ls-product .mk-img {
padding-top: 10px;
}
.ls-product .mk-img p {
margin: 0;
font-size: 0;
}
.ls-product .mk-img img {
_width: 600px;
max-width: 600px;
}
.ls-product .rich-text-description {
position: relative;
width: 750px;
overflow: hidden;
}
.ls-product .rich-text-description img {
max-width: 750px;
}
.ls-product .rich-text-description.is-magic img {
max-width: none;
}
.ls-product .rfq {
margin-bottom: 15px;
color: #666;
}
.ls-product .ico-leaf {
position: relative;
top: -2px;
vertical-align: middle;
}
html[dir="ltr"] .ls-product .ico-leaf {
margin-right: 4px;
}
html[dir="rtl"] .ls-product .ico-leaf {
margin-left: 4px;
}
.ls-product .tip {
color: #999;
}
.ls-product .emphasis {
font-weight: 700;
}
.richtext-nav {
position: relative;
z-index: 1;
width: 100%;
}
.richtext-nav .nav-con {
border-top: none;
border-bottom: 2px solid #ddd;
background-color: #fff;
min-height: 60px;
*zoom: 1;
box-sizing: border-box;
}
.richtext-nav .fixed,
.ls-tab-new .fixed .richtext-nav .nav-con {
position: absolute;
right: 0;
left: 0;
z-index: 10;
transition: box-shadow 0.25s linear 0s;
-moz-transition: box-shadow 0.25s linear 0s;
-webkit-transition: box-shadow 0.25s linear 0s;
-o-transition: box-shadow 0.25s linear 0s;
}
html[dir="ltr"] .richtext-nav .fixed,
html[dir="ltr"] .ls-tab-new .fixed .richtext-nav .nav-con {
box-shadow: 2px 2px 4px #00000021;
}
html[dir="rtl"] .richtext-nav .fixed,
html[dir="rtl"] .ls-tab-new .fixed .richtext-nav .nav-con {
box-shadow: -2px 2px 4px #00000021;
}
.richtext-nav dl {
margin: 0;
}
.richtext-nav dd {
margin: 0;
height: 60px;
}
html[dir="ltr"] .richtext-nav dd {
float: left;
margin-right: 20px;
}
html[dir="rtl"] .richtext-nav dd {
float: right;
margin-left: 20px;
}
.richtext-nav a {
outline: 0;
color: #666;
}
.richtext-nav .item a {
display: block;
position: relative;
padding: 20px 5px;
width: 100%;
overflow: hidden;
color: #666;
font-size: 14px;
line-height: 18px;
text-align: center;
}
.richtext-nav .item a em {
display: block;
width: 100%;
}
.richtext-nav a:hover,
.richtext-nav a.selected,
.richtext-nav .selected a {
border-bottom: 2px solid #ff6a00;
color: #ff6a00;
font-weight: 700;
-webkit-text-decoration: none;
text-decoration: none;
}
.richtext {
margin: 0;
border: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-size: 12px;
white-space: normal;
word-wrap: break-word;
background-color: #fff;
overflow: hidden;
zoom: 1;
}
.richtext div,
.richtext span,
.richtext object,
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6,
.richtext p,
.richtext blockquote,
.richtext pre,
.richtext a,
.richtext abbr,
.richtext acronym,
.richtext address,
.richtext code,
.richtext del,
.richtext dfn,
.richtext em,
.richtext img,
.richtext q,
.richtext dl,
.richtext dt,
.richtext dd,
.richtext ol,
.richtext ul,
.richtext li,
.richtext fieldset,
.richtext form,
.richtext label,
.richtext legend,
.richtext article,
.richtext aside,
.richtext details,
.richtext dialog,
.richtext figcaption,
.richtext figure,
.richtext footer,
.richtext header,
.richtext hgroup,
.richtext menu,
.richtext nav,
.richtext section,
.richtext summary {
vertical-align: baseline;
margin: 0;
border: 0;
padding: 0;
font-size: 100%;
font: inherit;
}
.richtext ol,
.richtext ul {
margin: 1em 0;
list-style: none;
}
.richtext ol {
list-style: decimal;
}
.richtext ul {
list-style: disc;
}
html[dir="ltr"] .richtext ul {
padding: 0 0 0 30px;
}
html[dir="rtl"] .richtext ul {
padding: 0 30px 0 0;
}
.richtext li {
display: list-item;
}
html[dir="ltr"] .richtext li {
margin: 0 0 0 30px;
}
html[dir="rtl"] .richtext li {
margin: 0 30px 0 0;
}
html[dir="ltr"] .richtext dd {
margin: 0 0 0 40px;
}
html[dir="rtl"] .richtext dd {
margin: 0 40px 0 0;
}
.richtext ul ul,
.richtext ol ul {
list-style-type: circle;
}
.richtext ol ol ul,
.richtext ol ul ul,
.richtext ul ol ul,
.richtext ul ul ul {
list-style-type: square;
}
.richtext table,
.richtext caption,
.richtext tbody,
.richtext tfoot,
.richtext thead,
.richtext tr,
.richtext th,
.richtext td {
margin: 0;
padding: 0;
font-size: 100%;
}
.richtext table {
border-collapse: separate;
width: auto;
}
.richtext table th,
.richtext table td {
float: none;
}
.richtext table td {
font-weight: 400;
}
.richtext table.aliDataTable {
border-collapse: collapse;
background-color: #fff;
}
.richtext table.aliDataTable th,
.richtext table.aliDataTable td {
border: 1px solid #ccc;
padding: 1px;
color: #000;
}
.richtext hr {
clear: both;
border: 0 #ccc solid;
border-top-width: 1px;
height: 0;
overflow: hidden;
}
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
font-weight: 700;
line-height: 1;
}
.richtext h1 {
margin: 0.67em 0;
font-size: 2em;
}
.richtext h2 {
margin: 0.75em 0;
font-size: 1.5em;
}
.richtext h3 {
margin: 0.83em 0;
font-size: 1.17em;
}
.richtext h4 {
margin: 1.12em 0;
font-size: 1em;
}
.richtext h5 {
margin: 1.5em 0;
font-size: 0.83em;
}
.richtext h6 {
margin: 1.67em 0;
font-size: 0.75em;
}
.richtext span {
line-height: 150%;
}
.richtext blockquote:before,
.richtext blockquote:after,
.richtext q:before,
.richtext q:after {
content: "";
content: none;
}
.richtext blockquote,
.richtext q {
quotes: "" "";
}
.richtext blockquote {
margin: 1em 40px;
}
.richtext dfn {
font-style: italic;
}
.richtext mark {
background: #ff0;
color: #000;
}
.richtext code,
.richtext kbd,
.richtext pre,
.richtext samp {
font-size: 1em;
}
.richtext pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
font: 1em arial;
}
.richtext sub,
.richtext sup,
.richtext small {
font-size: 75%;
}
.richtext sub,
.richtext sup {
position: relative;
vertical-align: baseline;
line-height: inherit;
}
.richtext sub {
bottom: -0.25em;
}
.richtext sup {
top: -0.5em;
}
.rich-text sub,
.rich-text sup {
line-height: inherit;
}
.richtext b,
.richtext strong {
font-weight: 700;
}
.richtext em,
.richtext i {
font-style: italic;
}
.richtext abbr,
.richtext acronym {
border: 0;
font-feature-settings: normal;
font-variant: normal;
}
.richtext del {
-webkit-text-decoration: line-through;
text-decoration: line-through;
}
.richtext img {
vertical-align: middle;
border: none;
border: 0;
max-width: 750px;
color: #0000;
font-size: 0;
-ms-interpolation-mode: bicubic;
}
.richtext-detail {
width: 750px;
}
.rich-text-description {
overflow: hidden;
word-wrap: break-word;
}
.rich-text-description table {
border-collapse: separate;
}
.rich-text-description pre {
font: 1em arial;
}
.rich-text-description p {
margin: 0;
padding: 0;
}
.rich-text-description span {
line-height: 150%;
}
.rich-text-description em {
font-style: italic;
}
.rich-text-description sub,
.rich-text-description sup {
line-height: inherit;
}
.rich-text-description ul,
.rich-text-description ol {
display: block !important;
margin: 1em 0 !important;
}
html[dir="ltr"] .rich-text-description ul,
html[dir="ltr"] .rich-text-description ol {
padding: 0 0 0 40px !important;
}
html[dir="rtl"] .rich-text-description ul,
html[dir="rtl"] .rich-text-description ol {
padding: 0 40px 0 0 !important;
}
.rich-text-description ul {
list-style-type: disc !important;
}
.rich-text-description ol {
list-style-type: decimal !important;
}
.rich-text-description li {
display: list-item !important;
}
.rich-text-description ol ul,
.rich-text-description ul ul {
list-style-type: circle !important;
}
.rich-text-description .aliDataTable {
border-collapse: collapse;
background: #fff;
}
.rich-text-description .aliDataTable th,
.rich-text-description .aliDataTable td {
border: 1px solid #ccc;
padding: 1px;
color: #000;
}
.richtext [data-maya] {
width: 750px;
font-size: 14px;
font-family: Roboto;
}
.ls-product .rich-text-description.is-magic span {
line-height: normal;
}
.richtext.is-magic {
font-size: 14px;
line-height: 1.5;
}
.richtext.is-magic a,
.richtext.is-magic abbr,
.richtext.is-magic acronym,
.richtext.is-magic address,
.richtext.is-magic article,
.richtext.is-magic aside,
.richtext.is-magic blockquote,
.richtext.is-magic body,
.richtext.is-magic code,
.richtext.is-magic dd,
.richtext.is-magic del,
.richtext.is-magic details,
.richtext.is-magic dfn,
.richtext.is-magic dialog,
.richtext.is-magic div,
.richtext.is-magic dl,
.richtext.is-magic dt,
.richtext.is-magic em,
.richtext.is-magic fieldset,
.richtext.is-magic figcaption,
.richtext.is-magic figure,
.richtext.is-magic footer,
.richtext.is-magic form,
.richtext.is-magic h1,
.richtext.is-magic h2,
.richtext.is-magic h3,
.richtext.is-magic h4,
.richtext.is-magic h5,
.richtext.is-magic h6,
.richtext.is-magic header,
.richtext.is-magic hgroup,
.richtext.is-magic html,
.richtext.is-magic iframe,
.richtext.is-magic img,
.richtext.is-magic label,
.richtext.is-magic legend,
.richtext.is-magic li,
.richtext.is-magic menu,
.richtext.is-magic nav,
.richtext.is-magic object,
.richtext.is-magic ol,
.richtext.is-magic p,
.richtext.is-magic pre,
.richtext.is-magic q,
.richtext.is-magic section,
.richtext.is-magic span,
.richtext.is-magic summary,
.richtext.is-magic ul {
line-height: inherit;
}
.richtext.is-magic .detail-decorate-json-renderer-container sub,
.richtext.is-magic .detail-decorate-json-renderer-container sup {
vertical-align: baseline !important;
}
.richtext.is-magic h1,
.richtext.is-magic h2,
.richtext.is-magic h3,
.richtext.is-magic h4,
.richtext.is-magic h5,
.richtext.is-magic h6 {
font-weight: 400;
}
.richtext.is-magic .icbu-pc-images {
position: relative;
box-sizing: border-box;
width: 100%;
}
html[dir="ltr"] .richtext.is-magic .text-align-left {
text-align: left;
}
html[dir="rtl"] .richtext.is-magic .text-align-left {
text-align: right;
}
.richtext.is-magic .text-align-center {
text-align: center;
}
.richtext.is-magic .text-title {
margin: 0;
padding: 0;
color: #333;
font-weight: 700;
font-size: 14px;
line-height: 20px;
}
.richtext.is-magic .text-content {
margin-top: 10px;
color: #333;
font-size: 14px;
line-height: 25px;
white-space: pre-wrap;
}
.richtext.is-magic .text-wrapper-above,
.richtext.is-magic .text-wrapper-below,
.richtext.is-magic .text-wrapper-inner {
padding: 20px;
}
html[dir="ltr"] .richtext.is-magic .text-wrapper-left {
padding-right: 12px;
padding-left: 4px;
}
html[dir="rtl"] .richtext.is-magic .text-wrapper-left {
padding-left: 12px;
padding-right: 4px;
}
html[dir="ltr"] .richtext.is-magic .text-wrapper-right {
padding-right: 4px;
padding-left: 12px;
}
html[dir="rtl"] .richtext.is-magic .text-wrapper-right {
padding-left: 4px;
padding-right: 12px;
}
.richtext.is-magic .text-wrapper-inner {
position: absolute;
bottom: 0;
opacity: 0.8;
box-sizing: border-box;
width: 100%;
}
.richtext.is-magic .text-wrapper-placeholder {
background-color: #fff;
padding: 0 50px;
}
.richtext.is-magic .text-wrapper-inner.text-theme-light {
background-color: #fff;
}
.richtext.is-magic .text-wrapper-inner.text-theme-dark {
background-color: #000;
}
.richtext.is-magic .text-wrapper-inner.text-theme-dark .text-title,
.richtext.is-magic .text-wrapper-inner.text-theme-dark .text-content {
color: #fff;
}
.richtext.is-magic .flex-layout-h {
display: flex;
flex: 1;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.richtext.is-magic .flex-layout-v {
display: flex;
flex: 1;
flex-direction: column;
}
.richtext.is-magic .image-placeholder {
background: center no-repeat #f7f8fa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAABIBAMAAAD/vD1tAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURf///+zt8cTGz/P09+bn67i6w9HS2jg2DaAAAAHZSURBVEjH7ZZtbsIwDIaLygGWYXGASPC7qNN+YxZ2gEm9ABK9/xGW5st2m30YaUiTMD8INE/8vrZbaLpGF23ziH8Y2ra1zrlOCzinIV4CcVQQzimTrBLxeyfrRByVNm4h3u6Q4/iHzvXV1Xfwhilp1JOon3Yf3eOhcq8wU2z6TkkYA57SESF+x/jTsSD4M9M2URIWrPtm6seLtXumCiFWob59tDEmgkQZqKdptxdrGRFO527mCNB+qYqBHFnx/YEQp2dlTwV4tXZOlNMpl38lpD3ZOmGoxqLK7cXWCJSyUjL0yHoJlBwYu4E52fShWe+GL4hFQ1LshuGjRtDZ4S3XwK9PQwXJqsDwaoW113atIKnnYivT6HUNdVXcQCpdULhdJknOgSpEYzwpOy8QMVdG9AbrurIP6Rup1gtdxQfZxiwrXjjPkhQfUGvhRMKsj8wH5P2Ql5Ge9TGqAm4WM45pfRW6eM+n6zNR4TtpPhAw25J95++F+TKJQFtIWxIGPIl8Msh0pRTBPCdA3CKYGg9cJqtwmd1SUiYNSt2eKQnvee0plCeGktB9DqnGKCYrX6Uk0Ye8jRIk5oyS7JuD2fgXi4050NLH9Anc+ziO6e9ir4jNofe/fb02PgG4FtsuJA2ulgAAAABJRU5ErkJggg==);
min-height: 100px;
}
.richtext.is-magic .image-placeholder-wrapper {
display: flex;
flex: 1;
justify-content: center;
align-items: center;
background-color: #eee;
overflow: hidden;
}
.richtext.is-magic .ife-detail-decorate-table table {
border-collapse: collapse;
width: auto;
word-wrap: break-word;
font-size: 14px;
}
.richtext.is-magic .ife-detail-decorate-table table td {
vertical-align: top;
box-sizing: content-box;
border: 1px solid #ccc;
padding: 0;
height: 20px;
overflow: hidden;
}
.richtext.is-magic .ife-detail-decorate-table table.has-title tr:first-child td {
background-color: #f7f8fa;
}
.richtext.is-magic .ife-detail-decorate-table table.none td {
border-width: 0;
}
.richtext.is-magic .ife-detail-decorate-table table.is-zebra tr:nth-child(odd) {
background: #f7f8fa;
}
.richtext.is-magic .ife-detail-decorate-table table.hight-light-first-column tbody tr td:first-child {
background-color: #f3f4f8;
}
.richtext.is-magic .title {
color: red;
font-size: 14px;
}
.richtext.is-magic .big-title {
font-size: 24px;
}
.richtext.is-magic .icbu-pc-detailLeftImageRightTable {
width: 100%;
}
.richtext.is-magic .flex-layout-h {
flex: 1 0 auto;
}
.richtext.is-magic .J_module {
margin-bottom: 10px;
}
.richtext.is-magic table td>div {
min-height: 18px !important;
}
.richtext.is-magic div[module-title="detailLeftImageRightTable"] table td>div {
min-height: 28px !important;
}
.richtext.is-magic ul {
margin: 0 !important;
padding: 0 !important;
}
.richtext.is-magic img {
max-width: none;
}
#J-rich-text-description img {
display: inline-block;
}
@keyframes fxRichTextFadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
#module_product_specification {
position: relative;
}
#module_product_specification img {
display: inline-block;
}
#module_product_specification .more-button {
position: absolute;
bottom: 0;
border-bottom: 40px solid #fff;
background-image: linear-gradient(#fff0, #fff);
padding-top: 80px;
width: 100%;
text-align: center;
}
#module_product_specification .more-button button {
border: 1px solid #222;
background-color: #fff;
width: 240px;
color: #222;
font-size: 14px;
}
.rich-text-description.auto-hide {
animation: fxRichTextFadeIn 0.5s ease-in;
background-color: #0000;
}
.richtext [data-maya] {
width: 750px;
font-size: 14px;
}
.details-info .box-type-detailTab {
margin-top: 20px;
}
.details-info .richtext-detail {
line-height: 1.5;
}
.details-info .show-auth>.ls-icon>.detail-box,
.details-info .show-auth .product-detail-info {
display: none;
}
.details-info .show-auth .ls-verified {
border-top: none;
}
</style>
<style>
.detail-sidebar-layout {
z-index: 99;
position: fixed;
bottom: 60px;
display: inline-flex;
flex-direction: column;
gap: 8px;
background: #fff;
box-shadow: 0 2px 6px 2px #0000001f;
}
html[dir="ltr"] .detail-sidebar-layout {
right: 0;
border-radius: 8px 0 0 8px;
}
html[dir="rtl"] .detail-sidebar-layout {
left: 0;
border-radius: 0 8px 8px 0;
}
.detail-sidebar-layout .detail-sidebar {
--sidebar-expanded-width: 98px;
--sidebar-expanded-width-max: 126px;
--sidebar-collapsed-width: 52px;
--sidebar-expanded-min-height: 56px;
--sidebar-expanded-max-height: 72px;
--sidebar-collapsed-height: 40px;
width: 98px;
width: var(--sidebar-expanded-width);
height: 100%;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.detail-sidebar-layout .sidebar-item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 8px;
padding: 4px;
color: #333;
-webkit-text-decoration: none;
text-decoration: none;
}
.detail-sidebar-layout .sidebar-item:hover {
border-radius: 8px;
background-color: #f4f4f4;
}
.detail-sidebar-layout .sidebar-icon {
flex-shrink: 0;
font-size: 28px;
width: 28px;
height: 28px;
cursor: pointer;
}
.detail-sidebar-layout .sidebar-text {
font-size: 12px;
opacity: 1;
cursor: pointer;
transform: translateY(0);
text-align: center;
}
@media (max-width: 1663px) {
.detail-sidebar-layout .detail-sidebar {
width: var(--sidebar-collapsed-width);
}
.detail-sidebar-layout .sidebar-item {
height: var(--sidebar-collapsed-height);
}
.detail-sidebar-layout .sidebar-icon {
margin-bottom: 0;
}
html[dir="ltr"] .detail-sidebar-layout .sidebar-icon {
margin-right: 0;
}
html[dir="rtl"] .detail-sidebar-layout .sidebar-icon {
margin-left: 0;
}
.detail-sidebar-layout .sidebar-text {
display: none;
opacity: 0;
transform: translateY(10px);
}
html[dir="ltr"] .detail-sidebar-layout .sidebar-text {
margin-left: 0;
}
html[dir="rtl"] .detail-sidebar-layout .sidebar-text {
margin-right: 0;
}
.detail-sidebar-layout .detail-sidebar:hover {
width: var(--sidebar-expanded-width-max);
}
.detail-sidebar-layout .detail-sidebar:hover .sidebar-item {
justify-content: flex-start;
flex-direction: row;
}
.detail-sidebar-layout .detail-sidebar:hover .sidebar-icon {
flex-shrink: 0;
}
html[dir="ltr"] .detail-sidebar-layout .detail-sidebar:hover .sidebar-icon {
margin-right: 8px;
}
html[dir="rtl"] .detail-sidebar-layout .detail-sidebar:hover .sidebar-icon {
margin-left: 8px;
}
.detail-sidebar-layout .detail-sidebar:hover .sidebar-text {
display: block;
opacity: 1;
transform: translateY(0);
text-align: start;
}
html[dir="ltr"] .detail-sidebar-layout .detail-sidebar:hover .chatbox-icon-wrapper {
margin-right: 8px;
}
html[dir="rtl"] .detail-sidebar-layout .detail-sidebar:hover .chatbox-icon-wrapper {
margin-left: 8px;
}
.detail-sidebar-layout .chatbox-tip {
word-break: keep-all !important;
}
}
@media (min-width: 1664px) {
.detail-sidebar-layout .detail-sidebar {
width: var(--sidebar-expanded-width);
}
.detail-sidebar-layout .sidebar-item {
min-height: var(--sidebar-expanded-min-height);
max-height: var(--sidebar-expanded-max-height);
}
.detail-sidebar-layout .sidebar-text {
margin-top: 4px;
}
.detail-sidebar-layout .sidebar-item:hover {
background: #0000000d;
}
.detail-sidebar-layout .sidebar-item:hover .sidebar-icon,
.detail-sidebar-layout .sidebar-item:hover .chatbox-icon-wrapper {
transform: translateY(-2px);
}
.detail-sidebar-layout .chatbox-tip {
margin-top: 4px;
word-break: keep-all;
}
}
html[dir="rtl"] .detail-sidebar svg {
transform: scaleX(-1);
}
.pc-search-education-tip {
--searchx-edu-tip-bg: #222;
position: relative;
width: 300px;
padding: 20px 20px 4px;
color: #fff;
font-weight: 400;
font-size: 14px;
background-color: var(--searchx-edu-tip-bg);
border-radius: 8px;
}
.pc-search-education-tip.pc-search-education-tip_arrow:after {
position: absolute;
width: 0;
height: 0;
border-color: var(--searchx-edu-tip-bg);
border-width: 12px;
content: "";
border-style: solid;
}
.pc-search-education-tip.pc-search-education-tip_arrow_right:after {
top: 28px;
inset-inline-start: -7.2px;
transform: rotate(45deg);
}
.pc-search-education-tip.pc-search-education-tip_arrow_left:after {
top: 28px;
inset-inline-end: -7.2px;
transform: rotate(45deg);
}
.pc-search-education-tip.pc-search-education-tip_arrow_bottom:after {
top: -7.2px;
inset-inline-start: 50%;
margin-inline-start: -12px;
transform: rotate(-45deg);
}
.pc-search-education-tip .pc-search-education-tip_inner {
margin-block-end: 16px;
}
.pc-search-education-tip .pc-search-education-tip_title {
font-weight: 700;
font-size: 16px;
margin-block-end: 8px;
}
.pc-search-education-tip .pc-search-education-tip_content {
margin-block-end: 16px;
}
.pc-search-education-tip .pc-search-education-tip_action {
display: flex;
}
.pc-search-education-tip .pc-search-education-tip_action.action-align-right {
flex-direction: row-reverse;
}
.pc-search-education-tip .pc-search-education-tip_action.action-align-left {
flex-direction: row;
}
.pc-search-education-tip .pc-search-education-tip_action.action-align-center {
justify-content: center;
}
.pc-search-education-tip .pc-search-education-tip_more>a {
color: #fff;
text-decoration: underline;
}
.searchx-layout-right-toolbar {
z-index: 100;
box-shadow: 0 2px 6px 2px #0000001f;
border-radius: 8px 0 0 8px;
background-color: #fff;
position: fixed;
bottom: 60px;
inset-inline-end: 0;
}
[dir="rtl"] .searchx-layout-right-toolbar {
border-radius: 0 8px 8px 0;
}
.searchx-layout-right-toolbar:has(.rfq.hovered) {
z-index: 2001;
}
.lens-icon {
width: 20px;
height: 20px;
}
.lens-learn-more {
display: flex;
align-items: center;
justify-content: center;
min-height: 36px;
min-width: 100px;
max-width: 400px;
gap: 10px;
border-radius: 65px;
padding-inline: 18px;
background-color: #f60;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 600;
line-height: 18px;
text-decoration: none !important;
}
.searchx-layout-right-toolbar__lens-tip {
cursor: pointer;
position: absolute;
top: -16px;
inset-inline-end: 50px;
padding-inline-end: 24px;
}
.searchx-layout-right-toolbar__lens-tip.toolbar-position {
top: -16px;
inset-inline-end: 50px;
padding-inline-end: 24px;
}
.searchx-layout-right-toolbar__lens-tip .lens-title-img {
height: 20px;
}
.searchx-layout-right-toolbar__lens-tip .pc-search-education-tip {
background: linear-gradient(99deg, #fff 13.06%, #fff0 91.97%),
linear-gradient(131deg, #fcbb8b1f -21.71%, #f859161f 98.49%), #fff;
color: #222;
box-shadow: 0 6px 12px 4px #00000014;
}
[dir="rtl"] .searchx-layout-right-toolbar__lens-tip .pc-search-education-tip {
background: linear-gradient(-99deg, #fff 13.06%, #fff0 91.97%),
linear-gradient(-131deg, #fcbb8d1f -21.71%, #f859161f 98.49%), #fff;
}
.searchx-layout-right-toolbar__lens-tip .searchx-layout-right-toolbar__lens-tip-wrapper {
width: 380px;
}
.searchx-layout-right-toolbar__lens-tip .pc-search-education-tip.pc-search-education-tip_arrow:after {
border-color: #feede6;
}
.searchx-layout-right-toolbar__lens-tip-title {
display: flex;
align-items: center;
gap: 8px;
}
.searchx-layout-right-toolbar__lens-tip-title .lens-icon {
min-width: fit-content;
}
.searchx-layout-right-toolbar__lens-tip .lens-close {
width: 20px;
height: 20px;
position: absolute;
top: 20px;
inset-inline-end: 20px;
cursor: pointer;
}
img.searchx-toolbar-lens-icon-item {
width: 28px;
height: 28px;
padding: 4px;
}
.lens-module-link {
position: relative;
}
.lens-module-link .lens-module-panel {
display: none;
}
.lens-module-link:hover .lens-module-panel {
display: block;
}
.lens-module-panel {
position: absolute;
top: unset;
bottom: 0;
inset-inline-end: 100%;
padding-inline-end: 36px;
transform: unset;
}
.lens-module-panel.searchx-layout-right-toolbar__lens-tip .pc-search-education-tip.pc-search-education-tip_arrow:after {
bottom: 18px !important;
top: unset !important;
}
</style>
<style>
.m3Avp :where(h2, h3) {
font-size: inherit;
font-weight: inherit;
margin: 0;
}
.m3Avp.wsFF6 {
width: 100%;
}
.m3Avp.wsFF6 :where(a):hover {
text-decoration: none;
}
.m3Avp.wsFF6 .B02Iu {
display: flex;
flex-direction: column;
gap: 20px;
}
.m3Avp.wsFF6 .B02Iu .BEv27 {
color: #222;
font-size: 20px;
font-weight: 600;
line-height: 26px;
}
.m3Avp.wsFF6 .B02Iu .DtXgu {
display: grid;
gap: 20px;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.m3Avp.wsFF6 .B02Iu .DtXgu .PCXVG {
display: none;
}
@media screen and (min-width: 1240px) {
.m3Avp.wsFF6 .B02Iu .DtXgu {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.m3Avp.wsFF6 .B02Iu .DtXgu .PCXVG {
display: flex;
}
}
.m3Avp.Jexxn {
width: 100%;
}
.m3Avp.Jexxn .B02Iu {
display: flex;
flex-direction: column;
gap: 20px;
}
.m3Avp.Jexxn .B02Iu .BEv27 {
color: #222;
font-size: 20px;
font-weight: 600;
line-height: 26px;
}
.m3Avp.Jexxn .B02Iu>div {
position: relative;
}
.m3Avp.Jexxn .B02Iu>div .lhwYl,
.m3Avp.Jexxn .B02Iu>div .vIBVG {
align-items: center;
border-radius: 50%;
cursor: pointer;
display: flex;
height: 36px;
justify-content: center;
position: absolute;
top: calc(var(--current-width) / 4 / 2 - 7.5px);
width: 36px;
z-index: 1;
}
.m3Avp.Jexxn .B02Iu>div .lhwYl button,
.m3Avp.Jexxn .B02Iu>div .vIBVG button {
opacity: 0.8;
}
.m3Avp.Jexxn .B02Iu .DtXgu {
display: flex;
gap: 20px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x proximity;
scrollbar-width: none;
}
.m3Avp.Jexxn .B02Iu .DtXgu::-webkit-scrollbar {
display: none;
}
.m3Avp.Jexxn .B02Iu .DtXgu .LblAo {
flex-basis: calc(var(--current-width) / 4 - 15px);
flex-shrink: 0;
scroll-snap-align: start;
width: calc(var(--current-width) / 4 - 15px);
}
.m3Avp.ipH7B {
width: 100%;
}
.m3Avp.ipH7B .B02Iu {
display: flex;
flex-direction: column;
gap: 20px;
}
.m3Avp.ipH7B .B02Iu .BEv27 {
color: #222;
font-size: 20px;
font-weight: 600;
line-height: 26px;
}
.m3Avp.ipH7B .B02Iu>div {
position: relative;
}
.m3Avp.ipH7B .B02Iu>div .lhwYl,
.m3Avp.ipH7B .B02Iu>div .vIBVG {
align-items: center;
border-radius: 50%;
cursor: pointer;
display: flex;
height: 36px;
justify-content: center;
position: absolute;
top: calc(var(--current-width) / 6 / 2 - 8.33333px);
width: 36px;
z-index: 1;
}
.m3Avp.ipH7B .B02Iu>div .lhwYl button,
.m3Avp.ipH7B .B02Iu>div .vIBVG button {
opacity: 0.8;
}
.m3Avp.ipH7B .B02Iu .DtXgu {
display: flex;
gap: 20px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x proximity;
scrollbar-width: none;
}
.m3Avp.ipH7B .B02Iu .DtXgu::-webkit-scrollbar {
display: none;
}
.m3Avp.ipH7B .B02Iu .DtXgu .LblAo {
flex-basis: calc(var(--current-width) / 6 - 16.66667px);
flex-shrink: 0;
scroll-snap-align: start;
width: calc(var(--current-width) / 6 - 16.66667px);
}
@media screen and (max-width: 1240px) {
.m3Avp.ipH7B {
width: 100%;
}
.m3Avp.ipH7B .B02Iu {
display: flex;
flex-direction: column;
gap: 20px;
}
.m3Avp.ipH7B .B02Iu .BEv27 {
color: #222;
font-size: 20px;
font-weight: 600;
line-height: 26px;
}
.m3Avp.ipH7B .B02Iu>div {
position: relative;
}
.m3Avp.ipH7B .B02Iu>div .lhwYl,
.m3Avp.ipH7B .B02Iu>div .vIBVG {
align-items: center;
border-radius: 50%;
cursor: pointer;
display: flex;
height: 36px;
justify-content: center;
position: absolute;
top: calc(var(--current-width) / 5 / 2 - 8px);
width: 36px;
z-index: 1;
}
.m3Avp.ipH7B .B02Iu>div .lhwYl button,
.m3Avp.ipH7B .B02Iu>div .vIBVG button {
opacity: 0.8;
}
.m3Avp.ipH7B .B02Iu .DtXgu {
display: flex;
gap: 20px;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x proximity;
scrollbar-width: none;
}
.m3Avp.ipH7B .B02Iu .DtXgu::-webkit-scrollbar {
display: none;
}
.m3Avp.ipH7B .B02Iu .DtXgu .LblAo {
flex-basis: calc(var(--current-width) / 5 - 16px);
flex-shrink: 0;
scroll-snap-align: start;
width: calc(var(--current-width) / 5 - 16px);
}
}
.vIBVG {
left: 0;
transform: translateY(-50%);
}
.lhwYl {
right: 0;
transform: translateY(-50%) rotate(180deg);
}
.y2pBa {
position: relative;
}
.q2Myn {
flex-grow: 0;
flex-shrink: 0;
min-width: 0;
}
.SW_xe {
align-items: center;
background-color: #fff;
border: none;
border-radius: 9999px;
cursor: pointer;
display: flex;
justify-content: center;
outline: none;
}
.SW_xe:active,
.SW_xe:hover {
background-color: #f4f4f4;
}
.SW_xe>svg {
height: 20px;
width: 20px;
}
.ym9Qu {
border: 1px solid #ddd;
}
.ym9Qu:active,
.ym9Qu:hover {
border: 1px solid #222;
}
.oxb3g {
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12);
}
.MqBbN {
background-color: #f60;
}
.MqBbN:active,
.MqBbN:hover {
background-color: #979493;
}
.j6QwB {
background-color: rgba(0, 0, 0, 0.2);
border: 1px solid #fff;
}
.j6QwB:active,
.j6QwB:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.SAH7Q {
height: 48px;
width: 48px;
}
.SAH7Q>svg {
height: 24px;
width: 24px;
}
.iU7aI {
height: 36px;
width: 36px;
}
.Iu9FR {
opacity: 0.8;
}
.hFR19 {
display: flex;
flex-direction: column;
font-size: 14px;
font-style: normal;
font-weight: 400;
gap: 12px;
line-height: 18px;
overflow: hidden;
width: 100%;
}
.hFR19 .uE82p {
position: relative;
}
.hFR19 .sZpNS {
display: flex;
flex-direction: column;
gap: 8px;
}
.rcEIR {
display: block;
line-height: 0;
overflow: hidden;
position: relative;
}
.rcEIR:before {
background: var(--layer-color, transparent);
content: "";
inset: 0;
position: absolute;
z-index: var(--layer-color, -1);
}
.rcEIR:before,
.rcEIR>img {
border-radius: var(--border-radius, 16px);
}
.rcEIR>img {
aspect-ratio: 1/1;
display: block;
width: 100%;
}
.IHMdJ {
color: #222;
gap: 8px;
}
.IHMdJ,
.IHMdJ .w1YwV {
align-items: center;
display: flex;
}
.IHMdJ .w1YwV .E4kzc {
background-color: var(--circle-color, #d3d3d3);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: 1px solid #ddd;
border-radius: 50%;
height: 20px;
overflow: hidden;
width: 20px;
}
.IHMdJ .w1YwV .E4kzc img {
display: block;
width: 100%;
}
.IHMdJ .w1YwV .E4kzc:not(:first-child) {
margin-inline-start: -4px;
}
.DuQUT {
height: 16px;
}
.DuQUT img {
display: block;
height: 100%;
}
.O9y2E {
align-items: center;
color: #767676;
display: flex;
height: 16px;
}
.u1SHv {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #222;
overflow: hidden;
}
.OuHVv {
color: #222;
display: flex;
flex-direction: column;
gap: 4px;
padding-block: 4px 0;
}
.OuHVv:not(:last-child) {
padding-block-end: 4px;
}
.OuHVv .Qplep {
display: flex;
flex-direction: column;
gap: 4px;
}
.OuHVv .Qplep .R3Kcz {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 16px;
font-weight: 700;
line-height: 22px;
overflow: hidden;
}
.OuHVv .Qplep .Punjp {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 4px;
text-overflow: ellipsis;
}
.OuHVv .Qplep .Punjp .FNZ_c {
color: #767676;
text-decoration: line-through;
}
.OuHVv .Qplep .Punjp .YGd3t {
color: #979493;
}
.OuHVv .hVMAV {
color: #222;
}
.OuHVv .lusoi {
font-weight: 700;
}
.OuHVv .l3WK3,
.OuHVv .nybAM {
color: #22891f;
}
.YpiVg {
align-items: center;
padding-top: 2px;
}
.QGcID,
.YpiVg {
display: flex;
line-height: 16px;
}
.QGcID {
color: #222;
font-size: 12px;
}
.QGcID .ccR9l {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.QGcID:before {
content: open-quote;
}
.QGcID:after {
content: close-quote;
}
.lqa9H {
gap: 4px;
}
.lqa9H,
.lqa9H .XS1fI {
align-items: center;
display: flex;
flex-shrink: 0;
}
.lqa9H .XS1fI {
background: #f4f4f4;
border-radius: 4px;
padding: 2px;
position: relative;
}
.lqa9H .XS1fI img {
height: 16px;
mix-blend-mode: multiply;
}
.NyUrJ {
color: #a75a00;
}
.eXTwE {
align-items: center;
display: flex;
font-size: 12px;
line-height: 16px;
overflow: hidden;
}
.eXTwE .X66G8 {
white-space: nowrap;
}
.eXTwE .X66G8:last-child {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
white-space: revert;
word-break: break-all;
}
.eXTwE .X66G8:not(:first-child):before,
.eXTwE[data-has-ce="true"] .X66G8:first-child:before {
color: #767676;
content: "�";
margin-inline: 4px;
}
.searchx-find-similar__wrapper {
height: 36px;
width: 36px;
}
.searchx-find-similar__wrapper .searchx-find-similar__first_tip {
white-space: wrap;
width: 338px;
}
.searchx-find-similar {
position: relative;
}
.searchx-find-similar.searchx-find-similar__icon {
align-items: center;
background-color: #fff;
border-radius: 50%;
cursor: pointer;
display: flex;
height: 100%;
justify-content: center;
}
.searchx-find-similar.searchx-find-similar__icon.theme-translucent {
background-color: #fffc;
border: 1px solid #ddd;
}
.searchx-find-similar.searchx-find-similar__icon.theme-translucent:hover {
background-color: #f4f4f4;
border: 1px solid #222;
box-shadow: none;
}
.searchx-find-similar.searchx-find-similar__icon.normal:hover,
.searchx-find-similar.searchx-find-similar__icon.theme-float {
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12);
}
.searchx-find-similar .searchx-find-similar__img {
height: 20px;
width: 20px;
}
.searchx-find-similar__popover {
background-color: #000;
border-radius: 8px;
color: #fff;
font-size: 16px;
line-height: 22px;
max-width: 338px;
opacity: 0;
padding: 20px;
position: absolute;
transition: opacity 0.5s;
z-index: 1000;
}
.searchx-find-similar__popover .searchx-find-similar__popover-header {
display: flex;
font-weight: 700;
justify-content: space-between;
margin-bottom: 8px;
}
.searchx-find-similar__popover .searchx-find-similar__popover-header .searchx-find-similar_close-icon {
cursor: pointer;
height: 20px;
}
.searchx-find-similar__popover.top .searchx-find-similar__popover-arrow {
top: 100%;
}
[dir="ltr"] .searchx-find-similar__popover.top .searchx-find-similar__popover-arrow {
left: 50%;
transform: translate(-50%, -60%) rotate(45deg);
}
[dir="rtl"] .searchx-find-similar__popover.top .searchx-find-similar__popover-arrow {
right: 50%;
transform: translate(50%, -60%) rotate(-45deg);
}
.searchx-find-similar__popover.bottom .searchx-find-similar__popover-arrow {
top: 0;
}
[dir="ltr"] .searchx-find-similar__popover.bottom .searchx-find-similar__popover-arrow {
left: 50%;
transform: translate(-50%, -40%) rotate(45deg);
}
[dir="rtl"] .searchx-find-similar__popover.bottom .searchx-find-similar__popover-arrow {
right: 50%;
transform: translate(50%, -40%) rotate(-45deg);
}
.searchx-find-similar__popover.left .searchx-find-similar__popover-arrow {
top: 50%;
}
[dir="ltr"] .searchx-find-similar__popover.left .searchx-find-similar__popover-arrow {
right: 0;
transform: translate(40%, -50%) rotate(45deg);
}
[dir="rtl"] .searchx-find-similar__popover.left .searchx-find-similar__popover-arrow {
left: 0;
transform: translate(-40%, -50%) rotate(-45deg);
}
.searchx-find-similar__popover.right .searchx-find-similar__popover-arrow {
top: 50%;
}
[dir="ltr"] .searchx-find-similar__popover.right .searchx-find-similar__popover-arrow {
left: 0;
transform: translate(-40%, -50%) rotate(45deg);
}
[dir="rtl"] .searchx-find-similar__popover.right .searchx-find-similar__popover-arrow {
right: 0;
transform: translate(40%, -50%) rotate(-45deg);
}
.searchx-find-similar__popover .searchx-find-similar__popover-arrow {
background-color: #000;
height: 12px;
position: absolute;
width: 12px;
}
._xDF8 {
display: inline-block;
height: 18px;
line-height: 18px;
margin-inline-end: 4px;
padding-block: 1px;
vertical-align: top;
}
.yP13l {
overflow: hidden;
position: relative;
width: 100%;
}
.yP13l.POUjf {
background-color: transparent;
}
.QNcUO {
animation: C_3WK 3s linear infinite;
animation-timing-function: cubic-bezier(0, 0, 0.75, 0.75);
background-color: #ddd;
box-shadow: 0 0 50px 35px #ddd;
filter: blur(20px);
height: 200%;
opacity: 0.3;
position: absolute;
top: -50%;
width: 35px;
}
[dir="ltr"] .QNcUO {
left: -230px;
transform: rotate(30deg);
}
[dir="rtl"] .QNcUO {
right: -230px;
transform: rotate(-30deg);
}
.QNcUO:nth-child(2) {
animation-delay: 1s;
}
.QNcUO:nth-child(3) {
animation-delay: 2s;
}
@keyframes C_3WK {
0% {
transform: translateX(0) rotate(30deg);
}
to {
transform: translateX(1000px) rotate(30deg);
}
}
.Jy7kR {
display: flex;
flex-direction: column;
gap: 12px;
}
.a1i3p,
.cSUrO,
.ldiM4 {
background-color: #f4f4f4;
width: 100%;
}
.a1i3p {
border-radius: 16px;
}
@supports (aspect-ratio: 1/1) {
.a1i3p {
aspect-ratio: 1/1;
}
}
@supports not (aspect-ratio: 1/1) {
.a1i3p {
padding-bottom: 100%;
}
}
.ldiM4 {
height: 36px;
}
.cSUrO,
.ldiM4 {
border-radius: 4px;
}
.cSUrO {
height: 22px;
}
</style>
<style>
.tnh-message-content .tnh-messages-nodata .tnh-messages-nodata-info .img {
width: 100%;
height: 101px;
margin-top: 40px;
margin-bottom: 20px;
background: url(https://s.alicdn.com/@img/imgextra/i4/O1CN01lnw1WK1bGeXDIoBnB_!!6000000003438-2-tps-399-303.png) no-repeat center center;
background-size: 133px 101px;
}
#popup-root .functional-content .thirdpart-login .icon-facebook {
background-image: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01hUG9f21b67dGOuB2W_!!6000000003415-55-tps-40-40.svg);
}
#popup-root .functional-content .thirdpart-login .icon-google {
background-image: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01Qd3ZsM1C2aAxLHO2h_!!6000000000023-2-tps-120-120.png);
}
#popup-root .functional-content .thirdpart-login .icon-linkedin {
background-image: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01qVG1rv1lNCYkhep7t_!!6000000004806-55-tps-40-40.svg);
}
.tnh-logo {
z-index: 9999;
display: flex;
flex-shrink: 0;
width: 209px;
height: 29px;
background-size: 209px 29px;
cursor: pointer;
}
.tnh-new-logo {
width: 185px;
background-size: 185px 22px;
height: 22px;
}
.source-in-europe {
display: flex;
gap: 32px;
padding: 0 10px;
}
.source-in-europe .divider {
flex-shrink: 0;
width: 1px;
background-color: #ddd;
}
.source-in-europe .sie_info {
flex-shrink: 0;
width: 520px;
}
.source-in-europe .sie_info .sie_info-logo {
display: inline-block !important;
height: 28px;
}
.source-in-europe .sie_info .sie_info-title {
margin-top: 24px;
font-weight: 700;
font-size: 20px;
line-height: 26px;
}
.source-in-europe .sie_info .sie_info-description {
margin-top: 8px;
font-size: 14px;
line-height: 18px;
}
.source-in-europe .sie_info .sie_info-sell-list {
margin-top: 24px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 16px;
}
.source-in-europe .sie_info .sie_info-sell-list-item {
width: calc(50% - 8px);
display: flex;
align-items: center;
padding: 20px 16px;
gap: 12px;
border-radius: 12px;
font-size: 14px;
line-height: 18px;
font-weight: 600;
}
.source-in-europe .sie_info .sie_info-sell-list-item img {
width: 28px;
height: 28px;
}
.source-in-europe .sie_info .sie_info-btn {
display: inline-block;
min-width: 240px;
margin-top: 24px;
margin-bottom: 30px;
padding: 13px 24px;
background-color: #f60;
opacity: 0.9;
color: #fff !important;
border-radius: 99px;
font-size: 16px;
font-weight: 600;
line-height: 22px;
text-decoration: none;
text-align: center;
cursor: pointer;
border: none;
}
.source-in-europe .sie_info .sie_info-btn:hover {
opacity: 1;
}
.source-in-europe .sie_cards {
display: flex;
flex-grow: 1;
}
.source-in-europe .sie_cards .sie_cards-product-list {
display: flex;
flex-grow: 1;
flex-wrap: wrap;
justify-content: space-between;
gap: 32px 16px;
max-height: 376px;
overflow: hidden;
}
.source-in-europe .sie_cards .sie_cards-product-list.lt-14 {
justify-content: flex-start;
}
.source-in-europe .sie_cards .sie_cards-product {
width: 110px;
height: 172px;
display: flex;
flex-direction: column;
align-items: center;
color: #222;
box-sizing: border-box;
}
.source-in-europe .sie_cards .sie_cards-product .img {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 88px;
height: 88px;
overflow: hidden;
border-radius: 88px;
}
.source-in-europe .sie_cards .sie_cards-product .img img {
width: 88px;
height: 88px;
object-fit: cover;
}
.source-in-europe .sie_cards .sie_cards-product .img:after {
content: "";
background-color: #0000001a;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.source-in-europe .sie_cards .sie_cards-product .text {
font-size: 12px;
line-height: 16px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.source-in-europe .sie_cards .sie_cards-product .sie_cards-product-title {
margin-top: 12px;
color: #222;
}
.source-in-europe .sie_cards .sie_cards-product .sie_cards-product-sell,
.source-in-europe .sie_cards .sie_cards-product .sie_cards-product-country-list {
margin-top: 4px;
color: #767676;
}
.source-in-europe .sie_cards .sie_cards-product .sie_cards-product-country-list {
display: flex;
gap: 8px;
}
.source-in-europe .sie_cards .sie_cards-product .sie_cards-product-country-list.one-country {
gap: 4px;
}
.source-in-europe .sie_cards .sie_cards-product .sie_cards-product-country-list img {
width: 18px;
height: 13px;
}
.source-in-europe.source-in-europe-europages .sie_info-btn {
background-color: #7faf0d;
}
.source-in-europe.source-in-europe-europages .sie_info-sell-list-item {
background-color: #f2f7e7;
}
.source-in-europe.source-in-europe-europages .sie_card {
background: #7faf0d0d;
}
.source-in-europe.source-in-europe-wlw .sie_info-btn {
background-color: #0060df;
}
.source-in-europe.source-in-europe-wlw .sie_info-sell-list-item {
background-color: #f1f5fc;
}
.source-in-europe.source-in-europe-wlw .sie_card {
background: #0060df0d;
}
.tnh-sub-title {
padding-left: 12px;
margin-left: 13px;
position: relative;
color: #222;
text-decoration: none;
white-space: nowrap;
font-weight: 600;
font-size: 20px;
line-height: 29px;
}
.tnh-sub-title:active {
text-decoration: none;
}
.tnh-sub-title:before {
content: "";
height: 24px;
width: 1px;
position: absolute;
display: inline-block;
background-color: #222;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.popup-content {
margin: auto;
background: #fff;
width: 50%;
padding: 5px;
border: 1px solid #d7d7d7;
}
[role="tooltip"].popup-content {
width: 200px;
box-shadow: 0 0 3px #00000029;
border-radius: 5px;
}
.popup-overlay {
background: #00000080;
}
[data-popup="tooltip"].popup-overlay {
background: transparent;
}
.popup-arrow {
-webkit-filter: drop-shadow(0 -3px 3px rgba(0, 0, 0, 0.16));
filter: drop-shadow(0 -3px 3px rgba(0, 0, 0, 0.16));
color: #fff;
stroke-width: 2px;
stroke: #d7d7d7;
stroke-dasharray: 30px;
stroke-dashoffset: -54px;
inset: 0;
}
.tnh-badge {
position: relative;
}
.tnh-badge i {
position: absolute;
top: -8px;
left: 50%;
height: 16px;
padding: 0 6px;
border-radius: 8px;
background-color: #e52828;
color: #fff;
font-style: normal;
font-size: 12px;
line-height: 16px;
}
.tnh-badge-nf i {
position: relative;
top: auto;
left: auto;
height: 16px;
padding: 0 8px;
border-radius: 8px;
background-color: #e52828;
color: #fff;
font-style: normal;
font-size: 12px;
line-height: 16px;
}
.tnh-button {
display: block;
flex-shrink: 0;
height: 36px;
padding: 0 24px;
outline: none;
border-radius: 9999px;
background-color: #f60;
color: #fff !important;
text-align: center;
font-weight: 600;
font-size: 14px;
line-height: 36px;
cursor: pointer;
}
.tnh-button:active {
text-decoration: none;
transform: scale(0.9);
}
.tnh-button:hover {
background: linear-gradient(to bottom, #894900 0%, #7b4100 100%);
}
@-webkit-keyframes circle-360 {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
@keyframes circle-360 {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.circle-360 {
animation: circle-360 infinite 1s linear;
-webkit-animation: circle-360 infinite 1s linear;
}
.tnh-loading {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.tnh-loading .tnh-icon {
color: #ddd;
font-size: 40px;
}
#the-new-header.tnh-fixed {
position: fixed;
top: 0;
left: 0;
border-bottom: 1px solid #ddd;
background-color: #fff !important;
}
.tnh-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
}
.tnh-icon {
display: inline-block;
width: 1em;
height: 1em;
margin-right: 6px;
overflow: hidden;
vertical-align: -0.15em;
fill: #eaeaea;
}
.tnh-hide {
display: none;
}
.tnh-more {
color: #222 !important;
text-decoration: underline !important;
}
#the-new-header.tnh-dark {
background-color: transparent;
color: #fff;
}
#the-new-header.tnh-dark a:link,
#the-new-header.tnh-dark a:visited,
#the-new-header.tnh-dark a:hover,
#the-new-header.tnh-dark a:active,
#the-new-header.tnh-dark .tnh-sign-in {
color: #fff;
}
#the-new-header.tnh-dark .functional-content a {
color: #222;
}
#the-new-header.tnh-dark .tnh-logo {
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01kNCWs61cTlUC9Pjmu_!!6000000003602-2-tps-418-58.png) no-repeat 0 0;
background-size: 209px 29px;
}
#the-new-header.tnh-dark .tnh-new-logo {
background: url(https://s.alicdn.com/@img/imgextra/i4/O1CN011ZJg9l24hKaeQlVNh_!!6000000007422-2-tps-1380-165.png) no-repeat 0 0;
background-size: auto 22px;
}
#the-new-header.tnh-dark .tnh-sub-title {
color: #fff;
}
#the-new-header.tnh-dark .tnh-sub-title:before {
content: "";
height: 24px;
width: 1px;
position: absolute;
display: inline-block;
background-color: #fff;
left: 0;
top: 50%;
transform: translateY(-50%);
}
#the-new-header.tnh-white,
#the-new-header.tnh-white-overlay {
background-color: #fff;
color: #222;
}
#the-new-header.tnh-white a:link,
#the-new-header.tnh-white-overlay a:link,
#the-new-header.tnh-white a:visited,
#the-new-header.tnh-white-overlay a:visited,
#the-new-header.tnh-white a:hover,
#the-new-header.tnh-white-overlay a:hover,
#the-new-header.tnh-white a:active,
#the-new-header.tnh-white-overlay a:active,
#the-new-header.tnh-white .tnh-sign-in,
#the-new-header.tnh-white-overlay .tnh-sign-in {
color: #222;
}
#the-new-header.tnh-white .tnh-logo,
#the-new-header.tnh-white-overlay .tnh-logo {}
#the-new-header.tnh-white .tnh-new-logo,
#the-new-header.tnh-white-overlay .tnh-new-logo {}
#the-new-header.tnh-white .tnh-sub-title,
#the-new-header.tnh-white-overlay .tnh-sub-title {
color: #222;
}
#the-new-header.tnh-white {
border-bottom: 1px solid #ddd;
background: linear-gradient(90deg, #daa520 12.02%, #daa520 50.96%, #423d3d 85.1%) !important;
}
#the-new-header.tnh-no-border {
border: none;
}
@-webkit-keyframes color-change-to-fff {
0% {
background: transparent;
}
to {
background: #fff;
}
}
@keyframes color-change-to-fff {
0% {
background: transparent;
}
to {
background: #fff;
}
}
#the-new-header.tnh-white-overlay {
animation: color-change-to-fff 0.1s cubic-bezier(0.65, 0, 0.35, 1);
-webkit-animation: color-change-to-fff 0.1s cubic-bezier(0.65, 0, 0.35, 1);
}
.ta-content .ta-card {
display: flex;
align-items: center;
justify-content: flex-start;
width: 49%;
height: 120px;
margin-bottom: 20px;
padding: 20px;
border-radius: 16px;
background-color: #f7f7f7;
}
.ta-content .ta-card .img {
width: 70px;
height: 70px;
background-size: 70px 70px;
}
.ta-content .ta-card .text {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 76px);
margin-left: 16px;
font-size: 20px;
line-height: 26px;
}
.ta-content .ta-card .text h3 {
max-width: 200px;
margin-right: 8px;
text-align: left;
font-weight: 600;
font-size: 14px;
}
.ta-content .ta-card .text .tnh-icon {
flex-shrink: 0;
font-size: 24px;
}
.ta-content {
display: flex;
justify-content: space-between;
}
.ta-content .info {
width: 50%;
margin: 40px 40px 40px 134px;
}
.ta-content .info h3 {
display: block;
margin: 20px 0 28px;
font-weight: 600;
font-size: 32px;
line-height: 40px;
}
.ta-content .info .img {
width: 212px;
height: 32px;
}
.ta-content .info .tnh-button {
display: block;
width: 180px;
color: #fff;
}
.ta-content .cards {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
justify-content: space-between;
width: 716px;
}
.help-center-content {
display: flex;
justify-content: center;
gap: 40px;
}
.help-center-content .hc-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 280px;
height: 144px;
border: 1px solid #ddd;
font-size: 14px;
}
.help-center-content .hc-item .tnh-icon {
margin-bottom: 14px;
font-size: 40px;
line-height: 40px;
}
.help-center-content .help-center-links {
min-width: 250px;
margin-left: 40px;
padding-left: 40px;
border-left: 1px solid #ddd;
}
.help-center-content .help-center-links a {
display: block;
padding: 12px 14px;
outline: none;
color: #222;
text-decoration: none;
font-size: 14px;
}
.help-center-content .help-center-links a:hover {
text-decoration: underline !important;
}
.get-the-app-content-tnh {
display: flex;
justify-content: center;
flex: 0 0 auto;
}
.get-the-app-content-tnh .info-tnh .title-tnh {
font-weight: 700;
font-size: 20px;
margin-bottom: 20px;
}
.get-the-app-content-tnh .info-tnh .content-wrapper {
display: flex;
justify-content: center;
}
.get-the-app-content-tnh .info-tnh .content-tnh {
margin-right: 40px;
width: 300px;
font-size: 16px;
}
.get-the-app-content-tnh .info-tnh a {
text-decoration: underline !important;
}
.get-the-app-content-tnh .download {
display: flex;
}
.get-the-app-content-tnh .download .store {
display: flex;
flex-direction: column;
margin-right: 40px;
}
.get-the-app-content-tnh .download .store a {
margin-bottom: 20px;
}
.get-the-app-content-tnh .download .store a img {
height: 44px;
}
.get-the-app-content-tnh .download .qr img {
height: 120px;
}
.get-the-app-content-tnh-wrapper {
display: flex;
justify-content: center;
align-items: start;
height: 100%;
}
.get-the-app-content-tnh-divider {
width: 1px;
height: 100%;
background-color: #ddd;
margin: 0 67px;
flex: 0 0 auto;
}
.tnh-alibaba-lens-install-btn {
background-color: #f60;
height: 48px;
border-radius: 65px;
padding: 0 24px;
margin-left: 71px;
color: #fff;
flex: 0 0 auto;
display: flex;
align-items: center;
border: none;
cursor: pointer;
font-size: 16px;
font-weight: 600;
line-height: 22px;
}
.tnh-alibaba-lens-install-btn img {
width: 24px;
height: 24px;
}
.tnh-alibaba-lens-install-btn span {
margin-left: 8px;
}
.tnh-alibaba-lens-info {
display: flex;
margin-bottom: 20px;
font-size: 16px;
}
.tnh-alibaba-lens-info div {
width: 400px;
}
.tnh-alibaba-lens-title {
color: #222;
font-family: Inter;
font-size: 20px;
font-weight: 700;
line-height: 26px;
margin-bottom: 20px;
}
.tnh-alibaba-lens-extra {
text-decoration: underline !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.featured-content {
display: flex;
justify-content: center;
gap: 40px;
}
.featured-content .card-links {
min-width: 250px;
margin-left: 40px;
padding-left: 40px;
border-left: 1px solid #ddd;
}
.featured-content .card-links a {
display: block;
padding: 14px;
outline: none;
text-decoration: none;
font-size: 14px;
}
.featured-content .card-links a:hover {
text-decoration: underline !important;
}
.featured-content .featured-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 280px;
height: 144px;
border: 1px solid #ddd;
color: #222;
font-size: 14px;
}
.featured-content .featured-item .tnh-icon {
margin-bottom: 14px;
font-size: 40px;
line-height: 40px;
}
.buyer-central-content {
display: flex;
justify-content: space-between;
gap: 30px;
margin: auto 20px;
font-size: 14px;
}
.buyer-central-content .bcc-item {
width: 20%;
}
.buyer-central-content .bcc-item .bcc-item-title,
.buyer-central-content .bcc-item .bcc-item-child {
margin-bottom: 18px;
}
.buyer-central-content .bcc-item .bcc-item-title {
font-weight: 600;
}
.buyer-central-content .bcc-item .bcc-item-child a:hover {
text-decoration: underline !important;
}
.become-supplier-content {
display: flex;
justify-content: center;
gap: 40px;
}
.become-supplier-content a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 280px;
height: 144px;
padding: 0 20px;
border: 1px solid #ddd;
font-size: 14px;
}
.become-supplier-content a .tnh-icon {
margin-bottom: 14px;
font-size: 40px;
line-height: 40px;
}
.become-supplier-content a .become-supplier-content-desc {
height: 44px;
text-align: center;
}
@-webkit-keyframes sub-header-title-hover {
0% {
transform: scaleX(0.4);
-webkit-transform: scaleX(0.4);
}
to {
transform: scaleX(1);
-webkit-transform: scaleX(1);
}
}
@keyframes sub-header-title-hover {
0% {
transform: scaleX(0.4);
-webkit-transform: scaleX(0.4);
}
to {
transform: scaleX(1);
-webkit-transform: scaleX(1);
}
}
.sub-header {
min-width: 1200px;
max-width: 1580px;
height: 36px;
margin: 0 auto;
overflow: hidden;
font-size: 14px;
}
.sub-header .sub-header-top {
position: absolute;
bottom: 0;
z-index: 2;
width: 100%;
min-width: 1200px;
max-width: 1600px;
height: 36px;
margin: 0 auto;
background-color: transparent;
}
.sub-header .sub-header-default {
display: flex;
justify-content: space-between;
width: 100%;
height: 40px;
padding: 0 40px;
}
.sub-header .sub-header-default .sub-header-main,
.sub-header .sub-header-default .sub-header-sub {
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
}
.sub-header .sub-header-default .sub-header-main .sh-current-item .animated-tab-content,
.sub-header .sub-header-default .sub-header-sub .sh-current-item .animated-tab-content {
top: 108px;
opacity: 1;
visibility: visible;
}
.sub-header .sub-header-default .sub-header-main .sh-current-item .animated-tab-content img,
.sub-header .sub-header-default .sub-header-sub .sh-current-item .animated-tab-content img {
display: inline;
}
.sub-header .sub-header-default .sub-header-main .sh-current-item .animated-tab-content .item-img,
.sub-header .sub-header-default .sub-header-sub .sh-current-item .animated-tab-content .item-img {
display: block;
}
.sub-header .sub-header-default .sub-header-main .sh-current-item .tab-title:after,
.sub-header .sub-header-default .sub-header-sub .sh-current-item .tab-title:after {
position: absolute;
bottom: 1px;
display: block;
width: 100%;
height: 2px;
border-bottom: 2px solid #222 !important;
content: " ";
animation: sub-header-title-hover 0.3s cubic-bezier(0.6, 0, 0.4, 1) both;
-webkit-animation: sub-header-title-hover 0.3s cubic-bezier(0.6, 0, 0.4, 1) both;
}
.sub-header .sub-header-default .sub-header-main .sh-current-item .tab-title-click:hover,
.sub-header .sub-header-default .sub-header-sub .sh-current-item .tab-title-click:hover {
text-decoration: underline;
}
.sub-header .sub-header-default .sub-header-main .sh-current-item .tab-title-click:after,
.sub-header .sub-header-default .sub-header-sub .sh-current-item .tab-title-click:after {
display: none;
}
.sub-header .sub-header-default .sub-header-main>div,
.sub-header .sub-header-default .sub-header-sub>div {
display: flex;
align-items: center;
margin-top: -2px;
cursor: pointer;
}
.sub-header .sub-header-default .sub-header-main>div:last-child,
.sub-header .sub-header-default .sub-header-sub>div:last-child {
padding-right: 0;
}
.sub-header .sub-header-default .sub-header-main>div:last-child.sh-current-item:after,
.sub-header .sub-header-default .sub-header-sub>div:last-child.sh-current-item:after {
width: 100%;
}
.sub-header .sub-header-default .sub-header-main>div .tab-title,
.sub-header .sub-header-default .sub-header-sub>div .tab-title {
position: relative;
height: 36px;
color: #eaeaea;
}
.sub-header .sub-header-default .sub-header-main>div .animated-tab-content,
.sub-header .sub-header-default .sub-header-sub>div .animated-tab-content {
position: absolute;
top: 108px;
left: 0;
width: 100%;
overflow: hidden;
border-top: 1px solid #ddd;
background-color: #fff;
opacity: 0;
visibility: hidden;
}
.sub-header .sub-header-default .sub-header-main>div .animated-tab-content img,
.sub-header .sub-header-default .sub-header-sub>div .animated-tab-content img {
display: none;
}
.sub-header .sub-header-default .sub-header-main>div .animated-tab-content .item-img,
.sub-header .sub-header-default .sub-header-sub>div .animated-tab-content .item-img {
display: none;
}
.sub-header .sub-header-default .sub-header-main>div .tab-content,
.sub-header .sub-header-default .sub-header-sub>div .tab-content {
display: flex;
justify-content: flex-start;
width: 100%;
min-width: 1200px;
max-height: calc(100vh - 220px);
}
.sub-header .sub-header-default .sub-header-main>div .tab-content .animated-tab-content-children,
.sub-header .sub-header-default .sub-header-sub>div .tab-content .animated-tab-content-children {
width: 100%;
min-width: 1200px;
max-width: 1600px;
margin: 40px auto;
padding: 0 40px;
opacity: 0;
}
.sub-header .sub-header-default .sub-header-main>div .tab-content .animated-tab-content-children-no-animation,
.sub-header .sub-header-default .sub-header-sub>div .tab-content .animated-tab-content-children-no-animation {
opacity: 1;
}
.sub-header .sub-header-props {
height: 36px;
}
.sub-header .sub-header-props-hide {
position: relative;
height: 0;
padding: 0 40px;
}
.sub-header .rounded {
border-radius: 8px;
}
.tnh-logo {
z-index: 9999;
display: flex;
flex-shrink: 0;
width: 209px;
height: 29px;
background-size: 209px 29px;
cursor: pointer;
}
.tnh-new-logo {
width: 185px;
background-size: 185px 22px;
height: 22px;
}
#popup-root .functional-content {
width: 360px;
max-height: calc(100vh - 40px);
padding: 20px;
border-radius: 12px;
background-color: #fff;
box-shadow: 0 6px 12px 4px #00000014;
-webkit-box-shadow: 0 6px 12px 4px rgba(0, 0, 0, 0.08);
}
#popup-root .functional-content a {
outline: none;
}
#popup-root .functional-content a:link,
#popup-root .functional-content a:visited,
#popup-root .functional-content a:hover,
#popup-root .functional-content a:active {
color: #222;
text-decoration: none;
}
#popup-root .functional-content ul {
padding: 0;
list-style: none;
}
#popup-root .functional-content h3 {
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: #222;
}
#popup-root .functional-content .css-jrh21l-control {
outline: none !important;
border-color: #ccc;
box-shadow: none;
}
#popup-root .functional-content .css-jrh21l-control .css-15lsz6c-indicatorContainer {
color: #ccc;
}
#popup-root .functional-content .thirdpart-login {
display: flex;
justify-content: space-between;
width: 245px;
margin: 0 auto 20px;
}
#popup-root .functional-content .thirdpart-login a {
border-radius: 8px;
}
#popup-root .functional-content .thirdpart-login .icon-facebook {
background-image: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01hUG9f21b67dGOuB2W_!!6000000003415-55-tps-40-40.svg);
}
#popup-root .functional-content .thirdpart-login .icon-google {
background-image: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01Qd3ZsM1C2aAxLHO2h_!!6000000000023-2-tps-120-120.png);
}
#popup-root .functional-content .thirdpart-login .icon-linkedin {
background-image: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01qVG1rv1lNCYkhep7t_!!6000000004806-55-tps-40-40.svg);
}
#popup-root .functional-content .login-with {
width: 100%;
text-align: center;
margin-bottom: 16px;
}
#popup-root .functional-content .login-tips {
font-size: 12px;
margin-bottom: 20px;
color: #767676;
}
#popup-root .functional-content .login-tips a {
outline: none;
color: #767676 !important;
text-decoration: underline !important;
}
#popup-root .functional-content .tnh-button {
outline: none !important;
color: #fff;
}
#popup-root .functional-content .login-links>div {
border-top: 1px solid #ddd;
}
#popup-root .functional-content .login-links>div ul {
margin: 8px 0;
list-style: none;
}
#popup-root .functional-content .login-links>div a {
display: flex;
align-items: center;
min-height: 40px;
text-decoration: none;
font-size: 14px;
color: #222;
}
#popup-root .functional-content .login-links>div a:hover {
margin: 0 -20px;
padding: 0 20px;
background-color: #f4f4f4;
font-weight: 600;
}
.tnh-languages {
position: relative;
display: flex;
}
.tnh-languages .current {
display: flex;
align-items: center;
}
.tnh-languages .current>div {
margin-right: 4px;
}
.tnh-languages .current .tnh-icon {
font-size: 24px;
color: #eaeaea;
}
.tnh-languages .current .tnh-icon:last-child {
margin-right: 0;
}
.tnh-languages-overlay {
font-size: 14px;
}
.tnh-languages-overlay .tnh-l-o-title {
margin-bottom: 8px;
font-weight: 600;
font-size: 14px;
line-height: 18px;
}
.tnh-languages-overlay .tnh-l-o-select {
width: 100%;
margin: 8px 0 16px;
}
.tnh-languages-overlay .select-item {
background-color: #fff4ed;
}
.tnh-languages-overlay .tnh-l-o-control {
display: flex;
justify-content: center;
}
.tnh-languages-overlay .tnh-l-o-control .tnh-button {
width: 100%;
}
.tnh-cart-content {
max-height: 600px;
overflow-y: scroll;
}
.tnh-cart-content .tnh-cart-item h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tnh-cart-content .tnh-cart-item h3 a:hover {
text-decoration: underline !important;
}
.cart-popup-content {
padding: 0 !important;
}
.cart-popup-content .cart-logged-popup-arrow {
transform: translate(-20px);
}
.tnh-ma-content .tnh-ma-content-title {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.tnh-ma-content .tnh-ma-content-title h3 {
margin: 0 12px 0 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tnh-ma-content .tnh-ma-content-title img {
height: 16px;
}
.ma-portrait-waiting {
margin-left: 12px;
}
.tnh-message-content .tnh-messages-buyer .tnh-messages-list {
display: flex;
flex-direction: column;
}
.tnh-message-content .tnh-messages-buyer .tnh-messages-list .tnh-message-unread-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 0;
color: #222;
}
.tnh-message-content .tnh-messages-buyer .tnh-messages-list .tnh-message-unread-item:last-child {
margin-bottom: 20px;
}
.tnh-message-content .tnh-messages-buyer .tnh-messages-list .tnh-message-unread-item .img {
width: 48px;
height: 48px;
margin-right: 12px;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 100%;
}
.tnh-message-content .tnh-messages-buyer .tnh-messages-list .tnh-message-unread-item .img img {
width: 48px;
height: 48px;
object-fit: cover;
}
.tnh-message-content .tnh-messages-buyer .tnh-messages-list .tnh-message-unread-item .user-info {
display: flex;
flex-direction: column;
}
.tnh-message-content .tnh-messages-buyer .tnh-messages-list .tnh-message-unread-item .user-info strong {
margin-bottom: 6px;
font-weight: 600;
font-size: 14px;
}
.tnh-message-content .tnh-messages-buyer .tnh-messages-list .tnh-message-unread-item .user-info span {
width: 220px;
margin-right: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
}
.tnh-message-content .tnh-messages-unread-content {
margin: 20px 0;
text-align: center;
font-size: 14px;
}
.tnh-message-content .tnh-messages-unread-hascookie {
display: flex;
flex-direction: column;
margin: 20px 0 16px;
text-align: center;
font-size: 14px;
}
.tnh-message-content .tnh-messages-unread-hascookie strong {
margin-bottom: 20px;
}
.tnh-message-content .tnh-messages-nodata .tnh-messages-nodata-info {
display: flex;
flex-direction: column;
text-align: center;
}
.tnh-message-content .tnh-messages-nodata .tnh-messages-nodata-info .img {
width: 100%;
height: 101px;
margin-top: 40px;
margin-bottom: 20px;
background: url(https://s.alicdn.com/@img/imgextra/i4/O1CN01lnw1WK1bGeXDIoBnB_!!6000000003438-2-tps-399-303.png) no-repeat center center;
background-size: 133px 101px;
}
.tnh-message-content .tnh-messages-nodata .tnh-messages-nodata-info span {
margin-bottom: 40px;
}
.tnh-order-content .tnh-order-buyer,
.tnh-order-content .tnh-order-seller {
display: flex;
flex-direction: column;
margin-bottom: 20px;
font-size: 14px;
}
.tnh-order-content .tnh-order-buyer h3,
.tnh-order-content .tnh-order-seller h3 {
margin-bottom: 16px;
font-size: 14px;
line-height: 18px;
}
.tnh-order-content .tnh-order-buyer a,
.tnh-order-content .tnh-order-seller a {
padding: 11px 0;
color: #222 !important;
}
.tnh-order-content .tnh-order-buyer a:hover,
.tnh-order-content .tnh-order-seller a:hover {
text-decoration: underline !important;
}
.tnh-order-content .tnh-order-buyer a span,
.tnh-order-content .tnh-order-seller a span {
margin-right: 4px;
}
.tnh-order-content .tnh-order-seller,
.tnh-order-content .tnh-order-ta {
padding-top: 20px;
border-top: 1px solid #ddd;
}
.tnh-order-content .tnh-order-seller:first-child,
.tnh-order-content .tnh-order-ta:first-child {
border-top: 0;
padding-top: 0;
}
.tnh-order-content .tnh-order-ta .img {
margin-bottom: 12px;
}
.tnh-order-content .tnh-order-ta .img img {
width: 186px;
height: 28px;
object-fit: cover;
}
.tnh-order-content .tnh-order-ta .ta-info {
margin-bottom: 16px;
font-size: 14px;
line-height: 18px;
}
.tnh-order-content .tnh-order-ta .ta-info a {
margin-left: 4px;
text-decoration: underline !important;
}
.tnh-order-content .tnh-order-nodata .ta-info .ta-logo {
margin: 24px 0 16px;
}
.tnh-order-content .tnh-order-nodata .ta-info .ta-logo img {
height: 28px;
}
.tnh-order-content .tnh-order-nodata .ta-info h3 {
margin-bottom: 24px;
font-size: 20px;
}
.tnh-order-content .tnh-order-nodata .ta-card {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
color: #222;
}
.tnh-order-content .tnh-order-nodata .ta-card:hover {
text-decoration: underline !important;
}
.tnh-order-content .tnh-order-nodata .ta-card .img {
width: 36px;
height: 36px;
margin-right: 8px;
background-size: 36px 36px !important;
}
.tnh-order-content .tnh-order-nodata .ta-card .text {
display: flex;
align-items: center;
justify-content: space-between;
}
.tnh-order-content .tnh-order-nodata .ta-card .text h3 {
margin: 0;
font-weight: 600;
font-size: 14px;
}
.tnh-order-content .tnh-order-nodata .ta-card .text .tnh-icon {
display: none;
}
.tnh-order-content .tnh-order-nodata .tnh-more {
display: block;
margin-bottom: 24px;
}
.tnh-login {
display: flex;
flex-grow: 2;
flex-shrink: 1;
align-items: center;
justify-content: space-between;
}
.tnh-login .tnh-sign-in,
.tnh-login .tnh-sign-up {
flex-grow: 1;
}
.tnh-login .tnh-sign-in {
display: flex;
align-items: center;
justify-content: center;
margin-right: 28px;
color: #222;
}
.tnh-login .tnh-sign-in:hover {
text-decoration: underline !important;
}
.tnh-login .tnh-sign-up {
min-width: 120px;
color: #fff;
}
.tnh-login .tnh-icon {
font-size: 24px;
color: #eaeaea;
}
.tnh-loggedin {
display: flex;
align-items: center;
gap: 28px;
}
.tnh-loggedin .tnh-icon {
margin-right: 0;
font-size: 24px;
}
.tnh-loggedin .user-portrait {
width: 36px;
height: 36px;
border-radius: 36px;
}
.sign-in-content {
max-height: calc(100vh - 20px);
margin: -20px;
padding: 20px;
overflow-y: scroll;
}
.sign-in-content-title,
.sign-in-content-button {
margin-bottom: 20px;
}
.ma-content {
border-radius: 12px 5px 12px 12px !important;
}
.tnh-ship-to {
position: relative;
display: flex;
justify-content: center;
}
.tnh-ship-to .ship-to-tips {
position: absolute;
border-radius: 16px 0 16px 16px;
width: 360px;
background: #fff;
padding: 20px;
top: 60px;
right: 50%;
z-index: 9999;
box-shadow: 0 4px 12px #0003;
}
.tnh-ship-to .ship-to-tips:before {
content: "";
width: 0;
height: 0;
border-left: 20px solid transparent;
border-bottom: 20px solid #fff;
position: absolute;
top: -19px;
right: 0;
}
.tnh-ship-to .ship-to-tips:after {
content: "";
z-index: -1;
width: 1px;
height: 5px;
position: absolute;
box-shadow: 0 4px 14px 3px #0003;
top: -20px;
right: 0;
background-color: transparent;
transform: translateY(3px);
}
.tnh-ship-to .ship-to-tips .ship-to-tips-container {
display: flex;
flex-direction: column;
}
.tnh-ship-to .ship-to-tips .ship-to-tips-container .ship-to-tips-title-container {
display: flex;
justify-content: space-between;
}
.tnh-ship-to .ship-to-tips .ship-to-tips-container .ship-to-tips-title-container>img {
width: 24px;
height: 24px;
}
.tnh-ship-to .ship-to-tips .ship-to-tips-container .ship-to-tips-title-container .ship-to-tips-title {
color: #000;
font-size: 16px;
font-weight: 700;
line-height: 22px;
}
.tnh-ship-to .ship-to-tips .ship-to-tips-container .ship-to-tips-desc {
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.tnh-ship-to .tnh-current-country {
display: flex;
flex-direction: column;
color: #eaeaea;
}
.tnh-ship-to .tnh-current-country .deliver-span {
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
.tnh-ship-to .tnh-country-flag {
min-width: 23px;
display: flex;
align-items: center;
}
.tnh-ship-to .tnh-country-flag img {
height: 14px;
margin-right: 4px;
}
.tnh-ship-to .tnh-country-flag>span {
font-size: 14px;
font-weight: 600;
}
.tnh-ship-to-content {
width: 382px !important;
padding: 0 !important;
}
.tnh-ship-to-content .crated-header-ship-to {
border-radius: 12px;
}
.tnh-smart-assistant {
display: flex;
}
.tnh-smart-assistant>img {
height: 36px;
}
.tnh-no-scenes {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 108px;
background-color: #00000080;
color: #fff;
text-align: center;
font-size: 30px;
line-height: 108px;
}
body {
line-height: inherit;
margin: 0;
}
.the-new-header-wrapper {
min-height: 109px;
}
.the-new-header {
position: relative;
width: 100%;
font-size: 14px;
font-family:
Inter,
SF Pro Text,
Roboto,
Helvetica Neue,
Helvetica,
Tahoma,
Arial,
PingFang SC,
Microsoft YaHei;
line-height: 18px;
}
.the-new-header *,
.the-new-header :after,
.the-new-header :before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.the-new-header ul,
.the-new-header li {
margin: 0;
padding: 0;
list-style: none;
}
.the-new-header a {
text-decoration: inherit;
}
.the-new-header .header-content {
min-width: 1200px;
max-width: 1580px;
margin: 0 auto;
padding: 0 40px;
font-size: 14px;
}
.the-new-header .header-content .tnh-main {
display: flex;
align-items: center;
justify-content: space-between;
height: 72px;
}
.the-new-header .header-content .tnh-main .tnh-logo-content {
display: flex;
}
.the-new-header .header-content .tnh-main .tnh-searchbar {
flex-grow: 1;
flex-shrink: 1;
margin: 0 40px;
}
.the-new-header .header-content .tnh-main .functional {
display: flex;
flex-shrink: 0;
align-items: center;
gap: 28px;
}
.the-new-header .header-content .tnh-main .functional>div {
cursor: pointer;
}
@media (max-width: 1440) {
.the-new-header .header-content .main .tnh-searchbar {
margin: 0 28px !important;
}
}
@media (max-width: 1280px) {
.hide-item {
display: none;
}
.the-new-header .header-content .main .tnh-searchbar {
margin: 0 24px !important;
}
.tnh-languages {
width: auto !important;
}
.sub-header .sub-header-main>div:last-child,
.sub-header .sub-header-sub>div:last-child {
padding-right: 0 !important;
}
.functional .tnh-login .tnh-sign-in {
margin-right: 24px !important;
}
.tnh-languages {
min-width: 30px;
}
}
.tnh-popup-root .functional-content {
top: 60px !important;
color: #222;
}
@media (max-height: 550px) {
.ship-to-content,
.tnh-languages-overlay {
max-height: calc(100vh - 180px) !important;
overflow-y: scroll !important;
}
}
.cratedx-doc-playground-preview {
position: fixed;
top: 0;
left: 0;
padding: 0;
}
</style>
<script bis_use="true" type="text/javascript" charset="utf-8"
data-bis-config='["facebook.com/","twitter.com/","youtube-nocookie.com/embed/","//vk.com/","//www.vk.com/","linkedin.com/","//www.linkedin.com/","//instagram.com/","//www.instagram.com/","//www.google.com/recaptcha/api2/","//hangouts.google.com/webchat/","//www.google.com/calendar/","//www.google.com/maps/embed","spotify.com/","soundcloud.com/","//player.vimeo.com/","//disqus.com/","//tgwidget.com/","//js.driftt.com/","friends2follow.com","/widget","login","//video.bigmir.net/","blogger.com","//smartlock.google.com/","//keep.google.com/","/web.tolstoycomments.com/","moz-extension://","chrome-extension://","/auth/","//analytics.google.com/","adclarity.com","paddle.com/checkout","hcaptcha.com","recaptcha.net","2captcha.com","accounts.google.com","www.google.com/shopping/customerreviews","buy.tinypass.com","gstatic.com","secureir.ebaystatic.com","docs.google.com","contacts.google.com","github.com","mail.google.com","chat.google.com","audio.xpleer.com","keepa.com","static.xx.fbcdn.net","sas.selleramp.com","1plus1.video","console.googletagservices.com","//lnkd.demdex.net/","//radar.cedexis.com/","//li.protechts.net/","challenges.cloudflare.com/","ogs.google.com"]'
src="chrome-extension://eppiocemhmnlbhjplcgkofciiegomcon/executors/traffic.js"></script>
<style>
#the-new-footer .tnf-getapp {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 20px;
height: 40px;
}
#the-new-footer .tnf-getapp img {
height: 40px;
}
#the-new-footer .tnf-getapp a {
color: #222;
text-decoration: underline !important;
font-weight: 700;
}
#the-new-footer .tnf-info {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
width: 100%;
min-width: 1200px;
padding: 20px 30px;
background-color: #f4f4f4;
color: #666;
}
#the-new-footer .tnf-info a {
color: #666 !important;
}
#the-new-footer .tnf-info .group-links {
display: flex;
flex-direction: row;
gap: 6px;
}
#the-new-footer .tnf-info .group-links a:hover {
text-decoration: underline;
}
#the-new-footer .tnf-info .group-links a:before {
padding-right: 6px;
content: "|";
}
#the-new-footer .tnf-info .group-links a:first-child:before {
content: "";
}
#the-new-footer .tnf-info .tnh-infos-content {
display: flex;
flex-direction: row;
gap: 6px;
}
#the-new-footer .tnf-info .tnh-infos-content a:hover>span {
text-decoration: underline;
}
#the-new-footer .tnf-info .tnh-infos-content a:before {
padding-right: 6px;
content: "\b7";
}
#the-new-footer .tnf-info .tnh-infos-content a:first-child:before {
content: "";
}
#the-new-footer .tnf-info .legal,
#the-new-footer .tnf-info .legal a {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
#the-new-footer .tnf-info .legal img {
height: 20px;
}
#the-new-footer .tnf-links {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
#the-new-footer .tnf-links>div {
width: 200px;
}
#the-new-footer .tnf-links ul,
#the-new-footer .tnf-links li {
margin: 0;
padding: 0;
list-style: none;
}
#the-new-footer .tnf-links li {
display: block;
margin-bottom: 20px;
}
#the-new-footer .tnf-links a {
color: #222;
}
#the-new-footer .tnf-links a:hover {
text-decoration: underline;
}
#the-new-footer .tnf-links h3 {
margin-bottom: 20px;
font-weight: 700;
font-size: 16px;
line-height: 22px;
}
.payment-wrapper {
display: flex;
font-size: 14px;
line-height: 28px;
width: 100%;
height: 100%;
}
.payment-wrapper .payment-title {
margin-inline-end: 12px;
flex-shrink: 0;
}
.payment-wrapper .payment-icon-box {
display: flex;
max-width: 350px;
flex-shrink: 0;
gap: 8px 4px;
}
.payment-wrapper .payment-security-box {
display: flex;
flex-wrap: wrap;
margin-inline-start: 16px;
padding-inline-start: 16px;
border-inline-start: 1px solid #dddddd;
gap: 8px 4px;
}
.payment-wrapper .payment-icon {
height: 28px;
width: auto;
}
#the-new-footer .tnf-sns {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 24px;
height: 40px;
}
#the-new-footer .tnf-sns img {
height: 28px;
}
#the-new-footer {
content-visibility: auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
width: 100%;
padding-top: 40px;
border-top: 1px solid #ddd;
background-color: #fff;
color: #222;
font-size: 14px;
line-height: 18px;
}
#the-new-footer .tnf-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
width: 100%;
min-width: 1200px;
max-width: 1500px;
padding: 0 40px;
}
#the-new-footer .tnf-content .sns-and-app {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
#the-new-footer a {
outline: none;
}
#the-new-footer a:link,
#the-new-footer a:visited,
#the-new-footer a:hover,
#the-new-footer a:active {
color: #222;
text-decoration: none;
}
</style>
<style>
.mchp-absolute {
position: absolute;
}
.mchp-relative {
position: relative;
}
.mchp-bottom-0 {
bottom: 0;
}
.mchp-right-0 {
right: 0;
}
.mchp-z-\[1000\] {
z-index: 1000;
}
.mchp-mx-auto {
margin-left: auto;
margin-right: auto;
}
.mchp-my-0 {
margin-bottom: 0;
margin-top: 0;
}
.mchp-mb-1 {
margin-bottom: 0.25rem;
}
.mchp-mb-10 {
margin-bottom: 2.5rem;
}
.mchp-mb-3 {
margin-bottom: 0.75rem;
}
.mchp-mr-4 {
margin-right: 1rem;
}
.mchp-mt-5 {
margin-top: 1.25rem;
}
.mchp-mt-7 {
margin-top: 1.75rem;
}
.mchp-line-clamp-2 {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.mchp-flex {
display: flex;
}
.mchp-inline-flex {
display: inline-flex;
}
.mchp-h-7 {
height: 1.75rem;
}
.mchp-h-\[63px\] {
height: 63px;
}
.mchp-h-full {
height: 100%;
}
.mchp-w-\[63px\] {
width: 63px;
}
.mchp-w-full {
width: 100%;
}
.mchp-min-w-0 {
min-width: 0;
}
.mchp-cursor-pointer {
cursor: pointer;
}
.mchp-flex-wrap {
flex-wrap: wrap;
}
.mchp-items-center {
align-items: center;
}
.mchp-justify-between {
justify-content: space-between;
}
.mchp-gap-x-10 {
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.mchp-rounded {
border-radius: 0.25rem;
}
.mchp-rounded-full {
border-radius: 9999px;
}
.mchp-rounded-lg {
border-radius: 0.5rem;
}
.mchp-rounded-xl {
border-radius: 0.75rem;
}
.mchp-border-b {
border-bottom-width: 1px;
}
.mchp-bg-\[\#ebf9eb\] {
--tw-bg-opacity: 1;
background-color: #ebf9eb;
background-color: rgba(235, 249, 235, var(--tw-bg-opacity, 1));
}
.mchp-bg-\[\#f8f8f8\] {
--tw-bg-opacity: 1;
background-color: #f8f8f8;
background-color: rgba(248, 248, 248, var(--tw-bg-opacity, 1));
}
.mchp-bg-\[\#ff6600\] {
--tw-bg-opacity: 1;
background-color: #f60;
background-color: rgba(255, 102, 0, var(--tw-bg-opacity, 1));
}
.mchp-bg-white {
--tw-bg-opacity: 1;
background-color: #fff;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}
.mchp-p-1 {
padding: 0.25rem;
}
.mchp-p-4 {
padding: 1rem;
}
.mchp-p-5 {
padding: 1.25rem;
}
.mchp-px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.mchp-py-3 {
padding-bottom: 0.75rem;
padding-top: 0.75rem;
}
.mchp-pb-5 {
padding-bottom: 1.25rem;
}
.mchp-pt-2 {
padding-top: 0.5rem;
}
.mchp-text-\[32px\] {
font-size: 32px;
}
.mchp-text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.mchp-text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.mchp-text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.mchp-font-bold {
font-weight: 700;
}
.mchp-font-semibold {
font-weight: 600;
}
.mchp-leading-10 {
line-height: 2.5rem;
}
.mchp-leading-5 {
line-height: 1.25rem;
}
.mchp-leading-\[18px\] {
line-height: 18px;
}
.mchp-leading-\[26px\] {
line-height: 26px;
}
.mchp-text-\[\#222\] {
--tw-text-opacity: 1;
color: #222;
color: rgba(34, 34, 34, var(--tw-text-opacity, 1));
}
.mchp-text-\[\#22891f\] {
--tw-text-opacity: 1;
color: #22891f;
color: rgba(34, 137, 31, var(--tw-text-opacity, 1));
}
.mchp-text-\[\#767676\] {
--tw-text-opacity: 1;
color: #767676;
color: rgba(118, 118, 118, var(--tw-text-opacity, 1));
}
.mchp-text-\[\#848484\] {
--tw-text-opacity: 1;
color: #848484;
color: rgba(132, 132, 132, var(--tw-text-opacity, 1));
}
.mchp-text-white {
--tw-text-opacity: 1;
color: #fff;
color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}
.responsive-main-width {
width: 1200px;
}
.responsive-content-width {
width: 479px;
}
.responsive-banner {
height: 271px;
}
@media (min-width: 1201px) and (max-width: 1599px) {
.responsive-main-width {
width: 1360px;
}
.responsive-content-width {
width: 639px;
}
}
@media (min-width: 1600px) {
.responsive-main-width {
width: 1600px;
}
.responsive-content-width {
width: 879px;
}
}
.hover\:mchp-bg-\[\#e55b00\]:hover {
--tw-bg-opacity: 1;
background-color: #e55b00;
background-color: rgba(229, 91, 0, var(--tw-bg-opacity, 1));
}
.hover\:mchp-underline:hover {
text-decoration-line: underline;
}
.hover\:mchp-no-underline:hover {
text-decoration-line: none;
}
</style>
<style>
.action-hover {
color: #767676;
cursor: pointer;
}
.action-hover .iconfont {
vertical-align: bottom;
font-size: 16px;
line-height: 18px;
padding-left: 2px;
}
.action-hover .iconfont:hover {
fill: #979493;
color: #979493;
}
.action-hover .recommend-change {
color: #222;
}
.action-hover:hover,
.action-hover:hover span {
color: #979493;
}
.action-hover:hover .iconfont {
fill: #979493;
}
.HeaderSearch--headerSearch--2oK7UUi .HeaderSearch--searchInput--2ZB5ShU {
border: 1px solid #222;
height: 40px;
}
.HeaderSearch--fullScreen--3OTHbuk {
position: absolute;
left: 0;
top: 0;
width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 0;
background-color: #fff;
border-bottom: 1px solid #dadada;
z-index: 9201;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.HeaderSearch--fullSearchInput--1vBKfji {
border: 1px solid #222;
max-width: 812px;
height: 64px !important;
border-radius: 32px !important;
}
.SearchInput--searchBar--1FLXggD {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #fff;
padding: 4px 0 4px 24px;
grid-gap: 12px;
gap: 12px;
isolation: isolate;
width: 100%;
height: 56px;
border-radius: 28px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 100;
}
.SearchInput--dark--5YLKGF1 {
border-width: 0;
}
.SearchInput--placeholder--3wpb5sM {
position: absolute;
width: calc(100% - 180px);
height: 36px;
line-height: 36px;
left: 24px;
z-index: 1;
font-size: 16px;
color: #767676;
cursor: text;
overflow: hidden;
}
.SearchInput--input--1l4PZ4g {
width: 100%;
color: #222;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 36px;
font-size: 16px;
margin: 0;
padding: 0;
outline: none;
border: none;
background-image: none;
background-color: transparent;
z-index: 2;
}
.SearchInput--btn--2bnvKtT {
width: 148px;
height: 100%;
padding: 0 20px;
grid-gap: 6px;
gap: 6px;
border-radius: 24px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
background-color: #5341e3;
margin: 4px 4px 4px 0;
color: #fff;
font-size: 16px;
font-weight: 600;
border: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
z-index: 100;
}
.SearchInput--disabled--39TM3IQ {
opacity: 0.5;
cursor: not-allowed;
}
.SearchInput--searchBarHeader--39vxstA {
position: relative;
}
.SearchInput--searchBarHeader--39vxstA,
.SearchInput--searchBarHeader--39vxstA .ife-header-search-bar.header-search {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.SearchInput--searchBarHeader--39vxstA .ife-header-search-bar.header-search .fy23-icbu-search-bar-inner {
max-width: 812px;
height: 64px;
border-radius: 32px;
}
.SearchInput--searchBarHeader--39vxstA .ife-header-search-bar.header-search .fy23-icbu-search-bar-inner .fy23-icbu-search-bar-inner-button {
height: 56px;
border-radius: 28px;
}
.SearchInput--shadeList--162K89m {
-webkit-transition: 0.5s ease-in;
transition: 0.5s ease-in;
}
.SearchInput--textEllipsis--Px2qutt {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.PanelNoQuery--popup--3V9yDAO {
position: absolute;
top: 100%;
right: 0;
left: 0;
margin-top: 2px;
z-index: 2;
-webkit-transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
background-color: #fff;
border-radius: 20px;
overflow: hidden;
padding: 20px 0;
font-size: 15px;
}
.PanelNoQuery--wrap--2P9RfRL {
width: 100%;
color: #222;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-weight: 400;
line-height: 21px;
grid-gap: 20px;
gap: 20px;
}
.PanelNoQuery--wrap--2P9RfRL,
.SectionHistory--header--oj94NAF {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.SectionHistory--header--oj94NAF {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
padding: 0 28px;
}
.SectionHistory--title--2UlZwDj {
font-size: 16px;
font-weight: 700;
line-height: 22px;
letter-spacing: -0.004em;
}
.SectionHistory--list--1qvoGj3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 4px;
gap: 4px;
}
.SectionHistory--list--1qvoGj3 .SectionHistory--item--1wMBwBI {
grid-gap: 12px;
gap: 12px;
height: 40px;
padding: 0 28px;
}
.SectionHistory--list--1qvoGj3 .SectionHistory--item--1wMBwBI,
.SectionHistory--list--1qvoGj3 .SectionHistory--item--1wMBwBI .SectionHistory--icon--57KGom0 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.SectionHistory--list--1qvoGj3 .SectionHistory--item--1wMBwBI .SectionHistory--icon--57KGom0 {
border-radius: 50%;
width: 32px;
height: 32px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: #f4f4f4;
}
.SectionHistory--list--1qvoGj3 .SectionHistory--item--1wMBwBI .SectionHistory--text--3tB1aFx {
width: 100%;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.SectionHistory--list--1qvoGj3 .SectionHistory--item--1wMBwBI.SectionHistory--active--fEc8DBV,
.SectionHistory--list--1qvoGj3 .SectionHistory--item--1wMBwBI:hover {
background-color: #f4f4f4;
cursor: pointer;
color: inherit;
text-decoration: none;
}
.SectionHistory--list--1qvoGj3 .SectionHistory--more--1Q2Ki_t {
font-size: 14px;
line-height: 18px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
color: #767676;
grid-gap: 4px;
gap: 4px;
}
.SectionHistory--list--1qvoGj3 .SectionHistory--more--1Q2Ki_t,
.SectionRecommend--header--18DAjUu {
padding: 0 28px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.SectionRecommend--header--18DAjUu {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
.SectionRecommend--title--3Z1EqYe {
font-size: 16px;
font-weight: 700;
line-height: 22px;
letter-spacing: -0.004em;
}
.SectionRecommend--action--1u1l4rT {
font-size: 14px;
line-height: 18px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
color: #767676;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.SectionRecommend--action--1u1l4rT,
.SectionRecommend--list--2Q_MMzL {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
grid-gap: 4px;
gap: 4px;
}
.SectionRecommend--list--2Q_MMzL {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.SectionRecommend--list--2Q_MMzL .SectionRecommend--item--24Cgc8O {
grid-gap: 12px;
gap: 12px;
height: 40px;
padding: 0 28px;
}
.SectionRecommend--list--2Q_MMzL .SectionRecommend--item--24Cgc8O,
.SectionRecommend--list--2Q_MMzL .SectionRecommend--item--24Cgc8O .SectionRecommend--icon--3VTCl9j {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.SectionRecommend--list--2Q_MMzL .SectionRecommend--item--24Cgc8O .SectionRecommend--icon--3VTCl9j {
border-radius: 50%;
width: 32px;
height: 32px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: #f4f4f4;
}
.SectionRecommend--list--2Q_MMzL .SectionRecommend--item--24Cgc8O .SectionRecommend--text--3LTlNon {
width: 100%;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.SectionRecommend--list--2Q_MMzL .SectionRecommend--item--24Cgc8O.SectionRecommend--active--xKnDglW,
.SectionRecommend--list--2Q_MMzL .SectionRecommend--item--24Cgc8O:hover {
background-color: #f4f4f4;
cursor: pointer;
color: inherit;
text-decoration: none;
}
.SectionRecommend--list--2Q_MMzL .SectionRecommend--dark--1y9LFRs {
color: #fff;
}
.SectionRecommend--list--2Q_MMzL a {
text-decoration: none !important;
color: #222;
}
.PanelQueryAssociation--popup--d_v4S6j {
position: absolute;
top: 100%;
right: 0;
left: 0;
margin-top: 2px;
z-index: 2;
-webkit-transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
background-color: #fff;
border-radius: 20px;
overflow: hidden;
padding: 10px 0;
font-size: 15px;
}
.PanelQueryAssociation--list--cjP4F2E {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
grid-gap: 8px;
gap: 8px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.PanelQueryAssociation--list--cjP4F2E .PanelQueryAssociation--item--3pKJLxe {
height: 36px;
line-height: 36px;
font-size: 16px;
padding: 0 28px;
}
.PanelQueryAssociation--list--cjP4F2E .PanelQueryAssociation--item--3pKJLxe .PanelQueryAssociation--query--1no5Let {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.PanelQueryAssociation--list--cjP4F2E .PanelQueryAssociation--item--3pKJLxe.PanelQueryAssociation--active--R95MmeE,
.PanelQueryAssociation--list--cjP4F2E .PanelQueryAssociation--item--3pKJLxe:hover {
background-color: #f4f4f4;
cursor: pointer;
color: inherit;
text-decoration: none;
}
.AdBrandAssociation--brand--Zs3y-mA {
padding: 4px 28px;
}
.AdBrandAssociation--brand--Zs3y-mA .AdBrandAssociation--img--1tFAJSm {
height: 24px;
margin-right: 8px;
border-radius: 4px;
}
.vc-htmlTemplateContainer .template-hover-show-arrow {
display: none;
}
.vc-htmlTemplateContainer:hover .template-hover-show-arrow {
display: block;
}
.vc-htmlTemplateContainer:hover .contactsupplier-template-hover {
color: #fff;
background-color: #f60;
border: 1px solid #f60;
}
.vc-htmlTemplateContainer:hover .contactsupplier-template-hover g {
fill: #fff;
}
.img-hover-bigger:hover,
.vc-htmlTemplateContainer:hover .img-template-hover-bigger {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: -webkit-transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:
transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1),
-webkit-transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.base-tag-items {
line-height: 16px;
font-size: 12px;
background-color: rgba(255, 102, 0, 0.1);
border-radius: 2px;
padding: 0 4px;
}
.base-tag-items,
.base-tag-new-product {
height: 16px;
margin: 4px 4px 4px 0;
}
.base-tag-new-certificate {
height: 18px;
margin: 4px 4px 4px 0;
}
.inline-block {
display: inline-block;
}
.hover-underline:hover {
text-decoration: underline;
}
.hover-color-333:hover {
color: #333 !important;
}
.hover-color-f60:hover {
color: #f60 !important;
}
.hover-color-D04A0A:hover {
color: #979493 !important;
}
.unlink:hover {
text-decoration: none;
}
.base-top-icon {
margin-right: 4px;
}
.base-text-fit-item {
width: auto !important;
position: absolute !important;
visibility: hidden !important;
}
.base-text-item {
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
display: block;
}
.text-decoration-none {
text-decoration: none;
}
.ads-creative-base-customize-icon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
}
.ads-creative-base-customize-icon-arrow {
width: 8px;
height: 8px;
border-top: 1px solid #999;
border-right: 1px solid #999;
}
.ads-creative-base-customize-icon-arrow.right {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.ads-creative-base-customize-icon-arrow.left {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.ads-creative-base-customize-icon-video {
width: 16px;
height: 16px;
border-radius: 2px;
background-color: rgba(0, 0, 0, 0.4);
margin-left: 4px;
pointer-events: none;
}
.ads-creative-img-mask-container {
position: relative;
overflow: hidden;
}
.ads-creative-img-mask {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.04);
pointer-events: none;
}
.ads-creative-base-button {
cursor: pointer;
padding: 2px 5px;
}
.BottomRecommend--recommend--3-_3Q8H {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 36px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 16px;
padding: 0;
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
}
.BottomRecommend--label--3ykZM7b {
white-space: nowrap;
font-size: 16px;
}
.BottomRecommend--description--1CeDcRF {
text-align: center;
margin-top: 16px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
grid-gap: 4px;
gap: 4px;
font-size: 14px;
}
.BottomRecommend--keyword--7BxIq9a {
border-radius: 32px;
display: inline-block;
font-size: 14px;
height: 36px;
line-height: 36px;
margin: 0 10px;
padding: 0 24px;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
background: hsla(0, 0%, 100%, 0.2);
}
.BottomRecommend--dark--Pk7vs-g,
.BottomRecommend--dark--Pk7vs-g a {
color: #fff;
}
.BottomRecommend--nodark--2COGNZs,
.BottomRecommend--nodark--2COGNZs a {
color: #222;
}
.BottomRecommend--terms--2T_r2oZ {
font-size: 14px;
margin-left: 8px;
text-decoration: underline;
}
.ProBizVersionSearchInput--searchBar--1kazYxC {
position: relative;
background-color: #fff;
isolation: isolate;
width: 100%;
border-radius: 20px;
z-index: 100;
}
.ProBizVersionSearchInput--proBizVersion--wBB1YhW {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 16px;
height: 114px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ProBizVersionSearchInput--proBizVersion--wBB1YhW .ProBizVersionSearchInput--inputWrapper--W2zIJzp {
width: 100%;
margin-bottom: 12px;
}
.ProBizVersionSearchInput--proBizVersion--wBB1YhW .ProBizVersionSearchInput--actionWrapper--o8zkj-u {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ProBizVersionSearchInput--proBizVersion--wBB1YhW .ProBizVersionSearchInput--actionWrapper--o8zkj-u .ProBizVersionSearchInput--btn--3UB92Gu {
padding: 0 24px;
width: auto;
height: 48px;
border-radius: 100px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 0 solid transparent;
color: #fff;
font-size: 16px;
line-height: 22px;
font-weight: 700;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
grid-gap: 8px;
gap: 8px;
background:
-webkit-linear-gradient(bottom, hsla(0, 0%, 100%, 0.02), hsla(0, 0%, 100%, 0.02)),
-webkit-linear-gradient(353deg, rgba(255, 81, 102, 0.77) -4.06%, rgba(189, 0, 255, 0.77) 18.44%, rgba(128,
0,
255,
0.81) 39.3%, rgba(80, 0, 255, 0.85) 58.97%, rgba(23, 4, 231, 0.77) 80.11%, rgba(16,
0,
199,
0.81) 100.54%),
#7e83ff;
background: linear-gradient(0deg, hsla(0, 0%, 100%, 0.02), hsla(0, 0%, 100%, 0.02)),
linear-gradient(97deg,
rgba(255, 81, 102, 0.77) -4.06%,
rgba(189, 0, 255, 0.77) 18.44%,
rgba(128, 0, 255, 0.81) 39.3%,
rgba(80, 0, 255, 0.85) 58.97%,
rgba(23, 4, 231, 0.77) 80.11%,
rgba(16, 0, 199, 0.81) 100.54%),
#7e83ff;
-webkit-box-shadow: 0 0 100px 0 hsla(0, 0%, 100%, 0.06) inset;
box-shadow: inset 0 0 100px 0 hsla(0, 0%, 100%, 0.06);
}
.ProBizVersionSearchInput--dark--36rguqw {
border-width: 0;
}
.ProBizVersionSearchInput--placeholder--1U_b4D_ {
position: absolute;
width: calc(100% - 32px);
height: 22px;
line-height: 22px;
left: 16px;
z-index: 1;
font-size: 16px;
color: #767676;
cursor: text;
overflow: hidden;
}
.ProBizVersionSearchInput--input--ugrBreQ {
position: relative;
width: 100%;
color: #222;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 22px;
font-size: 16px;
margin: 0;
padding: 0;
outline: none;
border: none;
background-image: none;
background-color: transparent;
z-index: 2;
}
.ProBizVersionSearchInput--disabled--KYy8XeL {
opacity: 0.5;
cursor: not-allowed;
}
.ProBizVersionSearchInput--searchBarHeader--h6bTM7h {
position: relative;
}
.ProBizVersionSearchInput--searchBarHeader--h6bTM7h,
.ProBizVersionSearchInput--searchBarHeader--h6bTM7h .ife-header-search-bar.header-search {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.ProBizVersionSearchInput--searchBarHeader--h6bTM7h .ife-header-search-bar.header-search .fy23-icbu-search-bar-inner {
max-width: 812px;
height: 64px;
border-radius: 32px;
}
.ProBizVersionSearchInput--searchBarHeader--h6bTM7h .ife-header-search-bar.header-search .fy23-icbu-search-bar-inner .fy23-icbu-search-bar-inner-button {
height: 56px;
border-radius: 28px;
}
.ProBizVersionSearchInput--shadeList--lyYcyR4 {
-webkit-transition: 0.5s ease-in;
transition: 0.5s ease-in;
}
.ProBizVersionSearchInput--textEllipsis--g0Hy6Vf {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ProBizVersionBottomRecommend--bottomRecommendWrapper--2utqgss {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-gap: 20px;
gap: 20px;
margin-top: 12px;
font-size: 14px;
line-height: 18px;
font-style: normal;
font-weight: 500;
}
.ProBizVersionBottomRecommend--recommend--1C-u7g2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 18px;
padding: 0;
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
}
.ProBizVersionBottomRecommend--keyword--34zXpqL,
.ProBizVersionBottomRecommend--label--1vy5T5V {
margin-right: 16px;
color: #fff;
}
.ProBizVersionBottomRecommend--keyword--34zXpqL {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.ProBizVersionBottomRecommend--description--1Llq7S5 {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
grid-gap: 4px;
gap: 4px;
}
.ProBizVersionBottomRecommend--description--1Llq7S5 img {
width: 16px;
height: 16px;
}
.ProBizVersionBottomRecommend--terms--1KkaacW {
-webkit-text-decoration-line: none;
text-decoration-line: none;
font-weight: 400;
color: #fff;
}
</style>
<style>
.header-category-panel .hc-level1-cate-unit {
box-sizing: border-box;
display: flex;
align-items: center;
height: 50px;
background-color: #ffffff;
cursor: pointer;
}
.header-category-panel .hc-level1-cate-unit .img {
flex-shrink: 0;
margin-inline-start: 16px;
height: 28px;
width: 28px;
}
.header-category-panel .hc-level1-cate-unit .title {
margin: 0 16px 0 8px;
font-size: 16px;
line-height: 22px;
color: #222;
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.header-category-panel .hc-level1-cate-unit:hover {
background-color: #f4f4f4;
}
.header-category-panel .hc-level1-cate-unit:hover .title {
font-weight: 600;
}
.header-category-panel .hc-level1-cate-unit.active {
background-color: #f4f4f4;
border-inline-start: 4px solid #222;
box-sizing: border-box;
}
.header-category-panel .hc-level1-cate-unit.active .title {
font-weight: 600;
}
.header-category-panel .hc-level1-cate-unit.active .img {
margin-inline-start: 12px;
}
[dir="rtl"] .header-category-panel .hc-level1-cate-unit .img {
transform: scaleX(-1);
}
.header-category-panel .hc-level1-panel {
width: 360px;
background-color: #fff;
border-inline-end: 1px solid #ddd;
flex-shrink: 0;
}
.header-category-panel .hc-level1-panel .level1-panel-list {
height: 100%;
overflow-y: auto;
scrollbar-gutter: stable;
overflow-y: overlay;
}
.header-category-panel .hc-level1-cate-unit {
box-sizing: border-box;
display: flex;
align-items: center;
height: 50px;
background-color: #ffffff;
cursor: pointer;
}
.header-category-panel .hc-level1-cate-unit .img {
flex-shrink: 0;
margin-inline-start: 16px;
height: 28px;
width: 28px;
}
.header-category-panel .hc-level1-cate-unit .title {
margin: 0 16px 0 8px;
font-size: 16px;
line-height: 22px;
color: #222;
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.header-category-panel .hc-level1-cate-unit:hover {
background-color: #f4f4f4;
}
.header-category-panel .hc-level1-cate-unit:hover .title {
font-weight: 600;
}
.header-category-panel .hc-level1-cate-unit.active {
background-color: #f4f4f4;
border-inline-start: 4px solid #222;
box-sizing: border-box;
}
.header-category-panel .hc-level1-cate-unit.active .title {
font-weight: 600;
}
.header-category-panel .hc-level1-cate-unit.active .img {
margin-inline-start: 12px;
}
[dir="rtl"] .header-category-panel .hc-level1-cate-unit .img {
transform: scaleX(-1);
}
.header-category-panel .hc-leaf-item {
width: 122px;
height: 150px;
text-decoration: none;
cursor: pointer;
position: relative;
}
.header-category-panel .hc-leaf-item .product-wrapper {
position: relative;
margin: 0 12px;
width: 98px;
height: 98px;
border-radius: 999px;
overflow: hidden;
}
.header-category-panel .hc-leaf-item .product-wrapper::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 999px;
background-color: rgba(0, 0, 0, 0.04);
}
.header-category-panel .hc-leaf-item .product-wrapper .product-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.header-category-panel .hc-leaf-item .icon {
position: absolute;
top: 4px;
inset-inline-end: 12px;
width: 24px;
height: 24px;
z-index: 1;
}
.header-category-panel .hc-leaf-item .title {
margin-top: 8px;
font-size: 14px;
line-height: 22px;
color: #222;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.header-category-panel .hc-leaf-item:hover .product-wrapper {
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12);
}
.header-category-panel .hc-leaf-item:hover .product-wrapper .product-img {
transform: scale(1.2);
}
.header-category-panel .hc-leaf-item:hover .title {
font-weight: 500;
}
[dir="rtl"] .header-category-panel .hc-leaf-item .icon {
transform: scaleX(-1);
}
.header-category-panel a:link,
.header-category-panel a:visited,
.header-category-panel a:hover,
.header-category-panel a:active {
text-decoration: none;
color: inherit;
}
.header-category-panel .hc-level3-cate-unit {
padding: 0 24px;
box-sizing: border-box;
}
.header-category-panel .hc-level3-cate-unit .category-title-container {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
}
.header-category-panel .hc-level3-cate-unit .category-title-container .category-title {
font-size: 20px;
line-height: 26px;
font-weight: 500;
color: #222;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.header-category-panel .hc-level3-cate-unit .category-title-container .category-link {
font-size: 14px;
line-height: 20px;
color: #222;
text-decoration: underline;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.header-category-panel .hc-level3-cate-unit .leaf-container {
margin-bottom: 20px;
overflow: hidden;
}
.header-category-panel .hc-level3-cate-unit .leaf-container .leaf-row {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
flex-wrap: wrap;
height: 150px;
width: 100%;
overflow: hidden;
}
.header-category-panel .hc-level3-cate-unit .leaf-container .leaf-row.less-leaves {
flex-direction: row;
}
.header-category-panel .hc-level3-cate-unit .leaf-container .leaf-row .leaf-item-empty {
width: 122px;
height: 150px;
}
.header-category-panel .hc-level3-cate-unit .leaf-container .leaf-row.second-row {
margin-top: 24px;
}
.header-category-panel .level3-panel-unit .leaf-container .leaf-item .title {
height: 44px;
}
.header-category-panel .hc-level2-cate-unit {
display: flex;
flex-shrink: 0;
align-items: center;
box-sizing: border-box;
height: 50px;
background-color: #ffffff;
font-size: 16px;
line-height: 22px;
font-weight: 400;
color: #222;
cursor: pointer;
}
.header-category-panel .hc-level2-cate-unit .title {
margin-inline-start: 16px;
max-width: 328px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.header-category-panel .hc-level2-cate-unit:hover {
background-color: #f4f4f4;
}
.header-category-panel .hc-level2-cate-unit:hover .title {
font-weight: 600;
}
.header-category-panel .hc-level2-cate-unit.active {
background-color: #fff;
border-inline-start: 4px solid #222;
}
.header-category-panel .hc-level2-cate-unit.active .title {
font-weight: 600;
margin-inline-start: 12px;
}
.header-category-panel .hc-tree-panel-container {
box-sizing: border-box;
display: flex;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
background-color: #fff;
transform: translateX(100%);
transition: transform 0.3s ease;
z-index: 1;
}
.header-category-panel .hc-tree-panel-container.hc-panel-enter {
transform: translateX(0);
}
.header-category-panel .hc-tree-panel-container .top-first-category-area {
display: flex;
align-items: center;
flex-shrink: 0;
box-sizing: border-box;
padding: 3px 0 23px 0;
border-bottom: 1px solid #ddd;
cursor: pointer;
}
.header-category-panel .hc-tree-panel-container .top-first-category-area .back-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
}
.header-category-panel .hc-tree-panel-container .top-first-category-area .title {
flex-shrink: 0;
margin-inline-start: 4px;
font-size: 16px;
line-height: 22px;
font-weight: 600;
display: -webkit-box;
color: #222;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.header-category-panel .hc-tree-panel-container .content {
display: flex;
height: calc(100% - 68px);
}
.header-category-panel .hc-tree-panel-container .content .level2-list {
box-sizing: border-box;
flex-shrink: 0;
background-color: #fff;
display: flex;
flex-direction: column;
height: 100%;
width: 360px;
overflow-y: auto;
scrollbar-gutter: stable;
overflow-y: overlay;
border-inline-end: 1px solid #ddd;
}
.header-category-panel .hc-tree-panel-container .content .level2-placeholder {
margin: 14px 16px;
height: 22px;
border-radius: 8px;
display: flex;
width: 228px;
overflow: hidden;
align-items: center;
box-sizing: border-box;
background-color: #e0e0e0;
}
.header-category-panel .hc-tree-panel-container .content .level3-list {
flex: 1;
box-sizing: border-box;
height: 100%;
overflow-y: auto;
scrollbar-gutter: stable;
padding: 0 20px;
}
.header-category-panel .hc-tree-panel-container .content .level3-list .tree-panel-unit {
box-sizing: border-box;
width: 100%;
margin-top: 16px;
}
.header-category-panel .hc-tree-panel-container .content .level3-list .tree-panel-unit .category-title {
font-size: 20px;
line-height: 26px;
font-weight: 500;
color: #222;
margin-bottom: 20px;
}
.header-category-panel .hc-tree-panel-container .content .level3-list .tree-panel-unit .leaf-container {
display: flex;
flex-wrap: wrap;
gap: 24px 20px;
}
.header-category-panel .hc-tree-panel-container .content .level3-list .tree-panel-unit .leaf-container .leaf-item {
flex: 0 0 120px;
}
.header-category-panel .hc-tree-panel-container .content .level3-placeholder-container {
max-width: 1140px;
}
.header-category-panel .hc-tree-panel-container .content .level3-placeholder-container .title-placeholder {
margin: 16px 0 0 24px;
width: 40%;
height: 26px;
background-color: #f4f4f4;
}
.header-category-panel .hc-tree-panel-container .content .level3-placeholder-container .list-placeholder {
margin: 16px 0 0 24px;
display: flex;
gap: 20px 24px;
flex-wrap: wrap;
overflow: hidden;
}
.header-category-panel .hc-tree-panel-container .content .level3-placeholder-container .list-placeholder .level3-placeholder-item {
display: flex;
flex-direction: column;
align-items: center;
width: 122px;
height: 150px;
}
.header-category-panel .hc-tree-panel-container .content .level3-placeholder-container .list-placeholder .level3-placeholder-item .placeholder-img {
width: 98px;
height: 98px;
border-radius: 999px;
background-color: #f4f4f4;
margin: 0 12px;
}
.header-category-panel .hc-tree-panel-container .content .level3-placeholder-container .list-placeholder .level3-placeholder-item .placeholder-title {
margin-top: 16px;
width: 122px;
height: 44px;
background-color: #f4f4f4;
}
[dir="rtl"] .header-category-panel .hc-tree-panel-container .top-first-category-area .back-icon {
transform: scaleX(-1);
}
.header-category-panel {
box-sizing: border-box;
margin-top: -20px;
position: relative;
}
.header-category-panel .modal-panel-container {
display: flex;
overflow: hidden;
position: relative;
/* ??40 + header??112 + ???????60 + header????100 */
height: calc(100% - 100px);
max-height: calc(100vh - 312px);
}
.header-category-panel .modal-panel-container .hc-level1-panel {
transition: opacity 0.3s ease;
}
.header-category-panel .modal-panel-container .hc-level3-panel {
flex: 1;
background-color: #fff;
box-sizing: border-box;
transition: opacity 0.3s ease;
}
.header-category-panel .modal-panel-container .hc-level3-panel .hc-level3-list {
box-sizing: border-box;
overflow-y: auto;
scrollbar-gutter: stable;
height: 100%;
}
.header-category-panel .modal-panel-container .hc-level3-panel .level3-panel-unit:first-child {
margin-top: 12px;
}
.header-category-panel .modal-panel-container .hc-level3-panel .level3-panel-unit {
height: 374px;
margin-top: 20px;
}
.header-category-panel .modal-panel-container.panel-fade .hc-level1-panel,
.header-category-panel .modal-panel-container.panel-fade .hc-level3-panel {
opacity: 0.1;
}
.header-category-panel .modal-panel-container.panel-fade .hc-level1-panel .hc-level3-list,
.header-category-panel .modal-panel-container.panel-fade .hc-level3-panel .hc-level3-list {
overflow: hidden;
}
.header-category-panel a,
.header-category-panel a:hover,
.header-category-panel a:link,
.header-category-panel a:visited {
color: #333;
}
</style>
<style>
.header-shopping-cart {
color: #222222;
max-height: 680px !important;
overflow: hidden;
border-radius: 12px;
}
.header-shopping-cart .header-shopping-content {
max-height: 60vh !important;
display: flex;
flex-direction: column;
}
.header-shopping-cart .shopping-cart-tltle {
color: #000000 !important;
font-weight: 700;
font-size: 16px;
padding: 20px 20px 10px 20px;
}
.header-shopping-cart .shopping-cart-tltle .success-tips {
display: flex;
flex-direction: row;
}
.header-shopping-cart .shopping-cart-tltle .success-tips img {
height: 20px;
inline-size: 20px;
margin-inline-end: 4px;
}
.header-shopping-cart .shopping-cart-list {
padding: 0px 20px 20px 20px;
overflow: auto !important;
max-height: 560px;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item:nth-child(1) {
margin-top: 16px;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item {
margin-top: 26px;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .company-name {
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .company-name:hover {
cursor: pointer !important;
text-decoration: underline !important;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item-invalid {
pointer-events: none;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item-invalid .product-img {
opacity: 0.5;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item-invalid .product-name {
opacity: 0.5;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item-invalid .product-item-invalid-desc {
margin-top: 4px;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item {
margin-top: 18px;
display: flex;
flex-direction: row;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-img {
display: block;
position: relative;
inline-size: 58px;
height: 58px;
flex-shrink: 0;
border-radius: 4px;
overflow: hidden;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-img img {
inline-size: 58px;
height: 58px;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-img::after {
position: absolute;
top: 0;
inset-inline-start: 0;
inline-size: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.04);
content: "";
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-item:hover {
cursor: pointer !important;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-content {
margin-inline-start: 12px;
inline-size: 100%;
max-inline-size: 250px;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-content .semi-managed-img {
display: block;
height: 13px;
margin-bottom: 4px;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-content .product-name {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 400;
color: #222222;
font-size: 14px;
line-height: 18px;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .product-content .product-name:hover {
cursor: pointer !important;
text-decoration: underline !important;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item-invalid {
pointer-events: none;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item-invalid .sku-img {
opacity: 0.5;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item-invalid .sku-name {
opacity: 0.5;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item-invalid .sku-customization {
opacity: 0.5;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item-invalid .sku-item-invalid-desc {
margin-top: 4px;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item {
margin-top: 12px;
background-color: rgba(246, 246, 246, 0.9);
padding: 8px 12px 8px 12px;
border-radius: 4px;
display: flex;
flex-direction: row;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-img {
overflow: hidden;
flex-shrink: 0;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-img img {
height: 28px;
inline-size: 28px;
border-radius: 2px;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content {
margin-inline-start: 12px;
inline-size: 100%;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-name {
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
color: #666666 !important;
font-weight: 400;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-customization {
margin-top: 4px;
display: flex;
flex-direction: row;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-customization img {
inline-size: 16px;
height: 16px;
margin-inline-end: 4px;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-customization span {
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
color: #666666 !important;
font-weight: 400;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-price-amount {
margin-top: 4px;
display: flex;
flex-direction: row;
justify-content: space-between;
color: #222222;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-price-amount .sku-price {
font-weight: 600;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-price-amount .sku-amount {
font-weight: 400;
display: flex;
flex-direction: row;
}
.header-shopping-cart .shopping-cart-list .shopping-cart-list-item .product-item .sku-item .sku-content .sku-price-amount .sku-amount .sku-amount-quantity {
margin-inline-start: 4px;
}
.header-shopping-cart .shopping-cart-list .empty-cart {
display: flex;
flex-direction: column;
align-items: center;
}
.header-shopping-cart .shopping-cart-list .empty-cart img {
height: 69px;
inline-size: 83px;
}
.header-shopping-cart .shopping-cart-list .empty-cart .desc {
margin-top: 12px;
font-weight: 600;
font-size: 16px;
}
.header-shopping-cart .shopping-cart-actions {
inline-size: 100%;
padding: 20px;
border-end-start-radius: 12px;
border-end-end-radius: 12px;
box-shadow: 0px -2px 6px 2px rgba(0, 0, 0, 0.12);
}
.header-shopping-cart .shopping-cart-actions .cart-action {
background: #ff6600;
font-size: 14px;
font-weight: 600;
line-height: 18px;
padding: 9px;
display: block;
inline-size: 100%;
color: #ffffff !important;
border-radius: 65px;
text-align: center;
}
.header-shopping-cart .shopping-cart-actions-empty {
box-shadow: none;
padding-top: 0px;
}
.header-shopping-cart .shopping-cart-actions-empty .cart-action {
background: #ffffff;
color: #222222 !important;
border: 1px solid #222222;
}
.header-shopping-cart .skeleton {
box-sizing: border-box;
overflow-y: auto;
}
.header-shopping-cart .skeleton .skeleton-block {
margin-top: 20px;
height: fit-content;
background: #fff;
display: flex;
flex-direction: row;
}
.header-shopping-cart .skeleton .skeleton-block .gray-image {
height: 58px;
inline-size: 58px;
border-radius: 8px;
background-color: #f4f4f4;
}
.header-shopping-cart .skeleton .skeleton-block .skeleton-product-main {
inline-size: 100%;
margin-inline-start: 12px;
}
.header-shopping-cart .skeleton .skeleton-block .gray-title {
margin-bottom: 12px;
height: 18px;
border-radius: 4px;
background-color: #f4f4f4;
}
.header-shopping-cart .skeleton .skeleton-block .gray-sku {
height: 58px;
border-radius: 4px;
background-color: #f4f4f4;
}
.header-cart-loading-container {
position: relative;
inline-size: 100%;
overflow: hidden;
}
.header-cart-block {
position: absolute;
top: -50%;
inset-inline-start: -230px;
inline-size: 35px;
height: 200%;
background-color: #dddddd;
transform: rotate(30deg);
opacity: 0.3;
box-shadow: 0 0 50px 35px rgb(221, 221, 221);
/* Simulate Feathering effect */
filter: blur(20px);
animation: moveHeaderCartBlock 3s linear infinite;
animation-timing-function: cubic-bezier(0, 0, 0.75, 0.75);
}
.header-cart-block:nth-child(2) {
animation-delay: 1s;
}
.header-cart-block:nth-child(3) {
animation-delay: 2s;
}
@keyframes moveHeaderCartBlock {
0% {
transform: translateX(0) rotate(30deg);
}
100% {
transform: translateX(1000px) rotate(30deg);
}
}
</style>
<style>
.home-search-dragging-panel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
left: 0;
padding: 16px;
position: absolute;
top: 0;
z-index: 11;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
background: #fff;
border: 1px solid #ddd;
border: 1px solid var(--line-colors-dddddd, #ddd);
border-radius: 20px;
-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
justify-content: center;
width: 100%;
}
[dir="rtl"] .home-search-dragging-panel {
left: auto;
right: 0;
}
.home-search-dragging-panel .home-search-dragging-panel-inner {
border-radius: 12px;
height: 100%;
width: 100%;
grid-gap: 17px;
gap: 17px;
}
.home-search-dragging-panel .home-search-dragging-panel-inner,
.home-search-dragging-panel .home-search-dragging-panel-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.home-search-dragging-panel .home-search-dragging-panel-text {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
background-color: #f8f8f8;
border: 1px dashed #767676;
border-radius: 12px;
height: 235px;
justify-content: center;
}
.home-search-dragging-panel .home-search-dragging-icon {
height: 52px;
width: 78px;
}
.home-search-dragging-panel .home-search-dragging-title {
color: #f60;
font-size: 16px;
font-weight: 700;
line-height: 22px;
margin-top: 12px;
}
.home-search-dragging-panel .home-search-dragging-description {
color: #222;
font-size: 14px;
font-weight: 400;
line-height: 18px;
margin-top: 2px;
}
.home-search-dragging-panel-error {
padding: 16px;
grid-gap: 12px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 12px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
background: #fff1f1;
border-radius: 12px;
justify-content: space-between;
}
.home-search-dragging-panel-error .home-search-dragging-error-icon,
.home-search-dragging-panel-error .home-search-dragging-panel-error-close {
-webkit-flex-shrink: 0;
height: 24px;
width: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.home-search-dragging-panel-error .home-search-dragging-panel-error-close {
cursor: pointer;
}
.home-search-dragging-panel-error .home-search-dragging-panel-error-content {
-webkit-box-flex: 1;
color: #222;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: 400;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 8px;
gap: 8px;
}
.home-search-dragging-panel-error .home-search-dragging-panel-error-content .home-search-dragging-panel-error-title {
font-size: 20px;
line-height: 26px;
}
.home-search-dragging-panel-error .home-search-dragging-panel-error-content .home-search-dragging-panel-error-description {
font-size: 16px;
line-height: 22px;
}
.image-multi-entity-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
grid-gap: 12px;
gap: 12px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow-x: scroll;
width: 100%;
}
.image-multi-entity-list>div {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.image-multi-entity-split-line {
background-color: #e1e1e1;
border-radius: 2px;
height: 64px;
margin: 0 4px;
width: 1px;
}
.image-multi-entity-clear {
border-radius: 8px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 92px;
width: 96px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
grid-gap: 4px;
background-color: #f4f4f4;
color: #222;
cursor: pointer;
font-size: 14px;
font-weight: 500;
gap: 4px;
line-height: 16px;
text-align: center;
}
.image-multi-entity-clear:hover {
background-color: #fff1f1;
}
.pc-search-education-tip.image-multi-entity-list-education-tip {
left: 141px;
position: absolute;
top: 124px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
z-index: 1000;
}
[dir="rtl"] .pc-search-education-tip.image-multi-entity-list-education-tip {
left: auto;
right: 141px;
}
.pc-search-education-tip.image-multi-entity-list-education-tip.pc-search-education-tip_arrow_bottom:after {
left: 0 !important;
margin-left: 35px !important;
}
[dir="rtl"] .pc-search-education-tip.image-multi-entity-list-education-tip.pc-search-education-tip_arrow_bottom:after {
left: auto !important;
margin-left: 0 !important;
margin-right: 35px !important;
right: 0 !important;
}
.image-multi-origin {
border-radius: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
height: 92px;
overflow: hidden;
position: relative;
width: 92px;
}
.image-multi-origin.unchecked {
border: 1px solid #ddd;
}
.image-multi-origin.unchecked:after {
background: hsla(0, 0%, 100%, 0.6);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
[dir="rtl"] .image-multi-origin.unchecked:after {
left: auto;
right: 0;
}
.image-multi-origin.unchecked:hover {
border: 1px solid #767676;
}
.image-multi-origin.unchecked:hover:after {
display: none;
}
.image-multi-origin.checked {
border: 2px solid #222;
padding: 0;
}
.image-multi-origin-image {
height: 90px;
-o-object-fit: cover;
object-fit: cover;
width: 90px;
}
.image-multi-origin-radio {
position: absolute;
right: 4px;
top: 4px;
}
[dir="rtl"] .image-multi-origin-radio {
left: 4px;
right: auto;
}
.image-multi-origin.unchecked .image-multi-origin-radio {
display: none;
}
.image-multi-origin.unchecked:hover .image-multi-origin-radio {
display: inline-block;
}
.image-multi-origin .image-multi-origin-origin-crop {
display: none;
}
.image-multi-origin:hover .image-multi-origin-origin-crop {
display: block;
}
.image-multi-origin-origin-crop {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
color: #fff;
font-size: 14px;
font-weight: 400;
height: 28px;
left: 0;
line-height: 28px;
position: absolute;
text-align: center;
width: 100%;
}
[dir="rtl"] .image-multi-origin-origin-crop {
left: auto;
right: 0;
}
.image-multi-origin.loading .image-multi-origin-loading-mask {
background-color: rgba(0, 0, 0, 0.6);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
[dir="rtl"] .image-multi-origin.loading .image-multi-origin-loading-mask {
left: auto;
right: 0;
}
.image-multi-origin.loading .image-multi-origin-loading-mask img {
height: 32px;
width: 32px;
}
.image-multi-origin-delete {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 0 0 0 8px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 28px;
position: absolute;
right: 0;
top: 0;
width: 28px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
[dir="rtl"] .image-multi-origin-delete {
border-radius: 0 0 8px 0;
left: 0;
right: auto;
}
.image-multi-origin-delete img {
height: 20px;
width: 20px;
}
.image-multi-origin.single-region {
border: 1px solid #ddd;
}
.image-multi-origin.single-region .image-multi-origin-delete {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.image-multi-origin.single-region .image-multi-origin-radio {
display: none;
}
.image-multi-origin.single-region:hover {
border: 1px solid #222;
}
.image-multi-origin.single-region:hover .image-multi-origin-delete {
background-color: rgba(0, 0, 0, 0.8);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.image-multi-origin.single-region:hover .image-multi-origin-radio {
display: none;
}
.image-multi-radio {
border-radius: 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 24px;
width: 24px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.image-multi-radio,
.image-multi-radio.image-multi-radio-checked {
background-color: #fff;
}
.image-multi-radio.image-multi-radio-unchecked {
background-color: #fff;
border: 1px solid #767676;
}
.image-multi-radio .image-multi-checked-icon {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.image-multi-entity-upload-fail,
.image-multi-radio .image-multi-checked-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.image-multi-entity-upload-fail {
background: hsla(0, 0%, 100%, 0.95);
border-radius: 8px;
-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
left: 50%;
padding: 16px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
z-index: 1000;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-gap: 16px;
color: #222;
font-size: 16px;
gap: 16px;
line-height: 22px;
}
[dir="rtl"] .image-multi-entity-upload-fail {
left: auto;
right: 50%;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.image-multi-entity-upload-fail .fail-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
grid-gap: 8px;
gap: 8px;
}
.image-multi-entity-upload-fail img {
height: 24px;
width: 24px;
}
.image-multi-entity-upload-fail .try-again {
cursor: pointer;
font-weight: 700;
text-decoration: underline;
}
.image-multi-entity-upload-fail .try-again:hover {
text-decoration: underline;
}
.image-multi-entity-upload-fail .close-icon {
cursor: pointer;
}
.image-multi-entity-item {
border-radius: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
height: 92px;
overflow: hidden;
position: relative;
width: 92px;
}
.image-multi-entity-item.unchecked {
border: 1px solid #ddd;
position: relative;
}
.image-multi-entity-item.unchecked .image-multi-entity-item-radio {
display: none;
}
.image-multi-entity-item.unchecked:after {
background: hsla(0, 0%, 100%, 0.6);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
[dir="rtl"] .image-multi-entity-item.unchecked:after {
left: auto;
right: 0;
}
.image-multi-entity-item.unchecked:hover {
border: 1px solid #767676;
}
.image-multi-entity-item.unchecked:hover .image-multi-entity-item-radio {
display: inline-block;
}
.image-multi-entity-item.unchecked:hover:after {
display: none;
}
.image-multi-entity-item.checked {
border: 2px solid #222;
padding: 0;
}
.image-multi-entity-item.checked .image-multi-entity-item-image {
height: 88px;
width: 88px;
}
.image-multi-entity-item-image {
height: 90px;
-o-object-fit: cover;
object-fit: cover;
width: 90px;
}
.image-multi-entity-item-radio {
position: absolute;
right: 4px;
top: 4px;
}
[dir="rtl"] .image-multi-entity-item-radio {
left: 4px;
right: auto;
}
.searchx-dialog-action {
border: 1px solid #222;
border-radius: 65px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
line-height: 18px;
padding: 9px 24px;
}
.searchx-dialog-action:hover {
background-color: #f4f4f4;
}
.searchx-dialog-action.active {
background-color: #f60;
border-color: #f60;
color: #fff;
}
.searchx-dialog-action.active:hover {
background-color: #979493;
border-color: #979493;
color: #fff;
}
.searchx-dialog-portal {
position: relative;
z-index: 10000;
}
.searchx-dialog-wrapper .searchx-dialog-mask {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
inset-inline-start: 0;
opacity: 1;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
.searchx-dialog-wrapper .searchx-dialog-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 28px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 24px;
background-color: #fff;
border-radius: 16px;
gap: 24px;
left: 50%;
max-height: 80vh;
position: fixed;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10001;
}
[dir="rtl"] .searchx-dialog-wrapper .searchx-dialog-container {
left: auto;
right: 50%;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.searchx-dialog-wrapper .searchx-dialog-container>* {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.searchx-dialog-wrapper .searchx-dialog-header {
font-size: 20px;
font-weight: 700;
line-height: 26px;
}
.searchx-dialog-wrapper .searchx-dialog-body {
overflow: auto;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 16px;
font-weight: 400;
line-height: 22px;
max-height: 70vh;
}
.searchx-dialog-wrapper .searchx-dialog-footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
grid-gap: 16px;
gap: 16px;
max-height: 100px;
}
.searchx-dialog-wrapper .searchx-dialog-close {
cursor: pointer;
height: 24px;
inset-inline-end: 16px;
position: absolute;
top: 16px;
}
@-webkit-keyframes marching-ants {
0% {
background-position:
0 0,
0 100%,
0 0,
100% 0;
}
to {
background-position:
20px 0,
-20px 100%,
0 -20px,
100% 20px;
}
}
@keyframes marching-ants {
0% {
background-position:
0 0,
0 100%,
0 0,
100% 0;
}
to {
background-position:
20px 0,
-20px 100%,
0 -20px,
100% 20px;
}
}
:root {
--rc-drag-handle-mobile-size: 24px;
--rc-border-color: hsla(0, 0%, 100%, 0.7);
--rc-focus-color: #08f;
}
.SearchXReactCrop {
cursor: crosshair;
display: inline-block;
line-height: 0;
max-width: 100%;
position: relative;
}
.SearchXReactCrop,
.SearchXReactCrop *,
.SearchXReactCrop :after,
.SearchXReactCrop :before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.SearchXReactCrop--disabled,
.SearchXReactCrop--locked {
cursor: inherit;
}
.SearchXReactCrop__child-wrapper {
max-height: inherit;
overflow: hidden;
}
.SearchXReactCrop__child-wrapper img,
.SearchXReactCrop__child-wrapper video {
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
}
.SearchXReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,
.SearchXReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,
.SearchXReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection {
-ms-touch-action: none;
touch-action: none;
}
.SearchXReactCrop .ReactCrop__crop-selection {
border-radius: 12px;
-webkit-box-shadow:
0 0 0 99999px rgba(0, 0, 0, 0.2),
0 0 60px 20px #ffdbc3;
box-shadow:
0 0 0 99999px rgba(0, 0, 0, 0.2),
0 0 60px 20px #ffdbc3;
left: 0;
position: absolute;
top: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 999;
}
.ReactCrop--disabled .SearchXReactCrop .ReactCrop__crop-selection {
cursor: inherit;
}
.ReactCrop--circular-crop .SearchXReactCrop .ReactCrop__crop-selection {
border-radius: 50%;
}
.ReactCrop--circular-crop .SearchXReactCrop .ReactCrop__crop-selection:after {
border: 1px solid hsla(0, 0%, 100%, 0.7);
border: 1px solid var(--rc-border-color);
bottom: -1px;
content: "";
left: -1px;
opacity: 0.3;
pointer-events: none;
position: absolute;
right: -1px;
top: -1px;
}
.ReactCrop--no-animate .SearchXReactCrop .ReactCrop__crop-selection {
outline: 1px dashed #fff;
}
.SearchXReactCrop .ReactCrop__crop-selection:not(.ReactCrop--no-animate) {
color: #fff;
}
.SearchXReactCrop .ReactCrop__crop-selection:focus {
outline: 2px solid #08f;
outline: 2px solid var(--rc-focus-color);
outline-offset: -1px;
}
.SearchXReactCrop--invisible-crop .SearchXReactCrop__crop-selection {
display: none;
}
.SearchXReactCrop .ReactCrop__drag-handle {
height: 20px;
overflow: hidden;
position: absolute;
width: 20px;
}
.SearchXReactCrop .ReactCrop__drag-handle:after {
border: 4px solid #fff;
border-radius: 14px;
content: "";
display: block;
height: 50px;
position: absolute;
width: 50px;
}
.SearchXReactCrop .ReactCrop__drag-handle:focus {
background: #08f;
background: var(--rc-focus-color);
}
.SearchXReactCrop .ord-nw,
.SearchXReactCrop .ord-nw:after {
left: 0;
top: 0;
}
.SearchXReactCrop .ord-nw {
cursor: nw-resize;
-webkit-transform: translate(-2px, -2px);
-ms-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
.SearchXReactCrop .ord-ne,
.SearchXReactCrop .ord-ne:after {
right: 0;
top: 0;
}
.SearchXReactCrop .ord-ne {
cursor: ne-resize;
-webkit-transform: translate(2px, -2px);
-ms-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
.SearchXReactCrop .ord-se,
.SearchXReactCrop .ord-se:after {
bottom: 0;
right: 0;
}
.SearchXReactCrop .ord-se {
cursor: se-resize;
-webkit-transform: translate(2px, 2px);
-ms-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
.SearchXReactCrop .ord-sw,
.SearchXReactCrop .ord-sw:after {
bottom: 0;
left: 0;
}
.SearchXReactCrop .ord-sw {
cursor: sw-resize;
-webkit-transform: translate(-2px, 2px);
-ms-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
.SearchXReactCrop__disabled .SearchXReactCrop__drag-handle {
cursor: inherit;
}
.SearchXReactCrop--new-crop .SearchXReactCrop__drag-handle {
display: block;
}
.SearchXReactCrop--new-crop .ReactCrop__crop-selection {
border: 4px solid #fff;
}
.SearchXReactCrop--new-crop .ReactCrop__crop-selection .ReactCrop__drag-handle {
display: none;
}
@media "(pointer: coarse) " {
.SearchXReactCrop__drag-handle {
height: 24px;
height: var(--rc-drag-handle-mobile-size);
width: 24px;
width: var(--rc-drag-handle-mobile-size);
}
}
.header-tab-input-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.header-tab-input-container,
.header-tab-shade-input-item {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.header-tab-shade-input-item {
background-color: #fff;
color: #767676;
height: 22px;
left: 0;
margin-top: -11px;
position: absolute;
top: 50%;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
[dir="rtl"] .header-tab-shade-input-item {
left: auto;
right: 0;
}
.header-tab-shade-input-item.keydown-show-item {
color: #222;
}
.header-tab-input-text {
background-color: transparent;
background-image: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
font-size: 16px;
font-weight: 400;
line-height: 22px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
outline: none;
padding: 0;
}
.header-tab-shade-list.animation {
-webkit-transition: -webkit-transform 0.3s ease-in;
transition: -webkit-transform 0.3s ease-in;
transition: transform 0.3s ease-in;
transition:
transform 0.3s ease-in,
-webkit-transform 0.3s ease-in;
}
.header-tab-shade-list .switch-place-item {
display: block;
height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.fy23-icbu-search-bar-inner .shade-placeholder-item {
height: 36px;
}
.shade-placeholder-item.open-pro-biz-version {
color: #767676;
font-size: 16px;
height: 22px;
line-height: 22px;
}
.fy23-icbu-searchbar-recommend-reason {
margin-right: 4px;
}
[dir="rtl"] .fy23-icbu-searchbar-recommend-reason {
margin-left: 4px;
margin-right: 0;
}
.fy23-icbu-searchbar-recommend-reason.suffix.first {
margin-left: 10px;
}
[dir="rtl"] .fy23-icbu-searchbar-recommend-reason.suffix.first {
margin-left: 0;
margin-right: 10px;
}
.fy23-icbu-searchbar-recommend-reason.prefix.first {
margin-left: 1px;
}
[dir="rtl"] .fy23-icbu-searchbar-recommend-reason.prefix.first {
margin-left: 0;
margin-right: 1px;
}
.fy23-icbu-searchbar-recommend-reason.prefix.last {
margin-right: 10px;
}
[dir="rtl"] .fy23-icbu-searchbar-recommend-reason.prefix.last {
margin-left: 10px;
margin-right: 0;
}
.fy23-icbu-searchbar-recommend-reason.image {
vertical-align: middle;
}
.fy23-icbu-searchbar-recommend-reason.text {
color: #767676;
font-weight: 400;
}
.fy23-icbu-searchbar-recommend-reason.html {
display: inline;
}
.fy23-icbu-searchbar-recommend-reason.default.image {
max-height: 20px;
}
.fy23-icbu-searchbar-recommend-reason.default.text {
font-size: 14px;
}
.fy23-icbu-searchbar-recommend-reason.open-pro-biz-version.image {
max-height: 22px;
}
.fy23-icbu-searchbar-recommend-reason.open-pro-biz-version.text {
font-size: 16px;
line-height: 22px;
}
.header-tab-input-container-image-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
position: relative;
width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
font-weight: 400;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
grid-gap: 12px;
gap: 12px;
}
.header-tab-input-container-image-text .header-tab-multi-input-text {
-webkit-box-flex: 1;
background-color: #fff;
background-image: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 16px;
font-weight: 400;
line-height: 22px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
outline: none;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.header-tab-input-container-image-text .header-tab-multi-input-text:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 1000px #fff !important;
box-shadow: inset 0 0 0 1000px #fff !important;
-webkit-text-fill-color: #222 !important;
}
.searchbar-input-container-multi {
border: 1px solid #ddd;
border-radius: 4px;
height: 24px;
overflow: hidden;
width: 24px;
}
.searchbar-input-container-multi .input-image {
height: 24px;
-o-object-fit: cover;
object-fit: cover;
width: 24px;
}
.pc-search-education-tip {
--searchx-edu-tip-bg: #222;
background-color: var(--searchx-edu-tip-bg);
border-radius: 8px;
color: #fff;
font-size: 14px;
font-weight: 400;
padding: 20px 20px 4px;
position: relative;
width: 300px;
}
.pc-search-education-tip.pc-search-education-tip_arrow:after {
border: 12px solid var(--searchx-edu-tip-bg);
content: "";
height: 0;
position: absolute;
width: 0;
}
.pc-search-education-tip.pc-search-education-tip_arrow_right:after {
left: -7.2px;
top: 28px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
[dir="rtl"] .pc-search-education-tip.pc-search-education-tip_arrow_right:after {
left: auto;
right: -7.2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.pc-search-education-tip.pc-search-education-tip_arrow_left:after {
right: -7.2px;
top: 28px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
[dir="rtl"] .pc-search-education-tip.pc-search-education-tip_arrow_left:after {
left: -7.2px;
right: auto;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.pc-search-education-tip.pc-search-education-tip_arrow_bottom:after {
left: 50%;
margin-left: -12px;
top: -7.2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
[dir="rtl"] .pc-search-education-tip.pc-search-education-tip_arrow_bottom:after {
left: auto;
margin-left: 0;
margin-right: -12px;
right: 50%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.pc-search-education-tip .pc-search-education-tip_inner {
margin-bottom: 16px;
}
.pc-search-education-tip .pc-search-education-tip_title {
font-size: 16px;
font-weight: 700;
margin-bottom: 8px;
}
.pc-search-education-tip .pc-search-education-tip_content {
margin-bottom: 16px;
}
.pc-search-education-tip .pc-search-education-tip_action {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.pc-search-education-tip .pc-search-education-tip_action.action-align-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.pc-search-education-tip .pc-search-education-tip_action.action-align-left {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.pc-search-education-tip .pc-search-education-tip_action.action-align-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.pc-search-education-tip .pc-search-education-tip_more>a {
color: #fff;
text-decoration: underline;
}
.ife-cdn-search-bar-pro-button {
cursor: pointer;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 22px;
}
.ife-cdn-search-bar-pro-button,
.ife-cdn-search-bar-pro-button .pro-switch-button-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
}
.ife-cdn-search-bar-pro-button .pro-switch-button-wrapper {
padding: 8px 12px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 4px;
background: #f8f8f8;
border: 1px solid #ddd;
border-radius: 12px;
gap: 4px;
}
.ife-cdn-search-bar-pro-button .button-icon {
height: 24px;
width: 24px;
}
.ife-cdn-search-bar-pro-button .button-text-free {
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #222;
display: inline-block;
font-size: 12px;
height: 22px;
line-height: 16px;
padding: 2px 4px;
}
.ife-cdn-search-bar-pro-button.active .pro-switch-button-wrapper {
background: #fff8f3;
border: 1px solid #fff0e6;
}
.ife-cdn-search-bar-pro-button.active .pro-switch-switch {
background-color: #237da6;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ife-cdn-search-bar-pro-button.active .button-text-free {
border: 1px solid #ffe7db;
}
.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip-wrapper {
display: block;
left: 50%;
margin-left: -214px;
position: absolute;
top: calc(100% + 15px);
z-index: 1002;
}
[dir="rtl"] .ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip-wrapper {
left: auto;
margin-left: 0;
margin-right: -214px;
right: 50%;
}
.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip {
border-radius: 12px;
padding: 20px;
width: 427px;
}
.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .ai-icon {
height: 20px;
width: 20px;
}
.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .pc-search-education-tip_title {
margin-bottom: 12px;
}
.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .pc-search-education-tip_content,
.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .pc-search-education-tip_inner {
margin-bottom: 0;
}
.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .close-icon {
height: 20px;
width: 20px;
}
.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .pc-search-education-tip_title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-gap: 8px;
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 700;
gap: 8px;
line-height: 22px;
}
.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .pc-search-education-tip_title .title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 8px;
gap: 8px;
}
.ife-cdn-search-bar-pro-button .pro-switch-user-guide-tip .pc-search-education-tip_content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 12px;
gap: 12px;
}
.ife-cdn-search-bar-pro-button .pro-switch-switch {
height: 20px;
margin-left: 8px;
padding-left: 2px;
padding-right: 2px;
width: 40px;
grid-gap: 12px;
background: #ddd;
gap: 12px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
[dir="rtl"] .ife-cdn-search-bar-pro-button .pro-switch-switch {
margin-left: 0;
margin-right: 8px;
}
.ife-cdn-search-bar-pro-button .pro-switch-switch,
.ife-cdn-search-bar-pro-button .pro-switch-switch .pro-switch-circle {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
border-radius: 999px;
flex-shrink: 0;
}
.ife-cdn-search-bar-pro-button .pro-switch-switch .pro-switch-circle {
height: 16px;
width: 16px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
grid-gap: 10px;
background: #fff;
background: var(--surface-color-ffffff, #fff);
gap: 10px;
}
.ife-cdn-search-bar-pro-button.disabled .pro-switch-button-wrapper {
position: relative;
}
.ife-cdn-search-bar-pro-button.disabled .pro-switch-button-wrapper :after {
background-color: hsla(0, 0%, 100%, 0.2);
border-radius: 12px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
[dir="rtl"] .ife-cdn-search-bar-pro-button.disabled .pro-switch-button-wrapper :after {
left: auto;
right: 0;
}
[dir="ltr"] .ife-cdn-search-bar-pro-button .button-text {
background: -webkit-linear-gradient(187deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
background: linear-gradient(263deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
[dir="rtl"] .ife-cdn-search-bar-pro-button .button-text {
background: -webkit-linear-gradient(7deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
background: linear-gradient(83deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.switch-image-upload-multi-wrapper {
position: relative;
}
.switch-image-upload-multi-wrapper,
.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi {
grid-gap: 8px;
cursor: pointer;
gap: 8px;
}
.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi .image-search-default-icon {
display: inline-block;
}
.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi .image-search-hover-icon,
.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi:hover .image-search-default-icon {
display: none;
}
.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi:hover .image-search-hover-icon {
display: inline-block;
}
.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi:hover span {
text-decoration: underline;
}
.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi img {
height: 24px;
width: 24px;
}
.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi.full-screen span {
color: #222;
font-size: 14px;
font-weight: 500;
}
.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi.disabled {
cursor: not-allowed;
}
.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi.disabled .image-search-disabled-icon {
display: inline-block;
}
.switch-image-upload-multi-wrapper .header-tab-switch-image-upload-multi.disabled span {
color: #ddd;
text-decoration: none;
}
.switch-image-upload-multi-wrapper .switch-image-upload-multi-education-tip {
background-color: #000 !important;
display: none;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
left: 50%;
margin-bottom: 0;
margin-left: -205px;
padding: 0;
position: absolute;
top: 100%;
width: 410px;
z-index: 1000;
}
[dir="rtl"] .switch-image-upload-multi-wrapper .switch-image-upload-multi-education-tip {
left: auto;
margin-left: 0;
margin-right: -205px;
right: 50%;
}
.switch-image-upload-multi-wrapper .switch-image-upload-multi-education-tip:after {
border-color: #000 !important;
}
.switch-image-upload-multi-wrapper:hover .switch-image-upload-multi-education-tip {
display: block;
}
.switch-image-upload-multi-wrapper.default .switch-image-upload-multi-education-tip {
margin-top: 6px;
}
.image-search-hover-overlay {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 12px;
background: #000;
border-radius: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 16px;
font-weight: 600;
gap: 12px;
line-height: 22px;
padding: 20px 20px 4px;
width: 410px;
}
.image-search-hover-overlay_title {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
font-weight: 600;
justify-content: space-between;
}
.image-search-hover-overlay_title,
.image-search-hover-overlay_title .image-search-hover-overlay_title_left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 8px;
gap: 8px;
}
.image-search-hover-overlay_title .image-search-hover-overlay_close {
cursor: pointer;
height: 20px;
width: 20px;
}
.image-search-hover-overlay_content {
font-weight: 400;
}
.image-search-hover-overlay_content_list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 8px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 4px;
gap: 4px;
}
.image-search-hover-overlay_content_item {
color: #fff;
display: inline-block;
padding-left: 22px;
position: relative;
}
[dir="rtl"] .image-search-hover-overlay_content_item {
padding-left: 0;
padding-right: 22px;
}
.image-search-hover-overlay_content_item:before {
background: #fff;
border-radius: 50%;
content: "";
display: inline-block;
height: 6px;
left: 6px;
position: absolute;
top: 8px;
width: 6px;
}
[dir="rtl"] .image-search-hover-overlay_content_item:before {
left: auto;
right: 6px;
}
.image-search-hover-overlay_content_item.copy-image span {
background-color: #fff;
border: 0.6px solid #767676;
border-radius: 2px;
color: #222;
display: inline-block;
font-size: 12px;
font-weight: 400;
height: 16px;
line-height: 16px;
margin: 0 2px;
min-width: 16px;
padding: 0 2px;
text-align: center;
}
.image-search-hover-overlay_content_line {
background: #666;
height: 1px;
margin: 16px 0;
width: 100%;
}
.image-search-hover-overlay_content_lens {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
background: -webkit-linear-gradient(344deg,
rgba(255, 111, 15, 0.2) -69.21%,
rgba(255, 183, 135, 0.2) 91.23%);
background: linear-gradient(106deg, rgba(255, 111, 15, 0.2) -69.21%, rgba(255, 183, 135, 0.2) 91.23%);
border-radius: 8px;
cursor: pointer;
padding: 12px;
text-decoration: none;
}
[dir="rtl"] .image-search-hover-overlay_content_lens {
background: linear-gradient(-106deg, rgba(255, 111, 15, 0.2) -69.21%, rgba(255, 183, 135, 0.2) 91.23%);
}
.image-search-hover-overlay_content_lens,
.image-search-hover-overlay_content_lens .image-search-hover-overlay_content_lens_left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
grid-gap: 8px;
gap: 8px;
}
.image-search-hover-overlay_content_lens .image-search-hover-overlay_content_lens_left {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-align: center;
color: #fff;
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.image-search-hover-overlay_content_lens .image-search-hover-overlay_content_lens_left img {
height: 21px;
width: 20px;
}
.image-search-hover-overlay_content_lens .image-search-hover-overlay_content_lens_left span {
color: #fff;
}
.image-search-hover-overlay_content_lens img {
height: 16px;
width: 16px;
}
[dir="rtl"] .image-search-hover-overlay_content_lens img {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-tab-input-button {
border: 0 solid transparent;
border-radius: 100px;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
background-color: #f60;
color: #fff;
justify-content: center;
}
.header-tab-input-button.small-button {
font-size: 14px;
font-weight: 500;
height: 32px;
padding: 0 16px;
grid-gap: 8px;
gap: 8px;
}
.header-tab-input-button.small-button img {
height: 16px;
width: 16px;
}
.header-tab-input-button.full-screen-button {
font-size: 16px;
font-weight: 500;
height: 44px;
padding: 0 24px;
grid-gap: 8px;
gap: 8px;
}
.header-tab-input-button.full-screen-button img {
height: 20px;
width: 20px;
}
.header-tab-input-button.black-button {
background-color: #222;
color: #fff;
}
.header-tab-input-button.pro-button {
background: -webkit-linear-gradient(187deg,
#ff2d0d 2.73%,
#ff5e1a 26.36%,
#ff6400 50%,
#ff7e0d 73.64%,
#ffab1a 97.27%);
background: linear-gradient(263deg,
#ff2d0d 2.73%,
#ff5e1a 26.36%,
#ff6400 50%,
#ff7e0d 73.64%,
#ffab1a 97.27%);
border-radius: 100px;
-webkit-box-shadow: inset 0 0 8px 0 hsla(0, 0%, 100%, 0.4);
box-shadow: inset 0 0 8px 0 hsla(0, 0%, 100%, 0.4);
color: #fff;
}
[dir="rtl"] .header-tab-input-button.pro-button {
background: linear-gradient(-263deg,
#ff2d0d 2.73%,
#ff5e1a 26.36%,
#ff6400 50%,
#ff7e0d 73.64%,
#ffab1a 97.27%);
}
.header-tab-input-button.disabled {
background-color: #ddd;
cursor: not-allowed;
}
[dir="ltr"] .header-tab-input-button.pro-button {
background: -webkit-linear-gradient(187deg,
#ff2d0d 2.73%,
#ff5e1a 26.36%,
#ff6400 50%,
#ff7e0d 73.64%,
#ffab1a 97.27%);
background: linear-gradient(263deg,
#ff2d0d 2.73%,
#ff5e1a 26.36%,
#ff6400 50%,
#ff7e0d 73.64%,
#ffab1a 97.27%);
}
[dir="rtl"] .header-tab-input-button.pro-button {
background: -webkit-linear-gradient(7deg,
#ff2d0d 2.73%,
#ff5e1a 26.36%,
#ff6400 50%,
#ff7e0d 73.64%,
#ffab1a 97.27%);
background: linear-gradient(83deg,
#ff2d0d 2.73%,
#ff5e1a 26.36%,
#ff6400 50%,
#ff7e0d 73.64%,
#ffab1a 97.27%);
}
#market-mate-for-1688 {
display: none;
}
.header-tab-container .util-ellipsis,
.home-search .util-ellipsis,
.ife-header-search-bar .util-ellipsis {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.ife-header-search-bar-popup-wrap {
color: #222;
font-size: 15px;
font-weight: 400;
line-height: 21px;
padding: 20px 0;
width: 100%;
}
.ife-header-search-bar-popup-wrap.mini {
padding: 10px 0;
}
.ife-header-search-bar-popup-wrap.mini .item span,
.ife-header-search-bar-popup-wrap.mini .item.active span,
.ife-header-search-bar-popup-wrap.mini .item:hover span {
color: #767676;
}
.ife-header-search-bar-popup-wrap .section.history {
margin-bottom: 16px;
}
.ife-header-search-bar-popup-wrap .title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 28px 8px;
}
.ife-header-search-bar-popup-wrap .title-text {
font-size: 18px;
font-weight: 600;
line-height: 25px;
}
.ife-header-search-bar-popup-wrap .title-action {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ife-header-search-bar-popup-wrap .title-action:hover {
color: inherit;
cursor: pointer;
}
.ife-header-search-bar-popup-wrap .title-action img {
height: 17px;
width: 17px;
}
.ife-header-search-bar-popup-wrap .item {
color: #222;
display: -webkit-box;
font-weight: 400;
margin-bottom: 4px;
overflow: hidden;
padding: 4px 28px;
text-decoration: none;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.ife-header-search-bar-popup-wrap .item.active,
.ife-header-search-bar-popup-wrap .item:hover {
background-color: #f4f4f4;
color: inherit;
cursor: pointer;
text-decoration: none;
}
.ife-header-search-bar-popup-wrap .item.association-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
font-weight: 600;
height: 29px;
line-height: 21px;
}
.ife-header-search-bar-popup-wrap .item.association-item span {
font-weight: 400;
}
.ife-header-search-bar-popup-wrap .item.brand-item {
font-weight: 600;
}
.ife-header-search-bar-popup-wrap .item.brand-item.active,
.ife-header-search-bar-popup-wrap .item.brand-item:hover {
color: #979493;
}
.ife-header-search-bar-popup-wrap .item.recent-item {
height: 40px;
line-height: 32px;
}
.ife-header-search-bar-popup-wrap .item.recommend-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 40px;
line-height: 32px;
}
.ife-header-search-bar-popup-wrap .item.recommend-item .recommend-brand {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: 8px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
[dir="rtl"] .ife-header-search-bar-popup-wrap .item.recommend-item .recommend-brand {
margin-left: 0;
margin-right: 8px;
}
.ife-header-search-bar-popup-wrap .item.recommend-item .recommend-brand .brand-logo {
height: 24px;
}
.ife-header-search-bar-popup-wrap .item.recommend-item .recommend-brand span {
color: #ccc;
font-size: 12px;
}
.ife-header-search-bar-popup-wrap .popup-item-query {
color: #222;
font-weight: 600;
}
.ife-header-search-bar-popup-wrap .popup-item-prefix-icon {
background-color: #f4f4f4;
border-radius: 16px;
color: #767676;
display: inline-block;
height: 32px;
line-height: 32px;
margin-right: 12px;
text-align: center;
width: 32px;
}
[dir="rtl"] .ife-header-search-bar-popup-wrap .popup-item-prefix-icon {
margin-left: 12px;
margin-right: 0;
}
.ife-header-search-bar-popup-wrap .popup-item-brand-img {
border-radius: 4px;
height: 24px;
margin-right: 8px;
}
[dir="rtl"] .ife-header-search-bar-popup-wrap .popup-item-brand-img {
margin-left: 8px;
margin-right: 0;
}
.ife-header-search-bar-popup-wrap .popup-item-suffix {
margin-left: 10px;
}
[dir="rtl"] .ife-header-search-bar-popup-wrap .popup-item-suffix {
margin-left: 0;
margin-right: 10px;
}
.ife-header-search-bar-popup-wrap .more {
padding: 0 28px;
vertical-align: baseline;
}
.ife-header-search-bar-popup-wrap .more :hover {
cursor: pointer;
}
.ife-header-search-bar-popup-wrap .more .iconfont {
margin-top: 4px;
}
.ife-header-search-bar-popup-wrap .action-hover {
color: #767676;
cursor: pointer;
}
.ife-header-search-bar-popup-wrap .action-hover .iconfont {
font-size: 16px;
line-height: 18px;
padding-left: 2px;
vertical-align: bottom;
}
[dir="rtl"] .ife-header-search-bar-popup-wrap .action-hover .iconfont {
padding-left: 0;
padding-right: 2px;
}
.ife-header-search-bar-popup-wrap .action-hover .recommend-change {
color: #222;
}
.ife-header-search-bar-popup-wrap .action-hover:hover,
.ife-header-search-bar-popup-wrap .action-hover:hover span {
color: #979493;
}
.ife-header-search-bar-popup-wrap .underline {
text-decoration: underline;
}
.ife-header-search-bar-popup-wrap .change-suffix-img {
background-position-y: -16px;
}
.ife-header-search-bar-popup-wrap.pro-biz-version {
padding: 24px 0;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .section {
margin-bottom: 12px;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .title {
margin-bottom: 4px;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .more {
margin-bottom: 20px;
margin-top: 4px;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .more,
.ife-header-search-bar-popup-wrap.pro-biz-version .title {
padding: 0 24px;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .more.action-hover .iconfont,
.ife-header-search-bar-popup-wrap.pro-biz-version .more.action-hover .underline,
.ife-header-search-bar-popup-wrap.pro-biz-version .title.action-hover .iconfont,
.ife-header-search-bar-popup-wrap.pro-biz-version .title.action-hover .underline {
font-size: 16px;
line-height: 22px;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .more .title-text,
.ife-header-search-bar-popup-wrap.pro-biz-version .title .title-text {
padding: 0;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .item,
.ife-header-search-bar-popup-wrap.pro-biz-version .title-text {
font-size: 16px;
margin-bottom: 0;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .item .iconfont,
.ife-header-search-bar-popup-wrap.pro-biz-version .title-text .iconfont {
display: none;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .title-text {
line-height: 22px;
padding: 8px 24px;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .item {
height: 38px;
line-height: 38px;
padding: 0 24px;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 20px;
grid-gap: 4px;
gap: 4px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover,
.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .iconfont,
.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .underline {
color: #767676;
font-size: 14px;
line-height: 18px;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .iconfont:hover,
.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .underline:hover,
.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover:hover {
color: #767676;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .pro-biz-icon,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap img,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap img {
height: 20px;
width: 20px;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
grid-gap: 4px;
gap: 4px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: -webkit-linear-gradient(187deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
background: linear-gradient(263deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
-webkit-text-fill-color: transparent;
}
[dir="rtl"] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text,
[dir="rtl"] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text {
background: linear-gradient(-263deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
}
.SearchXReactCrop .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text,
.SearchXReactCrop .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text,
[dir] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text,
[dir] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text {
background-clip: text;
-webkit-background-clip: text;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .list-insights-wrap,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .list-pro-wrap,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .list-insights-wrap,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .list-pro-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 12px 24px 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
grid-gap: 12px;
gap: 12px;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-insights-item,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-pro-item,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-insights-item,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-pro-item {
background: #fffaf7;
border: 1px solid #ffe7db;
border-radius: 12px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 7px 12px;
width: 33%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
grid-gap: 8px;
color: #222;
gap: 8px;
text-decoration: none;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-insights-item.active,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-insights-item:hover,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-pro-item.active,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-pro-item:hover,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-insights-item.active,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-insights-item:hover,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-pro-item.active,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-pro-item:hover {
border: 1px solid #237da6;
}
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-insights-item div,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-pro-item div,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-insights-item div,
.ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-pro-item div {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 44px;
}
[dir="ltr"] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text,
[dir="ltr"] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text {
background: -webkit-linear-gradient(187deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
background: linear-gradient(263deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
[dir="rtl"] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text,
[dir="rtl"] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text {
background: -webkit-linear-gradient(7deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
background: linear-gradient(83deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.searchbar-panel-lens {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 12px 24px 0;
padding: 8px 12px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background:
-webkit-linear-gradient(350deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%),
-webkit-linear-gradient(319deg, hsla(25, 95%, 77%, 0.15) -21.71%, rgba(248, 89, 22, 0.15) 98.49%);
background: linear-gradient(100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%),
linear-gradient(131deg, hsla(25, 95%, 77%, 0.15) -21.71%, rgba(248, 89, 22, 0.15) 98.49%);
border-radius: 12px;
color: #222;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
}
[dir="rtl"] .searchbar-panel-lens {
background: linear-gradient(-100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%),
linear-gradient(-131deg, hsla(25, 95%, 77%, 0.15) -21.71%, rgba(248, 89, 22, 0.15) 98.49%);
}
.searchbar-panel-lens .searchbar-panel-lens-left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 4px;
gap: 4px;
}
.searchbar-panel-lens .searchbar-panel-lens-left .searchbar-panel-lens-left-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 8px;
gap: 8px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.searchbar-panel-lens .searchbar-panel-lens-left .searchbar-panel-lens-left-title img {
height: 20px;
width: 20px;
}
.searchbar-panel-lens .searchbar-panel-lens-left .searchbar-panel-lens-left-desc {
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.searchbar-panel-lens .searchbar-panel-lens-right {
color: #222;
cursor: pointer;
text-decoration: underline;
}
.searchbar-panel-lens .searchbar-panel-lens-right:hover {
color: #222;
}
[dir="ltr"] .searchbar-panel-lens {
background:
-webkit-linear-gradient(350deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%),
-webkit-linear-gradient(319deg, hsla(25, 95%, 77%, 0.15) -21.71%, rgba(248, 89, 22, 0.15) 98.49%);
background: linear-gradient(100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%),
linear-gradient(131deg, hsla(25, 95%, 77%, 0.15) -21.71%, rgba(248, 89, 22, 0.15) 98.49%);
}
[dir="rtl"] .searchbar-panel-lens {
background:
-webkit-linear-gradient(170deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%),
-webkit-linear-gradient(139deg, hsla(25, 95%, 77%, 0.15) -21.71%, rgba(248, 89, 22, 0.15) 98.49%);
background: linear-gradient(280deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%),
linear-gradient(311deg, hsla(25, 95%, 77%, 0.15) -21.71%, rgba(248, 89, 22, 0.15) 98.49%);
}
.vc-htmlTemplateContainer .template-hover-show-arrow {
display: none;
}
.vc-htmlTemplateContainer:hover .template-hover-show-arrow {
display: block;
}
.vc-htmlTemplateContainer:hover .contactsupplier-template-hover {
background-color: #f60;
border: 1px solid #f60;
color: #fff;
}
.vc-htmlTemplateContainer:hover .contactsupplier-template-hover g {
fill: #fff;
}
.vc-htmlTemplateContainer:hover .img-template-hover-bigger {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: -webkit-transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:
transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1),
-webkit-transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.base-tag-items {
background-color: rgba(255, 102, 0, 0.1);
border-radius: 2px;
font-size: 12px;
height: 16px;
line-height: 16px;
margin: 4px 4px 4px 0;
padding: 0 4px;
}
[dir="rtl"] .base-tag-items {
margin: 4px 0 4px 4px;
}
.hover-underline:hover {
text-decoration: underline;
}
.hover-color-333:hover {
color: #333 !important;
}
.hover-color-f60:hover {
color: #f60 !important;
}
.hover-color-D04A0A:hover {
color: #979493 !important;
}
.unlink:hover {
text-decoration: none;
}
.img-hover-bigger:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: -webkit-transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:
transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1),
-webkit-transform 1.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.header-tab-search .popup-item-ggs-divider,
.header-tab-search-multi .popup-item-ggs-divider,
.home-search .popup-item-ggs-divider,
.home-search-online .popup-item-ggs-divider,
.ife-header-search-bar .popup-item-ggs-divider {
font-weight: 500;
margin-left: 12px;
}
[dir="rtl"] .header-tab-search .popup-item-ggs-divider,
[dir="rtl"] .header-tab-search-multi .popup-item-ggs-divider,
[dir="rtl"] .home-search .popup-item-ggs-divider,
[dir="rtl"] .home-search-online .popup-item-ggs-divider,
[dir="rtl"] .ife-header-search-bar .popup-item-ggs-divider {
margin-left: 0;
margin-right: 12px;
}
.header-tab-search .popup-item-ggs-text,
.header-tab-search-multi .popup-item-ggs-text,
.home-search .popup-item-ggs-text,
.home-search-online .popup-item-ggs-text,
.ife-header-search-bar .popup-item-ggs-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-weight: 500;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-left: 4px;
}
[dir="rtl"] .header-tab-search .popup-item-ggs-text,
[dir="rtl"] .header-tab-search-multi .popup-item-ggs-text,
[dir="rtl"] .home-search .popup-item-ggs-text,
[dir="rtl"] .home-search-online .popup-item-ggs-text,
[dir="rtl"] .ife-header-search-bar .popup-item-ggs-text {
margin-left: 0;
margin-right: 4px;
}
.header-tab-search .popup-item-ggs-flag,
.header-tab-search-multi .popup-item-ggs-flag,
.home-search .popup-item-ggs-flag,
.home-search-online .popup-item-ggs-flag,
.ife-header-search-bar .popup-item-ggs-flag {
border: 0.5px solid #ddd;
height: 16px;
margin: 0 4px;
vertical-align: middle;
width: 24px;
}
.home-search .home-search-bottom-recommend-common {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-gap: 20px;
color: #fff;
font-size: 14px;
font-weight: 400;
gap: 20px;
height: 18px;
line-height: 18px;
overflow: hidden;
text-align: center;
}
.home-search .home-search-bottom-recommend-common.bottom-insights {
text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.home-search .home-search-bottom-recommend-common .left-wrapper {
-webkit-box-flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-gap: 16px;
gap: 16px;
height: 18px;
overflow: hidden;
}
.home-search .home-search-bottom-recommend-common .left-wrapper span {
font-weight: 500;
}
.home-search .home-search-bottom-recommend-common .left-wrapper .keyword {
color: #fff;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.home-search .home-search-bottom-recommend-common .right-wrapper {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-shrink: 0;
grid-gap: 4px;
gap: 4px;
}
.home-search .home-search-bottom-recommend-common .right-wrapper .icon {
height: 16px;
width: 16px;
}
.home-search .home-search-bottom-recommend-common .right-wrapper .home-search-bottom-ai-factory-tc {
color: #fff;
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.home-search.header-search-full-screen {
height: 144px;
}
.home-search.header-search-full-screen .home-search-input-panel.image-query {
height: 230px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
[dir="rtl"] .home-search.header-search-full-screen .home-search-input-panel.image-query {
left: auto;
right: 0;
}
.home-search.header-search-full-screen .home-search-input-panel.dragging-image {
background: #fff;
border: 1px solid #ddd;
border: 1px solid var(--line-colors-dddddd, #ddd);
border-radius: 20px;
-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
left: 0;
padding: 16px;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
[dir="rtl"] .home-search.header-search-full-screen .home-search-input-panel.dragging-image {
left: auto;
right: 0;
}
.home-search.header-search-full-screen {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.home-search.header-search-full-screen,
.home-search.header-search-full-screen .home-search-input-panel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.home-search.header-search-full-screen .home-search-input-panel {
height: 114px;
padding: 16px;
width: 100%;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
background: #fff;
border-radius: 20px;
-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
justify-content: space-between;
}
.home-search.header-search-full-screen .home-search-input-panel .home-search-input-wrapper {
height: 22px;
width: 100%;
}
.home-search.header-search-full-screen .home-search-input-panel .home-search-panel {
background-color: #fff;
border-radius: 20px;
-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
left: 0;
margin-top: 2px;
overflow: hidden;
position: absolute;
top: 100%;
width: 100%;
z-index: 10;
}
[dir="rtl"] .home-search.header-search-full-screen .home-search-input-panel .home-search-panel {
left: auto;
right: 0;
}
.home-search.header-search-full-screen .home-search-bottom-recommend {
margin-top: 12px;
width: 100%;
}
.header-tab-action-full-screen {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
grid-gap: 16px;
gap: 16px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.header-tab-action-full-screen .header-tab-action-full-screen-left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
grid-gap: 20px;
gap: 20px;
height: 44px;
}
.header-tab-action-full-screen .header-tab-action-full-screen-left .image-search-full-screen-container {
padding: 8px 0;
}
.header-tab-action-full-screen .header-tab-action-full-screen-right,
.header-tab-switch-image-upload {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.header-tab-switch-image-upload {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 8px;
cursor: pointer;
gap: 8px;
}
.header-tab-switch-image-upload .image-search-default-icon {
display: inline-block;
}
.header-tab-switch-image-upload .image-search-hover-icon,
.header-tab-switch-image-upload:hover .image-search-default-icon {
display: none;
}
.header-tab-switch-image-upload:hover .image-search-hover-icon {
display: inline-block;
}
.header-tab-switch-image-upload:hover span {
text-decoration: underline;
}
.header-tab-switch-image-upload img {
height: 24px;
width: 24px;
}
.header-tab-switch-image-upload.full-screen span {
color: #222;
font-size: 14px;
font-weight: 500;
}
.header-tab-image-popup-mask {
background: rgba(0, 0, 0, 0.5);
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 10000;
}
[dir="rtl"] .header-tab-image-popup-mask {
left: auto;
right: 0;
}
.image-upload-cls-wrapper.image-upload-container {
background-color: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05);
font-size: 16px;
font-weight: 700;
line-height: 22px;
position: relative;
}
.image-upload-cls-wrapper.image-upload-container.floating {
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content;
width: 480px;
z-index: 10001;
}
.image-upload-cls-wrapper.image-upload-container .image-upload-content {
padding: 20px;
}
.image-upload-cls-wrapper.image-upload-container .image-upload-title {
margin-bottom: 12px;
}
.image-upload-cls-wrapper.image-upload-container .image-content {
padding: 16px;
}
.image-upload-cls-wrapper.image-upload-container .image-upload-content.floating-padding {
padding: 0 20px 20px;
}
.image-upload-cls-wrapper.image-upload-container .image-upload-title {
color: #333;
padding: 0 22px;
position: relative;
text-align: center;
}
.image-upload-cls-wrapper.image-upload-container .image-upload-title.floating {
margin-bottom: 16px;
padding-top: 20px;
}
.image-upload-cls-wrapper.image-upload-container .image-upload-body {
background-color: #fff;
border: 2px dashed #ddd;
border-radius: 4px;
margin: 0 0 12px;
min-height: 180px;
position: relative;
width: 100%;
}
.image-upload-cls-wrapper.image-upload-container.floating .image-upload-body {
min-height: unset;
}
.image-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
height: 100%;
justify-content: center;
margin-top: 0;
word-break: break-word;
}
.image-content.floating {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 16px;
gap: 16px;
}
.image-content:has(".image-content-tip ") {
height: 100%;
grid-column-gap: 4px;
-webkit-column-gap: 4px;
-moz-column-gap: 4px;
column-gap: 4px;
margin: 0;
padding: 0;
}
.image-content .image-content-tip {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-row-gap: 12px;
color: #222;
font-weight: 400;
row-gap: 12px;
}
.image-content .image-content-tip .desc {
font-weight: 600;
}
.image-content .image-content-tip .paste-tip {
padding-left: 18px;
position: relative;
}
[dir="rtl"] .image-content .image-content-tip .paste-tip {
padding-left: 0;
padding-right: 18px;
}
.image-content .image-content-tip .paste-tip .imgsearch-action {
border: 1px solid #767676;
border-radius: 2px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0 2px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
background-color: #fff;
justify-content: center;
margin-right: 2px;
min-width: 24px;
}
[dir="rtl"] .image-content .image-content-tip .paste-tip .imgsearch-action {
margin-left: 2px;
margin-right: 0;
}
.image-content .image-content-tip .paste-tip:before {
background-color: #000;
border-radius: 50%;
content: "";
height: 6px;
left: 6px;
position: absolute;
top: 12px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 6px;
}
[dir="rtl"] .image-content .image-content-tip .paste-tip:before {
left: auto;
right: 6px;
}
.image-content img {
height: 62px;
min-height: 62px;
min-width: 94px;
width: 94px;
-webkit-user-drag: none;
}
.upload-file {
display: none;
}
.upload-file-text {
color: #f60;
cursor: pointer;
font-size: 16px;
font-weight: 700;
letter-spacing: 0;
line-height: 22px;
margin-left: 4px;
text-decoration: underline;
}
[dir="rtl"] .upload-file-text {
margin-left: 0;
margin-right: 4px;
}
.upload-file-text:hover {
color: #06c;
}
.margin-right-28 {
margin-right: 28px;
}
[dir="rtl"] .margin-right-28 {
margin-left: 28px;
margin-right: 0;
}
.image-upload-cls-wrapper .icon-close-panel {
background: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01EX46Uj1uPKfX5cdrP_!!6000000006029-2-tps-66-66.png) no-repeat 50%;
background-size: cover;
cursor: pointer;
height: 22px;
position: absolute;
right: 0;
width: 22px;
}
[dir="rtl"] .image-upload-cls-wrapper .icon-close-panel {
left: 0;
right: auto;
}
.image-upload-cls-wrapper .img-loading-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
padding: 32px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.image-upload-cls-wrapper .img-loading-container .img-uploading {
height: 60px;
margin-left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
width: 60px;
}
[dir="rtl"] .image-upload-cls-wrapper .img-loading-container .img-uploading {
margin-left: 0;
margin-right: 50%;
-webkit-transform: translate(50%);
-ms-transform: translate(50%);
transform: translate(50%);
}
.image-upload-cls-wrapper .img-loading-container .img-uploading-text {
color: #666;
font-size: 20px;
font-weight: 700;
height: 27px;
letter-spacing: 0;
margin-top: 18px;
text-align: center;
}
.iup-image-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 16px 40px 20px;
grid-gap: 4px;
gap: 4px;
}
.iup-image-content .img-floating-panel {
height: 62px;
width: 94px;
-webkit-user-drag: none;
margin-bottom: 16px;
}
.iup-image-content .image-content-text {
color: #666;
}
.iup-image-content-icon {
height: 36px;
width: 36px;
}
.iup-content-tip {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
color: #222;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-size: 14px;
font-weight: 400;
line-height: 18px;
grid-gap: 4px;
gap: 4px;
}
.iup-content-tip,
.iup-content-tip .imgsearch-action-key {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.iup-content-tip .imgsearch-action-key {
background-color: #fff;
border: 1px solid #767676;
border-radius: 2px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 2px;
min-width: 20px;
}
[dir="rtl"] .iup-content-tip .imgsearch-action-key {
margin-left: 2px;
margin-right: 0;
}
.iup-upload-btn {
height: 40px;
margin-top: 8px;
padding: 0 24px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
grid-gap: 10px;
background: #f60;
border-radius: 999px;
color: #fff;
cursor: pointer;
font-size: 16px;
font-weight: 700;
gap: 10px;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
}
.iup-lens-panel,
.iup-upload-btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.iup-lens-panel {
padding: 12px 16px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
grid-gap: 8px;
background:
-webkit-linear-gradient(350deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%),
-webkit-linear-gradient(319deg, hsla(25, 95%, 77%, 0.15) -21.71%, rgba(248, 89, 22, 0.15) 98.49%);
background: linear-gradient(100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%),
linear-gradient(131deg, hsla(25, 95%, 77%, 0.15) -21.71%, rgba(248, 89, 22, 0.15) 98.49%);
border-radius: 8px;
gap: 8px;
}
[dir="rtl"] .iup-lens-panel {
background: linear-gradient(-100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%),
linear-gradient(-131deg, hsla(25, 95%, 77%, 0.15) -21.71%, rgba(248, 89, 22, 0.15) 98.49%);
}
.iup-lens-panel .lens-logo {
height: 15px;
width: 125.5px;
}
.iup-lens-panel .lens-desc {
color: #222;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.iup-lens-panel .lens-panel-left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 4px;
gap: 4px;
}
.iup-lens-panel .lens-panel-right {
color: #222;
cursor: pointer;
-webkit-flex-shrink: 0;
font-size: 14px;
font-weight: 600;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.image-upload-cls-wrapper .image-upload-warn {
background-color: #fff1f1;
border-radius: 8px;
margin-top: 12px;
padding: 16px 12px;
}
.image-upload-cls-wrapper .upload-warn-title {
color: #333;
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
line-height: 16px;
margin-left: 32px;
position: relative;
}
[dir="rtl"] .image-upload-cls-wrapper .upload-warn-title {
margin-left: 0;
margin-right: 32px;
}
.image-upload-cls-wrapper .upload-warn-title:before {
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01KKqHXl1YMeo9GR4B9_!!6000000003045-2-tps-72-72.png?wbep=false) no-repeat;
background-size: cover;
border-radius: 50%;
content: "";
display: block;
height: 24px;
left: -30px;
position: absolute;
top: -3px;
width: 24px;
}
[dir="rtl"] .image-upload-cls-wrapper .upload-warn-title:before {
left: auto;
right: -30px;
}
.image-upload-cls-wrapper .upload-warn-desc {
color: #666;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
line-height: 18px;
margin: 8px 58px 0 32px;
}
[dir="rtl"] .image-upload-cls-wrapper .upload-warn-desc {
margin: 8px 32px 0 58px;
}
.image-upload-cls-wrapper .upload-warn-close {
margin-right: 8px;
}
[dir="rtl"] .image-upload-cls-wrapper .upload-warn-close {
margin-left: 8px;
margin-right: 0;
}
.home-search-online {
position: relative;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.home-search-online,
.home-search-online.img-outside {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
}
.home-search-online.img-outside {
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
grid-gap: 12px;
gap: 12px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
height: 90px;
}
.home-search-online.img-outside .home-search-online-left {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.home-search-online.img-outside .home-search-online-left .header-tab-input-button {
background-color: #222;
}
.home-search-online.img-outside .ife-header-search-bar-img-outside {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.home-search-online .home-search-online-left {
width: 100%;
}
.home-search-online .home-search-input-panel {
border-width: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 56px;
padding: 4px;
position: relative;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
background: #fff;
border-radius: 100px;
-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
justify-content: space-between;
}
.home-search-online .home-search-input-panel .home-search-input-wrapper {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 22px;
padding: 0 16px 0 18px;
width: 100%;
}
[dir="rtl"] .home-search-online .home-search-input-panel .home-search-input-wrapper {
padding: 0 18px 0 16px;
}
.home-search-online .home-search-input-panel .header-tab-action-default {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.home-search-online .home-search-input-panel .header-tab-action-default .switch-image-upload img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.home-search-online .home-search-input-panel .home-search-panel {
background-color: #fff;
border-radius: 20px;
-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
left: 0;
margin-top: 2px;
overflow: hidden;
position: absolute;
top: 100%;
width: 100%;
z-index: 10;
}
[dir="rtl"] .home-search-online .home-search-input-panel .home-search-panel {
left: auto;
right: 0;
}
.home-search-online .home-search-input-panel .home-search-panel.img-outside {
background-color: #fff;
left: 0;
position: relative;
top: 0;
width: 100%;
}
[dir="rtl"] .home-search-online .home-search-input-panel .home-search-panel.img-outside {
left: auto;
right: 0;
}
.home-search-online .home-search-input-panel .header-tab-input-button {
background-color: #f60;
border-radius: 100px;
font-size: 16px;
height: 48px;
width: 126px;
}
.home-search-online .home-search-input-panel .header-tab-input-button img {
height: 20px;
width: 20px;
}
.home-search-online-bottom-recommend-wrap.default {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
font-weight: 500;
height: 26px;
line-height: 18px;
margin: 4px 0;
overflow: hidden;
padding: 0 22px;
width: 100%;
}
.home-search-online-bottom-recommend-wrap.default span {
font-weight: 500;
margin-right: 6px;
}
[dir="rtl"] .home-search-online-bottom-recommend-wrap.default span {
margin-left: 6px;
margin-right: 0;
}
.home-search-online-bottom-recommend-wrap.default .keyword {
margin: 8px 6px;
}
.home-search-online-bottom-recommend-wrap.default .keyword:hover {
color: #fff;
cursor: pointer;
text-decoration: underline;
}
.home-search-online-bottom-recommend-wrap.default .keyword,
.home-search-online-bottom-recommend-wrap.default span {
color: #fff;
font-weight: 400;
text-decoration: none;
}
.home-search-online-bottom-recommend-wrap.pill {
height: 36px;
margin-top: 32px;
overflow: hidden;
padding: 0;
}
.home-search-online-bottom-recommend-wrap.pill .keyword,
.home-search-online-bottom-recommend-wrap.pill span {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-size: 14px;
height: 36px;
line-height: 36px;
text-decoration: none;
}
.home-search-online-bottom-recommend-wrap.pill span {
font-size: 16px;
margin-right: 10px;
}
[dir="rtl"] .home-search-online-bottom-recommend-wrap.pill span {
margin-left: 10px;
margin-right: 0;
}
.home-search-online-bottom-recommend-wrap.pill .keyword {
background-color: rgba(0, 0, 0, 0.2);
border: 1px solid #fff;
border-radius: 22px;
margin: 0 10px;
padding: 0 24px;
}
.home-search-online-bottom-recommend-wrap.pill .keyword:hover {
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
text-decoration: none;
}
.home-search-online-img-outside-container {
position: relative;
}
.home-search-online-img-outside-panel {
left: 50%;
margin-left: -264px;
position: absolute;
top: calc(100% + 2px);
width: 528px;
z-index: 10;
}
[dir="rtl"] .home-search-online-img-outside-panel {
left: auto;
margin-left: 0;
margin-right: -264px;
right: 50%;
}
.ife-header-search-bar-img-outside {
background-color: #fff4e9;
border-radius: 64px;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 56px;
padding: 0 16px;
position: relative;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
color: #222;
font-size: 16px;
font-weight: 500;
justify-content: space-between;
line-height: 22px;
}
.ife-header-search-bar-img-outside img {
margin-right: 4px;
}
[dir="rtl"] .ife-header-search-bar-img-outside img {
margin-left: 4px;
margin-right: 0;
}
.ife-header-search-bar-image-upload-panel {
position: absolute;
width: 100%;
}
.ife-header-search-bar-image-upload-panel.popup {
margin-top: 2px;
position: absolute;
right: -179.5px;
top: 100%;
width: 528px;
z-index: 2;
}
[dir="rtl"] .ife-header-search-bar-image-upload-panel.popup {
left: -179.5px;
right: auto;
}
.ife-header-search-bar-image-upload-panel.popup.floating {
z-index: 10001;
}
.ife-header-search-bar-image-upload-panel.common-panel {
background-color: #fff;
border-radius: 20px;
-webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
overflow: hidden;
-webkit-transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.ife-header-search-bar-image-upload-panel.common-panel.floating {
left: unset;
right: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
[dir="rtl"] .ife-header-search-bar-image-upload-panel.common-panel.floating {
left: 0;
right: unset;
}
.ife-header-search-bar-image-upload-panel.common-panel.panelFixed {
background: transparent;
left: 50%;
position: fixed;
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: none;
transition: none;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
[dir="rtl"] .ife-header-search-bar-image-upload-panel.common-panel.panelFixed {
left: auto;
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.ife-header-search-bar-image-upload-panel .image-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 16px;
gap: 16px;
}
.header-tab-search-multi.header-tab-search-default .header-tab-input-panel {
background: #ddd;
height: 42px;
}
.header-tab-search-multi.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner {
background-color: #fff;
}
.header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-panel-inner {
height: 100%;
}
.header-tab-search-multi.dragging-image .header-tab-input-panel.dragging-image {
border: 1px solid var(--line-colors-dddddd, #ddd);
}
.header-tab-action-default {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
grid-gap: 8px;
gap: 8px;
}
.header-tab-search-multi {
min-height: 42px;
}
.header-tab-search-multi .header-tab-input-wrapper {
position: relative;
}
.header-tab-search-multi .header-tab-panel.show-default-panel {
background-color: #fff;
border-radius: 20px;
-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
left: 0;
overflow: hidden;
position: absolute;
top: 100%;
width: 100%;
z-index: 2;
}
[dir="rtl"] .header-tab-search-multi .header-tab-panel.show-default-panel {
left: auto;
right: 0;
}
.header-tab-search-multi.header-tab-search-default {
position: relative;
}
.header-tab-search-multi.header-tab-search-default .header-tab-input-panel {
background-color: #ddd;
border-radius: 20px;
padding: 1px;
}
.header-tab-search-multi.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
background: #fff;
border-radius: 19px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding: 4px 4px 4px 0;
}
[dir="rtl"] .header-tab-search-multi.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner {
padding: 4px 0 4px 4px;
}
.header-tab-search-multi.header-tab-search-default .header-tab-input-wrapper {
height: 32px;
padding-left: 20px;
padding-right: 16px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
[dir="rtl"] .header-tab-search-multi.header-tab-search-default .header-tab-input-wrapper {
padding-left: 16px;
padding-right: 20px;
}
.header-tab-search-multi.header-tab-search-default .header-tab-action-default {
grid-gap: 8px;
gap: 8px;
}
.header-tab-search-multi.header-tab-search-default .header-tab-panel.show-default-panel {
margin-top: 12px;
}
.header-tab-search-multi.header-tab-search-full-screen {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 16px 0 20px;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel {
border-radius: 20px;
-webkit-box-shadow: 0 6px 12px 4px rgba(0, 0, 0, 0.08);
box-shadow: 0 6px 12px 4px rgba(0, 0, 0, 0.08);
left: 0;
padding: 2px;
position: absolute;
top: 0;
width: 100%;
z-index: 1002;
}
[dir="rtl"] .header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel {
left: auto;
right: 0;
}
.header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-panel-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 16px;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-gap: 10px;
background: #fff;
border-radius: 18px;
gap: 10px;
}
.header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel.default {
background: #ddd;
}
.header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-wrapper {
height: 22px;
width: 100%;
}
.header-tab-search-multi.header-tab-search-full-screen .header-tab-panel {
border-radius: 20px;
left: 0;
position: absolute;
top: 116px;
width: 100%;
z-index: 1001;
}
[dir="rtl"] .header-tab-search-multi.header-tab-search-full-screen .header-tab-panel {
left: auto;
right: 0;
}
.header-tab-search-multi.dragging-image .header-tab-input-panel.dragging-image {
background: #fff;
border: 1px solid #ddd;
border-radius: 20px;
-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
left: 0;
padding: 16px;
position: absolute;
top: 0;
width: 100%;
}
[dir="rtl"] .header-tab-search-multi.dragging-image .header-tab-input-panel.dragging-image {
left: auto;
right: 0;
}
.header-tab-search .header-tab-panel.show-floating-image-panel {
left: 50% !important;
margin-left: -240px !important;
position: fixed !important;
top: 0 !important;
z-index: 10001 !important;
}
[dir="rtl"] .header-tab-search .header-tab-panel.show-floating-image-panel {
left: auto !important;
margin-left: 0 !important;
margin-right: -240px !important;
right: 50% !important;
}
.header-tab-search.header-tab-search-default .header-tab-input-panel {
background: #ddd;
height: 42px;
}
.header-tab-search.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner {
padding: 4px 4px 4px 0;
}
[dir="rtl"] .header-tab-search.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner {
padding: 4px 0 4px 4px;
}
.header-tab-search.header-tab-search-full-screen .header-tab-input-panel {
width: 100%;
}
.header-tab-search.header-tab-search-full-screen .header-tab-input-panel.default {
background: #ddd;
}
[dir="ltr"] .header-tab-input-panel.ai-theme {
background: -webkit-linear-gradient(7deg,
#ff2d0d 2.73%,
#ff5e1a 26.36%,
#ff6400 50%,
#ff7e0d 73.64%,
#ffab1a 97.27%);
background: linear-gradient(83deg,
#ff2d0d 2.73%,
#ff5e1a 26.36%,
#ff6400 50%,
#ff7e0d 73.64%,
#ffab1a 97.27%);
}
[dir="rtl"] .header-tab-input-panel.ai-theme {
background: -webkit-linear-gradient(187deg,
#ff2d0d 2.73%,
#ff5e1a 26.36%,
#ff6400 50%,
#ff7e0d 73.64%,
#ffab1a 97.27%);
background: linear-gradient(263deg,
#ff2d0d 2.73%,
#ff5e1a 26.36%,
#ff6400 50%,
#ff7e0d 73.64%,
#ffab1a 97.27%);
}
.header-tab-search {
min-height: 42px;
}
.header-tab-search .header-tab-input-wrapper {
position: relative;
}
.header-tab-search .header-tab-panel.show-default-panel {
background-color: #fff;
border-radius: 20px;
-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
left: 0;
overflow: hidden;
position: absolute;
top: 100%;
width: 100%;
z-index: 2;
}
[dir="rtl"] .header-tab-search .header-tab-panel.show-default-panel {
left: auto;
right: 0;
}
.header-tab-search .header-tab-panel.show-floating-image-panel {
left: 50%;
margin-left: -240px;
position: fixed;
top: 0;
}
[dir="rtl"] .header-tab-search .header-tab-panel.show-floating-image-panel {
left: auto;
margin-left: 0;
margin-right: -240px;
right: 50%;
}
.header-tab-search .show-floating-image-panel {
margin-top: 12px;
}
.header-tab-search.header-tab-search-default {
position: relative;
}
.header-tab-search.header-tab-search-default .header-tab-input-panel {
background-color: #ddd;
border-radius: 20px;
padding: 1px;
}
.header-tab-search.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
background-color: #fff;
border-radius: 19px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.header-tab-search.header-tab-search-default .header-tab-input-wrapper {
height: 32px;
padding-left: 20px;
padding-right: 16px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
[dir="rtl"] .header-tab-search.header-tab-search-default .header-tab-input-wrapper {
padding-left: 16px;
padding-right: 20px;
}
.header-tab-search.header-tab-search-default .header-tab-action-default {
grid-gap: 8px;
gap: 8px;
}
.header-tab-search.header-tab-search-default .header-tab-panel.show-default-panel {
margin-top: 12px;
}
.header-tab-search.header-tab-search-full-screen {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 16px 0 20px;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header-tab-search.header-tab-search-full-screen .header-tab-input-panel {
border-radius: 20px;
-webkit-box-shadow: 0 6px 12px 4px rgba(0, 0, 0, 0.08);
box-shadow: 0 6px 12px 4px rgba(0, 0, 0, 0.08);
left: 0;
padding: 2px;
position: absolute;
top: 0;
z-index: 1002;
}
[dir="rtl"] .header-tab-search.header-tab-search-full-screen .header-tab-input-panel {
left: auto;
right: 0;
}
.header-tab-search.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-panel-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
padding: 16px;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-gap: 10px;
background: #fff;
border-radius: 18px;
gap: 10px;
}
.header-tab-search.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-wrapper {
height: 22px;
width: 100%;
}
.header-tab-search.header-tab-search-full-screen .header-tab-panel {
border-radius: 20px;
left: 0;
position: absolute;
top: 116px;
width: 100%;
z-index: 1001;
}
[dir="rtl"] .header-tab-search.header-tab-search-full-screen .header-tab-panel {
left: auto;
right: 0;
}
</style>
<style>
.input-zip-code {
inline-size: 342px;
height: 38px;
border: 1px solid #c3c6cf;
padding: 0;
border-radius: 4px;
padding: 0 12px;
box-sizing: border-box;
}
.input-invalid-text {
display: inline-block;
color: #b3261e;
font-size: 14px;
font-weight: 400;
line-height: 16px;
margin-top: 8px;
}
.input-zip-code::placeholder {
color: #767676;
font-style: normal;
}
.crated-header-ship-to *,
.crated-header-ship-to-trigger * {
box-sizing: border-box;
font-size: 14px;
}
.crated-header-ship-to-trigger {
position: relative;
display: inline-block;
cursor: default;
}
.crated-header-ship-to-country-item {
display: flex;
align-items: center;
height: 36px;
padding: 12px;
cursor: pointer;
}
.crated-header-ship-to-country-item:hover {
background: #eee;
}
.crated-header-ship-to-country-item i {
margin-inline-end: 4px;
}
.crated-header-ship-to {
background: #fff;
padding: 20px;
inline-size: 380px;
max-height: calc(100vh - 100px);
overflow-y: auto;
overflow-x: hidden;
}
.crated-header-ship-to .crated-header-ship-to-title {
color: rgb(51, 51, 51);
font-size: 16px;
line-height: 24px;
margin-bottom: 4px;
}
.crated-header-ship-to .crated-header-ship-to-desc {
margin-top: 8px;
color: rgb(51, 51, 51);
font-size: 14px;
line-height: 22px;
margin-bottom: 20px;
}
.crated-header-ship-to .crated-header-ship-to-sign-in {
inline-size: 100%;
background-color: #ff6a00;
border: none;
border-radius: 9999px;
display: block;
text-align: center;
margin-top: 6px;
line-height: 36px;
height: 36px;
cursor: pointer;
color: #fff !important;
outline: none;
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.crated-header-ship-to .address-item-container {
margin-bottom: 8px;
}
.crated-header-ship-to .ship-to-invalid-span {
display: flex;
color: #b3261e;
font-size: 14px;
font-weight: 400;
line-height: 16px;
margin-top: 8px;
}
.crated-header-ship-to .ship-to-invalid-span>img {
height: 16px;
inline-size: 16px;
margin-inline-end: 2px;
}
.crated-header-ship-to .crated-header-ship-to-item {
color: #333;
border: 1px solid #e6e7eb;
cursor: pointer;
padding: 8px 12px;
font-size: 14px;
line-height: 22px;
border-radius: 4px;
}
.crated-header-ship-to .crated-header-ship-to-item b {
margin-inline-end: 2px;
}
.crated-header-ship-to .crated-header-ship-to-item .crated-header-ship-to-item-default-mb {
display: none;
}
.crated-header-ship-to .crated-header-ship-to-item .crated-header-ship-to-item-default-mb {
margin-bottom: 8px;
}
.crated-header-ship-to .crated-header-ship-to-item.current {
border: 1px solid #ff6a00;
}
.crated-header-ship-to .crated-header-ship-to-item.current .crated-header-ship-to-item-default-mb {
display: block;
}
.crated-header-ship-to .crated-header-ship-to-item .crated-header-ship-to-item-default {
display: inline-block;
margin-top: 12px;
color: #ff6600;
font-size: 12px;
background: #fff1e8;
padding: 0px 2px;
border-radius: 4px;
line-height: 24px;
}
.crated-header-ship-to .crated-header-ship-to-action-container {
margin-top: 16px;
}
.crated-header-ship-to .crated-header-ship-to-action-container .crated-header-ship-to-separator {
position: relative;
top: -0.06em;
display: inline-block;
inline-size: 1px;
background: #d8d8d8;
height: 0.9em;
margin: 0 8px;
vertical-align: middle;
}
.crated-header-ship-to .crated-header-ship-to-action-container .crated-header-ship-to-action {
border-radius: 0;
padding: 0;
height: 20px;
font-size: 14px;
border-width: 0;
color: #222;
background: none;
border: none;
outline: none;
cursor: pointer;
line-height: 18px;
text-decoration-line: underline !important;
}
.crated-header-ship-to .crated-header-ship-to-dash-wrapper {
margin: 24px 0;
position: relative;
}
.crated-header-ship-to .crated-header-ship-to-dash-wrapper .crated-header-ship-to-dash-line {
border-top: 1px solid #dddddd;
}
.crated-header-ship-to .crated-header-ship-to-dash-wrapper .crated-header-ship-to-dash-line-text-wrapper {
top: -9px;
inline-size: 100%;
position: absolute;
text-align: center;
}
.crated-header-ship-to .crated-header-ship-to-dash-wrapper .crated-header-ship-to-dash-line-text-wrapper .crated-header-ship-to-dash-line-text {
color: #767676;
display: inline-block;
padding: 2px 12px;
font-size: 12px;
background: #fff;
}
.crated-header-ship-to .ship-to-country {
inline-size: 342px;
height: 29px;
box-sizing: border-box;
}
.crated-header-ship-to .ship-to-country.invalid-country .css-13cymwt-control {
border-color: #b3261e;
}
.crated-header-ship-to .ship-to-country-item {
height: 36px;
padding: 12px;
cursor: pointer;
}
.crated-header-ship-to .ship-to-country-item:hover {
background: #eee;
}
.crated-header-ship-to .ship-to-zip {
margin-top: 19px;
margin-bottom: 16px;
}
.crated-header-ship-to .crated-header-ship-to-no-data-container,
.crated-header-ship-to .crated-header-ship-to-action-main {
text-align: center;
}
.crated-header-ship-to .crated-header-ship-to-no-data-container .crated-header-ship-to-action-btn,
.crated-header-ship-to .crated-header-ship-to-no-data-container button,
.crated-header-ship-to .crated-header-ship-to-action-main .crated-header-ship-to-action-btn,
.crated-header-ship-to .crated-header-ship-to-action-main button {
min-inline-size: 98px;
inline-size: 160px;
background-color: #ff6a00;
border: none;
border-radius: 2px;
text-align: center;
margin-top: 6px;
line-height: 36px;
height: 36px;
box-sizing: border-box;
cursor: pointer;
color: #fff !important;
border-radius: 9999px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.crated-header-ship-to .crated-header-ship-to-no-data-container button,
.crated-header-ship-to .crated-header-ship-to-action-main button {
inline-size: 100%;
}
.crated-header-ship-to .crated-header-ship-to-no-data-container .crated-header-ship-to-action-btn,
.crated-header-ship-to .crated-header-ship-to-action-main .crated-header-ship-to-action-btn {
display: block;
inline-size: 100%;
}
.crated-header-ship-to .crated-header-ship-to-no-data-container button {
inline-size: 100%;
}
</style>
<style>
.im-header-notification {
position: relative;
display: inline-block;
cursor: pointer;
}
.im-header-notification .action-icon svg {
fill: currentColor;
}
.im-header-notification:hover .balloon-wrapper {
display: block;
}
.im-header-notification .balloon-wrapper {
display: none;
position: absolute;
top: 36px;
left: -182px;
width: 380px;
background-color: #fff;
border-radius: 10px;
padding: 12px 0;
z-index: 99;
box-shadow: 0px 4px 10px #ddd;
}
.im-header-notification .balloon-wrapper:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
transform: rotate(45deg);
position: absolute;
top: -8px;
background-color: #fff;
left: 186px;
}
.im-header-notification .unread-count,
.im-header-list .unread-count {
position: absolute;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
background-color: #e52828;
color: #fff;
font-size: 12px;
padding: 0 6px;
}
.im-header-notification .unread-count {
left: 50%;
top: -8px;
}
[dir="rtl"] .im-header-notification .unread-count {
left: -50%;
top: -8px;
}
.im-header-list {
padding: 6px 4px;
}
.im-header-list .list-header {
color: #222;
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
padding: 0 14px;
}
.im-header-list .im-header-list-item {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: stretch;
position: relative;
cursor: pointer;
box-sizing: border-box;
background-color: #fff;
margin-bottom: 10px;
padding: 0 14px;
}
.im-header-list .im-header-list-item:hover {
background-color: #e6e9ed;
}
.im-header-list .contact-left {
position: relative;
width: 40px;
height: 60px;
line-height: 60px;
text-align: center;
flex-shrink: 0;
box-sizing: border-box;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.im-header-list .contact-left img {
width: 40px;
height: 40px;
border-radius: 50%;
}
.im-header-list .letter {
display: inline-block;
width: 40px;
height: 40px;
font-size: 20px;
color: #fff;
background-color: #50e3c2;
line-height: 40px;
text-align: center;
border-radius: 50%;
}
.im-header-list .unread-num {
position: absolute;
right: 2px;
top: 4px;
background-color: #f33;
color: #fff;
font-size: 12px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
font-weight: normal;
border: 1px solid #fff;
transform: scale(0.8);
}
.im-header-list .contact-right {
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: stretch;
flex-grow: 1;
padding: 6px 0 10px;
overflow: hidden;
}
.im-header-list .contact-info {
position: relative;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
min-width: 0;
}
.im-header-list .name {
font-size: 14px;
color: #333;
max-width: 260px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
}
.im-header-list .contact-time {
flex-shrink: 0;
flex-grow: 1;
text-align: right;
color: #999;
font-size: 12px;
}
.im-header-list .contact-company {
padding-right: 44px;
font-size: 12px;
color: #666;
line-height: 20px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.im-header-list .msg-wrapper {
margin: 2px 0;
}
.im-header-list .msg-wrapper p {
padding: 0;
margin: 0;
}
.im-header-list .latest-msg {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
font-size: 12px;
color: #666;
position: relative;
}
.im-header-list .latest-msg.latest-msg-rec {
padding-right: 25px;
}
.im-header-list .latest-msg .latest-msg-oneline {
width: 100%;
}
.im-header-list .latest-msg .latest-msg-oneline p {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.im-header-list .unread-count {
top: 30px;
right: 14px;
left: auto;
}
.im-header-list .button-bar {
padding: 0 14px;
}
.im-header-list .list-view-more {
width: 100%;
background-color: #f60;
height: 36px;
line-height: 36px;
color: #fff;
font-size: 14px;
border: none;
border-radius: 18px;
cursor: pointer;
}
.im-header-list .list-view-more:hover {
background-color: #979493;
}
.im-header-list .list-view-more:active {
background-color: #979493;
}
.im-header-list .no-data-img {
width: 160px;
margin: 30px auto 0;
display: block;
}
.im-header-list .no-data-tip,
.im-header-list .login-tip {
color: #222;
font-size: 12px;
text-align: center;
margin: 20px 0;
}
.im-header-list .login-tip {
margin: 40px 0;
line-height: 20px;
}
</style>
<style>
.src--Launcher_content--11g09bj {
min-width: 1000px;
background: #fff;
grid-gap: 40px;
gap: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor default;
}
.src--Launcher_content--11g09bj,
.src--left_resources--2QAeo_v {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.src--left_resources--2QAeo_v {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.src--title_content--1Bo-c60 {
font-size: 28px;
font-weight: 700;
color: #222;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 35px;
}
.src--title_text--1xDh2ZB {
max-width: 620px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 35px;
}
.src--logo--3bBaHqV {
margin-left: 8px;
}
.src--sub_title--3yhvFPn {
margin-top: 8px;
line-height: 25px;
font-size: 20px;
width: 650px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.src--footer_title--YltMh5l {
font-size: 14px;
color: #767676;
margin-top: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.src--footer_button--1HRzQeh,
.src--footer_title--YltMh5l {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.src--footer_button--1HRzQeh {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 140px;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
background: #1ead6f;
color: #fff;
border-radius: 65px;
height: 50px;
margin-top: 30px;
padding: 0 20px;
}
.src--link--_GYnQg6 {
color: #fff;
font-size: 16px;
font-weight: 600;
white-space: normal;
word-break: break-word;
}
.src--right_resources--7a3Ksre {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-width: 250px;
}
.src--footer_logo--2xiIxvq {
margin-left: 8px;
}
.src--right_resources--7a3Ksre img {
max-width: 630px;
max-height: 354px;
border-radius: 12px;
}
.cardList--card--rOvbHCM {
margin-top: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
grid-gap: 20px;
gap: 20px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cardList--card_content--3l3Esa- {
line-height: 20px;
font-size: 16px;
max-width: 216px;
background: #e6faf2;
border-radius: 12px;
padding: 20px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
cursor: pointer;
}
.cardList--card_title--1fpRTQS {
margin-top: 12px;
}
</style>
<style id="googleidentityservice_button_styles">
.qJTHM {
-webkit-user-select: none;
color: #202124;
direction: ltr;
-webkit-touch-callout: none;
font-family: "Roboto-Regular", arial, sans-serif;
-webkit-font-smoothing: antialiased;
font-weight: 400;
margin: 0;
overflow: hidden;
-webkit-text-size-adjust: 100%;
}
.ynRLnc {
left: -9999px;
position: absolute;
top: -9999px;
}
.L6cTce {
display: none;
}
.bltWBb {
overflow-wrap: break-word;
word-break: break-word;
}
.hSRGPd {
color: #1a73e8;
cursor: pointer;
font-weight: 500;
text-decoration: none;
}
.Bz112c-W3lGp {
height: 16px;
width: 16px;
}
.Bz112c-E3DyYd {
height: 20px;
width: 20px;
}
.Bz112c-r9oPif {
height: 24px;
width: 24px;
}
.Bz112c-u2z5K {
height: 36px;
width: 36px;
}
.Bz112c-uaxL4e {
-webkit-border-radius: 10px;
border-radius: 10px;
}
.LgbsSe-Bz112c {
display: block;
}
.S9gUrf-YoZ4jf,
.S9gUrf-YoZ4jf * {
border: none;
margin: 0;
padding: 0;
}
.fFW7wc-ibnC6b>.aZ2wEe>div {
border-color: #4285f4;
}
.P1ekSe-ZMv3u {
-webkit-transition: height linear 200ms;
-webkit-transition: height linear 200ms;
transition: height linear 200ms;
}
.P1ekSe-ZMv3u>div:nth-child(1) {
background-color: #1a73e8 !important;
-webkit-transition: width linear 300ms;
-webkit-transition: width linear 300ms;
transition: width linear 300ms;
}
.P1ekSe-ZMv3u>div:nth-child(2),
.P1ekSe-ZMv3u>div:nth-child(3) {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
linear-gradient(to right, #1a73e8, #1a73e8) !important;
}
.haAclf {
display: inline-block;
}
.nsm7Bb-HzV7m-LgbsSe {
border-radius: 4px;
box-sizing: border-box;
-webkit-transition:
background-color 0.218s,
border-color 0.218s;
transition:
background-color 0.218s,
border-color 0.218s;
-webkit-user-select: none;
-webkit-appearance: none;
background-color: #fff;
background-image: none;
border: 1px solid #dadce0;
color: #3c4043;
cursor: pointer;
font-family: "Google Sans", arial, sans-serif;
font-size: 14px;
height: 40px;
letter-spacing: 0.25px;
outline: none;
overflow: hidden;
padding: 0 12px;
position: relative;
text-align: center;
vertical-align: middle;
white-space: nowrap;
width: auto;
}
@media screen and (-ms-high-contrast: active) {
.nsm7Bb-HzV7m-LgbsSe {
border: 2px solid windowText;
color: windowText;
}
}
@media screen and (preferes-contrast: more) {
.nsm7Bb-HzV7m-LgbsSe {
color: #000;
}
}
.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
font-size: 14px;
height: 32px;
letter-spacing: 0.25px;
padding: 0 10px;
}
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
font-size: 11px;
height: 20px;
letter-spacing: 0.3px;
padding: 0 8px;
}
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
padding: 0;
width: 40px;
}
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
width: 32px;
}
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
width: 20px;
}
.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
border-radius: 20px;
}
.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
border-radius: 16px;
}
.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
border-radius: 10px;
}
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
border: none;
color: #fff;
}
.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
background-color: #1a73e8;
}
.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
background-color: #202124;
color: #e8eaed;
}
@media screen and (prefers-contrast: more) {
.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
color: #fff;
}
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
height: 18px;
margin-right: 8px;
min-width: 18px;
width: 18px;
}
.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
height: 14px;
min-width: 14px;
width: 14px;
}
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
height: 10px;
min-width: 10px;
width: 10px;
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
margin-left: 8px;
margin-right: -4px;
}
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
margin: 0;
padding: 10px;
}
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
padding: 8px;
}
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
padding: 4px;
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
background-color: #fff;
height: 36px;
margin-left: -10px;
margin-right: 12px;
min-width: 36px;
width: 36px;
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
margin: 0;
padding: 0;
}
.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
height: 28px;
margin-left: -8px;
margin-right: 10px;
min-width: 28px;
width: 28px;
}
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
height: 16px;
margin-left: -6px;
margin-right: 8px;
min-width: 16px;
width: 16px;
}
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
border-radius: 3px;
margin-left: 2px;
margin-right: 0;
padding: 0;
}
.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
border-radius: 18px;
}
.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
border-radius: 14px;
}
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
border-radius: 8px;
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
-webkit-flex-direction: row;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 100%;
position: relative;
width: 100%;
}
.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
-webkit-flex-grow: 1;
-webkit-box-flex: 1;
flex-grow: 1;
font-family: "Google Sans", arial, sans-serif;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
font-weight: 300;
}
.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
-webkit-flex-grow: 0;
-webkit-box-flex: 0;
flex-grow: 0;
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
-webkit-transition: background-color 0.218s;
transition: background-color 0.218s;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.nsm7Bb-HzV7m-LgbsSe:hover,
.nsm7Bb-HzV7m-LgbsSe:focus {
box-shadow: none;
border-color: #d2e3fc;
outline: none;
}
.nsm7Bb-HzV7m-LgbsSe:focus-within {
outline: 2px solid #00639b;
border-color: transparent;
}
.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
background: rgba(66, 133, 244, 0.08);
}
.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
background: rgba(66, 133, 244, 0.1);
}
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
background: rgba(255, 255, 255, 0.24);
}
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
background: rgba(255, 255, 255, 0.32);
}
.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
height: 20px;
margin-left: -4px;
margin-right: 8px;
min-width: 20px;
width: 20px;
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
font-family: "Roboto";
font-size: 12px;
text-align: left;
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf,
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS {
overflow: hidden;
text-overflow: ellipsis;
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
color: #5f6368;
fill: #5f6368;
font-size: 11px;
font-weight: 400;
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
color: #e8eaed;
fill: #e8eaed;
}
@media screen and (prefers-contrast: more) {
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff,
.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
color: #000;
fill: #000;
}
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
height: 18px;
margin: -3px -3px -3px 2px;
min-width: 18px;
width: 18px;
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
margin-left: 12px;
margin-right: -10px;
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
border-radius: 18px;
}
.L5Fo6c-sM5MNb {
border: 0;
display: block;
left: 0;
position: relative;
top: 0;
}
.L5Fo6c-bF1uUb {
-webkit-border-radius: 4px;
border-radius: 4px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.L5Fo6c-bF1uUb:focus {
border: none;
outline: none;
}
sentinel {}
</style>
<style>
#credential_picker_container {
border: none;
height: 330px;
position: fixed;
right: 20px;
top: 20px;
width: 391px;
z-index: 9999;
}
#credential_picker_container .L5Fo6c-PQbLGe {
border: none;
width: 391px;
height: 330px;
}
@media only screen and (max-width: 410px) {
#credential_picker_container {
overflow-x: hidden;
overflow-y: auto;
right: 0;
width: 100vw;
}
#credential_picker_container .L5Fo6c-PQbLGe {
width: 100vw;
}
}
#g_a11y_announcement {
height: 1px;
left: -10000px;
overflow: hidden;
position: absolute;
top: auto;
width: 1px;
}
.L5Fo6c-sM5MNb {
border: 0;
display: block;
left: 0;
position: relative;
top: 0;
}
.L5Fo6c-bF1uUb {
-webkit-border-radius: 4px;
border-radius: 4px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.L5Fo6c-bF1uUb:focus {
border: none;
outline: none;
}
sentinel {}
</style>
<meta
content="A8o5T4MyEkRZqLA9WeG2XTFdV5tsX2Prg85xyQ+RL1btVuybB1K/EQ+7JUsPK+J32oBMTnsoF9B4A+qTlL6efgQAAABweyJvcmlnaW4iOiJodHRwczovL2FjY291bnRzLmdvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkZlZENtQnV0dG9uTW9kZSIsImV4cGlyeSI6MTc0NDY3NTIwMCwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ=="
http-equiv="origin-trial" />
<style>
.no-border-radius .marketing-pc-atmosphere{border-radius:0!important}#icbu-marketing-atmosphere{cursor:default!important}.index_module_xmanButton__4c82e0fd{--btn-primary-color:#4f97b8;--btn-primary-hover-color:#c53b00;--btn-secondary-color:#fff;--btn-border-color:#222;--btn-text-primary:#fff;--btn-text-secondary:#222;--btn-disabled-opacity:0.4;--btn-disabled-border:#a6a6a6;--btn-disabled-bg-primary:var(--btn-primary-color);--btn-disabled-bg-secondary:#fff;--btn-disabled-text-primary:#fff;--btn-disabled-text-secondary:var(--btn-disabled-border);border:none;border-radius:999px;box-sizing:border-box;cursor:pointer;display:block;font-size:16px;font-weight:700;height:48px;line-height:48px;overflow:hidden;padding:0 8px;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:all 0.2s ease;white-space:nowrap;width:100%}.index_module_xmanButtonSecondary__4c82e0fd{background-color:var(--btn-secondary-color);border:1px solid var(--btn-border-color);color:var(--btn-text-secondary)}.index_module_xmanButtonPrimary__4c82e0fd{background-color:var(--btn-primary-color);border-width:0;color:var(--btn-text-primary)}.index_module_xmanButtonDisabled__4c82e0fd{cursor:not-allowed;pointer-events:none}.index_module_xmanButtonDisabled__4c82e0fd.index_module_xmanButtonPrimary__4c82e0fd{background-color:var(--btn-disabled-bg-primary);color:var(--btn-disabled-text-primary);opacity:var(--btn-disabled-opacity)}.index_module_xmanButtonDisabled__4c82e0fd.index_module_xmanButtonSecondary__4c82e0fd{background-color:var(--btn-disabled-bg-secondary);border-color:var(--btn-disabled-border);color:var(--btn-disabled-text-secondary)}.index_module_xmanButtonBlock__4c82e0fd{display:block;width:100%}.index_module_xmanButtonATag__4c82e0fd:active,.index_module_xmanButtonATag__4c82e0fd:focus,.index_module_xmanButtonATag__4c82e0fd:hover,.index_module_xmanButtonATag__4c82e0fd:link,.index_module_xmanButtonATag__4c82e0fd:visited{text-decoration:none}.index_module_xmanButtonPrimary__4c82e0fd:hover{background-color:var(--btn-primary-hover-color)}.index_module_xmanButton__4c82e0fd:active:not(.index_module_xmanButtonDisabled__4c82e0fd){transform:translateY(0)}.index_module_xmanButton__4c82e0fd:not(.index_module_xmanButtonBlock__4c82e0fd){display:inline-block;min-width:120px;width:auto}.member-checkbox{align-items:center;color:#333;cursor:pointer;display:inline-flex;font-size:14px;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.member-checkbox:focus{outline:none}.member-checkbox:focus .member-checkbox__icon{border-radius:4px;box-shadow:0 0 0 2px rgb(34 34 34 / .2)}.member-checkbox--disabled{cursor:not-allowed;opacity:.5}.member-checkbox--disabled:hover .member-checkbox__icon{opacity:.5}.member-checkbox__icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;transition:all 0.2s ease}.member-checkbox__icon svg{display:block}.member-checkbox__label{color:inherit;flex:1;font-size:inherit;line-height:inherit;margin-left:8px}.ant-select-dropdown .ant-empty-description,.member-checkbox__label:empty{display:none}.CornerLinkButton_module_cornerLinkButton__11b9afc5{align-items:center;border-radius:4px;box-sizing:border-box;color:#767676;cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:center;line-height:1.4;position:absolute;text-decoration:none;transition:all 0.2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1000}.CornerLinkButton_module_cornerLinkButton__11b9afc5:hover{color:#767676;text-decoration:none}.CornerLinkButton_module_cornerLinkButton__11b9afc5:active{color:#767676}.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_positionBottomRight__11b9afc5{bottom:32px;right:32px}.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_positionBottomLeft__11b9afc5{bottom:32px;left:32px}.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_positionTopRight__11b9afc5{right:32px;top:32px}.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_positionTopLeft__11b9afc5{left:32px;top:32px}.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_sizeSmall__11b9afc5.CornerLinkButton_module_positionBottomRight__11b9afc5{bottom:28px;right:28px}.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_sizeSmall__11b9afc5.CornerLinkButton_module_positionBottomLeft__11b9afc5{bottom:28px;left:28px}.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_sizeSmall__11b9afc5.CornerLinkButton_module_positionTopRight__11b9afc5{right:28px;top:28px}.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_sizeSmall__11b9afc5.CornerLinkButton_module_positionTopLeft__11b9afc5{left:28px;top:28px}.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_sizeLarge__11b9afc5.CornerLinkButton_module_positionBottomLeft__11b9afc5{bottom:40px;left:40px}.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_sizeLarge__11b9afc5.CornerLinkButton_module_positionTopRight__11b9afc5{right:40px;top:40px}.CornerLinkButton_module_cornerLinkButton__11b9afc5.CornerLinkButton_module_sizeLarge__11b9afc5.CornerLinkButton_module_positionTopLeft__11b9afc5{left:40px;top:40px}@media (max-width:768px){.CornerLinkButton_module_cornerLinkButton__11b9afc5{font-size:14px}}.pc.LP-form_error{color:#b3261e;font-size:12px;line-height:16px}.pc.LP-form_error .LP-form_error_icon{color:#ff5243;font-size:1.33em;line-height:1em;margin-right:2px;position:relative;text-shadow:0 1px 0 #fff;top:2px}.h5.LP-form_error{color:#b3261e;font-size:2.93333vw;margin-top:2.13333vw}.index_module_exceptionState__084dd7ea{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.index_module_image__084dd7ea{display:block;height:150px;margin-bottom:24px;max-width:100%;width:150px}.index_module_title__084dd7ea{color:#222;font-size:24px;font-weight:700;line-height:1.4;padding-bottom:16px}.index_module_description__084dd7ea{color:#000;font-size:16px;line-height:1.5;padding-bottom:36px}.index_module_button__084dd7ea{width:400px}.RM-header{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;height:72px;margin:0 auto;overflow:hidden;padding:0 40px}.RM-header_ali_log{display:inline-block;margin-inline-end:20px}.RM-header_ali_log a{background:url(https://s.alicdn.com/@img/i4/O1CN017MrHk61F6C7ZVpv3s_!!6000000000437-2-tps-496-60.png) no-repeat;background-size:contain;display:block;height:24px;text-indent:-9999px;width:200px}.RM-header_language{height:48px;width:140px}.icbu-input-group-wrapper{background-color:#fff;border:none;border-radius:8px;display:inline-block;position:relative;text-align:start;transition:all 0.3s;vertical-align:top;width:100%}.icbu-input-group-wrapper:before{border:1px solid #ddd;border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:border-color 0.3s;z-index:1}.icbu-input-group-wrapper:has(.icbu-input-group-addon):before{z-index:10011}.icbu-input-group-wrapper .icbu-input-group{align-items:stretch;display:flex;position:relative;width:100%}.icbu-input-group-wrapper .icbu-input-group .icbu-input-group-addon{align-items:center;background-color:#fff0;border:none;box-sizing:border-box;color:#222;display:flex;flex-shrink:0;font-size:15px;font-weight:400;min-height:48px;padding:0;white-space:nowrap}.icbu-input-group-wrapper .icbu-input-group .icbu-input-group-addon.icbu-input-group-addon-before{border-end-end-radius:0;border-end-start-radius:8px;border-inline-end:1px solid #e8e8e8;border-start-end-radius:0;border-start-start-radius:8px}.icbu-input-group-wrapper .icbu-input-group .icbu-input-group-addon.icbu-input-group-addon-after{border-end-end-radius:8px;border-end-start-radius:0;border-inline-start:1px solid #e8e8e8;border-start-end-radius:8px;border-start-start-radius:0}.icbu-input-group-wrapper .icbu-input-group .icbu-input-group-addon:not(:has(.xman-select)){padding:0 12px}.icbu-input-group-wrapper .icbu-input-group .icbu-input-wrapper{background:transparent!important;border:none!important;border-radius:0!important;flex:1;position:relative}.icbu-input-group-wrapper .icbu-input-group .icbu-input-wrapper:first-child{border-end-end-radius:0;border-end-start-radius:8px;border-start-end-radius:0;border-start-start-radius:8px}.icbu-input-group-wrapper .icbu-input-group .icbu-input-wrapper:last-child{border-end-end-radius:8px;border-end-start-radius:0;border-start-end-radius:8px;border-start-start-radius:0}.icbu-input-group-wrapper .icbu-input-group .icbu-input-wrapper:only-child{border-radius:8px!important}.icbu-input-group-wrapper .icbu-input-group .icbu-input-wrapper .icbu-input{background:#fff0;border:none;box-shadow:none}.icbu-input-group-wrapper .icbu-input-group .icbu-input-wrapper .icbu-input-label{inset-inline-start:12px}.icbu-input-group-wrapper.icbu-input-group-wrapper-focused:before{border-color:#222}.icbu-input-group-wrapper.icbu-input-group-wrapper-focused .icbu-input-group-addon-before{border-inline-end-color:#e8e8e8}.icbu-input-group-wrapper.icbu-input-group-wrapper-focused .icbu-input-group-addon-after{border-inline-start-color:#e8e8e8}.icbu-input-group-wrapper.icbu-input-group-wrapper-focused .icbu-select .icbu-select-arrow{color:#222!important}.icbu-input-group-wrapper.icbu-input-group-wrapper-error:before{border-color:#b3261e}.icbu-input-group-wrapper.icbu-input-group-wrapper-disabled{background-color:#f5f5f5;color:rgb(0 0 0 / .25);cursor:not-allowed}.icbu-input-group-wrapper.icbu-input-group-wrapper-disabled:before{border-color:#d9d9d9}.icbu-input-group-wrapper.icbu-input-group-wrapper-disabled .icbu-input-group-addon{color:rgb(0 0 0 / .25)}.icbu-input-group-wrapper.icbu-input-group-wrapper-disabled .icbu-input{color:rgb(0 0 0 / .25);cursor:not-allowed}.icbu-input-wrapper{background-color:#fff;border:1px solid #ddd;border-radius:8px;display:inline-flex;font-size:15px;min-width:0;position:relative;transition:all 0.3s;width:100%}.icbu-input-wrapper.password-input{margin-top:10px}.icbu-input-wrapper .icbu-input{background:0 0;border:0;box-sizing:border-box;display:inline-block;font-size:1em;height:48px;line-height:2.466em;outline:0;padding:21px 12px 8px;vertical-align:top;width:100%}.icbu-input-wrapper .icbu-input[type="password"]{font-weight:800;letter-spacing:3px;line-height:.8em;overflow:hidden}.icbu-input-wrapper .icbu-input:-webkit-autofill,.icbu-input-wrapper .icbu-input:-webkit-autofill:active,.icbu-input-wrapper .icbu-input:-webkit-autofill:focus,.icbu-input-wrapper .icbu-input:-webkit-autofill:hover{-webkit-transition:color 11111s ease-out,background-color 111111s ease-out;transition:color 11111s ease-out,background-color 111111s ease-out;transition-delay:111111s}.icbu-input-wrapper .icbu-input-label{color:#767676;inset-inline-start:12px;overflow:hidden;padding:0;pointer-events:none;position:absolute;text-overflow:ellipsis;top:12px;transition-duration:0.125s;transition-timing-function:ease-in;white-space:nowrap;width:calc(100% - 24px);z-index:0}.icbu-input-wrapper .icbu-input-entered~.icbu-input-label,.icbu-input-wrapper .icbu-input:focus~.icbu-input-label,.icbu-input-wrapper .icbu-input:valid[required]~.icbu-input-label,.icbu-input-wrapper .icbu-input[placeholder]~.icbu-input-label{color:#767676;font-size:.8em;letter-spacing:-.01em;line-height:1.5;top:4px}.icbu-input-wrapper .icbu-input-suffix{align-items:center;display:flex;flex:none;margin-inline-end:13px;margin-inline-start:4px}.icbu-input-wrapper .icbu-input:-webkit-autofill~.icbu-input-label{color:#767676;font-size:.8em;letter-spacing:-.01em;line-height:1.5;top:4px}.icbu-input-wrapper .icbu-input-wrapper .icbu-input:-webkit-autofill{border-color:#222}.icbu-input-wrapper .icbu-input:-webkit-autofill,.icbu-input-wrapper .icbu-input:-webkit-autofill:focus,.icbu-input-wrapper .icbu-input:-webkit-autofill:hover{border-color:#222!important}.icbu-input-wrapper .icbu-input:-webkit-autofill~.icbu-input-label{color:#767676!important}.icbu-input-wrapper .icbu-input-wrapper:has(.icbu-input:-webkit-autofill){border-color:#222}.icbu-input-wrapper-disabled{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;opacity:1}.icbu-input-wrapper-disabled,.icbu-input-wrapper-disabled .icbu-input{color:rgb(0 0 0 / .25);cursor:not-allowed}.icbu-input-wrapper-focused{border-color:#222}.icbu-input-wrapper-error{border-color:#b3261e}.icbu-input-group-wrapper .icbu-input-group-addon .icbu-select,.icbu-input-group-wrapper .icbu-input-group-addon .xman *{background:transparent!important;box-shadow:none!important;outline:none!important}.icbu-input-group-wrapper .icbu-input-group-addon .xman-select-single:not(.xman-select-customize-input) .xman-select-selector{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;padding:0 12px!important}.icbu-input-group-wrapper .icbu-input-group-addon .xman-select,.icbu-input-group-wrapper .icbu-input-group-addon .xman-select *,.icbu-input-group-wrapper .icbu-input-group-addon .xman-select.xman-select-focused .xman-select-selector,.icbu-input-group-wrapper .icbu-input-group-addon .xman-select.xman-select-open .xman-select-selector,.icbu-input-group-wrapper .icbu-input-group-addon .xman-select:focus .xman-select-selector,.icbu-input-group-wrapper .icbu-input-group-addon .xman-select:hover .xman-select-selector{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.icbu-input-group-wrapper.icbu-input-group-wrapper-focused .icbu-input-group-addon.icbu-input-group-addon-before{border-inline-end-color:#222}.icbu-input-group-wrapper.icbu-input-group-wrapper-focused .icbu-input-group-addon.icbu-input-group-addon-after{border-inline-start-color:#222}.icbu-input-group-wrapper.icbu-input-group-wrapper-error .icbu-input-group-addon.icbu-input-group-addon-before{border-inline-end-color:#e52828!important}.icbu-input-group-wrapper.icbu-input-group-wrapper-error .icbu-input-group-addon.icbu-input-group-addon-after{border-inline-start-color:#e52828!important}.icbu-input-group-wrapper.icbu-input-group-wrapper-error.icbu-input-group-wrapper-focused:before{border-color:#e52828!important}.icbu-input-group-wrapper.icbu-input-group-wrapper-error.icbu-input-group-wrapper-focused .icbu-input-group-addon.icbu-input-group-addon-before{border-inline-end-color:#e52828!important}.icbu-input-group-wrapper.icbu-input-group-wrapper-error.icbu-input-group-wrapper-focused .icbu-input-group-addon.icbu-input-group-addon-after{border-inline-start-color:#e52828!important}body:has(.icbu-input-group-addon-before .xman-select-open) .xman-select-dropdown{border-start-end-radius:0!important}body:has(.icbu-input-group-addon-before .xman-select-open) .xman-select-dropdown .xman-dropdown-gap~div{border-start-end-radius:0!important}body:has(.icbu-input-group-addon-after .xman-select-open) .xman-select-dropdown{border-start-start-radius:0!important}body:has(.icbu-input-group-addon-after .xman-select-open) .xman-select-dropdown .xman-dropdown-gap~div{border-start-start-radius:0!important}.index_module_loadingMask__24decb21{--loading-mask-bg:rgba(0, 0, 0, 0.6);--loading-text-color:#333;--loading-text-size:14px;--loading-icon-size:32px;align-items:center;background-color:var(--loading-mask-bg);display:flex;justify-content:center}.index_module_loadingMaskGlobal__24decb21{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw}.index_module_loadingMaskLocal__24decb21{border-radius:inherit;bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}.index_module_loadingContent__24decb21{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgb(0 0 0 / .15);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:20px 28px;text-align:center}.index_module_loadingSpin__24decb21{align-items:center;display:flex;height:var(--loading-icon-size);justify-content:center;width:var(--loading-icon-size)}.index_module_loadingIcon__24decb21{height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.index_module_loadingText__24decb21{color:var(--loading-text-color);font-size:var(--loading-text-size);line-height:1.4;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}@media (max-width:768px){.index_module_loadingContent__24decb21{gap:8px}.index_module_loadingText__24decb21{font-size:12px}.index_module_loadingSpin__24decb21{--loading-icon-size:28px}}@media (prefers-color-scheme:dark){.index_module_loadingMask__24decb21{--loading-text-color:#333}.index_module_loadingContent__24decb21{background:#fff;box-shadow:0 4px 12px rgb(0 0 0 / .3)}}@media (prefers-contrast:high){.index_module_loadingMask__24decb21{--loading-mask-bg:rgba(0, 0, 0, 0.8);--loading-text-color:#333}.index_module_loadingContent__24decb21{background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 16px rgb(0 0 0 / .4)}}@media (prefers-reduced-motion:reduce){.index_module_loadingIcon__24decb21{animation:none}}.member-otp-container .ant-input-outlined{font-size:20px!important;font-weight:700!important;height:55px!important;padding-inline:4px!important;text-align:center!important;width:55px!important}.member-otp-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input{border-color:#b3261e}.member-otp-container .ant-input{font-size:20px!important;font-weight:700!important;height:55px!important;padding-inline:4px!important;text-align:center!important;width:55px!important}.LP-topbar{left:0;position:fixed;right:0;top:0}.LP-navbar_right_button img{height:6.66667vw;margin-inline-end:5.33333vw;width:6.66667vw}.LP-navbar_right_text{color:#767676;font-size:3.73333vw;height:6.66667vw;overflow:hidden;padding-inline-end:1.06667vw;text-overflow:ellipsis;white-space:nowrap;width:16vw}.custom-dialog-wrapper{margin:2px 0}.nc_wrapper{border-radius:32px;overflow:hidden}.nc-container .nc_scale .nc_bg{padding-right:15px}.nc_iconfont.btn_ok,.nc_iconfont.btn_slide{background:linear-gradient(to bottom right,#fe8e43,#ff6a00)!important;border:1px solid #ff6a00!important;border-radius:32px;box-shadow:0 2px 4px rgb(255 106 0 / .5);color:#fff!important;font-size:20px!important;overflow:hidden;width:56px!important}.nc_wrapper .nc_bg{background:linear-gradient(90deg,rgb(255 106 0 / .6),#f5f5f5)!important}#pure-bx-feedback-btn{display:none}.nc-container .nc_wrapper .errloading{height:100%}._nc .stage1{overflow:hidden!important}._nc .stage1,._nc .stage1 .slider{border-radius:36px!important;height:36px!important}._nc .stage1 .slider{overflow:hidden}._nc .stage1 .label,._nc .stage1 .track div{font-size:14px!important;height:36px!important;line-height:36px!important}._nc .stage1 .button{align-items:center;background:linear-gradient(to bottom right,#fe8e43,#ff6a00)!important;border:1px solid #ff6a00!important;border-radius:36px!important;box-shadow:0 2px 4px rgb(255 106 0 / .5);color:#fff!important;display:flex;font-size:20px!important;height:36px!important;justify-content:center;overflow:hidden;width:56px!important}._nc .stage1 .button .icon{font-size:20px;height:20px;position:static;width:20px}._nc .stage1 .bg-green{background:linear-gradient(90deg,rgb(255 106 0 / .6),#f5f5f5)!important}.ResponsiveContainer_module_responsiveContainer__2a32e8e0{--responsive-bg-color:#fff;--responsive-content-bg:#fff;--responsive-shadow:0 2px 8px rgba(0, 0, 0, 0.1);--responsive-border-radius:16px;--breakpoint-mobile:750px;--breakpoint-small:824px;--breakpoint-medium:1080px;--container-large:1000px;--container-small:686px;--padding-large:40px;--padding-medium:30px;--padding-small:20px;--padding-mobile:16px;--padding-base:32px;margin:0 auto;max-width:var(--container-large);min-height:480px;position:relative;width:100%}.ResponsiveContainer_module_responsiveContainer__2a32e8e0.ResponsiveContainer_module_withBackground__2a32e8e0{background-color:var(--responsive-bg-color);border-radius:var(--responsive-border-radius);min-width:var(--container-small)}.ResponsiveContainer_module_responsiveContainer__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0{box-sizing:border-box;margin:0 auto;min-width:var(--container-small);padding:var(--padding-base);position:relative}.ResponsiveContainer_module_responsiveContainer__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0>*{box-sizing:border-box}.ResponsiveContainer_module_responsiveContainer__2a32e8e0.ResponsiveContainer_module_centered__2a32e8e0{display:flex;justify-content:center}.ResponsiveContainer_module_responsiveContainer__2a32e8e0.ResponsiveContainer_module_centered__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0{align-items:center;display:flex;flex-direction:column}.ResponsiveContainer_module_responsiveContainer__2a32e8e0.ResponsiveContainer_module_withPadding__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0{padding-top:var(--padding-base)}.ResponsiveContainer_module_responsiveContainer__2a32e8e0:not(.ResponsiveContainer_module_withPadding__2a32e8e0) .ResponsiveContainer_module_contentWrapper__2a32e8e0{padding:0}.ResponsiveContainer_module_responsiveContainer__2a32e8e0:not(.ResponsiveContainer_module_withBackground__2a32e8e0){background:#fff0}.ResponsiveContainer_module_responsiveContainer__2a32e8e0:not(.ResponsiveContainer_module_withBackground__2a32e8e0) .ResponsiveContainer_module_contentWrapper__2a32e8e0{background:var(--responsive-content-bg);border-radius:var(--responsive-border-radius);box-shadow:var(--responsive-shadow)}.ResponsiveContainer_module_responsiveContainer__2a32e8e0:not(.ResponsiveContainer_module_centered__2a32e8e0) .ResponsiveContainer_module_contentWrapper__2a32e8e0{margin:0}@media (max-width:749px){.ResponsiveContainer_module_responsiveContainer__2a32e8e0{margin-left:32px!important;margin-right:32px!important;min-width:var(--container-small);width:calc(100% - 64px)}}@media (min-width:750px){.ResponsiveContainer_module_responsiveContainer__2a32e8e0{min-width:var(--container-small);width:calc(100% - 80px)}.ResponsiveContainer_module_responsiveContainer__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0{padding-left:var(--padding-base);padding-right:var(--padding-base);width:var(--container-small)}}@media (min-width:824px){.ResponsiveContainer_module_responsiveContainer__2a32e8e0{width:calc(100% - 80px)}.ResponsiveContainer_module_responsiveContainer__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0{padding-left:var(--padding-medium);padding-right:var(--padding-medium);width:100%}}@media (min-width:1080px){.ResponsiveContainer_module_responsiveContainer__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0{padding-left:var(--padding-large);padding-right:var(--padding-large);width:var(--container-large)}.ResponsiveContainer_module_responsiveContainer__2a32e8e0.ResponsiveContainer_module_withPadding__2a32e8e0 .ResponsiveContainer_module_contentWrapper__2a32e8e0{padding:var(--padding-large) 60px}}.xman-select-single .xman-select-selector .xman-select-selection-item,.xman-select-single .xman-select-selector .xman-select-selection-placeholder,.xman-select-wrapper .xman-select-name{inset-inline-start:12px}.xman-select-single:not(.xman-select-customize-input) .xman-select-selector .xman-select-selection-search-input{inset-inline-start:8px}.xman-select-error .xman-select-selector{border-color:#b3261e!important}.xman-select-allow-clear.xman-select-multiple .xman-select-selector{padding-inline-end:20px}.xman-select-allow-clear .xman-select-clear{inset-inline-end:20px}.xman-select-show-arrow.xman-select-multiple .xman-select-selector{padding-inline-end:20px}.xman-select-item-option-grouped{padding-inline-start:24px}.xsu-toast{font-size:16px;line-height:22px;max-width:500px;padding:12px 16px;top:60px;z-index:9011}.xsu-toast.xsu-toast-fail,.xsu-toast.xsu-toast-normal,.xsu-toast.xsu-toast-success{background-color:rgb(0 0 0 / .85);color:#fff}.xsu-toast.xsu-toast-warning{background-color:#fffbe6;border:1px solid #ffe58f;box-shadow:0 0 24px 0 rgb(0 0 0 / .2);color:#d48806}.xsu-toast.xsu-toast-info{background-color:#e6f7ff;border:1px solid #91d5ff;box-shadow:0 0 24px 0 rgb(0 0 0 / .2);color:#0958d9}.xsu-toast.xsu-toast-loading{background-color:#fff;box-shadow:0 0 24px 0 rgb(0 0 0 / .2);color:#262626}.xsu-toast.xsu-toast-no-shadow{box-shadow:none!important}.xsu-toast .xsu-toast_icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-inline-end:8px;width:16px}.xsu-toast .xsu-toast_icon.xsu-toast_loading-icon{animation:toast-loading-spin 1s linear infinite}@keyframes toast-loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.xsu-toast-m{align-items:center;border-radius:8px;box-sizing:border-box;color:#222;display:flex;font-size:13px;left:50%;line-height:15px;max-width:500px;padding:15px 16px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9011}.xsu-toast-m.xsu-toast-fail,.xsu-toast-m.xsu-toast-normal,.xsu-toast-m.xsu-toast-success{background-color:rgb(0 0 0 / .85);color:#fff}.xsu-toast-m.xsu-toast-warning{background-color:#fffbe6;border:1px solid #ffe58f;box-shadow:0 0 12px 0 rgb(0 0 0 / .2);color:#d48806}.xsu-toast-m.xsu-toast-info{background-color:#e6f7ff;border:1px solid #91d5ff;box-shadow:0 0 12px 0 rgb(0 0 0 / .2);color:#0958d9}.xsu-toast-m.xsu-toast-loading{background-color:#fff;box-shadow:0 0 12px 0 rgb(0 0 0 / .2);color:#262626}.xsu-toast-m.xsu-toast-no-shadow{box-shadow:none!important}.xsu-toast-m .xsu-toast_icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-inline-end:4px;width:18px}.xsu-toast-m .xsu-toast_icon.xsu-toast_loading-icon{animation:toast-loading-spin 1s linear infinite}.speedy3-navbar{background-color:var(--wrapper-bg-color);box-shadow:var(--navbar-shadow);z-index:99}.speedy3-navbar .navbar-icon{align-items:center;display:flex;justify-content:center;margin-right:5.33333vw}.speedy3-navbar .icon-wrap{align-items:center;display:flex;justify-content:center;padding-inline-start:5.33333vw;z-index:1}.speedy3-navbar .status-bar-placeholder{height:var(--status-height);width:100vw}.speedy3-navbar .app-top-bar{display:flex;height:var(--appbar-height);justify-content:center;top:0;width:100vw}.speedy3-navbar .navbar-wrapper{align-items:center;display:flex;flex:1;flex-direction:row;justify-content:space-between;position:relative}.speedy3-navbar .right-icon-wrapper{flex-direction:row;z-index:1}.speedy3-navbar .right-icon-wrapper .exclamation-mark{vertical-align:bottom}.speedy3-navbar .title-wrapper{align-items:center;display:flex;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100vw}.speedy3-navbar .title-wrapper .title{color:var(--title-color);flex:1;font-size:4.8vw;font-weight:700;line-height:6.66667vw;max-width:66.66667vw;overflow:hidden;padding:0 2.13333vw;text-align:center;text-overflow:ellipsis;white-space:nowrap}html[dir="rtl"] .speedy3-navbar .icon-wrap .bbp-icon-font{transform:rotate(180deg)}.Prompt-IVModal-wrapper{align-items:center;background:rgb(0 0 0 / .6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.Prompt-IVModal-wrapper .Prompt-IVModal-box{background-color:#fff;position:relative}.Prompt-IVModal-wrapper .Prompt-IVModal-box .Prompt-IVModal-header-icon{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:28px;top:16px;width:30px;z-index:10}.Prompt-IVModal-wrapper .Prompt-IVModal-box .Prompt-IVModal-header-icon svg{height:28px;width:28px}.Prompt-IVModal-wrapper .Prompt-IVModal-box .Prompt-IVModal-iframe{border:none;border-radius:inherit;height:100%;width:100%}.Prompt-IVModal-wrapper-h5 .Prompt-IVModal-box{height:70%;width:90%}.Prompt-IVModal-wrapper-pc .Prompt-IVModal-box{border-radius:16px;height:600px;width:500px}.index_module_notification__76942d11{align-items:center;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.index_module_notification__76942d11.index_module_success__76942d11{background-color:#ebf9eb}.index_module_notification__76942d11.index_module_success__76942d11 .index_module_notificationTips__76942d11{color:#22891f}.index_module_notification__76942d11.index_module_warning__76942d11{background-color:#fff1f1}.index_module_notification__76942d11.index_module_warning__76942d11 .index_module_notificationTips__76942d11{color:#b3261e}.index_module_notification__76942d11.index_module_error__76942d11{background-color:#fff1f1}.index_module_notification__76942d11.index_module_error__76942d11 .index_module_notificationTips__76942d11{color:#b3261e}.index_module_notificationTips__76942d11{flex:1;font-size:12px;line-height:16px}.svg-icon{align-items:center;cursor:pointer;display:inline-flex;justify-content:center}.svg-icon svg{display:block}.svg-icon:hover{opacity:.8}.icbu-form-password-check{margin-top:12px}.icbu-form-password-check-item{align-items:flex-start;display:flex;margin-bottom:4px}.icbu-form-password-check-item:last-child{margin-bottom:0}.icbu-form-password-check-item-check,.icbu-form-password-check-item-error,.icbu-form-password-check-item-init{flex:1;font-size:14px;font-weight:400;line-height:18px}.icbu-form-password-check-item-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-inline-end:4px;margin-top:2px;width:16px}.icbu-form-password-check-item-init{color:#767676}.icbu-form-password-check-item-check{color:#22891f}.icbu-form-password-check-item-error{color:#b3261e}.mb-mask{background-color:#373737;background-color:rgb(55 55 55 / .6);filter:alpha(opacity=50);height:100%}.mb-dialog-wrapper,.mb-mask{bottom:0;left:0;position:fixed;right:0;top:0;z-index:10010}.mb-dialog-wrapper{-webkit-overflow-scrolling:touch;align-items:center;display:flex;justify-content:center;outline:0;overflow:auto}.mb-dialog-wrapper .mb-dialog{animation:scale-up-ver-center 0.2s cubic-bezier(.35,0,.2,1) both;border-radius:16px;height:var(--dialog-height);max-height:700px;overflow:hidden;position:relative;width:var(--dialog-width)}.mb-dialog-wrapper .mb-dialog .mb-dialog-content{background-clip:padding-box;background-color:#fff;height:auto;outline:0;position:relative;width:100%}.mb-dialog-wrapper .mb-dialog .mb-dialog-close{cursor:pointer;inset-inline-end:28px;position:absolute;top:16px;z-index:1}@keyframes scale-up-ver-center{0%{opacity:0;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}@keyframes scale-up-hor-center{0%{width:500px}to{width:1000px}}.xman-identity-card{align-items:center;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;margin-bottom:16px;padding:16px;transition:all 0.3s}.xman-identity-card.checked,.xman-identity-card:hover{border-color:#222}.xman-identity-card-content{width:240px}.xman-identity-card-content-title{font-size:16px;font-weight:600;height:25px;line-height:22px;padding-bottom:4px}.xman-identity-card-content-description{font-size:12px;font-weight:400;line-height:16px}.xman-identity-card-content-tips{color:#767676;font-size:12px;line-height:16px;padding-top:4px}.xman-identity-card-icon{padding-left:20px}.xman-identity-card .title{margin:0 0 8px}.xman-identity-card .description{color:#666;margin:0}.xman-identity-card .icon-container{float:right}.xman-identity-card .radio-container{display:inline-block;margin-right:8px}.xman-input-wrapper{background-color:#fff;border:1px solid #ddd;border-radius:8px;display:inline-flex;font-size:15px;min-width:0;position:relative;width:100%}.xman-input-wrapper.password-input{margin-top:10px}.xman-input-wrapper .xman-input{background:0 0;border:0;box-sizing:border-box;display:inline-block;font-size:1em;height:48px;line-height:2.466em;outline:0;padding:21px 12px 8px;vertical-align:top;width:100%}.xman-input-wrapper .xman-input[type="password"]{font-weight:800;letter-spacing:3px;line-height:.8em;overflow:hidden}.xman-input-wrapper .xman-input:-webkit-autofill,.xman-input-wrapper .xman-input:-webkit-autofill:active,.xman-input-wrapper .xman-input:-webkit-autofill:focus,.xman-input-wrapper .xman-input:-webkit-autofill:hover{-webkit-transition:color 11111s ease-out,background-color 111111s ease-out;transition:color 11111s ease-out,background-color 111111s ease-out;transition-delay:111111s}.xman-input-wrapper .xman-input-label{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#767676;display:-webkit-box;left:12px;overflow:hidden;padding:0;pointer-events:none;position:absolute;text-overflow:ellipsis;top:12px;transition-duration:0.125s;transition-timing-function:ease-in;width:calc(100% - 24px);z-index:0}.xman-input-wrapper .xman-input-entered~.xman-input-label,.xman-input-wrapper .xman-input:focus~.xman-input-label,.xman-input-wrapper .xman-input:valid[required]~.xman-input-label,.xman-input-wrapper .xman-input[placeholder]~.xman-input-label{color:#767676;font-size:.8em;letter-spacing:-.01em;line-height:1.5;top:4px}.xman-input-wrapper .xman-input-suffix{align-items:center;display:flex;flex:none;margin-inline-end:13px;margin-inline-start:4px}.xman-input-wrapper .xman-input:-webkit-autofill~.xman-input-label{color:#767676;font-size:.8em;letter-spacing:-.01em;line-height:1.5;top:4px}.xman-input-wrapper .xman-input-wrapper .xman-input:-webkit-autofill{border-color:#222}.xman-input-wrapper .xman-input:-webkit-autofill,.xman-input-wrapper .xman-input:-webkit-autofill:focus,.xman-input-wrapper .xman-input:-webkit-autofill:hover{border-color:#222!important}.xman-input-wrapper .xman-input:-webkit-autofill~.xman-input-label{color:#767676!important}.xman-input-wrapper .xman-input-wrapper:has(.xman-input:-webkit-autofill){border-color:#222}.xman-input-wrapper-disabled{border-color:#d9d9d9;box-shadow:none;color:rgb(0 0 0 / .25);cursor:not-allowed;opacity:1}.xman-input-wrapper-disabled .xman-input{cursor:not-allowed}.xman-input-wrapper-focused{border-color:#222}.xman-input-wrapper-error{border-color:#e52828}.xsu-toast{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 12px 0 rgb(0 0 0 / .5);box-sizing:border-box;display:flex;font-size:13px;left:50%;line-height:15px;padding:15px 16px;position:fixed;top:90px;transform:translateX(-50%);z-index:10011}.xsu-toast svg{flex-shrink:0;margin-inline-end:4px}.xman-select-wrapper{box-sizing:border-box;display:inline-block;font-size:0;position:relative;width:100%}.xman-select-wrapper *{box-sizing:inherit}.xman-select-wrapper .xman-select-name{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#888;display:-webkit-box;font-size:15px;left:12px;overflow:hidden;padding:0;pointer-events:none;position:absolute;text-overflow:ellipsis;top:12px;transition-duration:0.125s;transition-timing-function:ease-in;z-index:0}.xman-select{display:inline-block;font-size:12px;position:relative;width:100%}.xman-select-disabled,.xman-select-disabled input{cursor:not-allowed}.xman-select-disabled .xman-select-selector{opacity:.3}.xman-select-notFoundContent{font-size:14px;height:52px;line-height:52px;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap;width:100%}.xman-select-show-arrow.xman-select-loading .xman-select-arrow-icon:after{animation:rcSelectLoadingIcon 0.5s infinite;border-color:#fff0 #999;border-radius:100%;border-style:solid;border-width:2px;box-sizing:border-box;height:12px;margin-top:4px;transform:none;width:12px}.xman-select .xman-select-selection-placeholder{color:#767676;pointer-events:none}.xman-select .xman-select-selection-search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.xman-select .xman-select-selection-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.xman-select-single .xman-select-selector{background-color:#fff;display:flex;position:relative}.xman-select-single .xman-select-selector .xman-select-selection-search{display:block;width:calc(100% - 39px)}.xman-select-single .xman-select-selector .xman-select-selection-search-input{height:20px;width:calc(100% - 51px)}.xman-select-single .xman-select-selector .xman-select-selection-search-input[value=""]{caret-color:#fff0}.xman-select-single .xman-select-selector .xman-select-selection-item,.xman-select-single .xman-select-selector .xman-select-selection-placeholder{background-color:#fff0;font-size:15px;height:20px;left:12px;line-height:20px;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:21px;white-space:nowrap;width:calc(100% - 39px)}.xman-select-single.xman-select-no-name .xman-select-selector .xman-select-selection-item,.xman-select-single.xman-select-no-name .xman-select-selector .xman-select-selection-placeholder{height:24px;line-height:24px;top:12px}.xman-select-single:not(.xman-select-customize-input) .xman-select-selector{border:1px solid #ddd;border-radius:8px;height:var(--xman-select-height)}.xman-select-single:not(.xman-select-customize-input) .xman-select-selector .xman-select-selection-search-input{background-color:#fff0;border:none;left:8px;outline:none;position:absolute;top:21px}.xman-select-entered~.xman-select-name,.xman-select-focused~.xman-select-name{color:#767676;font-size:12px;letter-spacing:-.01em;line-height:1.5;top:4px}.xman-select-error .xman-select-selector{border-color:#e52828!important}.xman-select-allow-clear.xman-select-multiple .xman-select-selector{padding-right:20px}.xman-select-allow-clear .xman-select-clear{position:absolute;right:20px;top:0}.xman-select-show-arrow.xman-select-multiple .xman-select-selector{padding-right:20px}.xman-select-show-arrow .xman-select-arrow{font-size:0;inset-inline-end:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.xman-select-focused:not(.xman-select-customize-input) .xman-select-selector{border:1px solid #222}.xman-select-open .xman-select-arrow svg{transform:rotate(180deg)}.xman-select-dropdown{background:#fff0;border-radius:8px;box-shadow:0 0 12px 0 rgb(0 0 0 / .2);min-height:100px;overflow:hidden;pointer-events:none;position:absolute;z-index:10010}.xman-select-dropdown .xman-dropdown-gap{background-color:#fff0;pointer-events:none;width:100%}.xman-select-dropdown .xman-dropdown-gap~div{background-color:#fff}.xman-select-dropdown-hidden{display:none}.xman-select-dropdown .rc-virtual-list-holder{max-height:220px!important}.xman-select-item{background-color:#fff;cursor:pointer;font-size:13px;line-height:1.153;padding:12.5px 12px 16.5px;pointer-events:auto}.xman-select-item-group{color:#999;font-size:80%;font-weight:700}.xman-select-item-option{position:relative}.xman-select-item-option-grouped{padding-left:24px}.xman-select-item-option .xman-select-item-option-state{display:none}.xman-select-item-option-active{background:#f4f4f4}.xman-select-item-option-disabled{color:#999}.xman-select-item-empty{color:#999;text-align:center}.xman-select-selection__choice-zoom{transition:all 0.3s}.xman-select-selection__choice-zoom-appear{opacity:0;transform:scale(.5)}.xman-select-selection__choice-zoom-appear.xman-select-selection__choice-zoom-appear-active,.xman-select-selection__choice-zoom-leave{opacity:1;transform:scale(1)}.xman-select-selection__choice-zoom-leave.xman-select-selection__choice-zoom-leave-active{opacity:0;transform:scale(.5)}.xman-select-dropdown-slide-up-appear,.xman-select-dropdown-slide-up-enter{animation-duration:0.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0;transform-origin:0 0}.xman-select-dropdown-slide-up-leave{animation-duration:0.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,.04,.98,.34);opacity:1;transform-origin:0 0}.xman-select-dropdown-slide-up-appear.xman-select-dropdown-slide-up-appear-active.xman-select-dropdown-placement-bottomLeft,.xman-select-dropdown-slide-up-appear.xman-select-dropdown-slide-up-appear-active.xman-select-dropdown-placement-bottomRight,.xman-select-dropdown-slide-up-enter.xman-select-dropdown-slide-up-enter-active.xman-select-dropdown-placement-bottomLeft,.xman-select-dropdown-slide-up-enter.xman-select-dropdown-slide-up-enter-active.xman-select-dropdown-placement-bottomRight{animation-name:rcSelectDropdownSlideUpIn;animation-play-state:running}.xman-select-dropdown-slide-up-leave.xman-select-dropdown-slide-up-leave-active.xman-select-dropdown-placement-bottomLeft,.xman-select-dropdown-slide-up-leave.xman-select-dropdown-slide-up-leave-active.xman-select-dropdown-placement-bottomRight{animation-name:rcSelectDropdownSlideUpOut;animation-play-state:running}.xman-select-dropdown-slide-up-appear.xman-select-dropdown-slide-up-appear-active.xman-select-dropdown-placement-topLeft,.xman-select-dropdown-slide-up-appear.xman-select-dropdown-slide-up-appear-active.xman-select-dropdown-placement-topRight,.xman-select-dropdown-slide-up-enter.xman-select-dropdown-slide-up-enter-active.xman-select-dropdown-placement-topLeft,.xman-select-dropdown-slide-up-enter.xman-select-dropdown-slide-up-enter-active.xman-select-dropdown-placement-topRight{animation-name:rcSelectDropdownSlideDownIn;animation-play-state:running}.xman-select-dropdown-slide-up-leave.xman-select-dropdown-slide-up-leave-active.xman-select-dropdown-placement-topLeft,.xman-select-dropdown-slide-up-leave.xman-select-dropdown-slide-up-leave-active.xman-select-dropdown-placement-topRight{animation-name:rcSelectDropdownSlideDownOut;animation-play-state:running}@keyframes rcSelectDropdownSlideUpIn{0%{opacity:0;transform:scaleY(0);transform-origin:0 0}to{opacity:1;transform:scaleY(1);transform-origin:0 0}}@keyframes rcSelectDropdownSlideUpOut{0%{opacity:1;transform:scaleY(1);transform-origin:0 0}to{opacity:0;transform:scaleY(0);transform-origin:0 0}}@keyframes rcSelectDropdownSlideDownIn{0%{opacity:0;transform:scaleY(0);transform-origin:100% 100%}to{opacity:1;transform:scaleY(1);transform-origin:100% 100%}}@keyframes rcSelectDropdownSlideDownOut{0%{opacity:1;transform:scaleY(1);transform-origin:100% 100%}to{opacity:0;transform:scaleY(0);transform-origin:100% 100%}}@keyframes rcSelectLoadingIcon{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.member-otp-container .ant-input-outlined{font-size:20px;font-weight:700;height:48px;padding-inline:4px;text-align:center;width:48px}.QRCodeButtonGroup_module_qrCodeGroup__606590f6{bottom:40px;color:#767676;cursor:pointer;display:flex;font-size:14px;inset-inline-end:64px;position:absolute;z-index:1}.QRCodeButtonGroup_module_QRCodeButtonItem__606590f6{align-items:center;display:flex;margin-inline-start:20px}.QRCodeButtonGroup_module_qrCodeGroupImage__606590f6{display:inline-block;height:28px;margin-inline-start:8px;vertical-align:middle;width:28px}.QRCodeButtonGroup_module_qrCodeGroupTips__606590f6{margin-inline-start:8px}.QRCodeButton_module_qrCode__5b95ce7c{bottom:var(--bottom-position,28px);color:#767676;cursor:pointer;font-size:14px;inset-inline-end:var(--right-position,28px);position:absolute;z-index:1}.QRCodeButton_module_xmanDialog__5b95ce7c{--bottom-position:28px;--right-position:28px}.QRCodeButton_module_xmanPage__5b95ce7c{--bottom-position:40px;--right-position:64px}.QRCodeButton_module_commonLogin__5b95ce7c{--bottom-position:52px;--right-position:64px}.QRCodeButton_module_qrCodeImage__5b95ce7c{display:inline-block;height:28px;margin-inline-start:8px;vertical-align:middle;width:28px}.xsu-checkbox{cursor:pointer;display:inline-block;line-height:1;outline:none;position:relative;vertical-align:middle;white-space:nowrap}.xsu-checkbox-input:focus+.xsu-checkbox-inner,.xsu-checkbox:hover .xsu-checkbox-inner{border-color:#f60}.xsu-checkbox-inner{background-color:#fff;border:2px solid #d9d9d9;border-radius:3px;display:inline-block;height:20px;left:0;position:relative;top:0;transition:border-color 0.3s cubic-bezier(.68,-.55,.27,1.55),background-color 0.3s cubic-bezier(.68,-.55,.27,1.55);width:20px}.xsu-checkbox-inner:after{animation-duration:0.3s;animation-name:amCheckboxOut;animation-timing-function:cubic-bezier(.68,-.55,.27,1.55);border:2px solid #fff;border-left:0;border-top:0;content:" ";display:table;height:10px;left:4px;position:absolute;top:0;transform:rotate(45deg);width:6px}.xsu-checkbox-input{bottom:0;cursor:pointer;height:20px;left:0;opacity:0;position:absolute;right:0;top:0;width:20px;z-index:1}.xsu-checkbox-input[type="checkbox"]{margin:0;padding:0}.xsu-checkbox-checked:hover .xsu-checkbox-inner{border-color:#f60}.xsu-checkbox-checked .xsu-checkbox-inner{background-color:#f60;border-color:#f60}.xsu-checkbox-checked .xsu-checkbox-inner:after{animation-duration:0.3s;animation-name:amCheckboxOut;animation-timing-function:cubic-bezier(.68,-.55,.27,1.55);border:2px solid #fff;border-left:0;border-top:0;content:" ";display:table;height:10px;left:4px;position:absolute;top:0;transform:rotate(45deg);width:6px}@media print{.xsu-checkbox-checked .xsu-checkbox-inner{box-shadow:inset 0 0 0 16px #f60}}.xsu-checkbox-disabled.xsu-checkbox-checked:hover .xsu-checkbox-inner{border-color:#d9d9d9}.xsu-checkbox-disabled.xsu-checkbox-checked .xsu-checkbox-inner{background-color:#f3f3f3;border-color:#d9d9d9}.xsu-checkbox-disabled.xsu-checkbox-checked .xsu-checkbox-inner:after{animation-name:none;border-color:#ccc}@media print{.xsu-checkbox-disabled.xsu-checkbox-checked .xsu-checkbox-inner{box-shadow:inset 0 0 0 16px #f3f3f3}}.xsu-checkbox-disabled:hover .xsu-checkbox-inner{border-color:#d9d9d9}.xsu-checkbox-disabled .xsu-checkbox-inner{background-color:#f3f3f3;border-color:#d9d9d9}.xsu-checkbox-disabled .xsu-checkbox-inner:after{animation-name:none;border-color:#f3f3f3}.xsu-checkbox-disabled .xsu-checkbox-inner-input{cursor:default}@keyframes amCheckboxIn{0%{opacity:0;transform:scale(0) rotate(45deg);transform-origin:50% 50%}to{opacity:1;transform:scale(1) rotate(45deg);transform-origin:50% 50%}}@keyframes amCheckboxOut{0%{opacity:1}to{opacity:0}}.Iframe_module_icbuXman__ab95fc48{height:600px;width:500px}.Iframe_module_iframe__ab95fc48{border:0;height:100%;width:100%}.Iframe_module_load__ab95fc48{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;opacity:.8;position:absolute;right:0;top:0}.Iframe_module_loadIcon__ab95fc48{animation:Iframe_module_rotate__ab95fc48 2s linear infinite}@keyframes Iframe_module_rotate__ab95fc48{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.third-login{width:100%}.third-login #google .thirdpart-login-icon{background-image:url(https://s.alicdn.com/@img/imgextra/i4/O1CN01ZWDFkg1rgKascYS4S_!!6000000005660-2-tps-44-44.png)}.third-login #facebook .thirdpart-login-icon{background-image:url(https://s.alicdn.com/@img/imgextra/i2/O1CN01pBjMjE1c9c3zEVEys_!!6000000003558-2-tps-44-44.png)}.third-login #linkedin .thirdpart-login-icon{background-image:url(https://s.alicdn.com/@img/imgextra/i3/O1CN01TZCWSd29qYWCfxdcP_!!6000000008119-2-tps-44-44.png)}.third-login #email .thirdpart-login-icon,.third-login #twitter .thirdpart-login-icon{background-image:url(https://s.alicdn.com/@img/imgextra/i3/O1CN01l9QcFh1eesKUOcLlt_!!6000000003897-2-tps-44-44.png)}.third-login-smallType{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.third-login-smallType#third-login .thirdpart-login-icon{background-clip:content-box;background-position:47px 15px;background-repeat:no-repeat;background-size:22px 22px;box-sizing:border-box;display:inline-block;height:100%;margin:0;width:100%}.third-login-smallType .thirdpart-login-wrapper{height:52px}.third-login-smallType .thirdpart-login-wrapper .thirdpart-login-icon-wrapper{background-color:#f8f8f8;border-radius:4px;height:52px;margin-bottom:4px;position:relative;width:116px}.third-login-longType#third-login .thirdpart-login-icon{background-clip:content-box;background-position:left 12px top 50%;background-repeat:no-repeat;background-size:20px 20px;box-sizing:border-box;color:#222;display:inline-block;font-size:15px;height:100%;margin:0;padding:10px 12px;text-align:center;text-decoration:none;width:100%}[dir="rtl"].third-login-longType#third-login .thirdpart-login-icon{background-position:right 12px top 50%}.third-login-longType .thirdpart-login-wrapper{position:relative}.third-login-longType .thirdpart-login-wrapper:not(:last-child){margin-bottom:16px}.third-login-longType .thirdpart-login-wrapper .thirdpart-login-icon-wrapper{background:#fff;border:1px solid #767676;border-radius:8px;box-sizing:border-box;height:48px;width:100%}.third-login-longType .thirdpart-login-wrapper .thirdpart-login-text{font-size:15px;font-weight:600;left:50%;letter-spacing:-.29px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.index_module_loginWrapper__b258be20{margin-top:16px;position:relative;width:100%}.index_module_loginIcon__b258be20{background-clip:content-box;background-position:left 12px top 50%;background-repeat:no-repeat;background-size:20px 20px;box-sizing:border-box;color:#222;display:inline-block;font-size:15px;height:100%;margin:0;padding:10px 12px;text-align:center;text-decoration:none;width:100%}[dir="rtl"] .index_module_loginIcon__b258be20{background-position:right 12px top 50%}.index_module_loginIconWrapper__b258be20{align-items:center;border:1px solid #767676;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;height:48px;width:100%}.index_module_loginText__b258be20{font-size:15px;font-weight:600;left:50%;letter-spacing:-.29px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.index_module_xsiEllipsis__b258be20{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.SignTips_module_tips__5fa8e70d{color:#767676;font-size:14px;height:18px;line-height:18px;margin-top:20px}.SignTips_module_lineText__5fa8e70d{color:#444;cursor:pointer;font-weight:600;margin-inline-start:8px;text-decoration:underline;text-underline-offset:2px}.Divider_module_divider__cabd6133{border-top:1px solid #ddd;height:0;margin:28px 0 25px;position:relative;width:100%}.Divider_module_dividerText__cabd6133{background-color:#fff;color:#767676;font-size:15px;left:50%;padding:0 8px;position:absolute;top:50%;transform:translate(-50%,-50%)}.SNSSignIn_module_sns__7bbf84b6{align-items:center;display:flex;flex-direction:column;height:var(--min-login-height);padding-bottom:50px;width:100%}.SNSSignIn_module_title__7bbf84b6{font-size:24px;font-weight:700;height:30px;line-height:30px;text-align:center}.SNSSignIn_module_titleTips__7bbf84b6{color:#767676;font-size:16px;font-weight:400;height:22px;line-height:22px;margin:20px 0 16px}.SNSSignIn_module_loginWrapper__7bbf84b6{margin-top:16px;position:relative;width:100%}.SNSSignIn_module_loginWrapper__7bbf84b6:not(:last-child){margin-bottom:16px}.SNSSignIn_module_loginIcon__7bbf84b6{background-clip:content-box;background-image:url(https://s.alicdn.com/@img/imgextra/i4/O1CN01ZWDFkg1rgKascYS4S_!!6000000005660-2-tps-44-44.png);background-position:left 12px top 50%;background-repeat:no-repeat;background-size:20px 20px;box-sizing:border-box;color:#222;display:inline-block;font-size:15px;height:100%;margin:0;padding:10px 12px;text-align:center;text-decoration:none;width:100%}[dir="rtl"] .SNSSignIn_module_loginIcon__7bbf84b6{background-position:right 12px top 50%}.SNSSignIn_module_loginIconWrapper__7bbf84b6{align-items:center;border:1px solid #767676;border-radius:8px;box-sizing:border-box;display:flex;height:48px;width:100%}.SNSSignIn_module_loginText__7bbf84b6{font-size:15px;font-weight:600;left:50%;letter-spacing:-.29px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.SNSSignIn_module_snsInput__7bbf84b6{border:1px solid #767676;border-radius:8px;box-sizing:border-box;height:48px;line-height:46px;margin:16px 0 32px;padding:0 35px;text-align:center}.SNSSignIn_module_tipsSubtitle__7bbf84b6{text-align:center}.QRSignIn_module_qr__90c29510{align-items:center;display:flex;flex-direction:column;height:var(--min-login-height);padding-bottom:50px;width:100%}.QRSignIn_module_title__90c29510{font-size:24px;font-weight:700;height:30px;line-height:30px;text-align:center}.QRSignIn_module_titleTips__90c29510{word-wrap:break-word;color:#767676;font-size:16px;font-weight:400;line-height:1.4;margin:28px auto 0;max-width:280px;text-align:center;white-space:normal}.QRSignIn_module_qrCode__90c29510{margin:40px auto 0;position:relative;width:160px}.QRSignIn_module_qrCodeLoad__90c29510{align-items:center;background-color:#fff;display:flex;height:160px;justify-content:center;left:0;opacity:.9;position:absolute;top:0;width:160px}.QRSignIn_module_qrCodeLoadIcon__90c29510{cursor:pointer;height:28px;width:28px}.QRSignIn_module_code__90c29510{bottom:21px;color:#767676;cursor:pointer;position:absolute;right:28px;z-index:1}.QRSignIn_module_codeImage__90c29510{display:inline-block;height:23px;margin-inline-start:8px;vertical-align:middle;width:23px}.SignPrompt_module_tips__6b61294f{color:#e52828;font-size:14px}.SignPrompt_module_linkText__6b61294f{color:#e52828;cursor:pointer;font-weight:700;margin-inline-start:8px;text-decoration:underline;text-underline-offset:2px}.xsu-common_error{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#e52828;display:-webkit-box;font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis}#baxia-dialog-content{margin-top:12px;width:100%}.toast{align-items:center;background-color:#282828;border-radius:8px;display:flex;height:48px;left:50%;opacity:0;padding:16px;position:absolute;top:60px;transform:translate(-50%);transition:opacity 0.3s ease;z-index:10}.toast.show{opacity:1}.toast-tips{color:#fff;font-size:16;padding-left:8px}.IVModal-wrapper{align-items:center;background:rgb(0 0 0 / .3);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.IVModal-wrapper .IVModal-box{background-color:#fff}.IVModal-wrapper .IVModal-box .IVModal-header{display:flex;flex-direction:row-reverse}.IVModal-wrapper .IVModal-box .IVModal-header-icon{box-sizing:content-box;cursor:pointer;height:30px;padding-inline-end:10px;padding-top:10px;width:30px}.IVModal-wrapper .IVModal-box .IVModal-iframe{height:100%;width:100%}.IVModal-wrapper-h5 .IVModal-box{height:70%;width:90%}.IVModal-wrapper-pc .IVModal-box{height:472px;width:382px}.MainSignIn_module_xsiMain__8da07a50{align-items:center;display:flex;flex-direction:column;height:496px;overflow-x:hidden;overflow-y:auto;width:100%}.MainSignIn_module_xsiTitle__8da07a50{font-size:24px;font-weight:700;height:30px;line-height:30px;text-align:center}#MainSignIn_module_icbuMarketingAtmosphere__8da07a50{margin-bottom:28px}.MainSignIn_module_inputError__8da07a50{color:#e52828}.MainSignIn_module_xsiAction__8da07a50{margin-top:12px}.MainSignIn_module_forgotPassword__8da07a50{color:#222;cursor:pointer;display:inline-block;float:inline-end;font-size:14px;font-weight:600;padding-bottom:20px;text-decoration:underline;text-underline-offset:3px}.MainSignIn_module_otherXsi__8da07a50{align-items:center;display:flex;justify-content:center;width:100%}.MainSignIn_module_xsiContent__8da07a50{margin-top:4px;width:100%}.MainSignIn_module_snsLine__8da07a50{border-top:1px solid #ddd;height:0;margin:25px 0;position:relative;width:100%}.MainSignIn_module_snsLineText__8da07a50{background-color:#fff;color:#767676;font-size:15px;left:50%;padding:0 8px;position:absolute;top:50%;transform:translate(-50%,-50%)}.MainSignIn_module_xsiTips__8da07a50{margin:15px 0 20px}.MainSignIn_module_xsiSubtitle__8da07a50{text-align:center}.MainSignIn_module_accountInput__8da07a50,.MainSignIn_module_passwordInput__8da07a50{margin-top:16px}.HistoryFreeSignIn_module_hfs__91122d59{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:var(--min-login-height);padding-bottom:50px;width:372px}.HistoryFreeSignIn_module_title__91122d59{font-size:24px;font-weight:700;height:30px;line-height:30px;text-align:center}.HistoryFreeSignIn_module_emailModule__91122d59{width:100%}.HistoryFreeSignIn_module_emailContinue__91122d59{margin-top:12px}.HistoryFreeSignIn_module_thirdModule__91122d59{margin-top:20px;width:100%}.QuickSignIn_module_quickXsi__77636c60{align-items:center;display:flex;flex-direction:column;height:var(--min-login-height);padding-bottom:50px;width:100%}.QuickSignIn_module_title__77636c60{font-size:24px;font-weight:700;height:30px;line-height:30px;text-align:center}.QuickSignIn_module_avatarCircle__77636c60{align-items:center;background-color:#ffe9e0;border:1px solid #f8f8f8;border-radius:50%;color:#f60;display:flex;font-size:40px;font-weight:700;height:88px;justify-content:center;margin:20px 0 16px;width:88px}.QuickSignIn_module_subTitle__77636c60{word-wrap:break-word;color:#222;font-size:20px;font-weight:600;line-height:1.4;margin-bottom:40px;max-width:280px;text-align:center;white-space:normal}.QuickSignIn_module_tips__77636c60{cursor:pointer;letter-spacing:-.09px}.LoginForm_module_loginForm__9ec63026{--position:relative;display:flex;height:calc(100% - 104px);justify-content:center;max-height:620px;padding:52px 64px;position:var(--position);width:var(--login-width)}.LoginForm_module_pageVariant__9ec63026{--position:static}.CheckEmail_module_commonTitle__d2b8ae6e{font-size:24px;font-weight:700;line-height:30px;min-height:30px}.CheckEmail_module_thirdLoginModule__d2b8ae6e{padding-top:28px}.CheckEmail_module_emailContinue__d2b8ae6e{font-size:16px;margin:12px 0 32px}.CheckEmail_module_thirdLogin__d2b8ae6e{margin-top:0}.VerifyCode_module_verifyCode__47c9aeed{display:flex;flex-direction:column;height:100%}.VerifyCode_module_commonTitle__47c9aeed{font-size:24px;font-weight:700;line-height:30px}.VerifyCode_module_commonDesc__47c9aeed{color:#767676;font-size:16px;line-height:20px;margin:28px 0 32px}.VerifyCode_module_commonEmail__47c9aeed{word-wrap:break-word;color:#767676;font-weight:600;white-space:pre-wrap}.VerifyCode_module_vcForm__47c9aeed{display:flex;flex:1;flex-direction:column;justify-content:space-between}.VerifyCode_module_vcResend__47c9aeed{font-size:15px;line-height:20px;margin-top:12px}.VerifyCode_module_vcResendText__47c9aeed{color:#444;cursor:pointer;font-weight:600;margin-inline-start:8px;text-decoration:underline;text-underline-offset:2px}.VerifyCode_module_vcRemindText__47c9aeed{color:#767676}.VerifyCode_module_vcContinue__47c9aeed{margin-top:auto}.VerifyCode_module_vcBack__47c9aeed{margin-top:12px}.CompleteInfo_module_commonTitle__7ef36e6d{font-size:24px;font-weight:700;line-height:30px;min-height:30px}.CompleteInfo_module_ciForm__7ef36e6d{display:flex;flex-direction:column;font-size:0;height:450px;justify-content:space-between;margin-top:12px;transform:translate()}.CompleteInfo_module_ciDemoAccount__7ef36e6d{height:0;opacity:0;overflow:hidden}.CompleteInfo_module_ciFormItem__7ef36e6d{margin-top:16px}.CompleteInfo_module_ciNameWrapper__7ef36e6d{display:flex}.CompleteInfo_module_ciNameWrapper__7ef36e6d>:not(:first-child){margin-inline-start:12px}.CompleteInfo_module_ciTerms__7ef36e6d{align-items:flex-start;color:#767676;display:flex;font-size:12px;line-height:14px;margin:16px 0}.CompleteInfo_module_ciTermsText__7ef36e6d{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;margin-inline-start:10px;overflow:hidden}.CompleteInfo_module_ciTermsText__7ef36e6d a{color:#666;text-decoration:underline;text-underline-offset:2px}.CompleteInfo_module_ciTermsText__7ef36e6d a:active,.CompleteInfo_module_ciTermsText__7ef36e6d a:hover,.CompleteInfo_module_ciTermsText__7ef36e6d a:link,.CompleteInfo_module_ciTermsText__7ef36e6d a:visited{color:#666}.rtl .icon-rtl{transform:rotate(180deg)}.Identity_module_commonTitle__cce614eb{font-size:24px;font-weight:700;line-height:30px;min-height:30px;width:300px}.Identity_module_IdentityModule__cce614eb{display:flex;flex-direction:column;height:438px;justify-content:space-between;margin-top:28px}.RegistrationForm_module_xsuRegistration__ca104af0{height:496px;width:372px}.RegistrationForm_module_registrationFade__ca104af0{height:100%;width:100%}.CoversIntro_module_coversIntro__02ab7439{align-self:flex-end;margin-bottom:52px;width:400px;z-index:1}.CoversIntro_module_coversIntroTitle__02ab7439{font-size:24px;font-weight:700;line-height:30px;margin-bottom:12px}.CoversIntro_module_coversIntroTips__02ab7439{align-items:center;display:flex;font-size:14px;font-weight:400;line-height:22px}.CoversIntro_module_coversIntroDesc__02ab7439{background-color:#fff;border-radius:50%;font-size:14px;height:4px;margin:7px;width:4px}.CoversIntro_module_buyingCoversIntro__02ab7439{align-self:flex-end;margin-bottom:52px;width:400px;z-index:1}.CoversIntro_module_buyingCoversIntroTitle__02ab7439{color:#4b1d1f;font-size:14px;font-weight:600;line-height:18px}.CoversIntro_module_buyingCoversIntroTips__02ab7439{color:#4b1d1f;font-size:24px;font-weight:600;line-height:30px;margin-top:6px}.xsu-img_loading{filter:blur(3px)}.xsu-img_loaded{filter:blur(0);transition:filter 0.5s linear}.SignUp_module_contentBox__7eaf5a4d{border-radius:6px;box-sizing:border-box;display:flex;height:var(--dialog-height);overflow:hidden;width:var(--dialog-width)}.SignUp_module_covers__7eaf5a4d{color:#fff;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:500px}.SignUp_module_coversImg__7eaf5a4d{bottom:0;left:0;position:absolute;right:0;top:0;width:500px}.SignUp_module_regContentBox__7eaf5a4d{display:flex;justify-content:center;padding:52px 64px}.SignUp_module_main__7eaf5a4d{height:calc(100% - 104px);margin:52px 0;padding:0 64px;width:calc(100% - 500px)}.index_module_xmanPlusDialog__bf513861{border-radius:16px;min-width:var(--dialog-width);overflow:hidden;transition:width 0.3s cubic-bezier(.35,0,.2,1);width:var(--dialog-width)}.index_module_animationWrapper__bf513861{display:flex;height:auto;justify-content:center;transition:transform 0.3s cubic-bezier(.35,0,.2,1);width:100%}.index_module_signUpAnimationEnter__bf513861,.index_module_xsiAnimationEnter__bf513861{opacity:0}.index_module_signUpAnimationEnterActive__bf513861,.index_module_xsiAnimationEnterActive__bf513861{opacity:1;transform:scale(1);transition:opacity 0.2s,transform 0.2s cubic-bezier(.35,0,.2,1)}.index_module_signUpAnimationExit__bf513861,.index_module_xsiAnimationExit__bf513861{opacity:1;transform:scale(1)}.index_module_signUpAnimationExitActive__bf513861,.index_module_xsiAnimationExitActive__bf513861{opacity:0;transition:opacity 0.3s,transform 0.3s cubic-bezier(.35,0,.2,1)}.module-modal{position:relative;width:400px;z-index:100}.module-modal .module-modal-content{background:linear-gradient(205.19deg,#fff 13.91%,#ffe9e0 82.29%);border-radius:24px;padding:20px}.module-modal .module-modal-close{align-items:center;display:flex;justify-content:center;margin-top:20px}.module-modal .module-modal-close .module-modal-close-icon{cursor:pointer}@keyframes modal-show{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.first-order-incentive{background-color:rgb(34 34 34 / .5);box-sizing:border-box;color:#222;position:fixed;z-index:9007}.first-order-incentive,.first-order-incentive .first-order-incentive-img{align-items:center;display:flex;height:100vh;justify-content:center;left:0;top:0;width:100vw}.first-order-incentive .first-order-incentive-img{position:absolute}.first-order-incentive .first-order-incentive-img img{position:relative;top:-65px}.first-order-incentive .first-order-main .first-order-main-container{color:#4b1d1f}.first-order-incentive .first-order-main .first-order-main-img{display:flex;justify-content:center}.first-order-incentive .first-order-main .first-order-main-img img{height:auto;width:200px}.first-order-incentive .first-order-main .first-order-main-title{font-size:24px;font-weight:700;line-height:28px;margin-top:16px;text-align:center}.first-order-incentive .first-order-main .first-order-main-content :first-of-type{margin-top:4px}.first-order-incentive .first-order-main .first-order-main-content :last-of-type{margin-top:8px}.first-order-incentive .first-order-main .first-order-main-content .first-order-main-desc{align-items:flex-start;display:flex;font-size:14px;justify-content:center;line-height:18px;margin-top:8px}.first-order-incentive .first-order-main .first-order-main-content .first-order-main-desc img{height:15px;margin:0 4px;width:auto}.first-order-incentive .first-order-main .first-order-main-content .first-order-main-subTitle{font-size:13px;line-height:16px;text-align:center}.first-order-incentive .first-order-main .first-order-main-btn{background-color:#f60;border-radius:99px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;line-height:40px;margin-top:24px;padding:0 12px;text-align:center}.first-order-incentive .first-order-main .first-order-main-time{color:#767676;font-size:11px;line-height:13px;margin-top:12px;text-align:center}
</style>
<style id="custom-overrides"></style>
</head>
<body class="details-page unite english sticky" data-pdp="true" data-spm="details"
__processed_2b8b0a7e-c00c-47ec-be77-41e7583095b3__="true"
bis_register="W3sibWFzdGVyIjp0cnVlLCJleHRlbnNpb25JZCI6ImVwcGlvY2VtaG1ubGJoanBsY2drb2ZjaWllZ29tY29uIiwiYWRibG9ja2VyU3RhdHVzIjp7IkRJU1BMQVkiOiJkaXNhYmxlZCIsIkZBQ0VCT09LIjoiZGlzYWJsZWQiLCJUV0lUVEVSIjoiZGlzYWJsZWQiLCJSRURESVQiOiJkaXNhYmxlZCIsIlBJTlRFUkVTVCI6ImRpc2FibGVkIiwiSU5TVEFHUkFNIjoiZGlzYWJsZWQiLCJUSUtUT0siOiJkaXNhYmxlZCIsIkxJTktFRElOIjoiZGlzYWJsZWQiLCJDT05GSUciOiJkaXNhYmxlZCJ9LCJ2ZXJzaW9uIjoiMi4wLjMzIiwic2NvcmUiOjIwMDMzfV0=">
<svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden">
<symbol id="icon-search1" viewBox="0 0 1024 1024">
<path
d="M952 896L747.008 691.008Q833.024 584.992 833.024 448q0-159.008-112.512-271.488T448.512 64t-272 112.512T64 448.512t112.512 272T448 833.024q136.992 0 242.016-84.992l204.992 204q12 12 28.512 12t28-11.488 11.488-28T952 896.032zM570.016 736Q512 760.992 448 760.992q-63.008 0-120.992-24.992-56-23.008-100-66.016-43.008-44-67.008-100-24-58.016-24-122.016 0-63.008 24-120.992 24-56 67.008-99.008 44-44 100-68 58.016-24 120.992-24 64 0 122.016 24 56 24 99.488 67.488T736 326.944q24.992 58.016 24.992 122.016 0 63.008-24.992 120.992-23.008 56-66.016 100-44 43.008-100 66.016z">
</path>
</symbol>
<symbol id="icon-search" viewBox="0 0 1024 1024">
<path
d="M670.848 712.32a330.666667 330.666667 0 1 1 41.472-41.472l183.082667 183.04-41.472 41.514667-183.082667-183.082667z m59.818667-253.653333a272 272 0 1 0-544 0 272 272 0 0 0 544 0z"
fill="#FFFFFF"></path>
</symbol>
<symbol id="icon-info" viewBox="0 0 1024 1024">
<path
d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m36.571429 268.190476v292.571428h-73.142858V438.857143h73.142858z m0-121.904762v73.142857h-73.142858v-73.142857h73.142858z">
</path>
</symbol>
<symbol id="icon-success-fill" viewBox="0 0 1024 1024">
<path
d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m193.194667 218.331428L447.21981 581.315048l-103.936-107.812572-52.662858 50.761143 156.379429 162.230857 310.662095-319.683047-52.467809-50.956191z">
</path>
</symbol>
<symbol id="icon-success" viewBox="0 0 1024 1024">
<path
d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m193.194667 145.188571l52.467809 50.956191-310.662095 319.683047-156.379429-162.230857 52.662858-50.761143 103.936 107.812572 257.974857-265.45981z">
</path>
</symbol>
<symbol id="icon-warning" viewBox="0 0 1024 1024">
<path
d="M545.718857 130.608762c11.337143 6.265905 20.699429 15.555048 26.989714 26.819048l345.014858 617.667047a68.87619 68.87619 0 0 1-26.989715 93.915429c-10.313143 5.705143-21.942857 8.704-33.718857 8.704H166.985143A69.266286 69.266286 0 0 1 97.52381 808.643048c0-11.751619 2.998857-23.28381 8.752761-33.548191l344.990477-617.642667a69.656381 69.656381 0 0 1 94.451809-26.819047zM512 191.000381L166.985143 808.643048H856.990476L512 191.000381zM546.718476 670.47619v69.071239h-69.461333V670.47619h69.485714z m0-298.374095v252.318476h-69.461333V372.102095h69.485714z">
</path>
</symbol>
<symbol id="icon-loading" viewBox="0 0 1024 1024">
<path
d="M475.428571 97.52381h73.142858v219.428571h-73.142858z m0 609.523809h73.142858v219.428571h-73.142858zM926.47619 475.428571v73.142858h-219.428571v-73.142858z m-609.523809 0v73.142858H97.52381v-73.142858zM779.215238 193.072762l51.712 51.687619-155.136 155.184762-51.736381-51.736381zM348.208762 624.054857l51.736381 51.736381-155.160381 155.136-51.712-51.687619zM193.097143 244.784762l51.687619-51.712 155.184762 155.136-51.736381 51.736381z m430.982095 431.006476l51.736381-51.736381 155.136 155.160381-51.687619 51.712z">
</path>
</symbol>
<symbol id="icon-quotation-marks" viewBox="0 0 1365 1024">
<path
d="M326.109867 1005.294933c-89.258667 0-161.621333-31.368533-217.088-94.071466-53.077333-65.1264-79.598933-149.538133-79.598934-253.269334 0-135.0656 39.799467-260.5056 119.3984-376.285866C228.420267 163.464533 327.338667 75.434667 445.508267 17.544533l21.7088 43.4176c-50.653867 38.570667-95.266133 88.064-133.870934 148.343467-38.570667 60.3136-66.321067 135.0656-83.217066 224.324267l75.9808 18.090666c84.411733 19.285333 149.538133 55.466667 195.3792 108.544 48.2304 50.653867 72.362667 112.162133 72.362666 184.5248 0 77.175467-26.5216 139.912533-79.598933 188.142934-50.653867 48.2304-113.3568 72.362667-188.142933 72.362666z m763.426133 0c-89.258667 0-161.621333-31.368533-217.088-94.071466-53.077333-65.1264-79.598933-149.538133-79.598933-253.269334 0-135.0656 39.799467-260.5056 119.3984-376.285866 79.598933-118.203733 178.517333-206.2336 296.686933-264.123734l21.7088 43.4176c-50.653867 38.570667-95.266133 88.064-133.870933 148.343467-38.570667 60.3136-66.321067 135.0656-83.217067 224.324267l75.9808 18.090666c84.411733 19.285333 149.538133 55.466667 195.3792 108.544 48.2304 50.653867 72.362667 112.162133 72.362667 184.5248 0 77.175467-26.5216 139.912533-79.598934 188.142934-50.653867 48.2304-113.3568 72.362667-188.142933 72.362666z">
</path>
</symbol>
<symbol id="icon-error" viewBox="0 0 1024 1024">
<path
d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m129.29219 160.304762l51.736381 51.736381L563.687619 512l129.316571 129.29219-51.73638 51.736381L512 563.687619l-129.29219 129.316571-51.736381-51.73638L460.312381 512l-129.316571-129.26781 51.73638-51.73638L512 460.263619l129.26781-129.29219z">
</path>
</symbol>
<symbol id="icon-selected" viewBox="0 0 1024 1024">
<path
d="M196.510476 491.739429l-51.687619 51.785142 240.103619 239.445334 494.128762-488.789334-51.443809-51.98019-442.465524 437.686857z">
</path>
</symbol>
<symbol id="icon-business-icon-trade-assurance" viewBox="0 0 1024 1024">
<path
d="M523.751619 111.030857l84.772571 14.140953a48.761905 48.761905 0 0 1 40.716191 48.079238v73.971809h47.396571V210.017524a48.761905 48.761905 0 0 1 59.392-47.591619l88.868572 19.846095A73.142857 73.142857 0 0 1 902.095238 253.659429v440.32a73.142857 73.142857 0 0 1-45.348571 67.681523L542.232381 890.758095a73.142857 73.142857 0 0 1-55.222857 0.146286L167.594667 761.539048A73.142857 73.142857 0 0 1 121.904762 693.76V253.830095a73.142857 73.142857 0 0 1 57.441524-71.43619l91.964952-20.236191a48.761905 48.761905 0 0 1 59.245714 47.616v37.424762h44.617143V173.202286a48.761905 48.761905 0 0 1 40.69181-48.079238l83.72419-14.092191a73.142857 73.142857 0 0 1 24.137143 0z m-12.04419 72.143238l-63.390477 10.654476v126.537143h-190.902857V240.152381L195.047619 253.830095v439.881143l319.439238 129.365333L828.952381 694.00381V253.659429l-59.172571-13.214477v79.920762H576.121905V193.901714l-64.414476-10.727619z m35.742476 178.956191v36.132571c11.849143 2.876952 22.064762 7.43619 30.573714 13.750857 10.654476 7.899429 20.431238 19.577905 29.549714 34.962286l6.509715 11.02019-57.514667 30.281143-5.851429-10.093714c-8.728381-14.969905-18.968381-21.699048-31.768381-21.699048-7.996952 0-14.165333 2.072381-18.944 6.144a16.237714 16.237714 0 0 0-6.363428 13.238858c0 4.87619 1.536 8.484571 4.827428 11.580952 3.82781 3.632762 12.604952 8.606476 26.014477 14.555429l12.117333 5.266285c12.092952 5.412571 22.25981 10.48381 30.671238 15.36 10.630095 6.192762 18.797714 12.263619 24.405333 18.236953 16.11581 16.384 24.30781 36.498286 24.30781 59.684571 0 22.454857-7.289905 42.569143-21.601524 59.733333a101.083429 101.083429 0 0 1-46.811428 31.524572v38.912h-56.612572v-36.888381c-21.430857-4.632381-38.546286-12.8-51.175619-24.697905-14.531048-13.702095-24.892952-34.133333-31.427048-61.098667l-2.974476-12.361142 63.634286-12.507429 3.267048 10.386286c4.949333 15.725714 10.776381 26.550857 16.579047 32.036571 5.948952 5.12 14.214095 7.801905 25.33181 7.801905 10.556952 0 18.870857-3.023238 25.648762-9.142857 6.339048-5.753905 9.411048-12.921905 9.411047-22.332953 0-8.143238-2.389333-14.06781-7.094857-18.432a92.891429 92.891429 0 0 0-14.799238-9.898666c-5.558857-3.169524-12.483048-6.631619-20.72381-10.337524l-12.580571-5.485714c-21.967238-9.752381-36.815238-18.919619-44.81219-27.916191a75.751619 75.751619 0 0 1-21.211429-53.613714c0-9.801143 1.706667-19.065905 5.12-27.794286 3.413333-8.508952 8.240762-16.213333 14.57981-23.210667 6.217143-6.753524 13.824-12.604952 22.771809-17.578666 4.632381-2.535619 9.630476-4.778667 14.921143-6.729143l5.436952-1.852952v-36.937143h56.56381z">
</path>
</symbol>
<symbol id="icon-logistics-ocean-shipping-fill" viewBox="0 0 1024 1024">
<path
d="M602.697143 818.785524a286.622476 286.622476 0 0 1 220.842667-8.167619l92.964571 34.864762-25.673143 68.486095-92.964571-34.864762a213.479619 213.479619 0 0 0-170.422857 8.94781l-7.704381 3.705904a267.605333 267.605333 0 0 1-220.647619 1.462857l-10.093715-4.461714a238.494476 238.494476 0 0 0-190.805333-1.267809l-60.318476 25.843809-28.818286-67.218286 60.318476-25.843809a311.637333 311.637333 0 0 1 249.319619 1.657905l10.093715 4.461714a194.462476 194.462476 0 0 0 165.936761-3.754667zM585.142857 121.904762a73.142857 73.142857 0 0 1 73.142857 73.142857v73.142857h73.142857a73.142857 73.142857 0 0 1 73.142858 73.142857v182.832762l32.743619 12.312381a73.142857 73.142857 0 0 1 44.129523 90.307048L853.333333 716.629333a222.183619 222.183619 0 0 1-21.674666 48.274286l-8.118857-3.047619a286.622476 286.622476 0 0 0-220.842667 8.167619l-7.972572 3.852191a194.462476 194.462476 0 0 1-165.936761 3.754666l-10.093715-4.461714a311.637333 311.637333 0 0 0-227.401143-10.093714A220.818286 220.818286 0 0 1 170.666667 716.629333l-28.111238-89.843809a73.142857 73.142857 0 0 1 44.129523-90.307048L219.428571 524.166095V341.333333a73.142857 73.142857 0 0 1 73.142858-73.142857h73.142857V195.047619a73.142857 73.142857 0 0 1 73.142857-73.142857h146.285714z m146.285714 219.428571H292.571429v155.428572L512 414.47619l219.428571 82.285715V341.333333z m-146.285714-146.285714h-146.285714v73.142857h146.285714V195.047619z">
</path>
</symbol>
<symbol id="icon-close" viewBox="0 0 1024 1024">
<path
d="M801.645714 170.666667l51.833905 51.590095L565.150476 511.951238l288.353524 289.670095-51.833905 51.614477-288.109714-289.450667L225.426286 853.23581 173.592381 801.621333l288.329143-289.670095L173.592381 222.256762 225.426286 170.666667l288.109714 289.426285L801.645714 170.666667z">
</path>
</symbol>
<symbol id="icon-coupon" viewBox="0 0 1024 1024">
<path
d="M96.768 618.617905c57.222095 0 103.619048-46.713905 103.619048-104.326095 0-57.10019-45.592381-103.472762-102.107429-104.301715V243.809524a73.142857 73.142857 0 0 1 73.142857-73.142857h682.666667a73.142857 73.142857 0 0 1 73.142857 73.142857v166.229333l-3.486476 0.073143c-54.905905 2.633143-98.596571 48.274286-98.596572 104.17981 0 57.10019 45.543619 103.497143 102.058667 104.326095L927.232 780.190476a73.142857 73.142857 0 0 1-73.142857 73.142857h-682.666667a73.142857 73.142857 0 0 1-73.142857-73.142857v-161.596952l-1.511619 0.024381z m74.654476 56.563809V780.190476h682.666667v-104.984381a177.566476 177.566476 0 0 1-102.083048-160.914285 176.956952 176.956952 0 0 1 102.083048-160.49981V243.809524h-682.666667v109.592381a177.566476 177.566476 0 0 1 102.107429 160.914285 177.566476 177.566476 0 0 1-96.304762 158.037334l-5.802667 2.852571z m195.047619-65.657904h77.726476v97.523809H366.445714v-97.523809z m0-146.285715h77.726476v97.52381H366.445714v-97.52381z m0-146.285714h77.726476v97.523809H366.445714v-97.523809z">
</path>
</symbol>
<symbol id="icon-discount" viewBox="0 0 1024 1024">
<path
d="M613.64419 80.822857L866.011429 108.032a73.142857 73.142857 0 0 1 64.902095 64.877714l27.184762 252.391619a73.142857 73.142857 0 0 1-20.992 59.538286L512.707048 909.238857a73.142857 73.142857 0 0 1-103.448381 0L129.706667 629.662476a73.142857 73.142857 0 0 1 0-103.424L554.081524 101.839238a73.142857 73.142857 0 0 1 59.562666-21.016381z m-7.826285 72.728381L181.394286 577.950476l279.576381 279.576381 424.399238-424.399238-27.209143-252.367238-252.367238-27.209143zM674.279619 243.809524a109.714286 109.714286 0 1 1 0 219.428571 109.714286 109.714286 0 0 1 0-219.428571z m0 73.142857a36.571429 36.571429 0 1 0 0 73.142857 36.571429 36.571429 0 0 0 0-73.142857z">
</path>
</symbol>
<symbol id="icon-time" viewBox="0 0 1024 1024">
<path
d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m36.571429 89.697523v229.86362h160.865523v73.142857H512a36.571429 36.571429 0 0 1-36.571429-36.571429V260.388571h73.142858z">
</path>
</symbol>
<symbol id="icon-calendar" viewBox="0 0 1024 1024">
<path
d="M195.047619 170.666667h65.950476v73.118476L195.047619 243.809524v121.904762h633.904762v-121.904762h-63.122286V170.666667H828.952381a73.142857 73.142857 0 0 1 73.142857 73.142857v585.142857a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V243.809524a73.142857 73.142857 0 0 1 73.142857-73.142857z m633.904762 268.190476H195.047619v390.095238h633.904762V438.857143z m-438.857143 219.428571v73.142857h-121.904762v-73.142857h121.904762z m182.857143 0v73.142857h-121.904762v-73.142857h121.904762z m182.857143 0v73.142857h-121.904762v-73.142857h121.904762z m-365.714286-146.285714v73.142857h-121.904762v-73.142857h121.904762z m182.857143 0v73.142857h-121.904762v-73.142857h121.904762z m182.857143 0v73.142857h-121.904762v-73.142857h121.904762zM724.260571 121.904762v121.904762h-73.167238V121.904762h73.142857z m-119.05219 48.761905v73.142857l-183.564191-0.024381V170.666667h183.564191z m-225.158095-48.761905v121.904762h-73.142857V121.904762h73.142857z">
</path>
</symbol>
<symbol id="icon-left" viewBox="0 0 1024 1024">
<path
d="M659.748571 245.272381l-51.687619-51.687619-318.439619 318.585905 318.415238 318.268952 51.712-51.736381-266.703238-266.556952z">
</path>
</symbol>
<symbol id="icon-lock" viewBox="0 0 1024 1024">
<path
d="M512.804571 73.142857a207.238095 207.238095 0 0 1 207.238096 207.238095l-0.024381 60.952381H828.952381a73.142857 73.142857 0 0 1 73.142857 73.142857v438.857143a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h110.494476v-60.952381a207.238095 207.238095 0 0 1 207.238095-207.238095zM828.952381 414.47619H195.047619v438.857143h633.904762V414.47619z m-273.383619 121.904762v195.047619h-73.142857v-195.047619h73.142857zM512.804571 146.285714a134.095238 134.095238 0 0 0-134.095238 134.095238V341.333333h268.190477v-60.952381a134.095238 134.095238 0 0 0-134.095239-134.095238z">
</path>
</symbol>
<symbol id="icon-right" viewBox="0 0 1024 1024">
<path
d="M605.086476 512.146286L338.358857 245.272381l51.760762-51.687619 318.415238 318.585905L390.095238 830.415238l-51.687619-51.736381z">
</path>
</symbol>
<symbol id="icon-customer-service" viewBox="0 0 1024 1024">
<path
d="M696.222476 399.969524h89.965714c-17.017905-132.632381-133.290667-235.227429-274.18819-235.227429-140.921905 0-257.170286 102.619429-274.18819 235.227429h89.965714v302.470095H195.047619a97.52381 97.52381 0 0 1-97.523809-97.523809v-107.422477a97.572571 97.572571 0 0 1 69.363809-93.379047l1.048381-0.292572C183.417905 232.17981 331.53219 97.52381 512 97.52381c180.443429 0 328.582095 134.631619 344.064 306.297904l1.048381 0.292572A97.572571 97.572571 0 0 1 926.47619 497.493333v107.422477a97.52381 97.52381 0 0 1-97.523809 97.523809l-63.683048-0.024381v46.153143a121.953524 121.953524 0 0 1-84.992 116.224A89.721905 89.721905 0 0 1 595.090286 926.47619h-131.632762a89.624381 89.624381 0 0 1 0-179.22438h131.632762c30.915048 0 58.172952 15.652571 74.264381 39.44838a72.850286 72.850286 0 0 0 26.721523-52.297142l0.146286-4.291048v-330.118095zM595.090286 820.419048h-131.632762a16.481524 16.481524 0 0 0 0 32.938666h131.632762a16.481524 16.481524 0 0 0 0-32.938666zM254.634667 473.112381H195.047619a24.380952 24.380952 0 0 0-24.380952 24.380952v107.422477a24.380952 24.380952 0 0 0 24.380952 24.380952h59.587048v-156.184381z m574.317714 0h-59.587048v156.184381H828.952381a24.380952 24.380952 0 0 0 24.380952-24.380952v-107.422477a24.380952 24.380952 0 0 0-24.380952-24.380952z">
</path>
</symbol>
</svg>
<svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden">
<symbol id="icon-loading" viewBox="0 0 1024 1024">
<path
d="M475.428571 97.52381h73.142858v219.428571h-73.142858z m0 609.523809h73.142858v219.428571h-73.142858zM926.47619 475.428571v73.142858h-219.428571v-73.142858z m-609.523809 0v73.142858H97.52381v-73.142858zM779.215238 193.072762l51.712 51.687619-155.136 155.184762-51.736381-51.736381zM348.208762 624.054857l51.736381 51.736381-155.160381 155.136-51.712-51.687619zM193.097143 244.784762l51.687619-51.712 155.184762 155.136-51.736381 51.736381z m430.982095 431.006476l51.736381-51.736381 155.136 155.160381-51.687619 51.712z">
</path>
</symbol>
<symbol id="icon-success" viewBox="0 0 1024 1024">
<path
d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m193.194667 145.188571l52.467809 50.956191-310.662095 319.683047-156.379429-162.230857 52.662858-50.761143 103.936 107.812572 257.974857-265.45981z">
</path>
</symbol>
<symbol id="icon-warning" viewBox="0 0 1024 1024">
<path
d="M545.718857 130.608762c11.337143 6.265905 20.699429 15.555048 26.989714 26.819048l345.014858 617.667047a68.87619 68.87619 0 0 1-26.989715 93.915429c-10.313143 5.705143-21.942857 8.704-33.718857 8.704H166.985143A69.266286 69.266286 0 0 1 97.52381 808.643048c0-11.751619 2.998857-23.28381 8.752761-33.548191l344.990477-617.642667a69.656381 69.656381 0 0 1 94.451809-26.819047zM512 191.000381L166.985143 808.643048H856.990476L512 191.000381zM546.718476 670.47619v69.071239h-69.461333V670.47619h69.485714z m0-298.374095v252.318476h-69.461333V372.102095h69.485714z">
</path>
</symbol>
<symbol id="icon-clear" viewBox="0 0 1025 1024">
<path
d="M513.024 1024C230.254592 1024 1.024 794.769408 1.024 512S230.254592 0 513.024 0s512 229.230592 512 512-229.230592 512-512 512z m0-589.579264l-168.0896-168.0896-77.579264 77.579264L435.444736 512l-168.0896 168.0896 77.579264 77.579264L513.024 589.579264l168.0896 168.0896 77.579264-77.579264L590.603264 512l168.0896-168.0896-77.579264-77.579264L513.024 434.420736z"
fill="#333333"></path>
</symbol>
<symbol id="icon-view" viewBox="0 0 1024 1024">
<path
d="M512 195.047619c150.79619 0 288.280381 92.013714 412.42819 276.041143a73.142857 73.142857 0 0 1 2.755048 77.385143l-2.755048 4.437333-6.92419 10.118095C795.184762 740.303238 659.992381 828.952381 512 828.952381c-150.79619 0-288.280381-92.013714-412.42819-276.041143a73.142857 73.142857 0 0 1-2.755048-77.385143l2.755048-4.437333 6.92419-10.118095C228.815238 283.696762 364.007619 195.047619 512 195.047619z m0 73.142857c-120.880762 0-235.471238 75.142095-345.088 234.008381L160.207238 512l6.729143 9.825524C276.650667 680.740571 391.216762 755.809524 512 755.809524c120.880762 0 235.471238-75.142095 345.088-234.008381l6.704762-9.801143-6.729143-9.825524C747.349333 343.259429 632.783238 268.190476 512 268.190476z m0 88.551619a161.694476 161.694476 0 1 1 0 323.364572 161.694476 161.694476 0 0 1 0-323.364572z m0 73.142857a88.551619 88.551619 0 1 0 0 177.078858 88.551619 88.551619 0 0 0 0-177.078858z">
</path>
</symbol>
<symbol id="icon-eye-close" viewBox="0 0 1024 1024">
<path
d="M942.3 486.4l-0.1-0.1-0.1-0.1c-36.4-76.7-80-138.7-130.7-186L760.7 351c43.7 40.2 81.5 93.7 114.1 160.9C791.5 684.2 673.4 766 512 766c-51.3 0-98.3-8.3-141.2-25.1l-54.7 54.7C374.6 823.8 439.8 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0.1-51.3zM878.3 154.2l-42.4-42.4c-3.1-3.1-8.2-3.1-11.3 0L707.8 228.5C649.4 200.2 584.2 186 512 186c-192.2 0-335.4 100.5-430.2 300.3v0.1c-7.7 16.2-7.7 35.2 0 51.5 36.4 76.7 80 138.7 130.7 186.1L111.8 824.5c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4c3.1 3.1 8.2 3.1 11.3 0l712.8-712.8c3.1-3 3.1-8.1 0-11.2zM398.9 537.4c-1.9-8.2-2.9-16.7-2.9-25.4 0-61.9 50.1-112 112-112 8.7 0 17.3 1 25.4 2.9L398.9 537.4z m184.5-184.5C560.5 342.1 535 336 508 336c-97.2 0-176 78.8-176 176 0 27 6.1 52.5 16.9 75.4L263.3 673c-43.7-40.2-81.5-93.7-114.1-160.9C232.6 339.8 350.7 258 512 258c51.3 0 98.3 8.3 141.2 25.1l-69.8 69.8z">
</path>
<path
d="M508 624c-6.4 0-12.7-0.5-18.8-1.6l-51.1 51.1c21.4 9.3 45.1 14.4 69.9 14.4 97.2 0 176-78.8 176-176 0-24.8-5.1-48.5-14.4-69.9l-51.1 51.1c1 6.1 1.6 12.4 1.6 18.8C620 573.9 569.9 624 508 624z">
</path>
</symbol>
<symbol id="icon-down" viewBox="0 0 1024 1024">
<path
d="M512.146286 619.52L245.296762 352.792381 193.584762 404.48l318.585905 318.415238 318.268952-318.415238-51.736381-51.687619z">
</path>
</symbol>
<symbol id="icon-close" viewBox="0 0 1024 1024">
<path
d="M801.645714 170.666667l51.833905 51.590095L565.150476 511.951238l288.353524 289.670095-51.833905 51.614477-288.109714-289.450667L225.426286 853.23581 173.592381 801.621333l288.329143-289.670095L173.592381 222.256762 225.426286 170.666667l288.109714 289.426285L801.645714 170.666667z">
</path>
</symbol>
</svg>
<svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden">
<symbol id="icon-loading" viewBox="0 0 1024 1024">
<path
d="M475.428571 97.52381h73.142858v219.428571h-73.142858z m0 609.523809h73.142858v219.428571h-73.142858zM926.47619 475.428571v73.142858h-219.428571v-73.142858z m-609.523809 0v73.142858H97.52381v-73.142858zM779.215238 193.072762l51.712 51.687619-155.136 155.184762-51.736381-51.736381zM348.208762 624.054857l51.736381 51.736381-155.160381 155.136-51.712-51.687619zM193.097143 244.784762l51.687619-51.712 155.184762 155.136-51.736381 51.736381z m430.982095 431.006476l51.736381-51.736381 155.136 155.160381-51.687619 51.712z">
</path>
</symbol>
<symbol id="icon-success" viewBox="0 0 1024 1024">
<path
d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m193.194667 145.188571l52.467809 50.956191-310.662095 319.683047-156.379429-162.230857 52.662858-50.761143 103.936 107.812572 257.974857-265.45981z">
</path>
</symbol>
<symbol id="icon-warning" viewBox="0 0 1024 1024">
<path
d="M545.718857 130.608762c11.337143 6.265905 20.699429 15.555048 26.989714 26.819048l345.014858 617.667047a68.87619 68.87619 0 0 1-26.989715 93.915429c-10.313143 5.705143-21.942857 8.704-33.718857 8.704H166.985143A69.266286 69.266286 0 0 1 97.52381 808.643048c0-11.751619 2.998857-23.28381 8.752761-33.548191l344.990477-617.642667a69.656381 69.656381 0 0 1 94.451809-26.819047zM512 191.000381L166.985143 808.643048H856.990476L512 191.000381zM546.718476 670.47619v69.071239h-69.461333V670.47619h69.485714z m0-298.374095v252.318476h-69.461333V372.102095h69.485714z">
</path>
</symbol>
<symbol id="icon-clear" viewBox="0 0 1025 1024">
<path
d="M513.024 1024C230.254592 1024 1.024 794.769408 1.024 512S230.254592 0 513.024 0s512 229.230592 512 512-229.230592 512-512 512z m0-589.579264l-168.0896-168.0896-77.579264 77.579264L435.444736 512l-168.0896 168.0896 77.579264 77.579264L513.024 589.579264l168.0896 168.0896 77.579264-77.579264L590.603264 512l168.0896-168.0896-77.579264-77.579264L513.024 434.420736z"
fill="#333333"></path>
</symbol>
<symbol id="icon-view" viewBox="0 0 1024 1024">
<path
d="M512 195.047619c150.79619 0 288.280381 92.013714 412.42819 276.041143a73.142857 73.142857 0 0 1 2.755048 77.385143l-2.755048 4.437333-6.92419 10.118095C795.184762 740.303238 659.992381 828.952381 512 828.952381c-150.79619 0-288.280381-92.013714-412.42819-276.041143a73.142857 73.142857 0 0 1-2.755048-77.385143l2.755048-4.437333 6.92419-10.118095C228.815238 283.696762 364.007619 195.047619 512 195.047619z m0 73.142857c-120.880762 0-235.471238 75.142095-345.088 234.008381L160.207238 512l6.729143 9.825524C276.650667 680.740571 391.216762 755.809524 512 755.809524c120.880762 0 235.471238-75.142095 345.088-234.008381l6.704762-9.801143-6.729143-9.825524C747.349333 343.259429 632.783238 268.190476 512 268.190476z m0 88.551619a161.694476 161.694476 0 1 1 0 323.364572 161.694476 161.694476 0 0 1 0-323.364572z m0 73.142857a88.551619 88.551619 0 1 0 0 177.078858 88.551619 88.551619 0 0 0 0-177.078858z">
</path>
</symbol>
<symbol id="icon-eye-close" viewBox="0 0 1024 1024">
<path
d="M942.3 486.4l-0.1-0.1-0.1-0.1c-36.4-76.7-80-138.7-130.7-186L760.7 351c43.7 40.2 81.5 93.7 114.1 160.9C791.5 684.2 673.4 766 512 766c-51.3 0-98.3-8.3-141.2-25.1l-54.7 54.7C374.6 823.8 439.8 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0.1-51.3zM878.3 154.2l-42.4-42.4c-3.1-3.1-8.2-3.1-11.3 0L707.8 228.5C649.4 200.2 584.2 186 512 186c-192.2 0-335.4 100.5-430.2 300.3v0.1c-7.7 16.2-7.7 35.2 0 51.5 36.4 76.7 80 138.7 130.7 186.1L111.8 824.5c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4c3.1 3.1 8.2 3.1 11.3 0l712.8-712.8c3.1-3 3.1-8.1 0-11.2zM398.9 537.4c-1.9-8.2-2.9-16.7-2.9-25.4 0-61.9 50.1-112 112-112 8.7 0 17.3 1 25.4 2.9L398.9 537.4z m184.5-184.5C560.5 342.1 535 336 508 336c-97.2 0-176 78.8-176 176 0 27 6.1 52.5 16.9 75.4L263.3 673c-43.7-40.2-81.5-93.7-114.1-160.9C232.6 339.8 350.7 258 512 258c51.3 0 98.3 8.3 141.2 25.1l-69.8 69.8z">
</path>
<path
d="M508 624c-6.4 0-12.7-0.5-18.8-1.6l-51.1 51.1c21.4 9.3 45.1 14.4 69.9 14.4 97.2 0 176-78.8 176-176 0-24.8-5.1-48.5-14.4-69.9l-51.1 51.1c1 6.1 1.6 12.4 1.6 18.8C620 573.9 569.9 624 508 624z">
</path>
</symbol>
<symbol id="icon-down" viewBox="0 0 1024 1024">
<path
d="M512.146286 619.52L245.296762 352.792381 193.584762 404.48l318.585905 318.415238 318.268952-318.415238-51.736381-51.687619z">
</path>
</symbol>
<symbol id="icon-close" viewBox="0 0 1024 1024">
<path
d="M801.645714 170.666667l51.833905 51.590095L565.150476 511.951238l288.353524 289.670095-51.833905 51.614477-288.109714-289.450667L225.426286 853.23581 173.592381 801.621333l288.329143-289.670095L173.592381 222.256762 225.426286 170.666667l288.109714 289.426285L801.645714 170.666667z">
</path>
</symbol>
</svg>
<svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden">
<symbol id="icon-play-fill" viewBox="0 0 1024 1024">
<path
d="M512 917.333333c223.865905 0 405.333333-181.467429 405.333333-405.333333S735.865905 106.666667 512 106.666667 106.666667 288.134095 106.666667 512 288.134095 917.333333 512 917.333333z m-58.660571-248.295619a32.01219 32.01219 0 0 1-48.006096-27.721143V382.683429a32.01219 32.01219 0 0 1 48.006096-27.721143l223.987809 129.316571a32.01219 32.01219 0 0 1 0 55.442286l-223.987809 129.316571z">
</path>
</symbol>
<symbol id="icon-rating-star-fill" viewBox="0 0 1024 1024">
<path
d="M483.157333 123.977143c11.629714-24.185905 46.055619-24.185905 57.685334 0l109.592381 227.961905 246.759619 36.790857c25.990095 3.876571 36.498286 35.693714 17.92 54.272l-179.126857 179.2 42.105904 251.977143c4.388571 26.258286-23.332571 46.08-46.762666 33.450666L512 789.26019l-219.355429 118.369524c-23.405714 12.629333-51.151238-7.192381-46.762666-33.450666l42.105905-251.977143-179.102477-179.2c-18.578286-18.578286-8.094476-50.395429 17.895619-54.272l246.784-36.815238 109.592381-227.937524z">
</path>
</symbol>
<symbol id="icon-go-top" viewBox="0 0 1024 1024">
<path
d="M896 170.666667H128v58.666666h768V170.666667z m-384 129.194666l20.736 20.736 277.333333 277.333334-41.472 41.472L541.333333 412.16V896h-58.666666V412.16L255.402667 639.402667l-41.472-41.472 277.333333-277.333334 20.736-20.757333z">
</path>
</symbol>
<symbol id="icon-guaranteed-bg-graphics" viewBox="0 0 1024 1024">
<path
d="M512 0C229.2224 0 0 229.2224 0 512s229.2224 512 512 512 512-229.2224 512-512S794.7776 0 512 0z m0 972.8c-254.4896 0-460.8-206.3104-460.8-460.8S257.5104 51.2 512 51.2s460.8 206.3104 460.8 460.8-206.3104 460.8-460.8 460.8z m-25.6-204.8a25.6 25.6 0 0 1-51.2 0 25.6 25.6 0 1 0-51.2 0 76.8 76.8 0 1 0 153.6 0v-230.4h-51.2v230.4z m51.2-536.2944V204.8a25.6 25.6 0 1 0-51.2 0v26.9056C314.5984 244.8128 179.2 388.0448 179.2 563.2h51.2a76.8 76.8 0 1 1 153.6 0h51.2a76.8 76.8 0 1 1 153.6 0h51.2a76.8 76.8 0 0 1 153.6 0h51.2c0-175.1552-135.3984-318.3872-307.2-331.4944zM716.8 435.2c-42.0608 0-79.0528 20.5824-102.4 51.8912C591.0528 455.7824 554.0608 435.2 512 435.2c-42.0608 0-79.0528 20.5824-102.4 51.8912C386.2528 455.7824 349.2608 435.2 307.2 435.2c-18.1248 0-35.328 3.8656-50.944 10.6752C300.7744 349.0048 398.4128 281.6 512 281.6s211.2256 67.4048 255.744 164.2752A127.104 127.104 0 0 0 716.8 435.2z"
fill="#4B1D1F"></path>
</symbol>
<symbol id="icon-time-history" viewBox="0 0 1024 1024">
<path
d="M512 109.714286c222.183619 0 402.285714 180.102095 402.285714 402.285714S734.183619 914.285714 512 914.285714l-2.901333-0.121904c-104.545524-8.313905-189.415619-43.52-253.074286-105.130667L256 889.904762h-73.142857V658.285714H390.095238v73.142857h-106.105905c52.857905 65.048381 128.560762 101.400381 229.449143 109.714286l7.631238-0.121905C698.660571 836.217905 841.142857 690.736762 841.142857 512c0-181.784381-147.358476-329.142857-329.142857-329.142857S182.857143 330.215619 182.857143 512h-73.142857c0-222.183619 180.102095-402.285714 402.285714-402.285714zM463.238095 292.571429h73.142857v182.857142h182.857143v73.142858H463.238095V292.571429z">
</path>
</symbol>
<symbol id="icon-survey" viewBox="0 0 1024 1024">
<path
d="M876.324571 486.058667l51.541334 51.882666-368.323048 365.714286-16.749714-16.871619 16.847238 17.017905h-51.44381v-51.858286l368.152381-365.884952zM780.190476 121.904762a73.142857 73.142857 0 0 1 73.142857 73.142857v219.428571l-73.142857 73.142858V195.047619H243.809524v633.904762h195.047619l-73.142857 73.142857h-121.904762a73.142857 73.142857 0 0 1-73.142857-73.142857V195.047619a73.142857 73.142857 0 0 1 73.142857-73.142857h536.380952z m-226.352762 512v73.142857h-77.06819l-0.024381-73.142857h77.092571z m-4.534857-361.520762c49.785905 10.020571 108.982857 57.490286 108.982857 126.561524 0 69.071238-56.417524 95.232-76.629333 108.153905-20.23619 12.921905-27.794286 27.843048-27.794286 43.739428L553.813333 585.142857h-77.092571v-62.390857c0-24.283429 7.826286-41.276952 29.647238-56.32l4.559238-2.998857 43.300572-28.818286c27.623619-18.602667 27.233524-55.905524 10.142476-72.411428a77.628952 77.628952 0 0 0-67.925334-17.408c-48.176762 9.45981-53.638095 43.52-53.930666 76.483047v18.383238H365.714286c0-64.073143 7.338667-93.110857 41.545143-129.80419 38.278095-41.008762 92.233143-47.567238 142.043428-37.473524z">
</path>
</symbol>
<symbol id="icon-industry-hardware-tools" viewBox="0 0 1024 1024">
<path
d="M554.666667 256v149.333333l11.264 11.264 85.333333-85.333333-32.597333-32.597333L746.666667 170.666667 853.333333 277.333333l-128 128-32.597333-32.597333-85.333333 85.333333L874.666667 725.333333l-149.333334 149.333334-267.264-267.264-64 64 53.930667 53.930666-170.666667 170.666667-149.333333-149.333333 170.666667-170.666667 53.930666 53.930667 64-64-11.264-11.264H256L170.666667 469.333333l-42.666667-170.666666 53.345524-53.345524L277.308952 341.333333H341.333333v-64l-96.01219-96.01219L298.666667 128l170.666666 42.666667 85.333334 85.333333z m237.031619 469.333333L496.006095 429.641143v-149.333333L439.344762 223.646476l-91.648-22.918095 52.297143 52.297143v146.968381h-146.968381l-52.297143-52.297143 22.918095 91.648 56.661334 56.661333h149.333333L725.333333 791.698286l66.364953-66.364953zM298.666667 658.968381l-87.698286 87.698286 66.364952 66.364952 87.698286-87.698286-66.364952-66.364952z">
</path>
</symbol>
<symbol id="icon-order-success" viewBox="0 0 1024 1024">
<path
d="M877.738667 658.285714l51.321904 52.102096-198.948571 195.974095L609.52381 787.382857l51.370666-52.077714 69.266286 68.339809L877.738667 658.285714zM268.190476 146.285714h48.761905v73.118476L268.190476 219.428571v609.52381h314.051048l74.118095 73.142857H268.190476a73.142857 73.142857 0 0 1-73.142857-73.142857V219.428571a73.142857 73.142857 0 0 1 73.142857-73.142857z m487.619048 0a73.142857 73.142857 0 0 1 73.142857 73.142857l-0.024381 418.450286-73.142857 72.070095L755.809524 219.428571h-48.761905V146.285714h48.761905z m-219.428572 414.476191v73.142857h-195.047619v-73.142857h195.047619z m146.285715-146.285715v73.142858H341.333333v-73.142858h341.333334zM585.142857 73.142857a73.142857 73.142857 0 0 1 73.142857 73.142857v48.761905a73.142857 73.142857 0 0 1-73.142857 73.142857h-146.285714a73.142857 73.142857 0 0 1-73.142857-73.142857V146.285714a73.142857 73.142857 0 0 1 73.142857-73.142857h146.285714z m0 73.142857h-146.285714v48.761905h146.285714V146.285714z"
fill="#222222"></path>
</symbol>
<symbol id="icon-product" viewBox="0 0 1024 1024">
<path
d="M541.696 86.308571l316.952381 140.775619A73.142857 73.142857 0 0 1 902.095238 293.936762v436.126476a73.142857 73.142857 0 0 1-43.446857 66.852572l-316.952381 140.751238a73.142857 73.142857 0 0 1-59.392 0l-316.952381-140.751238A73.142857 73.142857 0 0 1 121.904762 730.063238V293.936762a73.142857 73.142857 0 0 1 43.446857-66.852572l316.952381-140.751238a73.142857 73.142857 0 0 1 59.392 0zM195.047619 362.788571v367.274667l286.476191 127.21981V485.546667L195.047619 362.788571z m633.904762 2.633143l-274.285714 117.516191V851.870476L828.952381 730.063238V365.421714zM512 153.185524L207.335619 288.475429l307.760762 131.900952 304.591238-130.56L512 153.185524z">
</path>
</symbol>
<symbol id="icon-share" viewBox="0 0 1024 1024">
<path
d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z">
</path>
</symbol>
<symbol id="icon-coupon" viewBox="0 0 1024 1024">
<path
d="M96.768 618.617905c57.222095 0 103.619048-46.713905 103.619048-104.326095 0-57.10019-45.592381-103.472762-102.107429-104.301715V243.809524a73.142857 73.142857 0 0 1 73.142857-73.142857h682.666667a73.142857 73.142857 0 0 1 73.142857 73.142857v166.229333l-3.486476 0.073143c-54.905905 2.633143-98.596571 48.274286-98.596572 104.17981 0 57.10019 45.543619 103.497143 102.058667 104.326095L927.232 780.190476a73.142857 73.142857 0 0 1-73.142857 73.142857h-682.666667a73.142857 73.142857 0 0 1-73.142857-73.142857v-161.596952l-1.511619 0.024381z m74.654476 56.563809V780.190476h682.666667v-104.984381a177.566476 177.566476 0 0 1-102.083048-160.914285 176.956952 176.956952 0 0 1 102.083048-160.49981V243.809524h-682.666667v109.592381a177.566476 177.566476 0 0 1 102.107429 160.914285 177.566476 177.566476 0 0 1-96.304762 158.037334l-5.802667 2.852571z m195.047619-65.657904h77.726476v97.523809H366.445714v-97.523809z m0-146.285715h77.726476v97.52381H366.445714v-97.52381z m0-146.285714h77.726476v97.523809H366.445714v-97.523809z">
</path>
</symbol>
<symbol id="icon-logistics-land-transport" viewBox="0 0 1024 1024">
<path
d="M713.703619 723.309714c1.414095 0 2.80381 0.048762 4.193524 0.121905l-4.193524-0.121905a63.658667 63.658667 0 0 1 15.457524 1.901715l1.243428 0.341333a62.317714 62.317714 0 0 1 31.402667 20.187428 63.097905 63.097905 0 0 1 13.409524 27.794286 62.805333 62.805333 0 1 1-123.075048-0.024381l0.24381-1.145905 0.633905-2.535619-0.853334 3.705905a62.366476 62.366476 0 0 1 19.334095-33.938286 63.073524 63.073524 0 0 1 33.792-15.725714 62.902857 62.902857 0 0 1 8.411429-0.560762z m-401.92 0c1.414095 0 2.80381 0.048762 4.193524 0.121905l-4.193524-0.121905a63.658667 63.658667 0 0 1 25.380571 5.339429 62.268952 62.268952 0 0 1 22.723048 17.066667 63.097905 63.097905 0 0 1 13.433905 27.794285 62.805333 62.805333 0 1 1-123.075048-0.024381l0.24381-1.121524 0.609524-2.535619-0.853334 3.705905a62.366476 62.366476 0 0 1 17.091048-31.817143 63.24419 63.24419 0 0 1 32.060952-17.188571 62.659048 62.659048 0 0 1 4.510476-0.731429l3.559619-0.341333c1.511619-0.097524 2.925714-0.146286 4.315429-0.146286zM902.095238 487.619048h73.142857v73.142857h-73.142857v139.629714a73.142857 73.142857 0 0 1-73.142857 73.142857h-4.388571a111.37219 111.37219 0 0 0-39.472762-73.142857H828.952381L828.928 560.761905H755.809524v-73.142857h146.285714zM828.952381 170.666667a73.142857 73.142857 0 0 1 73.142857 73.142857v195.047619l-24.380952-0.024381L658.285714 438.857143v-73.142857h170.642286L828.952381 243.809524H372.370286l-0.048762 165.473524h1.145905v199.875047L146.285714 609.133714 146.285714 700.391619h94.086096a111.37219 111.37219 0 0 0-39.448381 73.142857H146.285714a73.142857 73.142857 0 0 1-73.142857-73.142857v-202.727619a73.142857 73.142857 0 0 1 47.469714-68.486095l178.590477-66.974476V243.809524a73.142857 73.142857 0 0 1 73.142857-73.142857H828.952381z m-186.660571 529.700571a111.37219 111.37219 0 0 0-39.448381 73.142857h-180.199619a111.37219 111.37219 0 0 0-39.472762-73.142857h259.120762zM300.324571 439.881143L146.285714 497.664l-0.024381 38.326857h154.087619l-0.024381-96.109714z">
</path>
</symbol>
<symbol id="icon-return" viewBox="0 0 1024 1024">
<path
d="M482.962286 492.032l-51.687619 51.736381-196.559238-196.437333 196.510476-196.608 51.736381 51.687619-99.230476 99.279238h223.329523c140.434286 0 254.659048 111.957333 258.364953 251.465143l0.097524 6.997333c0 142.726095-115.712 258.438095-258.438096 258.438095H154.819048v-73.142857H607.085714a185.295238 185.295238 0 1 0 0-370.590476l-241.371428-0.024381 117.248 117.199238z">
</path>
</symbol>
<symbol id="icon-security" viewBox="0 0 1024 1024">
<path
d="M530.846476 99.986286l316.952381 84.528762A73.142857 73.142857 0 0 1 902.095238 255.195429v400.847238a73.142857 73.142857 0 0 1-29.891048 59.001904l-316.95238 232.423619a73.142857 73.142857 0 0 1-86.50362 0l-316.95238-232.448A73.142857 73.142857 0 0 1 121.904762 656.042667V255.195429a73.142857 73.142857 0 0 1 54.296381-70.680381l316.952381-84.528762a73.142857 73.142857 0 0 1 37.692952 0zM512 170.666667L195.047619 255.195429v400.847238l316.952381 232.448 316.952381-232.448V255.195429L512 170.666667z m144.944762 142.140952l51.443809 51.95581-261.851428 259.218285-131.047619-130.998857 51.687619-51.736381 79.62819 79.579429 210.139429-208.042667z">
</path>
</symbol>
<symbol id="icon-flag" viewBox="0 0 1024 1024">
<path
d="M892.050286 97.52381l-228.571429 231.619047 228.571429 231.619048H219.428571v390.095238H146.285714V97.52381h745.764572z m-174.957715 73.142857H231.619048v316.952381h485.473523l-156.379428-158.476191L717.092571 170.666667z">
</path>
</symbol>
<symbol id="icon-email" viewBox="0 0 1024 1024">
<path
d="M926.47619 355.644952V780.190476a73.142857 73.142857 0 0 1-73.142857 73.142857H170.666667a73.142857 73.142857 0 0 1-73.142857-73.142857V355.644952l73.142857 62.000762V780.190476h682.666666V417.645714l73.142857-62.000762zM853.333333 170.666667a74.044952 74.044952 0 0 1 26.087619 4.778666 72.704 72.704 0 0 1 30.622477 22.186667 73.508571 73.508571 0 0 1 10.678857 17.67619c3.169524 7.509333 5.12 15.652571 5.607619 24.210286L926.47619 243.809524v24.380952L559.469714 581.241905a73.142857 73.142857 0 0 1-91.306666 2.901333l-3.632762-2.925714L97.52381 268.190476v-24.380952a72.899048 72.899048 0 0 1 40.155428-65.292191A72.97219 72.97219 0 0 1 170.666667 170.666667h682.666666z m-10.971428 73.142857H181.638095L512 525.58019 842.361905 243.809524z">
</path>
</symbol>
<symbol id="icon-info" viewBox="0 0 1024 1024">
<path
d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m36.571429 268.190476v292.571428h-73.142858V438.857143h73.142858z m0-121.904762v73.142857h-73.142858v-73.142857h73.142858z">
</path>
</symbol>
<symbol id="icon-success" viewBox="0 0 1024 1024">
<path
d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m193.194667 145.188571l52.467809 50.956191-310.662095 319.683047-156.379429-162.230857 52.662858-50.761143 103.936 107.812572 257.974857-265.45981z">
</path>
</symbol>
<symbol id="icon-down" viewBox="0 0 1024 1024">
<path
d="M512.146286 619.52L245.296762 352.792381 193.584762 404.48l318.585905 318.415238 318.268952-318.415238-51.736381-51.687619z">
</path>
</symbol>
<symbol id="icon-up" viewBox="0 0 1024 1024">
<path
d="M512.146286 454.753524l-266.849524 266.727619L193.584762 669.744762l318.585905-318.415238 318.268952 318.415238-51.736381 51.687619z">
</path>
</symbol>
<symbol id="icon-close" viewBox="0 0 1024 1024">
<path
d="M801.645714 170.666667l51.833905 51.590095L565.150476 511.951238l288.353524 289.670095-51.833905 51.614477-288.109714-289.450667L225.426286 853.23581 173.592381 801.621333l288.329143-289.670095L173.592381 222.256762 225.426286 170.666667l288.109714 289.426285L801.645714 170.666667z"
fill="#ffffff"></path>
</symbol>
<symbol id="icon-close-fill" viewBox="0 0 1024 1024">
<path
d="M801.645714 170.666667l51.833905 51.590095L565.150476 511.951238l288.353524 289.670095-51.833905 51.614477-288.109714-289.450667L225.426286 853.23581 173.592381 801.621333l288.329143-289.670095L173.592381 222.256762 225.426286 170.666667l288.109714 289.426285L801.645714 170.666667z">
</path>
</symbol>
<symbol id="icon-cart-add" viewBox="0 0 1024 1024">
<path
d="M97.718857 109.714286a109.714286 109.714286 0 0 1 107.349333 87.064381L220.16 268.190476h0.24381l49.005714 234.666667L306.541714 682.666667h459.678476l70.460953-341.333334H285.500952l-15.286857-73.142857h566.491429a73.142857 73.142857 0 0 1 71.631238 87.942095l-70.460952 341.333334A73.142857 73.142857 0 0 1 766.22019 755.809524H306.541714a73.142857 73.142857 0 0 1-71.631238-58.343619l-69.241905-335.335619-0.463238 0.097524-31.695238-150.357334A36.571429 36.571429 0 0 0 97.718857 182.857143H35.157333v-73.142857zM572.952381 390.095238v85.333333H658.285714v73.142858h-85.333333V633.904762h-73.142857v-85.333333H414.47619v-73.142858h85.333334V390.095238h73.142857z m-268.190476 536.380952a60.952381 60.952381 0 1 0 0-121.904761 60.952381 60.952381 0 0 0 0 121.904761z m438.857143 0a60.952381 60.952381 0 1 0 0-121.904761 60.952381 60.952381 0 0 0 0 121.904761z">
</path>
</symbol>
<symbol id="icon-message-comments" viewBox="0 0 1024 1024">
<path
d="M853.333333 170.666667a73.142857 73.142857 0 0 1 73.142857 73.142857v487.619047a73.142857 73.142857 0 0 1-73.142857 73.142858H473.526857l-167.594667 109.83619A24.380952 24.380952 0 0 1 268.190476 894.000762V804.571429H170.666667a73.142857 73.142857 0 0 1-73.142857-73.142858V243.809524a73.142857 73.142857 0 0 1 73.142857-73.142857h682.666666z m0 73.142857H170.666667v487.619047h170.666666v72.338286L451.705905 731.428571H853.333333V243.809524zM543.207619 487.619048v73.142857H341.333333v-73.142857h201.874286zM682.666667 341.333333v73.142857H341.333333v-73.142857h341.333334z">
</path>
</symbol>
<symbol id="icon-follow" viewBox="0 0 1024 1024">
<path
d="M480.304762 237.738667l7.582476 7.68c6.826667 6.826667 14.872381 14.677333 24.112762 23.576381l10.50819-10.191238c8.289524-8.045714 15.36-15.067429 21.211429-21.065143a220.891429 220.891429 0 0 1 317.074286 0c86.747429 88.600381 87.576381 231.765333 2.438095 321.365333L512 902.095238 160.768 559.128381c-85.113905-89.624381-84.309333-232.789333 2.438095-321.389714a220.891429 220.891429 0 0 1 317.074286 0z m335.043048 265.313523c52.882286-61.44 50.492952-155.599238-6.826667-214.137904a147.748571 147.748571 0 0 0-212.553143 0l-17.286095 17.261714a1928.289524 1928.289524 0 0 1-5.022476 4.924952L512 370.492952l-56.32-54.223238-15.11619-14.774857-12.53181-12.580571a147.748571 147.748571 0 0 0-212.577524 0c-58.806857 60.074667-59.782095 157.671619-2.511238 218.940952L512 799.865905l299.056762-292.035048 4.291048-4.778667z">
</path>
</symbol>
<symbol id="icon-follow-fill" viewBox="0 0 1024 1024">
<path
d="M480.304762 237.738667l7.582476 7.68c6.826667 6.826667 14.872381 14.677333 24.112762 23.576381l10.50819-10.191238c8.289524-8.045714 15.36-15.067429 21.211429-21.065143a220.891429 220.891429 0 0 1 317.074286 0c86.747429 88.600381 87.576381 231.765333 2.438095 321.365333L512 902.095238 160.768 559.128381c-85.113905-89.624381-84.309333-232.789333 2.438095-321.389714a220.891429 220.891429 0 0 1 317.074286 0z"
fill="#ff6600"></path>
</symbol>
<symbol id="icon-left" viewBox="0 0 1024 1024">
<path
d="M659.748571 245.272381l-51.687619-51.687619-318.439619 318.585905 318.415238 318.268952 51.712-51.736381-266.703238-266.556952z">
</path>
</symbol>
<symbol id="icon-right" viewBox="0 0 1024 1024">
<path
d="M605.086476 512.146286L338.358857 245.272381l51.760762-51.687619 318.415238 318.585905L390.095238 830.415238l-51.687619-51.736381z">
</path>
</symbol>
</svg>
<svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden">
<symbol id="icon-cart-full" viewBox="0 0 1024 1024">
<path
d="M97.718857 109.714286a109.714286 109.714286 0 0 1 107.349333 87.064381L220.16 268.190476h0.24381l49.005714 234.666667L306.541714 682.666667h459.678476l70.460953-341.333334H285.500952l-15.286857-73.142857h566.491429a73.142857 73.142857 0 0 1 71.631238 87.942095l-70.460952 341.333334A73.142857 73.142857 0 0 1 766.22019 755.809524H306.541714a73.142857 73.142857 0 0 1-71.631238-58.343619l-69.241905-335.335619-0.463238 0.097524-31.695238-150.357334A36.571429 36.571429 0 0 0 97.718857 182.857143H35.157333v-73.142857h62.561524zM707.047619 463.238095v73.142857H365.714286v-73.142857h341.333333zM304.761905 926.47619a60.952381 60.952381 0 1 0 0-121.904761 60.952381 60.952381 0 0 0 0 121.904761z m438.857143 0a60.952381 60.952381 0 1 0 0-121.904761 60.952381 60.952381 0 0 0 0 121.904761z">
</path>
</symbol>
<symbol id="icon-cart-empty" viewBox="0 0 1024 1024">
<path
d="M97.718857 109.714286a109.714286 109.714286 0 0 1 107.349333 87.064381L220.16 268.190476h0.24381l49.005714 234.666667L306.541714 682.666667h459.678476l70.460953-341.333334H285.500952l-15.286857-73.142857h566.491429a73.142857 73.142857 0 0 1 71.631238 87.942095l-70.460952 341.333334A73.142857 73.142857 0 0 1 766.22019 755.809524H306.541714a73.142857 73.142857 0 0 1-71.631238-58.343619l-69.241905-335.335619-0.463238 0.097524-31.695238-150.357334A36.571429 36.571429 0 0 0 97.718857 182.857143H35.157333v-73.142857zM304.761905 926.47619a60.952381 60.952381 0 1 0 0-121.904761 60.952381 60.952381 0 0 0 0 121.904761z m438.857143 0a60.952381 60.952381 0 1 0 0-121.904761 60.952381 60.952381 0 0 0 0 121.904761z">
</path>
</symbol>
<symbol id="icon-message-comments" viewBox="0 0 1024 1024">
<path
d="M853.333333 170.666667a73.142857 73.142857 0 0 1 73.142857 73.142857v487.619047a73.142857 73.142857 0 0 1-73.142857 73.142858H473.526857l-167.594667 109.83619A24.380952 24.380952 0 0 1 268.190476 894.000762V804.571429H170.666667a73.142857 73.142857 0 0 1-73.142857-73.142858V243.809524a73.142857 73.142857 0 0 1 73.142857-73.142857h682.666666z m0 73.142857H170.666667v487.619047h170.666666v72.338286L451.705905 731.428571H853.333333V243.809524zM543.207619 487.619048v73.142857H341.333333v-73.142857h201.874286zM682.666667 341.333333v73.142857H341.333333v-73.142857h341.333334z">
</path>
</symbol>
<symbol id="icon-order" viewBox="0 0 1024 1024">
<path
d="M268.190476 146.285714h48.761905v73.118476L268.190476 219.428571v609.52381h487.619048V219.428571h-48.761905V146.285714h48.761905a73.142857 73.142857 0 0 1 73.142857 73.142857v609.52381a73.142857 73.142857 0 0 1-73.142857 73.142857H268.190476a73.142857 73.142857 0 0 1-73.142857-73.142857V219.428571a73.142857 73.142857 0 0 1 73.142857-73.142857z m292.571429 390.095238v73.142858h-219.428572v-73.142858h219.428572z m121.904762-146.285714v73.142857H341.333333v-73.142857h341.333334zM585.142857 73.142857a73.142857 73.142857 0 0 1 73.142857 73.142857v48.761905a73.142857 73.142857 0 0 1-73.142857 73.142857h-146.285714a73.142857 73.142857 0 0 1-73.142857-73.142857V146.285714a73.142857 73.142857 0 0 1 73.142857-73.142857h146.285714z m0 73.142857h-146.285714v48.761905h146.285714V146.285714z">
</path>
</symbol>
<symbol id="icon-New-outline" viewBox="0 0 1024 1024">
<path
d="M853.333333 146.285714a73.142857 73.142857 0 0 1 73.142857 73.142857v494.445715a73.142857 73.142857 0 0 1-73.142857 73.142857H473.551238l-167.497143 110.957714A24.380952 24.380952 0 0 1 268.190476 877.665524V787.017143H170.666667a73.142857 73.142857 0 0 1-73.142857-73.142857V219.428571a73.142857 73.142857 0 0 1 73.142857-73.142857h682.666666z m0 73.142857H170.666667v494.445715h170.666666v72.97219l91.818667-60.806095 18.383238-12.166095H853.333333V219.428571z m-558.665143 146.017524l36.742096 165.644191h0.804571v-165.644191h53.638095v215.527619h-80.457142l-35.669334-158.061714h-0.804571v158.037333h-53.638095V365.470476h79.38438z m249.953524 0v43.373715h-89.039238v43.105523h77.507048v39.033905h-77.507048v46.616381h89.307429v43.398095h-142.945524v-215.527619h142.677333z m172.714667 0l27.891809 169.691429h0.804572l20.382476-169.691429h59.270095l-38.083047 215.527619h-78.043429l-20.650667-142.628571h-0.804571l-20.918857 142.628571H588.068571l-37.814857-215.527619 57.660953 1.072762 22.79619 168.618667h0.804572l27.087238-169.691429h58.733714z">
</path>
</symbol>
<symbol id="icon-change" viewBox="0 0 1024 1024">
<path
d="M552.886857 850.627048l0.024381-0.024381-0.024381 0.024381h-0.097524l0.121905-0.024381 3.949714-0.487619-0.243809 0.048762 0.316952-0.024381 1.292191-0.219429 0.292571-0.048762 1.682286-0.195048 3.559619-0.53638-0.731429 0.121904 1.536-0.26819 4.047238-0.658286-1.682285 0.292572 0.902095-0.146286 4.047238-0.707048 3.486476-0.633905 1.950476-0.414476-1.511619 0.341334 3.584-0.731429 3.291429-0.682667 2.31619-0.512 1.365334-0.292571 0.804571-0.195048 2.706286-0.609524 3.315809-0.804571-3.388952 0.804571 3.900952-0.926476 1.316572-0.341333-1.26781 0.316952 1.292191-0.316952 1.706666-0.438857 1.77981-0.463238 1.584762-0.438857 0.902095-0.24381 0.609524-0.170667 2.340571-0.633904 2.413715-0.707048 1.536-0.438857 1.584762-0.487619 1.706666-0.487619 1.487238-0.487619 1.852953-0.560762 3.657143-1.170286 3.364571-1.145905 3.169524-1.097143 0.682666-0.243809 3.023239-1.097143 2.194285-0.828952 2.145524-0.804572 1.609143-0.609524 0.999619-0.390095 1.926095-0.755809 1.682286-0.682667 2.048-0.853333 0.243809-0.097524 1.804191-0.75581 0.463238-0.195047 3.486476-1.487238 1.511619-0.658286 2.243048-0.999619 1.097143-0.487619 0.414476-0.195048 2.438095-1.121524 0.24381-0.121904 2.194285-1.024 3.267048-1.584762 0.487619-0.24381 2.80381-1.365333 1.584762-0.804572 2.657523-1.389714 0.585143-0.292571a339.69981 339.69981 0 0 0 11.946667-6.509715l-3.242667 1.804191 3.340191-1.877333 2.291809-1.365334-2.340571 1.365334 2.706285-1.560381 0.926477-0.536381 5.753904-3.462096-2.267428 1.340953 4.87619-2.974476 3.218286-2.072381 4.754286-3.120762 1.389714-0.926476 2.438095-1.682286 1.706667-1.219048 1.219048-0.804571 0.463238-0.341333 1.048381-0.75581 1.340952-0.950857 2.852571-2.072381 0.487619-0.365714 2.194286-1.633524 0.316953-0.24381 2.974476-2.243047 0.316952-0.268191 1.584762-1.243428 3.803429-2.998858 5.607619-4.63238 2.730666-2.29181 1.536-1.365333 0.536381-0.487619 0.438857-0.365715c3.486476-3.023238 6.777905-6.022095 9.996191-9.069714l4.486095-4.339809 4.388572-4.388572 2.048-2.121143 2.048-2.121143 2.413714-2.56 2.462476-2.706285 1.316571-1.462857 0.780191-0.853334 0.365714-0.414476 0.512-0.609524 1.804191-2.048 1.926095-2.218666 0.292571-0.341334 1.755429-2.096762 0.438857-0.487619 0.512-0.609524 2.169905-2.706285-0.633905 0.828952 0.804572-0.999619 1.609142-1.950476 2.364953-2.974476 0.024381-0.097524 0.877714-1.121524 0.804571-0.975238-1.706666 2.194286c2.82819-3.632762 5.607619-7.314286 8.289524-11.044572l1.365333-1.950476 0.755809-1.024 2.096762-2.998857-1.072762 1.487238 5.266286-7.728762a340.845714 340.845714 0 0 0 10.727619-17.408l1.121524-2.072381 2.438095-4.339809a339.675429 339.675429 0 0 0 17.383619-36.985905l2.023619-5.168762a338.578286 338.578286 0 0 0 10.48381-32.572952l1.609143-6.192762a338.70019 338.70019 0 0 0 9.923047-81.993143l-0.073143-7.631238a340.065524 340.065524 0 0 0-15.091809-93.208381l75.946667 0.024381c8.094476 32.280381 12.385524 66.023619 12.385523 100.790857 0 228.498286-185.246476 413.744762-413.744761 413.744762l-7.850667-0.097524a412.452571 412.452571 0 0 1-289.01181-125.488762v119.637333h-73.142857V682.666667h212.601905v73.142857l-64.414476 0.048762c53.784381 57.148952 127.609905 89.429333 223.280762 97.304381l4.681143-0.048762 4.778666-0.121905 5.632-0.219429 1.340953-0.073142 1.462857-0.073143 1.560381-0.097524 1.267809-0.073143-0.950857 0.048762 1.584762-0.097524c5.534476-0.365714 11.044571-0.853333 16.505905-1.462857l0.560762-0.073143 0.243809-0.048762 0.560762-0.097524 0.877714-0.097523h0.097524zM865.792 97.52381v237.714285h-212.553143v-73.142857h72.752762c-51.151238-50.712381-119.393524-80.286476-206.116571-89.136762l-10.069334-0.926476-5.778285 0.073143-5.924572 0.170667-2.998857 0.121904-1.828571 0.097524-1.877334 0.097524-3.754666 0.243809-4.461715 0.316953-3.632762 0.316952-3.486476 0.341334-2.925714 0.316952-7.875048 0.975238-7.801904 1.145905-3.584 0.585143 1.438476-0.24381-3.218286 0.536381-1.194667 0.219429-1.999238 0.365714-6.046476 1.170286-7.143619 1.536-1.828571 0.438857-5.510096 1.316571a338.017524 338.017524 0 0 0-9.118476 2.438095l0.950857-0.292571-2.048 0.585143-2.925714 0.853333-3.657143 1.072762-0.633905 0.195048-0.78019 0.243809-3.413333 1.072762-5.729524 1.901714a337.968762 337.968762 0 0 0-19.846095 7.484953l-0.804572 0.316952-0.609524 0.24381-0.414476 0.195047-1.80419 0.731429-0.804572 0.390095-1.80419 0.804572-1.609143 0.707047-2.633143 1.170286-0.536381 0.243809-2.438095 1.121524-3.486476 1.633524-3.340191 1.633524-1.024 0.487619-1.80419 0.926476-1.414096 0.707048-2.218666 1.145904-1.438476 0.731429-1.219048 0.682667-0.975238 0.487619-0.585143 0.316952-0.804571 0.438857-0.950858 0.536381a340.163048 340.163048 0 0 0-15.457523 8.94781l-0.512 0.316952-2.194286 1.365333-2.681905 1.706667a341.089524 341.089524 0 0 0-6.436571 4.242286l-0.438857 0.292571-2.56 1.706667-1.804191 1.267809 1.26781-0.853333-5.193143 3.657143-0.438857 0.316952-2.243048 1.633524-2.657524 1.974857-0.292571 0.219429-0.633905 0.487619-1.926095 1.438476 1.926095-1.462857-5.36381 4.144762a342.211048 342.211048 0 0 0-7.363047 5.973333l-1.292191 1.072762-2.438095 2.096762-0.78019 0.633905-7.070477 6.290286a342.674286 342.674286 0 0 0-21.577142 21.504l-6.656 7.460571c-1.121524 1.26781-2.194286 2.56-3.31581 3.876571l-0.487619 0.585143-2.194286 2.681905-2.218666 2.681905-1.243429 1.584762-1.340952 1.682285-2.072381 2.681905-1.536 2.048-0.170667 0.24381-0.316952 0.365714-1.389715 1.877333-0.390095 0.536381-2.291809 3.145143-1.121524 1.560381-0.950857 1.316571-0.536381 0.804572-1.536 2.194286-1.024 1.462857-0.950857 1.438476-0.365715 0.536381-1.414095 2.121143-0.341333 0.560762-1.560381 2.389333-0.975238 1.511619-0.170667 0.24381-4.169143 6.753523-5.071238 8.679619-4.827428 8.850286-2.462477 4.778667-0.438857 0.828952-1.316571 2.657524 1.267809-2.535619-3.096381 6.339048a338.895238 338.895238 0 0 0-3.413333 7.411809l-0.487619 1.121524-0.219429 0.438857-0.292571 0.682667a338.383238 338.383238 0 0 0-23.332571 77.043809l-1.121524 6.704762A340.528762 340.528762 0 0 0 170.666667 512.609524c0 34.913524 5.266286 68.608 15.018666 100.352H109.787429A414.622476 414.622476 0 0 1 97.52381 512.585143c0-27.794286 2.730667-54.930286 7.94819-81.188572 37.717333-189.610667 205.04381-332.55619 405.77219-332.55619 108.690286 0 207.60381 41.935238 281.429334 110.494476V97.52381h73.142857z">
</path>
</symbol>
<symbol id="icon-loading" viewBox="0 0 1024 1024">
<path
d="M475.428571 97.52381h73.142858v219.428571h-73.142858z m0 609.523809h73.142858v219.428571h-73.142858zM926.47619 475.428571v73.142858h-219.428571v-73.142858z m-609.523809 0v73.142858H97.52381v-73.142858zM779.215238 193.072762l51.712 51.687619-155.136 155.184762-51.736381-51.736381zM348.208762 624.054857l51.736381 51.736381-155.160381 155.136-51.712-51.687619zM193.097143 244.784762l51.687619-51.712 155.184762 155.136-51.736381 51.736381z m430.982095 431.006476l51.736381-51.736381 155.136 155.160381-51.687619 51.712z">
</path>
</symbol>
<symbol id="icon-down" viewBox="0 0 1024 1024">
<path
d="M512.146286 619.52L245.296762 352.792381 193.584762 404.48l318.585905 318.415238 318.268952-318.415238-51.736381-51.687619z">
</path>
</symbol>
<symbol id="icon-delete" viewBox="0 0 1024 1024">
<path
d="M328.777143 377.904762l31.719619 449.657905h310.662095l31.695238-449.657905h73.264762L744.106667 832.707048a73.142857 73.142857 0 0 1-72.94781 67.998476H360.496762a73.142857 73.142857 0 0 1-72.94781-68.022857L255.488 377.904762h73.289143z m159.207619 22.649905v341.333333h-73.142857v-341.333333h73.142857z m133.729524 0v341.333333h-73.142857v-341.333333h73.142857zM146.285714 256h731.428572v73.142857H146.285714v-73.142857z m518.265905-121.904762v73.142857h-292.571429v-73.142857h292.571429z">
</path>
</symbol>
<symbol id="icon-time" viewBox="0 0 1024 1024">
<path
d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m36.571429 89.697523v229.86362h160.865523v73.142857H512a36.571429 36.571429 0 0 1-36.571429-36.571429V260.388571h73.142858z">
</path>
</symbol>
<symbol id="icon-selected" viewBox="0 0 1024 1024">
<path
d="M196.510476 491.739429l-51.687619 51.785142 240.103619 239.445334 494.128762-488.789334-51.443809-51.98019-442.465524 437.686857z">
</path>
</symbol>
<symbol id="icon-search" viewBox="0 0 1024 1024">
<path
d="M465.334857 146.285714c176.201143 0 319.024762 145.091048 319.024762 324.096a325.973333 325.973333 0 0 1-65.560381 196.827429L877.714286 828.611048 829.366857 877.714286l-157.647238-160.182857a314.855619 314.855619 0 0 1-206.384762 76.921904C289.133714 794.453333 146.285714 649.386667 146.285714 470.381714S289.133714 146.285714 465.334857 146.285714z m0 69.436953c-138.459429 0-250.684952 114.029714-250.684952 254.659047 0 140.629333 112.225524 254.634667 250.684952 254.634667 138.435048 0 250.660571-114.005333 250.660572-254.634667 0-140.629333-112.225524-254.659048-250.660572-254.659047z">
</path>
</symbol>
<symbol id="icon-camera" viewBox="0 0 1024 1024">
<path
d="M853.333333 219.428571a73.142857 73.142857 0 0 1 73.142857 73.142858v487.619047a73.142857 73.142857 0 0 1-73.142857 73.142857H170.666667a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h682.666666z m0 73.142858H170.666667v487.619047h682.666666V292.571429z m-341.333333 73.142857a170.666667 170.666667 0 1 1 0 341.333333 170.666667 170.666667 0 0 1 0-341.333333z m0 73.142857a97.52381 97.52381 0 1 0 0 195.047619 97.52381 97.52381 0 0 0 0-195.047619zM853.333333 97.52381v73.142857H512V97.52381h341.333333z">
</path>
</symbol>
<symbol id="icon-discount" viewBox="0 0 1024 1024">
<path
d="M613.64419 80.822857L866.011429 108.032a73.142857 73.142857 0 0 1 64.902095 64.877714l27.184762 252.391619a73.142857 73.142857 0 0 1-20.992 59.538286L512.707048 909.238857a73.142857 73.142857 0 0 1-103.448381 0L129.706667 629.662476a73.142857 73.142857 0 0 1 0-103.424L554.081524 101.839238a73.142857 73.142857 0 0 1 59.562666-21.016381z m-7.826285 72.728381L181.394286 577.950476l279.576381 279.576381 424.399238-424.399238-27.209143-252.367238-252.367238-27.209143zM674.279619 243.809524a109.714286 109.714286 0 1 1 0 219.428571 109.714286 109.714286 0 0 1 0-219.428571z m0 73.142857a36.571429 36.571429 0 1 0 0 73.142857 36.571429 36.571429 0 0 0 0-73.142857z">
</path>
</symbol>
<symbol id="icon-ranking-list" viewBox="0 0 1024 1024">
<path
d="M512 292.571429c175.055238 0 316.952381 141.897143 316.952381 316.952381s-141.897143 316.952381-316.952381 316.95238S195.047619 784.579048 195.047619 609.52381s141.897143-316.952381 316.952381-316.952381z m0 73.142857c-134.656 0-243.809524 109.153524-243.809524 243.809524s109.153524 243.809524 243.809524 243.809523 243.809524-109.153524 243.809524-243.809523-109.153524-243.809524-243.809524-243.809524z m0 73.142857a170.666667 170.666667 0 1 1 0 341.333333 170.666667 170.666667 0 0 1 0-341.333333z m0 73.142857a97.52381 97.52381 0 1 0 0 195.047619 97.52381 97.52381 0 0 0 0-195.047619zM768 109.714286a73.142857 73.142857 0 0 1 73.142857 73.142857v124.854857l-59.489524 59.489524-51.687619-51.736381 38.034286-38.034286V182.857143h-97.52381V243.809524h-73.142857V182.857143h-170.666666V243.809524h-73.142857V182.857143h-97.52381v94.573714l38.034286 38.034286-51.687619 51.736381-59.489524-59.489524V182.857143a73.142857 73.142857 0 0 1 73.142857-73.142857h512z">
</path>
</symbol>
<symbol id="icon-shiligongchang" viewBox="0 0 1024 1024">
<path
d="M598.381714 165.546667v689.444571h50.907429v-0.975238h117.443047V448.853333l-117.443047-41.350095v-77.507048l165.229714 58.148572c14.60419 9.48419 23.844571 25.185524 25.185524 42.374095l0.170667 4.33981-0.024381 420.10819h55.905523v73.142857H134.095238v-73.142857h55.612952V295.570286c0-19.21219 9.898667-37.059048 26.209524-47.274667l297.20381-130.023619c37.10781-23.186286 85.26019 3.486476 85.26019 47.250286z m-73.142857 27.257904l-262.387809 114.785524v546.401524h262.387809V548.717714l-0.487619 0.219429v-33.840762l0.487619 1.145905V375.466667l-0.487619 0.219428v-33.743238l0.487619 1.121524V192.804571zM475.672381 490.105905v79.11619l-163.157333 67.388953v-79.140572l163.157333-67.364571z m0-172.982857v79.457523l-163.157333 69.436953v-79.481905l163.157333-69.412571z">
</path>
</symbol>
<symbol id="icon-zhuanshujingli" viewBox="0 0 1024 1024">
<path
d="M733.988571 261.217524l127.024762 76.214857a109.714286 109.714286 0 0 1 53.272381 94.086095V828.952381a109.714286 109.714286 0 0 1-109.714285 109.714286H219.428571A109.714286 109.714286 0 0 1 109.714286 828.952381V431.518476a109.714286 109.714286 0 0 1 53.272381-94.110476l127.024762-76.190476 37.619809 62.707809-127.024762 76.214857A36.571429 36.571429 0 0 0 182.857143 431.542857V828.952381A36.571429 36.571429 0 0 0 219.428571 865.52381h585.142858a36.571429 36.571429 0 0 0 36.571428-36.571429V431.518476a36.571429 36.571429 0 0 0-17.749333-31.378286l-127.024762-76.214857 37.619809-62.707809zM512 121.904762l146.285714 87.771428-62.293333 131.657143h-2.121143L633.904762 676.254476 512 780.190476l-121.904762-103.936L430.104381 341.333333h-1.706667L365.714286 209.67619 512 121.904762z m17.578667 219.428571h-35.181715l-36.864 308.540953L512 696.295619l54.467048-46.421333L529.554286 341.333333zM512 207.213714L460.312381 238.201905 474.575238 268.190476h75.093333l14.140953-29.891047L512 207.238095z">
</path>
</symbol>
<symbol id="icon-business-icon-gold-supplier" viewBox="0 0 1024 1024">
<path
d="M512 109.714286c222.183619 0 402.285714 180.102095 402.285714 402.285714S734.183619 914.285714 512 914.285714 109.714286 734.183619 109.714286 512 289.816381 109.714286 512 109.714286z m35.498667 72.874666v140.092953h-70.997334V182.613333C310.223238 200.289524 180.711619 341.016381 180.711619 512c0 170.983619 129.511619 311.710476 295.789714 329.411048v-140.092953h70.997334v140.092953c166.278095-17.700571 295.789714-158.427429 295.789714-329.411048 0-170.983619-129.511619-311.710476-295.789714-329.411048z m102.546285 353.084953l27.599238 94.646857H346.35581l27.599238-94.646857h276.089904z m27.599238-141.994667l-27.599238 94.646857H373.955048l-27.599238-94.646857h331.28838z">
</path>
</symbol>
<symbol id="icon-global-trade" viewBox="0 0 1024 1024">
<path
d="M512 97.52381c59.66019 0 116.370286 12.604952 167.619048 35.279238a160.377905 160.377905 0 0 0-21.065143 70.851047 338.285714 338.285714 0 0 0-75.361524-25.551238 511.902476 511.902476 0 0 1 78.969905 123.928381h19.285333c11.580952 23.28381 27.306667 46.86019 46.762667 70.607238l2.145524 2.584381h-41.788953c8.923429 32.256 14.774857 65.755429 17.188572 100.205714h145.651809c-0.975238-9.045333-2.29181-17.993143-3.949714-26.819047l12.970666-10.898286 6.851048-6.070857 10.313143-9.557333c10.678857-10.166857 20.967619-20.772571 30.768762-31.695238C920.137143 428.836571 926.47619 469.674667 926.47619 512c0 74.898286-19.870476 145.13981-54.613333 205.775238v1.462857h-0.853333C799.329524 843.166476 665.404952 926.47619 512 926.47619c-228.912762 0-414.47619-185.563429-414.47619-414.47619S283.087238 97.52381 512 97.52381z m271.213714 621.738666h-119.856762a512.316952 512.316952 0 0 1-80.164571 126.634667 341.406476 341.406476 0 0 0 200.021333-126.634667z m-422.570666 0H240.786286a341.382095 341.382095 0 0 0 200.021333 126.634667 511.902476 511.902476 0 0 1-80.164571-126.634667z m221.330285 0h-139.946666A440.198095 440.198095 0 0 0 512 815.518476a439.149714 439.149714 0 0 0 69.973333-96.256z m269.409524-170.666666h-145.627428a510.659048 510.659048 0 0 1-16.457143 97.523809h136.679619a339.139048 339.139048 0 0 0 25.404952-97.523809z m-533.138286 0H172.617143a339.139048 339.139048 0 0 0 25.404952 97.523809h136.679619a510.659048 510.659048 0 0 1-16.457143-97.523809z m314.148572 0h-240.786286a436.906667 436.906667 0 0 0 19.358476 97.523809h202.069334c9.99619-31.134476 16.579048-63.804952 19.358476-97.523809z m-459.800381-73.142858h145.651809c2.438095-34.474667 8.289524-68.022857 17.188572-100.254476l-136.240762-0.024381A339.114667 339.114667 0 0 0 172.617143 475.428571z m219.014095 0h240.786286c-2.852571-34.718476-9.752381-68.266667-20.236191-100.230095h-200.313904a436.857905 436.857905 0 0 0-20.236191 100.205714zM825.904762 97.52381c65.633524 0 118.857143 51.712 118.857143 115.516952l-0.073143 4.071619c-1.462857 38.15619-23.186286 81.091048-58.831238 124.635429a501.711238 501.711238 0 0 1-59.952762 61.318095 448.804571 448.804571 0 0 1-18.041905-16.286476 501.711238 501.711238 0 0 1-41.935238-45.031619c-35.620571-43.544381-57.319619-86.479238-58.806857-124.635429A105.813333 105.813333 0 0 1 707.047619 213.040762C707.047619 149.211429 760.271238 97.52381 825.904762 97.52381zM440.783238 178.102857l-2.974476 0.658286a341.382095 341.382095 0 0 0-194.950095 123.294476h118.979047a512.365714 512.365714 0 0 1 78.945524-123.952762zM512 208.457143l-5.36381 5.680762a440.124952 440.124952 0 0 0-63.146666 87.917714l137.020952-0.024381A440.246857 440.246857 0 0 0 512 208.457143z m313.904762-26.038857a33.962667 33.962667 0 1 0 0 67.925333 33.962667 33.962667 0 0 0 0-67.925333z">
</path>
</symbol>
<symbol id="icon-trust" viewBox="0 0 1024 1024">
<path
d="M563.858286 911.60381a73.142857 73.142857 0 0 1-103.424 0L63.878095 515.120762a73.142857 73.142857 0 0 1 0-103.424L321.584762 154.014476a73.142857 73.142857 0 0 1 103.424 0l87.137524 87.161905 87.186285-87.161905a73.142857 73.142857 0 0 1 103.448381 0L960.365714 411.672381a73.142857 73.142857 0 0 1 0 103.424L563.858286 911.62819zM373.272381 205.775238L115.638857 463.384381 512.146286 859.91619l24.064-24.064-87.161905-87.161904 51.712-51.712 87.161905 87.161904 27.184762-27.184761-87.161905-87.161905 51.736381-51.736381 87.137524 87.161905 31.597714-31.597715-87.137524-87.161904 51.712-51.712 87.161905 87.161904 19.626667-19.651047-114.93181-114.93181-3.82781 3.82781a137.48419 137.48419 0 0 1-194.413714 0l-45.494857-45.494857a73.142857 73.142857 0 0 1 0-103.424l49.298286-49.322667-87.137524-87.161905z m277.747809 0l-188.196571 188.196572 45.494857 45.494857a64.316952 64.316952 0 0 0 90.940953 0.048762l3.85219-3.900953 51.687619-51.736381 10.044952-10.069333 166.716953 166.716952 77.116952-77.116952L651.02019 205.775238z">
</path>
</symbol>
<symbol id="icon-right-arrow" viewBox="0 0 1024 1024">
<path
d="M557.397333 167.204571l293.059048 293.059048L902.192762 512l-51.712 51.712-293.059048 293.083429-51.736381-51.712L762.148571 548.571429H121.904762v-73.142858h640.243809L505.660952 218.940952l51.736381-51.736381z">
</path>
</symbol>
<symbol id="icon-customer" viewBox="0 0 1024 1024">
<path
d="M669.013333 596.21181l194.389334 226.791619A77.433905 77.433905 0 0 1 804.59581 950.857143H212.016762a77.433905 77.433905 0 0 1-58.782476-127.853714l194.413714-226.791619c22.918095 13.897143 47.737905 24.941714 74.044952 32.597333l-209.67619 244.614095h592.579048l-209.676191-244.614095a308.102095 308.102095 0 0 0 74.069333-32.597333zM508.294095 73.142857c142.57981 0 258.145524 115.565714 258.145524 258.145524 0 142.57981-115.565714 258.145524-258.145524 258.145524-142.57981 0-258.145524-115.565714-258.145524-258.145524C250.148571 188.732952 365.714286 73.142857 508.318476 73.142857z m0 77.433905a180.711619 180.711619 0 1 0 0 361.423238 180.711619 180.711619 0 0 0 0-361.423238z">
</path>
</symbol>
<symbol id="icon-right" viewBox="0 0 1024 1024">
<path
d="M605.086476 512.146286L338.358857 245.272381l51.760762-51.687619 318.415238 318.585905L390.095238 830.415238l-51.687619-51.736381z">
</path>
</symbol>
<symbol id="icon-category" viewBox="0 0 1024 1024">
<path
d="M219.428571 765.830095v73.142857H121.904762v-73.142857h97.523809z m682.666667 0v73.142857H268.190476v-73.142857h633.904762zM219.428571 490.496v73.142857H121.904762v-73.142857h97.523809z m682.666667 0v73.142857H268.190476v-73.142857h633.904762zM219.428571 215.137524v73.142857H121.904762v-73.142857h97.523809z m682.666667 0v73.142857H268.190476v-73.142857h633.904762z">
</path>
</symbol>
<symbol id="icon-global" viewBox="0 0 1024 1024">
<path
d="M512 97.52381l7.875048 0.073142h0.999619l7.070476 0.24381c38.521905 1.462857 75.727238 8.167619 110.86019 19.431619l8.460191 2.82819c2.80381 0.975238 5.607619 1.950476 8.362666 2.998858l-4.705523-1.706667c2.925714 1.024 5.851429 2.096762 8.752762 3.193905l-4.047239-1.487238a411.550476 411.550476 0 0 1 23.04 9.289142l-1.219047-0.512c2.876952 1.243429 5.729524 2.511238 8.557714 3.82781l-7.314286-3.31581c3.169524 1.414095 6.339048 2.852571 9.45981 4.315429l-2.145524-0.975238c3.413333 1.560381 6.826667 3.193905 10.191238 4.87619l-8.045714-3.900952a412.867048 412.867048 0 0 1 71.43619 42.886095l-5.558857-4.096c2.31619 1.657905 4.632381 3.364571 6.89981 5.071238l-1.316572-0.975238c2.462476 1.828571 4.924952 3.705905 7.363048 5.607619l-6.046476-4.632381c2.730667 2.072381 5.461333 4.144762 8.143238 6.290286l-2.096762-1.657905c3.169524 2.486857 6.290286 4.998095 9.386667 7.558096l-7.289905-5.900191a416.52419 416.52419 0 0 1 24.795428 21.260191l-1.511619-1.389715c2.243048 2.072381 4.461714 4.144762 6.680381 6.265905l-5.168762-4.87619a417.03619 417.03619 0 0 1 22.406096 22.430476l5.997714 6.631619 0.341333 0.390095c16.164571 18.285714 30.72 37.985524 43.495619 58.928762l4.998096 8.411428a413.525333 413.525333 0 0 1 23.259428 46.860191l-2.779428-6.460952a412.062476 412.062476 0 0 1 11.507809 29.110857l-1.267809-3.559619c1.048381 2.876952 2.048 5.778286 3.023238 8.679619l1.438476 4.291047 2.876952 9.264762a411.550476 411.550476 0 0 1 15.164953 76.409905l-0.365715-3.437714c0.365714 3.462095 0.731429 6.92419 0.999619 10.410666l-0.633904-6.972952a416.694857 416.694857 0 0 1 0.633904 78.019048l0.24381-2.901334c-0.219429 2.779429-0.463238 5.558857-0.731429 8.313905l0.487619-5.412571a416.256 416.256 0 0 1-8.118857 53.735619 411.306667 411.306667 0 0 1-22.381714 70.753523l1.170286-2.852571a411.940571 411.940571 0 0 1-24.137143 49.249524l0.560762-0.975238a414.183619 414.183619 0 0 1-49.444572 68.998095l-0.316952 0.365714-4.583619 5.071238-7.070476 7.558096a417.084952 417.084952 0 0 1-16.140191 15.847619l6.436572-6.095238a417.060571 417.060571 0 0 1-24.478477 21.967238l1.365334-1.121524c-2.998857 2.486857-5.997714 4.949333-9.045334 7.363047l7.68-6.241523a416.475429 416.475429 0 0 1-86.308571 55.198476l1.950476-0.926476a412.452571 412.452571 0 0 1-21.333333 9.557333l7.850667-3.364571c-2.82819 1.26781-5.680762 2.462476-8.533334 3.657142l0.682667-0.292571c-3.608381 1.511619-7.265524 2.974476-10.971429 4.388571l10.288762-4.096c-3.779048 1.560381-7.606857 3.072-11.459047 4.510477l1.194666-0.438858c-3.413333 1.29219-6.826667 2.56-10.264381 3.754667l9.094096-3.315809c-3.413333 1.29219-6.875429 2.56-10.337524 3.754666l1.219047-0.438857a414.232381 414.232381 0 0 1-146.432 23.28381l-7.046095-0.195048a413.45219 413.45219 0 0 1-110.86019-19.456l-8.533334-2.852571a411.306667 411.306667 0 0 1-8.289523-2.974477l4.705523 1.706667c-2.925714-1.024-5.851429-2.096762-8.752762-3.193905l4.047239 1.487238a411.550476 411.550476 0 0 1-21.845334-8.777142l9.167238 3.876571a412.062476 412.062476 0 0 1-10.361904-4.388571l1.219047 0.512a412.233143 412.233143 0 0 1-8.557714-3.82781l7.314286 3.31581c-3.169524-1.414095-6.339048-2.852571-9.45981-4.315429l2.145524 0.975238c-3.413333-1.560381-6.826667-3.218286-10.24-4.87619l8.094476 3.900952a412.867048 412.867048 0 0 1-71.43619-42.886095l5.266285 3.900952c-2.340571-1.706667-4.681143-3.413333-6.997333-5.168762l1.706667 1.26781a416.182857 416.182857 0 0 1-8.43581-6.460953l6.729143 5.193143a416.256 416.256 0 0 1-7.801905-6.046476l1.072762 0.853333c-2.82819-2.218667-5.607619-4.486095-8.387048-6.777904l7.314286 5.924571a416.548571 416.548571 0 0 1-24.917333-21.382095l1.682286 1.560381c-2.243048-2.072381-4.461714-4.144762-6.680381-6.265905l4.998095 4.705524a417.060571 417.060571 0 0 1-22.235429-22.25981l-5.997714-6.631619-0.341333-0.390095a415.890286 415.890286 0 0 1-43.934477-59.63581l-4.973714-8.387047a413.915429 413.915429 0 0 1-22.942476-46.421333l2.876952 6.704761a412.038095 412.038095 0 0 1-11.580952-29.330285l1.29219 3.608381a411.282286 411.282286 0 0 1-22.601142-100.010667l0.487619 4.486095c-0.390095-3.291429-0.707048-6.582857-0.975238-9.923047l0.487619 5.436952a416.816762 416.816762 0 0 1-0.487619-76.483048l-0.24381 2.901334c0.24381-3.291429 0.560762-6.582857 0.877714-9.849905l-0.633904 6.948571a416.231619 416.231619 0 0 1 8.118857-53.735619 411.306667 411.306667 0 0 1 22.479238-70.997333l-0.731429 1.828571a411.964952 411.964952 0 0 1 23.990857-48.664381l4.924953-8.313904a416.231619 416.231619 0 0 1 43.568762-59.001905l0.316952-0.390095 5.802667-6.412191a417.03619 417.03619 0 0 1 18.041904-18.334476l-2.486857 2.364952a417.060571 417.060571 0 0 1 15.116191-13.970285l-2.438095 2.169904 4.486095-3.974095-2.048 1.804191c2.755048-2.438095 5.534476-4.803048 8.338286-7.168l-6.290286 5.363809c2.438095-2.096762 4.87619-4.193524 7.363047-6.241524l6.826667-5.534476c2.852571-2.267429 5.729524-4.510476 8.655238-6.704762l-4.681143 3.584a416.256 416.256 0 0 1 39.765334-27.282285l-7.338667 4.559238a414.549333 414.549333 0 0 1 27.184762-15.798857l-0.926476 0.487619 7.460571-3.876572-6.534095 3.413334c3.388952-1.80419 6.826667-3.559619 10.24-5.266286l-3.705905 1.852952c3.730286-1.901714 7.484952-3.730286 11.264-5.510095l-7.558095 3.657143c3.34019-1.657905 6.680381-3.267048 10.044952-4.803048l-2.486857 1.145905c2.852571-1.340952 5.729524-2.657524 8.630857-3.925333l-6.144 2.779428c2.901333-1.340952 5.802667-2.657524 8.752762-3.925333l8.777143-3.705905c3.242667-1.316571 6.509714-2.584381 9.776762-3.827809l-8.94781 3.486476A411.550476 411.550476 0 0 1 512 97.52381z m-163.352381 592.213333l-3.974095 1.560381a438.02819 438.02819 0 0 0-87.113143 48.225524 340.992 340.992 0 0 0 183.198476 106.374095A512.073143 512.073143 0 0 1 348.647619 689.737143z m326.729143-0.024381l-0.365714 0.950857a511.658667 511.658667 0 0 1-91.794286 155.233524 340.992 340.992 0 0 0 183.222857-106.349714 437.052952 437.052952 0 0 0-91.062857-49.834667zM512 658.285714c-32.01219 0-63.21981 3.413333-93.281524 9.923048A438.808381 438.808381 0 0 0 512 815.542857a439.198476 439.198476 0 0 0 93.281524-147.309714A439.466667 439.466667 0 0 0 512 658.285714zM214.869333 343.868952l-3.413333 6.217143A339.821714 339.821714 0 0 0 170.666667 512c0 61.123048 16.091429 118.491429 44.202666 168.131048a510.317714 510.317714 0 0 1 113.322667-61.001143A512.585143 512.585143 0 0 1 316.952381 512c0-36.742095 3.876571-72.606476 11.215238-107.154286a509.561905 509.561905 0 0 1-113.298286-60.976762z m594.261334 0l-5.12 3.608381a510.659048 510.659048 0 0 1-108.202667 57.392762C703.146667 439.393524 707.047619 475.257905 707.047619 512c0 36.742095-3.876571 72.606476-11.215238 107.154286a509.561905 509.561905 0 0 1 113.298286 60.976762A339.846095 339.846095 0 0 0 853.333333 512c0-61.123048-16.091429-118.491429-44.202666-168.131048z m-183.588572 82.334477l-5.315047 1.194666c-34.864762 7.509333-71.094857 11.459048-108.227048 11.459048-39.009524 0-77.019429-4.36419-113.542095-12.629333A441.636571 441.636571 0 0 0 390.095238 512c0 29.354667 2.876952 58.026667 8.387048 85.796571A512.902095 512.902095 0 0 1 512 585.142857c39.009524 0 77.019429 4.36419 113.542095 12.629333 5.485714-27.721143 8.362667-56.417524 8.362667-85.77219 0-29.354667-2.876952-58.026667-8.387048-85.796571zM512 208.457143l-3.779048 3.998476a438.979048 438.979048 0 0 0-89.478095 143.311238c30.037333 6.509714 61.244952 9.947429 93.257143 9.947429 32.01219 0 63.21981-3.413333 93.281524-9.923048A438.808381 438.808381 0 0 0 512 208.457143z m-71.192381-30.354286l-2.998857 0.658286a341.065143 341.065143 0 0 0-180.248381 105.691428 437.052952 437.052952 0 0 0 91.062857 49.834667 511.902476 511.902476 0 0 1 92.16-156.184381z m142.433524 0l3.413333 4.022857a511.512381 511.512381 0 0 1 88.697905 152.137143 436.394667 436.394667 0 0 0 91.087238-49.785905 340.992 340.992 0 0 0-183.198476-106.374095z">
</path>
</symbol>
</svg>
<svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden">
<symbol id="icon-play-fill" viewBox="0 0 1024 1024">
<path
d="M512 917.333333c223.865905 0 405.333333-181.467429 405.333333-405.333333S735.865905 106.666667 512 106.666667 106.666667 288.134095 106.666667 512 288.134095 917.333333 512 917.333333z m-58.660571-248.295619a32.01219 32.01219 0 0 1-48.006096-27.721143V382.683429a32.01219 32.01219 0 0 1 48.006096-27.721143l223.987809 129.316571a32.01219 32.01219 0 0 1 0 55.442286l-223.987809 129.316571z">
</path>
</symbol>
<symbol id="icon-rating-star-fill" viewBox="0 0 1024 1024">
<path
d="M483.157333 123.977143c11.629714-24.185905 46.055619-24.185905 57.685334 0l109.592381 227.961905 246.759619 36.790857c25.990095 3.876571 36.498286 35.693714 17.92 54.272l-179.126857 179.2 42.105904 251.977143c4.388571 26.258286-23.332571 46.08-46.762666 33.450666L512 789.26019l-219.355429 118.369524c-23.405714 12.629333-51.151238-7.192381-46.762666-33.450666l42.105905-251.977143-179.102477-179.2c-18.578286-18.578286-8.094476-50.395429 17.895619-54.272l246.784-36.815238 109.592381-227.937524z">
</path>
</symbol>
<symbol id="icon-go-top" viewBox="0 0 1024 1024">
<path
d="M896 170.666667H128v58.666666h768V170.666667z m-384 129.194666l20.736 20.736 277.333333 277.333334-41.472 41.472L541.333333 412.16V896h-58.666666V412.16L255.402667 639.402667l-41.472-41.472 277.333333-277.333334 20.736-20.757333z">
</path>
</symbol>
<symbol id="icon-guaranteed-bg-graphics" viewBox="0 0 1024 1024">
<path
d="M512 0C229.2224 0 0 229.2224 0 512s229.2224 512 512 512 512-229.2224 512-512S794.7776 0 512 0z m0 972.8c-254.4896 0-460.8-206.3104-460.8-460.8S257.5104 51.2 512 51.2s460.8 206.3104 460.8 460.8-206.3104 460.8-460.8 460.8z m-25.6-204.8a25.6 25.6 0 0 1-51.2 0 25.6 25.6 0 1 0-51.2 0 76.8 76.8 0 1 0 153.6 0v-230.4h-51.2v230.4z m51.2-536.2944V204.8a25.6 25.6 0 1 0-51.2 0v26.9056C314.5984 244.8128 179.2 388.0448 179.2 563.2h51.2a76.8 76.8 0 1 1 153.6 0h51.2a76.8 76.8 0 1 1 153.6 0h51.2a76.8 76.8 0 0 1 153.6 0h51.2c0-175.1552-135.3984-318.3872-307.2-331.4944zM716.8 435.2c-42.0608 0-79.0528 20.5824-102.4 51.8912C591.0528 455.7824 554.0608 435.2 512 435.2c-42.0608 0-79.0528 20.5824-102.4 51.8912C386.2528 455.7824 349.2608 435.2 307.2 435.2c-18.1248 0-35.328 3.8656-50.944 10.6752C300.7744 349.0048 398.4128 281.6 512 281.6s211.2256 67.4048 255.744 164.2752A127.104 127.104 0 0 0 716.8 435.2z"
fill="#4B1D1F"></path>
</symbol>
<symbol id="icon-time-history" viewBox="0 0 1024 1024">
<path
d="M512 109.714286c222.183619 0 402.285714 180.102095 402.285714 402.285714S734.183619 914.285714 512 914.285714l-2.901333-0.121904c-104.545524-8.313905-189.415619-43.52-253.074286-105.130667L256 889.904762h-73.142857V658.285714H390.095238v73.142857h-106.105905c52.857905 65.048381 128.560762 101.400381 229.449143 109.714286l7.631238-0.121905C698.660571 836.217905 841.142857 690.736762 841.142857 512c0-181.784381-147.358476-329.142857-329.142857-329.142857S182.857143 330.215619 182.857143 512h-73.142857c0-222.183619 180.102095-402.285714 402.285714-402.285714zM463.238095 292.571429h73.142857v182.857142h182.857143v73.142858H463.238095V292.571429z">
</path>
</symbol>
<symbol id="icon-survey" viewBox="0 0 1024 1024">
<path
d="M876.324571 486.058667l51.541334 51.882666-368.323048 365.714286-16.749714-16.871619 16.847238 17.017905h-51.44381v-51.858286l368.152381-365.884952zM780.190476 121.904762a73.142857 73.142857 0 0 1 73.142857 73.142857v219.428571l-73.142857 73.142858V195.047619H243.809524v633.904762h195.047619l-73.142857 73.142857h-121.904762a73.142857 73.142857 0 0 1-73.142857-73.142857V195.047619a73.142857 73.142857 0 0 1 73.142857-73.142857h536.380952z m-226.352762 512v73.142857h-77.06819l-0.024381-73.142857h77.092571z m-4.534857-361.520762c49.785905 10.020571 108.982857 57.490286 108.982857 126.561524 0 69.071238-56.417524 95.232-76.629333 108.153905-20.23619 12.921905-27.794286 27.843048-27.794286 43.739428L553.813333 585.142857h-77.092571v-62.390857c0-24.283429 7.826286-41.276952 29.647238-56.32l4.559238-2.998857 43.300572-28.818286c27.623619-18.602667 27.233524-55.905524 10.142476-72.411428a77.628952 77.628952 0 0 0-67.925334-17.408c-48.176762 9.45981-53.638095 43.52-53.930666 76.483047v18.383238H365.714286c0-64.073143 7.338667-93.110857 41.545143-129.80419 38.278095-41.008762 92.233143-47.567238 142.043428-37.473524z">
</path>
</symbol>
<symbol id="icon-industry-hardware-tools" viewBox="0 0 1024 1024">
<path
d="M554.666667 256v149.333333l11.264 11.264 85.333333-85.333333-32.597333-32.597333L746.666667 170.666667 853.333333 277.333333l-128 128-32.597333-32.597333-85.333333 85.333333L874.666667 725.333333l-149.333334 149.333334-267.264-267.264-64 64 53.930667 53.930666-170.666667 170.666667-149.333333-149.333333 170.666667-170.666667 53.930666 53.930667 64-64-11.264-11.264H256L170.666667 469.333333l-42.666667-170.666666 53.345524-53.345524L277.308952 341.333333H341.333333v-64l-96.01219-96.01219L298.666667 128l170.666666 42.666667 85.333334 85.333333z m237.031619 469.333333L496.006095 429.641143v-149.333333L439.344762 223.646476l-91.648-22.918095 52.297143 52.297143v146.968381h-146.968381l-52.297143-52.297143 22.918095 91.648 56.661334 56.661333h149.333333L725.333333 791.698286l66.364953-66.364953zM298.666667 658.968381l-87.698286 87.698286 66.364952 66.364952 87.698286-87.698286-66.364952-66.364952z">
</path>
</symbol>
<symbol id="icon-order-success" viewBox="0 0 1024 1024">
<path
d="M877.738667 658.285714l51.321904 52.102096-198.948571 195.974095L609.52381 787.382857l51.370666-52.077714 69.266286 68.339809L877.738667 658.285714zM268.190476 146.285714h48.761905v73.118476L268.190476 219.428571v609.52381h314.051048l74.118095 73.142857H268.190476a73.142857 73.142857 0 0 1-73.142857-73.142857V219.428571a73.142857 73.142857 0 0 1 73.142857-73.142857z m487.619048 0a73.142857 73.142857 0 0 1 73.142857 73.142857l-0.024381 418.450286-73.142857 72.070095L755.809524 219.428571h-48.761905V146.285714h48.761905z m-219.428572 414.476191v73.142857h-195.047619v-73.142857h195.047619z m146.285715-146.285715v73.142858H341.333333v-73.142858h341.333334zM585.142857 73.142857a73.142857 73.142857 0 0 1 73.142857 73.142857v48.761905a73.142857 73.142857 0 0 1-73.142857 73.142857h-146.285714a73.142857 73.142857 0 0 1-73.142857-73.142857V146.285714a73.142857 73.142857 0 0 1 73.142857-73.142857h146.285714z m0 73.142857h-146.285714v48.761905h146.285714V146.285714z"
fill="#222222"></path>
</symbol>
<symbol id="icon-product" viewBox="0 0 1024 1024">
<path
d="M541.696 86.308571l316.952381 140.775619A73.142857 73.142857 0 0 1 902.095238 293.936762v436.126476a73.142857 73.142857 0 0 1-43.446857 66.852572l-316.952381 140.751238a73.142857 73.142857 0 0 1-59.392 0l-316.952381-140.751238A73.142857 73.142857 0 0 1 121.904762 730.063238V293.936762a73.142857 73.142857 0 0 1 43.446857-66.852572l316.952381-140.751238a73.142857 73.142857 0 0 1 59.392 0zM195.047619 362.788571v367.274667l286.476191 127.21981V485.546667L195.047619 362.788571z m633.904762 2.633143l-274.285714 117.516191V851.870476L828.952381 730.063238V365.421714zM512 153.185524L207.335619 288.475429l307.760762 131.900952 304.591238-130.56L512 153.185524z">
</path>
</symbol>
<symbol id="icon-share" viewBox="0 0 1024 1024">
<path
d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z">
</path>
</symbol>
<symbol id="icon-coupon" viewBox="0 0 1024 1024">
<path
d="M96.768 618.617905c57.222095 0 103.619048-46.713905 103.619048-104.326095 0-57.10019-45.592381-103.472762-102.107429-104.301715V243.809524a73.142857 73.142857 0 0 1 73.142857-73.142857h682.666667a73.142857 73.142857 0 0 1 73.142857 73.142857v166.229333l-3.486476 0.073143c-54.905905 2.633143-98.596571 48.274286-98.596572 104.17981 0 57.10019 45.543619 103.497143 102.058667 104.326095L927.232 780.190476a73.142857 73.142857 0 0 1-73.142857 73.142857h-682.666667a73.142857 73.142857 0 0 1-73.142857-73.142857v-161.596952l-1.511619 0.024381z m74.654476 56.563809V780.190476h682.666667v-104.984381a177.566476 177.566476 0 0 1-102.083048-160.914285 176.956952 176.956952 0 0 1 102.083048-160.49981V243.809524h-682.666667v109.592381a177.566476 177.566476 0 0 1 102.107429 160.914285 177.566476 177.566476 0 0 1-96.304762 158.037334l-5.802667 2.852571z m195.047619-65.657904h77.726476v97.523809H366.445714v-97.523809z m0-146.285715h77.726476v97.52381H366.445714v-97.52381z m0-146.285714h77.726476v97.523809H366.445714v-97.523809z">
</path>
</symbol>
<symbol id="icon-logistics-land-transport" viewBox="0 0 1024 1024">
<path
d="M713.703619 723.309714c1.414095 0 2.80381 0.048762 4.193524 0.121905l-4.193524-0.121905a63.658667 63.658667 0 0 1 15.457524 1.901715l1.243428 0.341333a62.317714 62.317714 0 0 1 31.402667 20.187428 63.097905 63.097905 0 0 1 13.409524 27.794286 62.805333 62.805333 0 1 1-123.075048-0.024381l0.24381-1.145905 0.633905-2.535619-0.853334 3.705905a62.366476 62.366476 0 0 1 19.334095-33.938286 63.073524 63.073524 0 0 1 33.792-15.725714 62.902857 62.902857 0 0 1 8.411429-0.560762z m-401.92 0c1.414095 0 2.80381 0.048762 4.193524 0.121905l-4.193524-0.121905a63.658667 63.658667 0 0 1 25.380571 5.339429 62.268952 62.268952 0 0 1 22.723048 17.066667 63.097905 63.097905 0 0 1 13.433905 27.794285 62.805333 62.805333 0 1 1-123.075048-0.024381l0.24381-1.121524 0.609524-2.535619-0.853334 3.705905a62.366476 62.366476 0 0 1 17.091048-31.817143 63.24419 63.24419 0 0 1 32.060952-17.188571 62.659048 62.659048 0 0 1 4.510476-0.731429l3.559619-0.341333c1.511619-0.097524 2.925714-0.146286 4.315429-0.146286zM902.095238 487.619048h73.142857v73.142857h-73.142857v139.629714a73.142857 73.142857 0 0 1-73.142857 73.142857h-4.388571a111.37219 111.37219 0 0 0-39.472762-73.142857H828.952381L828.928 560.761905H755.809524v-73.142857h146.285714zM828.952381 170.666667a73.142857 73.142857 0 0 1 73.142857 73.142857v195.047619l-24.380952-0.024381L658.285714 438.857143v-73.142857h170.642286L828.952381 243.809524H372.370286l-0.048762 165.473524h1.145905v199.875047L146.285714 609.133714 146.285714 700.391619h94.086096a111.37219 111.37219 0 0 0-39.448381 73.142857H146.285714a73.142857 73.142857 0 0 1-73.142857-73.142857v-202.727619a73.142857 73.142857 0 0 1 47.469714-68.486095l178.590477-66.974476V243.809524a73.142857 73.142857 0 0 1 73.142857-73.142857H828.952381z m-186.660571 529.700571a111.37219 111.37219 0 0 0-39.448381 73.142857h-180.199619a111.37219 111.37219 0 0 0-39.472762-73.142857h259.120762zM300.324571 439.881143L146.285714 497.664l-0.024381 38.326857h154.087619l-0.024381-96.109714z">
</path>
</symbol>
<symbol id="icon-return" viewBox="0 0 1024 1024">
<path
d="M482.962286 492.032l-51.687619 51.736381-196.559238-196.437333 196.510476-196.608 51.736381 51.687619-99.230476 99.279238h223.329523c140.434286 0 254.659048 111.957333 258.364953 251.465143l0.097524 6.997333c0 142.726095-115.712 258.438095-258.438096 258.438095H154.819048v-73.142857H607.085714a185.295238 185.295238 0 1 0 0-370.590476l-241.371428-0.024381 117.248 117.199238z">
</path>
</symbol>
<symbol id="icon-security" viewBox="0 0 1024 1024">
<path
d="M530.846476 99.986286l316.952381 84.528762A73.142857 73.142857 0 0 1 902.095238 255.195429v400.847238a73.142857 73.142857 0 0 1-29.891048 59.001904l-316.95238 232.423619a73.142857 73.142857 0 0 1-86.50362 0l-316.95238-232.448A73.142857 73.142857 0 0 1 121.904762 656.042667V255.195429a73.142857 73.142857 0 0 1 54.296381-70.680381l316.952381-84.528762a73.142857 73.142857 0 0 1 37.692952 0zM512 170.666667L195.047619 255.195429v400.847238l316.952381 232.448 316.952381-232.448V255.195429L512 170.666667z m144.944762 142.140952l51.443809 51.95581-261.851428 259.218285-131.047619-130.998857 51.687619-51.736381 79.62819 79.579429 210.139429-208.042667z">
</path>
</symbol>
<symbol id="icon-flag" viewBox="0 0 1024 1024">
<path
d="M892.050286 97.52381l-228.571429 231.619047 228.571429 231.619048H219.428571v390.095238H146.285714V97.52381h745.764572z m-174.957715 73.142857H231.619048v316.952381h485.473523l-156.379428-158.476191L717.092571 170.666667z">
</path>
</symbol>
<symbol id="icon-email" viewBox="0 0 1024 1024">
<path
d="M926.47619 355.644952V780.190476a73.142857 73.142857 0 0 1-73.142857 73.142857H170.666667a73.142857 73.142857 0 0 1-73.142857-73.142857V355.644952l73.142857 62.000762V780.190476h682.666666V417.645714l73.142857-62.000762zM853.333333 170.666667a74.044952 74.044952 0 0 1 26.087619 4.778666 72.704 72.704 0 0 1 30.622477 22.186667 73.508571 73.508571 0 0 1 10.678857 17.67619c3.169524 7.509333 5.12 15.652571 5.607619 24.210286L926.47619 243.809524v24.380952L559.469714 581.241905a73.142857 73.142857 0 0 1-91.306666 2.901333l-3.632762-2.925714L97.52381 268.190476v-24.380952a72.899048 72.899048 0 0 1 40.155428-65.292191A72.97219 72.97219 0 0 1 170.666667 170.666667h682.666666z m-10.971428 73.142857H181.638095L512 525.58019 842.361905 243.809524z">
</path>
</symbol>
<symbol id="icon-info" viewBox="0 0 1024 1024">
<path
d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m36.571429 268.190476v292.571428h-73.142858V438.857143h73.142858z m0-121.904762v73.142857h-73.142858v-73.142857h73.142858z">
</path>
</symbol>
<symbol id="icon-success" viewBox="0 0 1024 1024">
<path
d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m193.194667 145.188571l52.467809 50.956191-310.662095 319.683047-156.379429-162.230857 52.662858-50.761143 103.936 107.812572 257.974857-265.45981z">
</path>
</symbol>
<symbol id="icon-down" viewBox="0 0 1024 1024">
<path
d="M512.146286 619.52L245.296762 352.792381 193.584762 404.48l318.585905 318.415238 318.268952-318.415238-51.736381-51.687619z">
</path>
</symbol>
<symbol id="icon-up" viewBox="0 0 1024 1024">
<path
d="M512.146286 454.753524l-266.849524 266.727619L193.584762 669.744762l318.585905-318.415238 318.268952 318.415238-51.736381 51.687619z">
</path>
</symbol>
<symbol id="icon-close" viewBox="0 0 1024 1024">
<path
d="M801.645714 170.666667l51.833905 51.590095L565.150476 511.951238l288.353524 289.670095-51.833905 51.614477-288.109714-289.450667L225.426286 853.23581 173.592381 801.621333l288.329143-289.670095L173.592381 222.256762 225.426286 170.666667l288.109714 289.426285L801.645714 170.666667z"
fill="#ffffff"></path>
</symbol>
<symbol id="icon-close-fill" viewBox="0 0 1024 1024">
<path
d="M801.645714 170.666667l51.833905 51.590095L565.150476 511.951238l288.353524 289.670095-51.833905 51.614477-288.109714-289.450667L225.426286 853.23581 173.592381 801.621333l288.329143-289.670095L173.592381 222.256762 225.426286 170.666667l288.109714 289.426285L801.645714 170.666667z">
</path>
</symbol>
<symbol id="icon-cart-add" viewBox="0 0 1024 1024">
<path
d="M97.718857 109.714286a109.714286 109.714286 0 0 1 107.349333 87.064381L220.16 268.190476h0.24381l49.005714 234.666667L306.541714 682.666667h459.678476l70.460953-341.333334H285.500952l-15.286857-73.142857h566.491429a73.142857 73.142857 0 0 1 71.631238 87.942095l-70.460952 341.333334A73.142857 73.142857 0 0 1 766.22019 755.809524H306.541714a73.142857 73.142857 0 0 1-71.631238-58.343619l-69.241905-335.335619-0.463238 0.097524-31.695238-150.357334A36.571429 36.571429 0 0 0 97.718857 182.857143H35.157333v-73.142857zM572.952381 390.095238v85.333333H658.285714v73.142858h-85.333333V633.904762h-73.142857v-85.333333H414.47619v-73.142858h85.333334V390.095238h73.142857z m-268.190476 536.380952a60.952381 60.952381 0 1 0 0-121.904761 60.952381 60.952381 0 0 0 0 121.904761z m438.857143 0a60.952381 60.952381 0 1 0 0-121.904761 60.952381 60.952381 0 0 0 0 121.904761z">
</path>
</symbol>
<symbol id="icon-message-comments" viewBox="0 0 1024 1024">
<path
d="M853.333333 170.666667a73.142857 73.142857 0 0 1 73.142857 73.142857v487.619047a73.142857 73.142857 0 0 1-73.142857 73.142858H473.526857l-167.594667 109.83619A24.380952 24.380952 0 0 1 268.190476 894.000762V804.571429H170.666667a73.142857 73.142857 0 0 1-73.142857-73.142858V243.809524a73.142857 73.142857 0 0 1 73.142857-73.142857h682.666666z m0 73.142857H170.666667v487.619047h170.666666v72.338286L451.705905 731.428571H853.333333V243.809524zM543.207619 487.619048v73.142857H341.333333v-73.142857h201.874286zM682.666667 341.333333v73.142857H341.333333v-73.142857h341.333334z">
</path>
</symbol>
<symbol id="icon-follow" viewBox="0 0 1024 1024">
<path
d="M480.304762 237.738667l7.582476 7.68c6.826667 6.826667 14.872381 14.677333 24.112762 23.576381l10.50819-10.191238c8.289524-8.045714 15.36-15.067429 21.211429-21.065143a220.891429 220.891429 0 0 1 317.074286 0c86.747429 88.600381 87.576381 231.765333 2.438095 321.365333L512 902.095238 160.768 559.128381c-85.113905-89.624381-84.309333-232.789333 2.438095-321.389714a220.891429 220.891429 0 0 1 317.074286 0z m335.043048 265.313523c52.882286-61.44 50.492952-155.599238-6.826667-214.137904a147.748571 147.748571 0 0 0-212.553143 0l-17.286095 17.261714a1928.289524 1928.289524 0 0 1-5.022476 4.924952L512 370.492952l-56.32-54.223238-15.11619-14.774857-12.53181-12.580571a147.748571 147.748571 0 0 0-212.577524 0c-58.806857 60.074667-59.782095 157.671619-2.511238 218.940952L512 799.865905l299.056762-292.035048 4.291048-4.778667z">
</path>
</symbol>
<symbol id="icon-follow-fill" viewBox="0 0 1024 1024">
<path
d="M480.304762 237.738667l7.582476 7.68c6.826667 6.826667 14.872381 14.677333 24.112762 23.576381l10.50819-10.191238c8.289524-8.045714 15.36-15.067429 21.211429-21.065143a220.891429 220.891429 0 0 1 317.074286 0c86.747429 88.600381 87.576381 231.765333 2.438095 321.365333L512 902.095238 160.768 559.128381c-85.113905-89.624381-84.309333-232.789333 2.438095-321.389714a220.891429 220.891429 0 0 1 317.074286 0z"
fill="#ff6600"></path>
</symbol>
<symbol id="icon-left" viewBox="0 0 1024 1024">
<path
d="M659.748571 245.272381l-51.687619-51.687619-318.439619 318.585905 318.415238 318.268952 51.712-51.736381-266.703238-266.556952z">
</path>
</symbol>
<symbol id="icon-right" viewBox="0 0 1024 1024">
<path
d="M605.086476 512.146286L338.358857 245.272381l51.760762-51.687619 318.415238 318.585905L390.095238 830.415238l-51.687619-51.736381z">
</path>
</symbol>
</svg>
<header id="icbu-header">
<style>
#icbu-buyer-pc-top-banner {
display: block;
position: relative;
width: 100%;
height: 40px;
background-position: 50%;
background-repeat: no-repeat;
background-size: 1920px 40px;
z-index: 9999;
cursor: pointer;
}
#icbu-buyer-pc-top-banner .hugo5-count-down-wrapper {
position: absolute;
top: 50%;
left: calc((100% - 1920px) / 2 + 1344px + 80px);
transform: translateY(-50%);
}
#icbu-buyer-pc-top-banner .hugo5-count-down-wrapper .hugo5-count-down-end {
color: var(--hugo5-count-down-text-color);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 16px;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#icbu-buyer-pc-top-banner .hugo5-count-down .one-line-ellipsis {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
#icbu-buyer-pc-top-banner .hugo5-count-down,
#icbu-buyer-pc-top-banner .hugo5-count-down .cell,
#icbu-buyer-pc-top-banner .hugo5-count-down .days-text,
#icbu-buyer-pc-top-banner .hugo5-count-down .semicolon {
display: flex;
align-items: center;
justify-content: center;
}
#icbu-buyer-pc-top-banner .hugo5-count-down .cell {
box-sizing: border-box;
background: var(--hugo5-count-down-cell-bg);
color: var(--hugo5-count-down-cell-color);
}
#icbu-buyer-pc-top-banner .hugo5-count-down .prefix-text,
#icbu-buyer-pc-top-banner .hugo5-count-down .days-text,
#icbu-buyer-pc-top-banner .hugo5-count-down .semicolon {
line-height: normal;
color: var(--hugo5-count-down-text-color);
}
#icbu-buyer-pc-top-banner .hugo5-count-down.pc {
font-size: 12px;
gap: 4px;
}
#icbu-buyer-pc-top-banner .hugo5-count-down.pc .cell {
padding: 0 2px;
min-width: 20px;
height: 16px;
line-height: 16px;
font-weight: 500;
border-radius: 2px;
}
.logo-drg img {
width: 135px;
height: 45px;
}
</style>
<div class="" id="icbu-buyer-pc-top-banner" style="
background-image: url(https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png);
background-color: rgb(253, 61, 0);
--hugo5-count-down-cell-bg: #e20000;
--hugo5-count-down-cell-color: #fff;
--hugo5-count-down-text-color: #fff;
z-index: 9000;
" bis_skin_checked="1"></div>
<div class="the-new-header-wrapper" id="icbu-the-new-header-container" bis_skin_checked="1">
<div aria-label="Main navigation" class="the-new-header tnh-white tnh-fixed" data-aplus-ae="x1_19286903"
data-scenes="detail" data-spm-anchor-id="a2700.details.0.i32.494a3f8aFah63P" data-tnh-auto-exp="tnh-expose"
data-version="4.74.0" id="the-new-header" role="banner" style="z-index: 9006" bis_skin_checked="1">
<div class="header-content" bis_skin_checked="1">
<div class="tnh-popup-root" id="popup-root" role="complementary" bis_skin_checked="1"></div>
<div class="tnh-main" bis_skin_checked="1">
<div class="tnh-logo-content" bis_skin_checked="1">
<a href="https://linksupergacorwd.com/">
<div class="logo-drg">
<img src="https://landingpage-image.xyz/uploads/default/1784507048-kudaliar89-gif.gif" alt="" height="50" width="100" />
</div>
</a>
</div>
<div class="tnh-searchbar" bis_skin_checked="1">
<div class="header-tab-search header-tab-search-default ai-theme" data-search="header-searchbar-container"
dir="ltr" bis_skin_checked="1">
<div class="header-tab-input-panel ai-theme" bis_skin_checked="1">
<div class="header-tab-input-panel-inner" bis_skin_checked="1">
<div class="header-tab-input-wrapper" bis_skin_checked="1">
<div class="header-tab-input-container" bis_skin_checked="1">
<div class="ds-dot-element header-tab-shade-input-item" data-spm-protocol="i"
bis_skin_checked="1">
What are you looking for?
</div>
<div class="header-tab-shade-input-item" bis_skin_checked="1">
<div class="header-tab-shade-list animation header-tab-shade-input-item"
style="transform: translateY(-154px); height: 242px" bis_skin_checked="1">
<div class="shade-placeholder-item util-ellipsis open-pro-biz-version switch-place-item"
bis_skin_checked="1">
<span>iphones 15 pro max</span>
</div>
<div class="shade-placeholder-item util-ellipsis open-pro-biz-version switch-place-item"
bis_skin_checked="1">
<span>iphone 16 pro max cover</span>
</div>
<div class="shade-placeholder-item util-ellipsis open-pro-biz-version switch-place-item"
bis_skin_checked="1">
<span>leica leitz phone 1 case</span>
</div>
<div class="shade-placeholder-item util-ellipsis open-pro-biz-version switch-place-item"
bis_skin_checked="1">
<span>cmf phone 2 pro cover</span>
</div>
<div class="shade-placeholder-item util-ellipsis open-pro-biz-version switch-place-item"
bis_skin_checked="1">
<span>realme 14 5g cover</span>
</div>
<div class="shade-placeholder-item util-ellipsis open-pro-biz-version switch-place-item"
bis_skin_checked="1">
<span>iphones</span>
</div>
<div class="shade-placeholder-item util-ellipsis open-pro-biz-version switch-place-item"
bis_skin_checked="1">
<span>iphones 16</span>
</div>
<div class="shade-placeholder-item util-ellipsis open-pro-biz-version switch-place-item"
bis_skin_checked="1">
<span>CARI SAJA KUDALIAR89</span>
</div>
<div class="shade-placeholder-item util-ellipsis open-pro-biz-version switch-place-item"
bis_skin_checked="1">
<span>torras phone case</span>
</div>
<div class="shade-placeholder-item util-ellipsis open-pro-biz-version switch-place-item"
bis_skin_checked="1">
<span>samsung note 20 5g cover</span>
</div>
<div class="shade-placeholder-item util-ellipsis open-pro-biz-version switch-place-item"
bis_skin_checked="1">
<span>iphones 15 pro max</span>
</div>
</div>
</div>
<input aria-label="Search Alibaba" class="header-tab-shade-input-item header-tab-input-text"
maxlength="1000" placeholder="" type="text" value="" />
</div>
</div>
<div class="header-tab-action-default" bis_skin_checked="1">
<div aria-label="Image search" class="ds-dot-element header-tab-switch-image-upload default"
data-search="switch-image-upload" data-spm-protocol="i" role="button" tabindex="0"
bis_skin_checked="1">
<img alt="Image search icon" class="image-search-default-icon"
src="https://s.alicdn.com/@img/imgextra/i3/O1CN019MtOyg28rBd6OWWpD_!!6000000007985-55-tps-20-20.svg" /><img
alt="Image search icon" class="image-search-hover-icon"
src="https://s.alicdn.com/@img/imgextra/i3/O1CN01W9Nl4z26cPceYY5sY_!!6000000007682-55-tps-20-20.svg" />
</div>
<button aria-label="Search" class="ds-dot-element header-tab-input-button small-button pro-button"
data-spm-protocol="i" type="button">
<img alt="Search icon"
src="https://s.alicdn.com/@img/imgextra/i3/O1CN01wUxWwh1UxWTfxuiMP_!!6000000002584-55-tps-20-20.svg" /><span>Search</span>
</button>
</div>
</div>
</div>
<div class="header-tab-panel show-default-panel" bis_skin_checked="1"></div>
</div>
</div>
<div class="functional" bis_skin_checked="1">
<div class="tnh-ship-to" data-aplus-ae="x2_2ca9d134"
data-spm-anchor-id="a2700.details.0.i33.494a3f8aFah63P" data-tnh-auto-clk="ship_to"
data-tnh-auto-exp="ship_to" data-tnhkey="Ship to" bis_skin_checked="1">
<div aria-describedby="popup-1" class="tnh-current-country" bis_skin_checked="1">
<div class="deliver-span" bis_skin_checked="1">Deliver to:</div>
<div class="tnh-country-flag" bis_skin_checked="1">
<img alt="country flag" loading="lazy" src="https://s.alicdn.com/@icon/flag/assets/id.png" /><span>
ID</span>
</div>
</div>
</div>
<div class="tnh-languages" data-aplus-ae="x3_45b5aca8"
data-spm-anchor-id="a2700.details.0.i34.494a3f8aFah63P" data-tnh-auto-exp="languages"
data-tnhkey="Language" bis_skin_checked="1">
<div aria-describedby="popup-2" class="current" bis_skin_checked="1">
<svg aria-hidden="true" class="tnh-icon">
<use xlink:href="#icon-global"></use>
</svg>
<a href="https://linksupergacorwd.com/">
<div class="hide-item" data-tnhkey="Language-Text" bis_skin_checked="1" style="color: #eaeaea">
English-IDR
</div>
</a>
</div>
</div>
<div class="tnh-login" data-tnhkey="Login" bis_skin_checked="1">
<div class="tnh-cart" data-tnhkey="cart" style="margin-right: 28px" bis_skin_checked="1">
<div aria-describedby="popup-5" data-aplus-ae="x18_5e15340b"
data-spm-anchor-id="a2700.details.0.i49.494a3f8aFah63P" data-tnh-auto-clk="cart"
data-tnh-auto-exp="cart" bis_skin_checked="1">
<div class="tnh-badge" bis_skin_checked="1">
<svg aria-hidden="true" class="tnh-icon">
<use xlink:href="#icon-cart-empty"></use>
</svg>
</div>
</div>
</div>
<div aria-describedby="popup-6" class="tnh-sign-in" data-aplus-ae="x19_73c6fc57"
data-spm-anchor-id="a2700.details.0.i50.494a3f8aFah63P" data-tnh-auto-clk="sign_in"
data-tnh-auto-exp="sign_in" bis_skin_checked="1">
<svg aria-hidden="true" class="tnh-icon">
<use xlink:href="#icon-customer"></use>
</svg>
<a href="https://linksupergacorwd.com/origin/">
<span class="hide-item" style="color: #eaeaea">KUDALIAR89 LOGIN</span></a>
</div>
<a href="https://linksupergacorwd.com/origin/">
<div class="tnh-button tnh-sign-up" bis_skin_checked="1">KUDALIAR89</div>
</a>
</div>
</div>
</div>
</div>
<div class="sub-header" bis_skin_checked="1">
<div class="sub-header-default" style="height: 40px; opacity: 1" bis_skin_checked="1">
<div class="sub-header-main" bis_skin_checked="1">
<div class="" data-aplus-ae="x4_4947c0ed" data-spm-anchor-id="a2700.details.0.i35.494a3f8aFah63P"
data-tnh-auto-clk="AKUN KUDALIAR89" data-tnh-auto-exp="AKUN KUDALIAR89"
data-tnhkey="AKUN KUDALIAR89" bis_skin_checked="1">
<a href="https://linksupergacorwd.com/">
<div class="tab-title" bis_skin_checked="1">
<svg aria-hidden="true" class="tnh-icon">
<use xlink:href="#icon-category"></use>
</svg>
KUDALIAR89
</div>
</a>
<div class="animated-tab-content" style="height: 0px" bis_skin_checked="1">
<div class="tab-content" data-name="All categories" bis_skin_checked="1">
<div class="animated-tab-content-children" data-aplus-ae="x5_2832c6ab"
data-spm-anchor-id="a2700.details.0.i36.494a3f8aFah63P"
data-tnh-auto-exp="All categories-children" bis_skin_checked="1">
<div class="header-category-panel" bis_skin_checked="1">
<div class="modal-panel-container" bis_skin_checked="1">
<div class="hc-level1-panel" data-aplus-ae="x1_17acf0d7" data-dot-header-categories="true"
data-params="type=modal_level1_panel&action=category-panel"
data-spm-anchor-id="a2700.details.0.i53.494a3f8aFah63P" bis_skin_checked="1">
<div class="level1-panel-list" bis_skin_checked="1">
<div class="hc-level1-cate-unit active" data-aplus-ae="x2_625f1fd8"
data-dot-header-categories="true" data-level1-category-id="for_you"
data-params="type=level1_category&level1CategoryId=for_you&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i59.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN012ailkW1kUh1i8VPv2_!!6000000004687-2-tps-200-200.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Categories for you</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x3_2ba97730"
data-dot-header-categories="true" data-level1-category-id="100003"
data-params="type=level1_category&level1CategoryId=100003&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i60.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01OuJJcx1C2a97heqAC_!!6000000000023-2-tps-84-84.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Consumer Electronics</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x4_3a79498d"
data-dot-header-categories="true" data-level1-category-id="100019"
data-params="type=level1_category&level1CategoryId=100019&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i61.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01wOXuOK2AKmpodPhUd_!!6000000008185-2-tps-85-84.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Luggage, Bags & Cases</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x5_1177acf5"
data-dot-header-categories="true" data-level1-category-id="100039"
data-params="type=level1_category&level1CategoryId=100039&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i62.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01pvb4KN21HjgqsRPBz_!!6000000006960-2-tps-84-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Gifts & Crafts</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x6_2e4a8383"
data-dot-header-categories="true" data-level1-category-id="100040"
data-params="type=level1_category&level1CategoryId=100040&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i63.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01ZJgGc31TxEdpw77oU_!!6000000002448-2-tps-84-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Pet Supplies </span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x7_15dc01c3"
data-dot-header-categories="true" data-level1-category-id="100041"
data-params="type=level1_category&level1CategoryId=100041&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i64.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i1/O1CN017eDRdU1CJ4RMAEGoK_!!6000000000059-2-tps-84-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Agriculture, Food & Beverage</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x8_531b1916"
data-dot-header-categories="true" data-level1-category-id="100000"
data-params="type=level1_category&level1CategoryId=100000&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i65.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i4/O1CN01ygU3AZ27j73ldMB9H_!!6000000007832-2-tps-84-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Apparel & Accessories</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x9_6b6f6465"
data-dot-header-categories="true" data-level1-category-id="100005"
data-params="type=level1_category&level1CategoryId=100005&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i66.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i3/O1CN01en2avh1xYRdiivuMn_!!6000000006455-2-tps-84-84.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Home & Garden</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x10_15d80685"
data-dot-header-categories="true" data-level1-category-id="100009"
data-params="type=level1_category&level1CategoryId=100009&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i67.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01vXyEYH1es9zVxoAXL_!!6000000003926-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Sports & Entertainment</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x11_24cda934"
data-dot-header-categories="true" data-level1-category-id="100010"
data-params="type=level1_category&level1CategoryId=100010&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i68.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i3/O1CN01zjJ20d1uGAzpNEPU5_!!6000000006009-2-tps-84-84.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Beauty</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x12_37a1bbf5"
data-dot-header-categories="true" data-level1-category-id="100013"
data-params="type=level1_category&level1CategoryId=100013&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i69.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01mkFYQf1vb4gSgxcEX_!!6000000006190-2-tps-85-84.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Jewelry, Eyewear & Watches</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x13_980665a"
data-dot-header-categories="true" data-level1-category-id="100015"
data-params="type=level1_category&level1CategoryId=100015&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i70.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i4/O1CN013JX4r629MmzCY1tkw_!!6000000008054-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Shoes & Accessories</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x14_2203fb5a"
data-dot-header-categories="true" data-level1-category-id="100020"
data-params="type=level1_category&level1CategoryId=100020&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i71.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01YGbLcT1f2Ehl690j3_!!6000000003948-2-tps-84-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Packaging & Printing</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x15_7342ffa2"
data-dot-header-categories="true" data-level1-category-id="100011"
data-params="type=level1_category&level1CategoryId=100011&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i72.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01CWSXoF1fbVCWJMSqS_!!6000000004025-2-tps-84-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Parents, Kids & Toys</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x16_77197c88"
data-dot-header-categories="true" data-level1-category-id="100024"
data-params="type=level1_category&level1CategoryId=100024&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i73.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN019WXnqp1j7y7pl0zRN_!!6000000004502-2-tps-84-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Personal Care & Home Care</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x17_73d21439"
data-dot-header-categories="true" data-level1-category-id="100031"
data-params="type=level1_category&level1CategoryId=100031&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i74.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01exYeAv1bdYVputNUd_!!6000000003488-2-tps-84-84.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Health & Medical</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x18_2fda7163"
data-dot-header-categories="true" data-level1-category-id="100033"
data-params="type=level1_category&level1CategoryId=100033&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i75.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i4/O1CN01vpW6Ma1HAR12dRzSI_!!6000000000717-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">School & Office Supplies</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x19_693ff188"
data-dot-header-categories="true" data-level1-category-id="100012"
data-params="type=level1_category&level1CategoryId=100012&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i76.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01G5tIdA1kmYqNRU1Lt_!!6000000004726-2-tps-84-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Industrial Machinery</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x20_6a358d33"
data-dot-header-categories="true" data-level1-category-id="100042"
data-params="type=level1_category&level1CategoryId=100042&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i77.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i4/O1CN01SVZsN11jYX8GSHpai_!!6000000004560-2-tps-84-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Commercial Equipment & Machinery</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x21_9762cff"
data-dot-header-categories="true" data-level1-category-id="100032"
data-params="type=level1_category&level1CategoryId=100032&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i78.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i4/O1CN01fHTUz71MOhSwFm5Rw_!!6000000001425-2-tps-85-84.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Construction & Building Machinery</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x22_3b3eb526"
data-dot-header-categories="true" data-level1-category-id="100051"
data-params="type=level1_category&level1CategoryId=100051&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i79.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i3/O1CN01qZ6DGC1blngBMfThZ_!!6000000003506-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Construction & Real Estate</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x23_5bea0263"
data-dot-header-categories="true" data-level1-category-id="100052"
data-params="type=level1_category&level1CategoryId=100052&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i80.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01dDYddB2AIxHqBqWnr_!!6000000008181-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Furniture</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x24_3946b890"
data-dot-header-categories="true" data-level1-category-id="100053"
data-params="type=level1_category&level1CategoryId=100053&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i81.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i4/O1CN014CRmnr24WLARFvFsD_!!6000000007398-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Lights & Lighting</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x25_59b0394e"
data-dot-header-categories="true" data-level1-category-id="100021"
data-params="type=level1_category&level1CategoryId=100021&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i82.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i3/O1CN018Yc9aJ1rz70WHzHKA_!!6000000005701-2-tps-84-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Home Appliances</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x26_6b44d1a1"
data-dot-header-categories="true" data-level1-category-id="100022"
data-params="type=level1_category&level1CategoryId=100022&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i83.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i3/O1CN01cL4uKh1fjkMmCcAxm_!!6000000004043-2-tps-85-84.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Automotive Supplies & Tools</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x27_498b3b19"
data-dot-header-categories="true" data-level1-category-id="100018"
data-params="type=level1_category&level1CategoryId=100018&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i84.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i3/O1CN01X4bNKG1KK08TIH9S5_!!6000000001144-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Vehicle Parts & Accessories</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x28_4eac7318"
data-dot-header-categories="true" data-level1-category-id="100043"
data-params="type=level1_category&level1CategoryId=100043&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i85.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01cQwZ0p29RMwmIREHW_!!6000000008064-2-tps-84-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Tools & Hardware</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x29_4721d650"
data-dot-header-categories="true" data-level1-category-id="100049"
data-params="type=level1_category&level1CategoryId=100049&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i86.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01VftmRo1FMgPaXrrF7_!!6000000000473-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Renewable Energy</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x30_483cb41f"
data-dot-header-categories="true" data-level1-category-id="100050"
data-params="type=level1_category&level1CategoryId=100050&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i87.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01TuXq7l1sweX3SbiJX_!!6000000005831-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Electrical Equipment & Supplies</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x31_6513a6ca"
data-dot-header-categories="true" data-level1-category-id="100045"
data-params="type=level1_category&level1CategoryId=100045&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i88.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01dVyppL26K5o5JB7aM_!!6000000007642-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Safety & Security</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x32_5073ff66"
data-dot-header-categories="true" data-level1-category-id="100044"
data-params="type=level1_category&level1CategoryId=100044&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i89.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01bU3qvn1kttDTEE28E_!!6000000004742-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Material Handling</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x33_c4591d7"
data-dot-header-categories="true" data-level1-category-id="100046"
data-params="type=level1_category&level1CategoryId=100046&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i90.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i4/O1CN01JhV2lV1ieCPsjebe4_!!6000000004437-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Testing Instrument & Equipment</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x34_78a4934e"
data-dot-header-categories="true" data-level1-category-id="100047"
data-params="type=level1_category&level1CategoryId=100047&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i91.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i3/O1CN01YVQOQ61vdp5ux6icg_!!6000000006196-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Power Transmission</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x35_60229129"
data-dot-header-categories="true" data-level1-category-id="100035"
data-params="type=level1_category&level1CategoryId=100035&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i92.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01tWklPu1zErwaYNsjO_!!6000000006683-2-tps-84-84.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Electronic Components</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x36_1fee8476"
data-dot-header-categories="true" data-level1-category-id="100026"
data-params="type=level1_category&level1CategoryId=100026&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i93.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01r5i3671OMzBDYuqdR_!!6000000001692-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Vehicles & Transportation</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x37_66adaa7a"
data-dot-header-categories="true" data-level1-category-id="100030"
data-params="type=level1_category&level1CategoryId=100030&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i94.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN017toEfm26ZfEn1Ez4e_!!6000000007676-2-tps-84-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Raw Materials</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x38_19e80ead"
data-dot-header-categories="true" data-level1-category-id="100048"
data-params="type=level1_category&level1CategoryId=100048&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i95.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i3/O1CN01bBge9L22ksVXHzCdj_!!6000000007159-2-tps-85-84.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Fabrication Services</span>
</div>
<div class="hc-level1-cate-unit" data-aplus-ae="x39_3dadef53"
data-dot-header-categories="true" data-level1-category-id="100038"
data-params="type=level1_category&level1CategoryId=100038&title=&position=modal_panel"
data-spm-anchor-id="a2700.details.0.i96.494a3f8aFah63P" bis_skin_checked="1">
<div class="img" style="
background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01cCPUpj1vdMfGZgqTZ_!!6000000006195-2-tps-85-85.png)
center center / contain no-repeat;
" bis_skin_checked="1"></div>
<span class="title">Service</span>
</div>
</div>
</div>
<div class="hc-level3-panel" bis_skin_checked="1">
<div class="hc-level3-list" bis_skin_checked="1">
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="for_you"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Categories for you
</div>
</div>
<div class="leaf-container" bis_skin_checked="1">
<div class="leaf-row first-row" bis_skin_checked="1">
<a class="hc-leaf-item" data-aplus-ae="x40_316a65c9"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=800203&title=&level1CategoryId=for_you&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=TPU&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Hc7316c8837fb4ed1981176fd56446c12E.jpg" />
</div>
<div class="title" bis_skin_checked="1">
TPU
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x41_27060e85"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=380230&title=&level1CategoryId=for_you&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Leather+Case&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/He1b20c8d25be4a0086d9d479adc29fe96.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Leather Case
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x42_35d288c6"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=201867801&title=&level1CategoryId=for_you&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Mobile+Phone+Covers&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Hc8363ec8b98b45778af663ecf44e5c83B.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Mobile Phone Covers
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x43_27060e85"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=380230&title=&level1CategoryId=for_you&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Back+Cover&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H84da6e4c4a194876b7de92e4ca4b1dd0M.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Back Cover
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x44_27060e85"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=380230&title=&level1CategoryId=for_you&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Cover&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Haf0a44fb1dee4266b506917b804765b68.png" />
</div>
<div class="title" bis_skin_checked="1">
Cover
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x45_27060e85"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=380230&title=&level1CategoryId=for_you&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Case&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H09175bd87cf94593afb58b7d13c07b76C.png" />
</div>
<div class="title" bis_skin_checked="1">
Case
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x46_27060e85"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=380230&title=&level1CategoryId=for_you&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Mobile+Phone+Cases&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H8c7ee9473b8f45469a874444255932bfp.jpg" />
</div>
<img class="icon" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN017VUC0e28oRCBkDak2_!!6000000007979-2-tps-54-55.png" />
<div class="title" bis_skin_checked="1">
Mobile Phone Cases
</div>
</a>
</div>
<div class="leaf-row second-row" bis_skin_checked="1">
<a class="hc-leaf-item" data-aplus-ae="x47_3b34586d"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=100010613&title=&level1CategoryId=for_you&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Tablet+Cases&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/HTB1fYfEBOCYBuNkHFCcq6AHtVXaS.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Tablet Cases
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x48_11ca816f"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=5093004&title=&level1CategoryId=for_you&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Phone+Holder&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H5f188fcc34de4e70b8438d47bee3ac86S.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Phone Holder
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x49_1a1e64f6"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=1716&title=&level1CategoryId=for_you&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Pet+Tag&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Ha60e6e360722434c90a55780c4c45e6aL.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Pet Tag
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x50_6f0506a9"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=5093005&title=&level1CategoryId=for_you&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Mobile+Phone+Straps&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Hfa7eb80cd57e4963beea5f419828917bJ.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Mobile Phone Straps
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x51_11ca816f"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=5093004&title=&level1CategoryId=for_you&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Phone+Grip&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H48eba0d0c6e4422b89c1eb8495be5705h.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Phone Grip
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x52_cf06e85"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=100009071&title=&level1CategoryId=for_you&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Sparkling+Water&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Ufbff9e7afcd14af48296e4252a553534d.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Sparkling Water
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x53_6c23b9b7"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=100002883&title=&level1CategoryId=for_you&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Purees&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/S5049c53627264716a6273253143346acD.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Purees
</div>
</a>
</div>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100003"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Consumer Electronics
</div>
<a class="category-link" data-aplus-ae="x54_650ca1c8"
data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100003"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/44/index.html&ncms_spm=a27aq.cp_44&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
<div class="leaf-container" bis_skin_checked="1">
<div class="leaf-row first-row" bis_skin_checked="1">
<a class="hc-leaf-item" data-aplus-ae="x55_6e17bf39"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=5093004&title=&level1CategoryId=100003&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Phone+Holder&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H5f188fcc34de4e70b8438d47bee3ac86S.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Phone Holder
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x56_54ebf8e"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=100010613&title=&level1CategoryId=100003&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Tablet+Cases&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/HTB1fYfEBOCYBuNkHFCcq6AHtVXaS.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Tablet Cases
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x57_4f9eaebc"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=380230&title=&level1CategoryId=100003&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Leather+Case&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/He1b20c8d25be4a0086d9d479adc29fe96.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Leather Case
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x58_4f9eaebc"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=380230&title=&level1CategoryId=100003&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Back+Cover&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H84da6e4c4a194876b7de92e4ca4b1dd0M.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Back Cover
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x59_4f9eaebc"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=380230&title=&level1CategoryId=100003&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Cover&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Haf0a44fb1dee4266b506917b804765b68.png" />
</div>
<div class="title" bis_skin_checked="1">
Cover
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x60_4f9eaebc"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=380230&title=&level1CategoryId=100003&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Case&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H09175bd87cf94593afb58b7d13c07b76C.png" />
</div>
<div class="title" bis_skin_checked="1">
Case
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x61_4f9eaebc"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=380230&title=&level1CategoryId=100003&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Mobile+Phone+Cases&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H8c7ee9473b8f45469a874444255932bfp.jpg" />
</div>
<img class="icon" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN017VUC0e28oRCBkDak2_!!6000000007979-2-tps-54-55.png" />
<div class="title" bis_skin_checked="1">
Mobile Phone Cases
</div>
</a>
</div>
<div class="leaf-row second-row" bis_skin_checked="1">
<a class="hc-leaf-item" data-aplus-ae="x62_5995a9c5"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=&title=&action=more&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0" target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i2/O1CN015j2EYl1oJ1ldUovSw_!!6000000005203-55-tps-95-95.svg" />
</div>
<div class="title" bis_skin_checked="1">
View all
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x63_6e17bf39"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=5093004&title=&level1CategoryId=100003&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Phone+Ring&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Ha3c6a31337704b49bfe8b911529ad1eaU.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Phone Ring
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x64_6574ba1f"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=5093005&title=&level1CategoryId=100003&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Mobile+Phone+Chain&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Hf053e2c0a03040268488f4b9d2eefabeN.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Mobile Phone Chain
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x65_5faedd89"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=201929802&title=&level1CategoryId=100003&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Mobile+Phone+Bags&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Hd10df9bcf2ef4db3b9028a320cedb9e7Q.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Mobile Phone Bags
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x66_6e17bf39"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=5093004&title=&level1CategoryId=100003&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Phone+Grip&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H48eba0d0c6e4422b89c1eb8495be5705h.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Phone Grip
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x67_4f3280b8"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=18060399&title=&level1CategoryId=100003&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Game+Case&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Hc125d22333aa4a03b317cfd02c9f3553P.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Game Case
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x68_6574ba1f"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=5093005&title=&level1CategoryId=100003&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Mobile+Phone+Straps&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Hfa7eb80cd57e4963beea5f419828917bJ.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Mobile Phone Straps
</div>
</a>
</div>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100019"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Luggage, Bags & Cases
</div>
<a class="category-link" data-aplus-ae="x69_6f3d12f3"
data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100019"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/1524/index.html&ncms_spm=a27aq.cp_1524&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
<div class="leaf-container" bis_skin_checked="1">
<div class="leaf-row first-row" bis_skin_checked="1">
<a class="hc-leaf-item" data-aplus-ae="x105_6107a23f"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=201336407&title=&level1CategoryId=100019&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Basketball+Bag&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H5238d4750b174b9eb0f4a23fc086b686B.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Basketball Bag
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x106_135c911d"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=201705402&title=&level1CategoryId=100019&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Outdoor+Bags&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Haea87569d4fc45b492ef9206c002043da.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Outdoor Bags
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x107_2d174039"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=201331905&title=&level1CategoryId=100019&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Tactical+Backpacks&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H757947eca0e14e238fc3567d02eb0205o.jpg" />
</div>
<img class="icon" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN017VUC0e28oRCBkDak2_!!6000000007979-2-tps-54-55.png" />
<div class="title" bis_skin_checked="1">
Tactical Backpacks
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x108_5291ea42"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=201710705&title=&level1CategoryId=100019&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Men%27s+Handbags&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H47274c4924bb407bb405e3f2b296b4cbH.jpg" />
</div>
<img class="icon" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN017VUC0e28oRCBkDak2_!!6000000007979-2-tps-54-55.png" />
<div class="title" bis_skin_checked="1">
Men's Handbags
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x109_297b1b9c"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=100002856&title=&level1CategoryId=100019&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Shoulder+Bag&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H60b0a3930a254898950accae12c91de8I.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Shoulder Bag
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x110_a521d08"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=201713302&title=&level1CategoryId=100019&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Women%27s+Backpacks&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Had3d9257b5ed4a03b1bc7327d9e75e210.jpg" />
</div>
<img class="icon" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN017VUC0e28oRCBkDak2_!!6000000007979-2-tps-54-55.png" />
<div class="title" bis_skin_checked="1">
Women's Backpacks
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x111_145093d6"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=201867801&title=&level1CategoryId=100019&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Mobile+Phone+Covers&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Hc8363ec8b98b45778af663ecf44e5c83B.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Mobile Phone Covers
</div>
</a>
</div>
<div class="leaf-row second-row" bis_skin_checked="1">
<a class="hc-leaf-item" data-aplus-ae="x112_5995a9c5"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=&title=&action=more&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0" target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i2/O1CN015j2EYl1oJ1ldUovSw_!!6000000005203-55-tps-95-95.svg" />
</div>
<div class="title" bis_skin_checked="1">
View all
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x113_56bd0a26"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=100001867&title=&level1CategoryId=100019&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Crossbody+Bag&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H129280384b654ecb9a85e4eee6b95091Z.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Crossbody Bag
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x114_25258421"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=201331705&title=&level1CategoryId=100019&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Hiking+Backpack&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/HLB113N1UmzqK1RjSZFpq6ykSXXan.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Hiking Backpack
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x115_66740fc1"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=201332202&title=&level1CategoryId=100019&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Bag+Chain&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H8dbf20083935483a8de5aba906fa3fd6U.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Bag Chain
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x116_297b1b9c"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=100002856&title=&level1CategoryId=100019&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Pot+Bag&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/A2d15ec58bf6244e1823aec8187ddb775i.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Pot Bag
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x117_2d2cefb3"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=201712903&title=&level1CategoryId=100019&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Men%27s+Backpacks&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/Hc0efa564673f4f65b4964ab3a5c448e1I.jpg" />
</div>
<img class="icon" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN017VUC0e28oRCBkDak2_!!6000000007979-2-tps-54-55.png" />
<div class="title" bis_skin_checked="1">
Men's Backpacks
</div>
</a><a class="hc-leaf-item" data-aplus-ae="x118_6107a23f"
data-dot-header-categories="true"
data-params="type=leaf_category&leafCategoryId=201336407&title=&level1CategoryId=100019&position=modal_panel"
data-spm-anchor-id="a2700.details.0.0"
href="https://linksupergacorwd.com//trade/search?SearchText=Sports+Backpack&indexArea=product_en&search_cource_scene=pc_home_product_category&has4Tab=true&tab=all"
target="_blank">
<div class="product-wrapper" bis_skin_checked="1">
<img class="product-img" loading="lazy"
src="https://s.alicdn.com/@sc01/kf/H67059da75f0a4e19a68d334ff05f0abbO.jpg" />
</div>
<div class="title" bis_skin_checked="1">
Sports Backpack
</div>
</a>
</div>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100039"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Gifts & Crafts
</div>
<a class="category-link" data-aplus-ae="x70_4372349f"
data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100039"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/17/index.html&ncms_spm=a27aq.cp_17&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100040"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Pet Supplies
</div>
<a class="category-link" data-aplus-ae="x71_169a62df"
data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100040"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/201946504/index.html&ncms_spm=a27aq.cp_201946504&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100041"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Agriculture, Food & Beverage
</div>
<a class="category-link" data-aplus-ae="x72_50c39272"
data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100041"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/2/index.html&ncms_spm=a27aq.cp_2&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100000"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Apparel & Accessories
</div>
<a class="category-link" data-aplus-ae="x73_5b15779" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100000"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/3/index.html&ncms_spm=a27aq.cp_3&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100005"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Home & Garden
</div>
<a class="category-link" data-aplus-ae="74" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100005"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/15/index.html&ncms_spm=a27aq.cp_15&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100009"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Sports & Entertainment
</div>
<a class="category-link" data-aplus-ae="75" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100009"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/18/index.html&ncms_spm=a27aq.cp_18&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100010"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Beauty
</div>
<a class="category-link" data-aplus-ae="76" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100010"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/66/index.html&ncms_spm=a27aq.cp_66&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100013"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Jewelry, Eyewear & Watches
</div>
<a class="category-link" data-aplus-ae="77" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100013"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/36/index.html&ncms_spm=a27aq.cp_36&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100015"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Shoes & Accessories
</div>
<a class="category-link" data-aplus-ae="78" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100015"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/322/index.html&ncms_spm=a27aq.cp_322&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100020"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Packaging & Printing
</div>
<a class="category-link" data-aplus-ae="79" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100020"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/23/index.html&ncms_spm=a27aq.cp_23&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100011"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Parents, Kids & Toys
</div>
<a class="category-link" data-aplus-ae="80" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100011"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/26/index.html&ncms_spm=a27aq.cp_26&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100024"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Personal Care & Home Care
</div>
<a class="category-link" data-aplus-ae="81" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100024"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/201951502/index.html&ncms_spm=a27aq.cp_201951502&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100031"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Health & Medical
</div>
<a class="category-link" data-aplus-ae="82" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100031"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/100002908/index.html&ncms_spm=a27aq.cp_100002908&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100033"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
School & Office Supplies
</div>
<a class="category-link" data-aplus-ae="83" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100033"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/21/index.html&ncms_spm=a27aq.cp_21&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100012"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Industrial Machinery
</div>
<a class="category-link" data-aplus-ae="84" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100012"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/43/index.html&ncms_spm=a27aq.cp_43&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100042"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Commercial Equipment & Machinery
</div>
<a class="category-link" data-aplus-ae="85" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100042"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/2829/index.html&ncms_spm=a27aq.cp_2829&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100032"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Construction & Building Machinery
</div>
<a class="category-link" data-aplus-ae="86" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100032"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/201943703/index.html&ncms_spm=a27aq.cp_201943703&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100051"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Construction & Real Estate
</div>
<a class="category-link" data-aplus-ae="87" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100051"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/13/index.html&ncms_spm=a27aq.cp_13&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100052"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Furniture
</div>
<a class="category-link" data-aplus-ae="88" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100052"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/1503/index.html&ncms_spm=a27aq.cp_1503&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100053"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Lights & Lighting
</div>
<a class="category-link" data-aplus-ae="89" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100053"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/39/index.html&ncms_spm=a27aq.cp_39&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100021"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Home Appliances
</div>
<a class="category-link" data-aplus-ae="90" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100021"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/6/index.html&ncms_spm=a27aq.cp_6&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100022"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Automotive Supplies & Tools
</div>
<a class="category-link" data-aplus-ae="91" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100022"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/202014504/index.html&ncms_spm=a27aq.cp_202014504&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100018"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Vehicle Parts & Accessories
</div>
<a class="category-link" data-aplus-ae="92" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100018"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/34/index.html&ncms_spm=a27aq.cp_34&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100043"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Tools & Hardware
</div>
<a class="category-link" data-aplus-ae="93" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100043"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/1420/index.html&ncms_spm=a27aq.cp_1420&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100049"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Renewable Energy
</div>
<a class="category-link" data-aplus-ae="94" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100049"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/201726502/index.html&ncms_spm=a27aq.cp_201726502&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100050"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Electrical Equipment & Supplies
</div>
<a class="category-link" data-aplus-ae="95" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100050"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/5/index.html&ncms_spm=a27aq.cp_5&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100045"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Safety & Security
</div>
<a class="category-link" data-aplus-ae="96" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100045"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/30/index.html&ncms_spm=a27aq.cp_30&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100044"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Material Handling
</div>
<a class="category-link" data-aplus-ae="97" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100044"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/201725504/index.html&ncms_spm=a27aq.cp_201725504&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100046"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Testing Instrument & Equipment
</div>
<a class="category-link" data-aplus-ae="98" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100046"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/201734802/index.html&ncms_spm=a27aq.cp_201734802&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100047"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Power Transmission
</div>
<a class="category-link" data-aplus-ae="99" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100047"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/201723202/index.html&ncms_spm=a27aq.cp_201723202&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100035"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Electronic Components
</div>
<a class="category-link" data-aplus-ae="100" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100035"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/502/index.html&ncms_spm=a27aq.cp_502&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100026"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Vehicles & Transportation
</div>
<a class="category-link" data-aplus-ae="101" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100026"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/201275273/index.html&ncms_spm=a27aq.cp_201275273&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100030"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Raw Materials
</div>
<a class="category-link" data-aplus-ae="102" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100030"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/9/index.html&ncms_spm=a27aq.cp_9&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100048"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Fabrication Services
</div>
<a class="category-link" data-aplus-ae="103" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100048"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/41/index.html&ncms_spm=a27aq.cp_41&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
<div class="hc-level3-cate-unit level3-panel-unit" data-category-id="100038"
bis_skin_checked="1">
<div class="category-title-container" bis_skin_checked="1">
<div class="category-title" bis_skin_checked="1">
Service
</div>
<a class="category-link" data-aplus-ae="104" data-dot-header-categories="true"
data-params="type=level1_category_link&categoryId=100038"
data-spm-anchor-id="a2700.details.0.0"
href="https://sale.alibaba.com/category/products/index.html?wx_navbar_transparent=true&path=/category/products/28/index.html&ncms_spm=a27aq.cp_28&prefetchKey=allcategoriesv2"
target="_blank">Browse featured selections</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="" data-aplus-ae="x6_1e92304e" data-spm-anchor-id="a2700.details.0.i37.494a3f8aFah63P"
data-tnh-auto-clk="Slot Online" data-tnh-auto-exp="Slot Online" data-tnhkey="Slot Online"
bis_skin_checked="1">
<a href="https://linksupergacorwd.com/">
<div class="tab-title" bis_skin_checked="1">KUDALIAR89 LOGIN</div>
</a>
<div class="animated-tab-content" style="height: 0px" bis_skin_checked="1">
<div class="tab-content" data-name="Featured selections" bis_skin_checked="1">
<div class="animated-tab-content-children" data-aplus-ae="x7_2eb7e7ec"
data-spm-anchor-id="a2700.details.0.i38.494a3f8aFah63P"
data-tnh-auto-exp="Featured selections-children" bis_skin_checked="1">
<div class="featured-content" bis_skin_checked="1">
<a class="featured-item rounded" data-tnhkey="Top ranking"
href="https://sale.alibaba.com/p/dviiav4th/index.html?spm=a2700.product_home_fy25.top_ranking.title&wx_navbar_transparent=true&prefetchKey=marchexpo&path=/p/dviiav4th/index.html&ncms_spm=a27aq.rank_list&prefetchKey=marchexp&templateBusinessCode=kww_test&topOfferIds="
target="_blank">
<svg aria-hidden="true" class="tnh-icon">
<use xlink:href="#icon-ranking-list"></use>
</svg>
Top ranking</a><a class="featured-item rounded" data-tnhkey="New arrivals"
href="https://sale.alibaba.com/new_arrivals/fy25/index.html?spm=a2700.product_home_fy25.new_arrivals.title&wx_navbar_transparent=true&path=/new_arrivals/fy25/index.html&topOfferIds=1601383834817&productTabId="
target="_blank">
<svg aria-hidden="true" class="tnh-icon">
<use xlink:href="#icon-New-outline"></use>
</svg>
New arrivals</a><a class="featured-item rounded" data-tnhkey="Savings spotlight"
href="https://sale.alibaba.com/fy25/top_deals?spm=a2700.product_home_l3.savings_spotlight.title&wx_navbar_transparent=true&newsType=101002913"
target="_blank">
<svg aria-hidden="true" class="tnh-icon">
<use xlink:href="#icon-discount"></use>
</svg>
Top deals</a>
<div class="card-links" bis_skin_checked="1">
<ul>
<li data-tnhkey="Dropshipping Center">
<a href="https://myconnections.alibaba.com/eco-prod/dropshipping?tracelog=lpfrontheader"
target="_blank">Dropshipping center</a>
</li>
<li data-tnhkey="Sample Center">
<a href="https://sale.alibaba.com/p/23daily/1tab_searoom_productlist/index.html?wx_navbar_transparent=true&path=/p/d5sjt7sce/index.html&ncms_spm=a27aq.27818784&prefetchKey=met&wx_xpage=true"
target="_blank">Sample center</a>
</li>
<li data-tnhkey="Fast customization">
<a href="https://sale.alibaba.com/p/fast_customization?spm=a2700.product_home_fy25.fast_custom.title&wx_navbar_transparent=true&path=/p/fast_customization&topOfferIds=&productTabId="
target="_blank">Fast customization</a>
</li>
<li data-tnhkey="Trade shows">
<a href="https://sale.alibaba.com/p/d5a9xh4v5/index.html?wx_navbar_transparent=true&path=/p/d5a9xh4v5/index.html"
target="_blank">Online Trade Show</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="" data-aplus-ae="x8_7f0a4c3c" data-spm-anchor-id="a2700.details.0.i39.494a3f8aFah63P"
data-tnh-auto-clk="GAME ONLINE" data-tnh-auto-exp="GAME ONLINE" data-tnhkey="GAME ONLINE"
bis_skin_checked="1">
<a href="https://linksupergacorwd.com/">
<div class="tab-title" bis_skin_checked="1">KUDALIAR89 DAFTAR</div>
</a>
<div class="animated-tab-content" style="height: 0px" bis_skin_checked="1">
<div class="tab-content" data-name="Trade Assurance" bis_skin_checked="1">
<div class="animated-tab-content-children" data-aplus-ae="x9_6fbc9d93"
data-spm-anchor-id="a2700.details.0.i40.494a3f8aFah63P"
data-tnh-auto-exp="Trade Assurance-children" bis_skin_checked="1">
<div class="ta-content" bis_skin_checked="1">
<div class="info" bis_skin_checked="1">
<div class="img" bis_skin_checked="1">
<img alt="Trade Assurance Logo" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i2/O1CN01d18R1Z1H1GuiHHzpS_!!6000000000697-55-tps-212-32.svg" />
</div>
<h3>Enjoy protection from payment to delivery.</h3>
<a class="tnh-button undefined"
href="https://tradeassurance.alibaba.com/?tracelog=PC_header_landingpage"
target="_blank">Learn more</a>
</div>
<div class="cards" bis_skin_checked="1">
<a class="ta-card" data-tnhkey="Safe & easy payments"
href="https://tradeassurance.alibaba.com/ta/Payment.htm?tracelog=PC_header_payment"
target="_blank"><img alt="Trade Assurance Icon" class="img" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN010KADAP2638vcOIcv4_!!6000000007605-55-tps-70-70.svg" />
<div class="text" bis_skin_checked="1">
<h3>Safe & easy payments</h3>
<svg aria-hidden="true" class="tnh-icon">
<use xlink:href="#icon-right-arrow"></use>
</svg>
</div>
</a><a class="ta-card" data-tnhkey="Money-back policy"
href="https://tradeassurance.alibaba.com/ta/MoneyBackPolicy.htm?tracelog=PC_header_mb"
target="_blank"><img alt="Trade Assurance Icon" class="img" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i3/O1CN01viHX2926YHrS5jYvf_!!6000000007673-55-tps-70-70.svg" />
<div class="text" bis_skin_checked="1">
<h3>Money-back policy</h3>
<svg aria-hidden="true" class="tnh-icon">
<use xlink:href="#icon-right-arrow"></use>
</svg>
</div>
</a><a class="ta-card" data-tnhkey="Shipping & logistics services"
href="https://tradeassurance.alibaba.com/ta/ShippingAndLogistics.htm?tracelog=PC_header_shipping"
target="_blank"><img alt="Trade Assurance Icon" class="img" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i2/O1CN01Zsnn5f28yyAQPbYyz_!!6000000008002-55-tps-70-70.svg" />
<div class="text" bis_skin_checked="1">
<h3>Shipping & logistics services</h3>
<svg aria-hidden="true" class="tnh-icon">
<use xlink:href="#icon-right-arrow"></use>
</svg>
</div>
</a><a class="ta-card" data-tnhkey="After-sales protections"
href="https://tradeassurance.alibaba.com/ta/AfterSales.htm?tracelog=PC_header_Aftersales"
target="_blank"><img alt="Trade Assurance Icon" class="img" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN01hoxDoj1HV2eSjAU58_!!6000000000762-55-tps-70-70.svg" />
<div class="text" bis_skin_checked="1">
<h3>After-sales protections</h3>
<svg aria-hidden="true" class="tnh-icon">
<use xlink:href="#icon-right-arrow"></use>
</svg>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sub-header-sub" bis_skin_checked="1">
<div class="" data-aplus-ae="20" data-spm-anchor-id="a2700.details.0.i51.494a3f8aFah63P"
data-tnh-auto-clk="AccioLauncher" data-tnh-auto-exp="AccioLauncher" data-tnhkey="AccioLauncher"
bis_skin_checked="1">
<div class="tab-title" bis_skin_checked="1"></div>
<div class="animated-tab-content" style="height: 0px" bis_skin_checked="1">
<div class="tab-content" data-name="AccioLauncher" bis_skin_checked="1">
<div class="animated-tab-content-children" data-aplus-ae="x21_53cddf6c"
data-spm-anchor-id="a2700.details.0.i52.494a3f8aFah63P" data-tnh-auto-exp="AccioLauncher-children"
bis_skin_checked="1">
<div class="src--Launcher_content--11g09bj" bis_skin_checked="1">
<div class="src--left_resources--2QAeo_v" bis_skin_checked="1">
<div class="src--title_content--1Bo-c60" bis_skin_checked="1">
<span class="src--title_text--1xDh2ZB">Source smarter with</span><span
class="src--logo--3bBaHqV">
<svg fill="none" height="26" viewBox="0 0 88 26" width="87"
xmlns="http://www.w3.org/2000/svg">
<path
d="M32.4961 20.2507C29.4807 20.2507 27.1121 17.4876 27.7763 14.3574C28.1609 12.5649 29.5943 11.1047 31.3861 10.7024C33.4051 10.2478 35.2667 11.0609 36.3505 12.5037C36.7089 12.9846 37.3819 13.1157 37.9238 12.8622L40.8605 11.4806C39.1998 7.95689 35.3978 5.64853 31.1239 6.26934C26.8499 6.89015 23.7733 10.2478 23.3188 14.3661C22.6983 19.9447 27.0509 24.6751 32.5048 24.6751C36.2019 24.6751 39.3834 22.4978 40.8605 19.3588L37.9238 17.9773C37.3731 17.715 36.7089 17.8636 36.3418 18.3533C35.459 19.5162 34.0693 20.2594 32.5048 20.2594L32.4961 20.2507Z"
fill="#222222"></path>
<path
d="M17.6291 23.3372L11.6245 10.2302L5.61998 23.3372C5.41021 23.8006 4.93824 24.0979 4.4313 24.0979H0L10.261 1.6788C10.8029 0.498384 12.4723 0.498384 13.0055 1.6788L23.2665 24.0979H18.8352C18.3196 24.0979 17.8563 23.8006 17.6466 23.3372H17.6291Z"
fill="#222222"></path>
<path
d="M78.2335 6.1644C73.1292 6.1644 68.9863 10.309 68.9863 15.4153C68.9863 20.5217 73.1292 24.6663 78.2335 24.6663C83.3378 24.6663 87.4807 20.5217 87.4807 15.4153C87.4807 10.309 83.3378 6.1644 78.2335 6.1644ZM78.2335 20.2507C75.5677 20.2507 73.4002 18.0822 73.4002 15.4153C73.4002 12.7485 75.5677 10.58 78.2335 10.58C80.8993 10.58 83.0669 12.7485 83.0669 15.4153C83.0669 18.0822 80.8993 20.2507 78.2335 20.2507Z"
fill="#222222"></path>
<path
d="M51.2695 20.2507C48.2541 20.2507 45.8855 17.4876 46.5498 14.3574C46.9343 12.5649 48.3677 11.1047 50.1595 10.7024C52.1785 10.2478 54.0402 11.0609 55.124 12.5037C55.4823 12.9846 56.1553 13.1157 56.6972 12.8622L59.6339 11.4806C57.9733 7.95689 54.1713 5.64853 49.8973 6.26934C45.6233 6.89015 42.5467 10.2478 42.0923 14.3661C41.4717 19.9447 45.8243 24.6751 51.2782 24.6751C54.9754 24.6751 58.1568 22.4978 59.6339 19.3588L56.6972 17.9773C56.1466 17.715 55.4823 17.8636 55.1152 18.3533C54.2325 19.5162 52.8427 20.2594 51.2782 20.2594L51.2695 20.2507Z"
fill="#222222"></path>
<path
d="M61.9688 6.90762H66.6448V22.7951C66.6448 23.5209 66.0592 24.1067 65.3337 24.1067H61.9688V6.90762Z"
fill="#222222"></path>
<path
d="M64.3102 5.38618C65.7969 5.38618 67.0022 4.18045 67.0022 2.69309C67.0022 1.20574 65.7969 0 64.3102 0C62.8234 0 61.6182 1.20574 61.6182 2.69309C61.6182 4.18045 62.8234 5.38618 64.3102 5.38618Z"
fill="#222222"></path>
<path d="M16.9995 25.1035L11.6155 13.3605L6.24023 25.1035H16.9995Z"
fill="url(#paint0_linear_2006_720)"></path>
<defs>
<linearGradient gradientUnits="userSpaceOnUse" id="paint0_linear_2006_720"
x1="11.6155" x2="11.6155" y1="28.7147" y2="9.77557">
<stop offset="0.19" stop-color="#91FFF1" stop-opacity="0"></stop>
<stop offset="0.2" stop-color="#88FFE8" stop-opacity="0.03"></stop>
<stop offset="0.31" stop-color="#3FFF9B" stop-opacity="0.31"></stop>
<stop offset="0.38" stop-color="#11FF6B" stop-opacity="0.48"></stop>
<stop offset="0.42" stop-color="#00FD5B" stop-opacity="0.56"></stop>
<stop offset="0.46" stop-color="#00E986" stop-opacity="0.67"></stop>
<stop offset="0.51" stop-color="#00D8AB" stop-opacity="0.77"></stop>
<stop offset="0.55" stop-color="#00CAC9" stop-opacity="0.85"></stop>
<stop offset="0.6" stop-color="#00BFE0" stop-opacity="0.92"></stop>
<stop offset="0.64" stop-color="#00B8F1" stop-opacity="0.96"></stop>
<stop offset="0.68" stop-color="#00B3FB" stop-opacity="0.99"></stop>
<stop offset="0.72" stop-color="#00B2FF"></stop>
</linearGradient>
</defs>
</svg>
</span>
</div>
<div class="src--sub_title--3yhvFPn" bis_skin_checked="1">
Leverage AI to find the perfect product match in seconds
</div>
<div class="cardList--card--rOvbHCM" bis_skin_checked="1">
<a class="cardList--card_content--3l3Esa-"
href="https://www.accio.com/?src=f_alibabapc_head_bn" rel="noreferrer nofollow"
target="_blank">
<svg fill="none" height="32" viewBox="0 0 32 32" width="32"
xmlns="http://www.w3.org/2000/svg">
<path
d="M26.1667 10.8954L16.9167 15.2484V26.885L20.1619 25.3756L20.5802 25.5477C21.135 25.7756 21.6347 26.1062 22.0563 26.5165L16.4217 29.1372C16.1543 29.2615 15.8457 29.2615 15.5783 29.1372L4.57827 24.0209C4.22557 23.8568 4 23.5032 4 23.1142V8.88581C4 8.49683 4.22557 8.14314 4.57827 7.97909L15.5783 2.86281C15.8457 2.73844 16.1543 2.73844 16.4217 2.86281L27.4217 7.97909C27.7744 8.14314 28 8.49683 28 8.88581V20.8738C27.5206 20.4236 27.1374 19.8727 26.882 19.2525L26.5092 18.3473L26.5082 18.3449C26.4229 18.1372 26.3058 17.9616 26.1667 17.818V10.8954ZM6.41902 9.14486L16 13.6536L25.581 9.14486L16 4.68859L6.41902 9.14486ZM15.0833 15.2484L5.83333 10.8954V22.5827L15.0833 26.885V15.2484Z"
fill="#222222"></path>
<path
d="M21.0844 23.0224L20.1853 23.3914V23.3894C19.9382 23.4915 19.9382 23.8415 20.1853 23.9435L21.0874 24.3146C22.5646 24.9216 23.7378 26.0938 24.3459 27.5709L24.721 28.481C24.823 28.729 25.173 28.728 25.275 28.481L25.6441 27.5819C26.2512 26.1048 27.4234 24.9306 28.8996 24.3216L29.8147 23.9445C30.0618 23.8435 30.0618 23.4935 29.8147 23.3914L28.9066 23.0174C27.4294 22.4093 26.2572 21.2372 25.6491 19.76L25.275 18.8519C25.174 18.6049 24.824 18.6049 24.722 18.8519L24.3449 19.767C23.7358 21.2442 22.5616 22.4153 21.0844 23.0224Z"
fill="#222222"></path>
</svg>
<div class="cardList--card_title--1fpRTQS" bis_skin_checked="1">
Matches from over
<strong>100 million products</strong> with precision
</div>
</a><a class="cardList--card_content--3l3Esa-"
href="https://www.accio.com/?src=f_alibabapc_head_bn" rel="noreferrer nofollow"
target="_blank">
<svg fill="none" height="32" viewBox="0 0 33 32" width="33"
xmlns="http://www.w3.org/2000/svg">
<path d="M12.6667 3.66669H20.6667V5.50002H12.6667V3.66669Z" fill="#222222"></path>
<path
d="M25.5 18C25.5 22.8785 21.5452 26.8334 16.6667 26.8334C11.7882 26.8334 7.83333 22.8785 7.83333 18C7.83333 13.1215 11.7882 9.16669 16.6667 9.16669C18.9748 9.16669 21.0762 10.052 22.6498 11.5015L23.9471 10.2043C22.0409 8.42336 19.4811 7.33335 16.6667 7.33335C10.7756 7.33335 6 12.109 6 18C6 23.8911 10.7756 28.6667 16.6667 28.6667C22.5577 28.6667 27.3333 23.8911 27.3333 18C27.3333 16.5739 27.0535 15.2131 26.5456 13.9697L25.1121 15.4032C25.3643 16.2243 25.5 17.0963 25.5 18Z"
fill="#222222"></path>
<path
d="M27.3148 11.3149L26.0185 10.0185L17.3333 18.7037L14.3148 15.6852L13.0185 16.9815L17.3333 21.2964L27.3148 11.3149Z"
fill="#222222"></path>
</svg>
<div class="cardList--card_title--1fpRTQS" bis_skin_checked="1">
Handles queries
<strong>3 times as complex</strong> in half the time
</div>
</a><a class="cardList--card_content--3l3Esa-"
href="https://www.accio.com/?src=f_alibabapc_head_bn" rel="noreferrer nofollow"
target="_blank">
<svg fill="none" height="32" viewBox="0 0 33 32" width="33"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2006_601)">
<path
d="M16.3335 5.26151L14.0209 7.57791C13.4888 8.11084 12.7665 8.41003 12.0134 8.40941L8.74023 8.40674L8.74291 11.68C8.74353 12.433 8.44433 13.1553 7.91141 13.6874L5.595 16L7.91141 18.3126C8.44433 18.8447 8.74353 19.567 8.74291 20.32L8.74023 23.5932L12.0134 23.5906C12.7665 23.59 13.4888 23.8891 14.0209 24.4221L16.3335 26.7385L18.6461 24.4221C19.1782 23.8891 19.9005 23.59 20.6535 23.5906L23.9267 23.5932L23.9241 20.32C23.9235 19.567 24.2226 18.8447 24.7556 18.3126L27.072 16L24.7556 13.6874C24.6554 13.5874 24.5635 13.4807 24.4803 13.3684L25.8195 12.0292C25.8692 12.1635 25.9476 12.2868 26.0509 12.39L28.958 15.2923C29.3493 15.683 29.3493 16.317 28.958 16.7077L26.0509 19.61C25.8628 19.7978 25.7572 20.0528 25.7574 20.3185L25.7608 24.4264C25.7612 24.9794 25.3129 25.4277 24.7599 25.4273L20.652 25.4239C20.3862 25.4237 20.1313 25.5293 19.9435 25.7174L17.0412 28.6245C16.6505 29.0158 16.0165 29.0158 15.6258 28.6245L12.7234 25.7174C12.5357 25.5293 12.2807 25.4237 12.0149 25.4239L7.90704 25.4273C7.35411 25.4277 6.90577 24.9794 6.90622 24.4264L6.90958 20.3185C6.9098 20.0528 6.8042 19.7978 6.61611 19.61L3.709 16.7077C3.3177 16.317 3.3177 15.683 3.709 15.2923L6.61611 12.39C6.8042 12.2022 6.9098 11.9472 6.90958 11.6814L6.90622 7.57354C6.90577 7.02062 7.35411 6.57227 7.90704 6.57272L12.0149 6.57608C12.2807 6.5763 12.5357 6.4707 12.7234 6.28261L15.6258 3.3755C16.0165 2.98421 16.6505 2.98421 17.0412 3.3755L19.9435 6.28261C20.1313 6.4707 20.3862 6.5763 20.652 6.57608L24.7599 6.57272C24.8082 6.57268 24.8557 6.57606 24.9021 6.58263L23.0773 8.40743L20.6535 8.40941C19.9005 8.41003 19.1782 8.11084 18.6461 7.57791L16.3335 5.26151Z"
fill="#222222"></path>
<path
d="M26.6483 9.31485L25.352 8.01849L16.6668 16.7036L13.6483 13.6852L12.352 14.9815L16.6668 19.2964L26.6483 9.31485Z"
fill="#222222"></path>
</g>
<defs>
<clipPath id="clip0_2006_601">
<rect fill="white" height="32" transform="translate(0.333496)" width="32"></rect>
</clipPath>
</defs>
</svg>
<div class="cardList--card_title--1fpRTQS" bis_skin_checked="1">
<strong>Verifies and cross-validates</strong>
product information
</div>
</a>
</div>
<div class="src--footer_title--YltMh5l" bis_skin_checked="1">
Partnered with<span class="src--footer_logo--2xiIxvq">
<svg fill="none" height="14" viewBox="0 0 109 14" width="109"
xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd"
d="M15.1109 10.4205C16.4715 8.5043 18.8295 5.63973 18.7209 3.74976C18.6212 1.28024 16.0535 0.476222 13.5045 0.500533C11.7282 0.523863 9.94479 1.03184 8.74091 1.48042C4.58487 3.00494 2.13106 5.45074 0.71181 8.1565C-0.815033 10.8387 0.0560769 13.4025 3.8919 13.4853C6.46936 13.3814 8.18865 12.7364 9.84876 11.8888C9.93871 11.8427 9.88815 11.7061 9.78996 11.7306C8.25489 12.1115 4.695 12.8432 3.03705 11.9496C3.03451 11.9492 3.03059 11.9476 3.02765 11.947C2.80678 11.829 2.56064 11.6618 2.45442 11.2079C2.33977 10.2506 3.82585 9.25833 4.68129 8.93915L4.50373 7.28052C5.1871 7.53598 5.91514 7.67675 6.66122 7.67675C8.07675 7.67675 9.31943 7.17151 10.2407 6.33357C10.2983 6.46826 10.3442 6.61981 10.3693 6.79117H10.7712C10.7769 6.36533 10.5029 6.02812 10.5029 6.02812C10.0816 5.45525 9.4525 5.46524 9.4525 5.46524C9.4525 5.46524 9.75038 5.60621 10.0104 5.94127C7.87921 7.82712 5.21257 6.8988 5.21257 6.8988L6.31004 5.67816L5.84616 4.73278C8.3811 3.81132 10.5174 3.10219 14.055 2.47638L13.1754 1.80234L13.569 1.54296C15.8046 2.15504 17.2735 2.60578 17.324 3.75466C17.3084 3.94601 17.2674 4.16716 17.1774 4.42262C16.6797 5.67522 15.0192 7.76654 14.3521 8.64115C13.9107 9.2197 13.4802 9.78728 13.1864 10.3309C12.8819 10.8748 12.7141 11.382 12.7545 11.8666C12.7319 14.7063 17.8055 12.3309 20.0973 10.8029C20.171 10.7536 20.1143 10.6403 20.0303 10.6684C13.594 12.8073 15.1109 10.4205 15.1109 10.4205Z"
fill="#FF6600" fill-rule="evenodd"></path>
<path clip-rule="evenodd"
d="M78.0047 12.3566C77.8723 12.3114 77.777 12.222 77.7181 12.0882C77.6593 11.9538 77.6299 11.7479 77.6299 11.4692C77.6299 11.0816 77.696 10.8308 77.8282 10.7163C77.9605 10.6026 78.2081 10.5452 78.5709 10.5452C78.9335 10.5452 79.181 10.6026 79.3134 10.7163C79.4458 10.8308 79.5121 11.0816 79.5121 11.4692C79.5121 11.8672 79.4458 12.1254 79.3134 12.2446C79.181 12.3639 78.9335 12.4235 78.5709 12.4235C78.3257 12.4235 78.1371 12.4009 78.0047 12.3566Z"
fill="#FF6600" fill-rule="evenodd"></path>
<path clip-rule="evenodd" d="M34.585 12.3419H36.9582V1.72498H34.585V12.3419Z"
fill="#FF6600" fill-rule="evenodd"></path>
<path clip-rule="evenodd"
d="M38.7881 12.4236H41.1021V4.66439H38.7881V12.4236ZM38.6768 2.66475C38.6768 1.56464 38.8996 1.48004 39.9452 1.48004C41.0046 1.48004 41.2136 1.56464 41.2136 2.66475C41.2136 3.75087 41.0046 3.87766 39.9452 3.87766C38.8996 3.87766 38.6768 3.75087 38.6768 2.66475Z"
fill="#FF6600" fill-rule="evenodd"></path>
<path clip-rule="evenodd"
d="M48.0097 8.58524C48.0097 7.2693 47.8134 6.35938 46.5795 6.35938C45.3458 6.35938 45.0514 7.15713 45.0514 8.58524C45.0514 9.94346 45.3458 10.7833 46.5795 10.7833C47.8554 10.7833 48.0097 9.81719 48.0097 8.58524ZM50.3794 8.5852C50.3794 10.7833 49.8185 12.5052 47.3929 12.5052C45.9628 12.5052 45.4024 12.0714 45.1219 11.3993L44.9815 12.3654H42.8506V1.72498H45.1778V5.5612C45.4863 5.11309 46.1032 4.66518 47.3929 4.66518C49.8185 4.66518 50.3794 6.16318 50.3794 8.5852Z"
fill="#FF6600" fill-rule="evenodd"></path>
<path clip-rule="evenodd"
d="M56.1646 10.0651V9.30747H54.8309C53.9045 9.30747 53.5536 9.46181 53.5536 10.079C53.5536 10.5698 53.8764 10.752 54.5362 10.752C55.3503 10.752 55.9401 10.4577 56.1646 10.0651ZM58.4808 7.16155V12.365H56.3889L56.1926 11.5654C55.8977 12.0424 55.1537 12.5052 53.8624 12.5052C52.2197 12.5052 51.2793 11.7619 51.2793 10.177C51.2793 8.42373 52.3182 7.79283 54.4238 7.79283H56.1645V7.75067C56.1645 6.85306 55.8977 6.61459 54.6345 6.61459C54.0868 6.61459 53.2415 6.65675 52.7363 6.74089V4.79134C53.3118 4.7072 54.3959 4.66504 54.9292 4.66504C57.5261 4.66504 58.4808 5.49283 58.4808 7.16155Z"
fill="#FF6600" fill-rule="evenodd"></path>
<path clip-rule="evenodd"
d="M65.3587 8.58524C65.3587 7.2693 65.1624 6.35938 63.9284 6.35938C62.6947 6.35938 62.4004 7.15713 62.4004 8.58524C62.4004 9.94346 62.6947 10.7833 63.9284 10.7833C65.2043 10.7833 65.3587 9.81719 65.3587 8.58524ZM67.728 8.5852C67.728 10.7833 67.1671 12.5052 64.7415 12.5052C63.3115 12.5052 62.751 12.0714 62.4705 11.3993L62.3301 12.3654H60.1992V1.72498H62.5264V5.5612C62.8349 5.11309 63.4519 4.66518 64.7415 4.66518C67.1671 4.66518 67.728 6.16318 67.728 8.5852Z"
fill="#FF6600" fill-rule="evenodd"></path>
<path clip-rule="evenodd"
d="M29.415 7.72191L28.2791 4.03512H28.1108L26.9471 7.72191H29.415ZM30.0879 9.8942H26.2737L25.5025 12.3419H22.9644L26.5681 1.72498H29.8635L33.4392 12.3419H30.845L30.0879 9.8942Z"
fill="#FF6600" fill-rule="evenodd"></path>
<path clip-rule="evenodd"
d="M73.5135 10.0651V9.30747H72.1798C71.2534 9.30747 70.9025 9.46181 70.9025 10.079C70.9025 10.5698 71.2253 10.752 71.8851 10.752C72.6992 10.752 73.2891 10.4577 73.5135 10.0651ZM75.8299 7.16155V12.365H73.7381L73.5417 11.5654C73.2468 12.0424 72.5028 12.5052 71.2115 12.5052C69.5688 12.5052 68.6284 11.7619 68.6284 10.177C68.6284 8.42373 69.6674 7.79283 71.7729 7.79283H73.5136V7.75067C73.5136 6.85306 73.2468 6.61459 71.9836 6.61459C71.436 6.61459 70.5906 6.65675 70.0854 6.74089V4.79134C70.6609 4.7072 71.745 4.66504 72.2783 4.66504C74.8752 4.66504 75.8299 5.49283 75.8299 7.16155Z"
fill="#FF6600" fill-rule="evenodd"></path>
<path clip-rule="evenodd"
d="M80.6577 8.5034C80.6577 7.48409 80.8097 6.68122 81.1141 6.09519C81.4181 5.50936 81.8529 5.09731 82.4185 4.85905C82.9841 4.62098 83.6993 4.50165 84.5644 4.50165C84.9254 4.50165 85.2843 4.52308 85.6407 4.56613C85.9972 4.60899 86.2988 4.66383 86.5461 4.73028V6.717C86.0708 6.53614 85.5338 6.44532 84.935 6.44532C84.2982 6.44532 83.8348 6.59315 83.545 6.88843C83.2549 7.1839 83.11 7.72236 83.11 8.5034C83.11 9.03714 83.1765 9.44919 83.3096 9.73975C83.4426 10.0303 83.6448 10.2351 83.9156 10.3543C84.1865 10.4734 84.5452 10.5328 84.9921 10.5328C85.5909 10.5328 86.1374 10.4424 86.6317 10.2613V12.205C86.4036 12.2907 86.0921 12.3622 85.6977 12.4194C85.3033 12.4765 84.9254 12.5052 84.5644 12.5052C83.6993 12.5052 82.9841 12.3858 82.4185 12.1478C81.8529 11.9099 81.4181 11.4976 81.1141 10.9116C80.8097 10.3256 80.6577 9.52311 80.6577 8.5034Z"
fill="#FF6600" fill-rule="evenodd"></path>
<path clip-rule="evenodd"
d="M91.672 10.7187C92.0456 10.7187 92.333 10.6521 92.5342 10.5186C92.7354 10.3853 92.8791 10.1614 92.9653 9.84684C93.0515 9.53249 93.0946 9.08465 93.0946 8.50352C93.0946 7.92239 93.0515 7.47219 92.9653 7.15292C92.8791 6.83366 92.7328 6.60502 92.5271 6.46681C92.3209 6.32881 92.0359 6.2596 91.672 6.2596C91.2984 6.2596 91.011 6.32881 90.8098 6.46681C90.6085 6.60502 90.4648 6.83366 90.3787 7.15292C90.2925 7.47219 90.2494 7.92239 90.2494 8.50352C90.2494 9.08465 90.2925 9.53249 90.3787 9.84684C90.4648 10.1614 90.6107 10.3853 90.8169 10.5186C91.0228 10.6521 91.3077 10.7187 91.672 10.7187ZM87.7773 8.5035C87.7773 7.47433 87.9284 6.66929 88.2302 6.08816C88.5318 5.50703 88.9629 5.09733 89.5233 4.85886C90.0839 4.62078 90.7998 4.50165 91.6717 4.50165C92.5339 4.50165 93.2475 4.62078 93.8128 4.85886C94.3779 5.09733 94.809 5.50703 95.1061 6.08816C95.4028 6.66929 95.5516 7.47433 95.5516 8.5035C95.5516 9.53247 95.4028 10.3377 95.1061 10.9188C94.809 11.5002 94.3779 11.9099 93.8128 12.1479C93.2475 12.386 92.5339 12.5052 91.6717 12.5052C90.7998 12.5052 90.0839 12.386 89.5233 12.1479C88.9629 11.9099 88.5318 11.5002 88.2302 10.9188C87.9284 10.3377 87.7773 9.53247 87.7773 8.5035Z"
fill="#FF6600" fill-rule="evenodd"></path>
<path clip-rule="evenodd"
d="M108.727 7.37634V12.3419H106.324V7.74314C106.324 7.26354 106.246 6.93448 106.09 6.75575C105.933 6.57721 105.665 6.48756 105.286 6.48756C104.907 6.48756 104.622 6.56515 104.433 6.72035C104.243 6.87555 104.111 7.1274 104.035 7.47514V12.3419H101.632V7.74314C101.632 7.26354 101.549 6.93448 101.383 6.75575C101.217 6.57721 100.954 6.48756 100.594 6.48756C100.224 6.48756 99.9541 6.55348 99.7835 6.68515C99.6128 6.81701 99.4895 7.03327 99.4138 7.33414V12.3419H97.0249V4.72437H99.4138V5.54256C99.6128 5.23217 99.8829 4.99471 100.224 4.83017C100.566 4.66564 101.011 4.58337 101.561 4.58337C102.12 4.58337 102.577 4.66564 102.933 4.83017C103.288 4.99471 103.556 5.24637 103.736 5.58477C104.125 4.91711 104.926 4.58337 106.139 4.58337C107.011 4.58337 107.661 4.79964 108.087 5.23217C108.514 5.66489 108.727 6.37962 108.727 7.37634Z"
fill="#FF6600" fill-rule="evenodd"></path>
</svg>
</span>
</div>
<a class="src--link--_GYnQg6 src--footer_button--1HRzQeh"
href="https://www.accio.com/?aclId=yWtEIQ0r%2FzoCAS%2F2pIJAF6eH&language=en_US&referUrl=https%3A%2F%2Fhttps://linksupergacorwd.com/%2Fproduct-detail%2FCustom-Cell-Phone-Cases-Wholesale-Luxury_1601418925330.html&src=f_alibabapc_head_bn"
rel="noreferrer nofollow" style="text-decoration: none; color: rgb(255, 255, 255)"
target="_blank">Source now</a>
</div>
<div class="src--right_resources--7a3Ksre" bis_skin_checked="1">
<a href="https://www.accio.com/?aclId=yWtEIQ0r%2FzoCAS%2F2pIJAF6eH&language=en_US&referUrl=https%3A%2F%2Fhttps://linksupergacorwd.com/%2Fproduct-detail%2FCustom-Cell-Phone-Cases-Wholesale-Luxury_1601418925330.html&src=f_alibabapc_head_br"
rel="noreferrer nofollow" target="_blank"><img alt="" draggable="false"
src="https://img.alicdn.com/imgextra/i2/O1CN01Q2zGIi1seKennaLIB_!!6000000005791-0-tps-1890-1062.jpg" /></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="" data-aplus-ae="x10_7fadc443" data-spm-anchor-id="a2700.details.0.i41.494a3f8aFah63P"
data-tnh-auto-clk="Slot Resmi" data-tnh-auto-exp="Slot Resmi" data-tnhkey="Slot Resmi" bis_skin_checked="1">
<a href="https://linksupergacorwd.com/">
<div class="tab-title" bis_skin_checked="1">KUDALIAR89 DAFTAR</div>
</a>
<div class="animated-tab-content" style="height: 0px" bis_skin_checked="1">
<div class="tab-content" data-name="Buyer Central" bis_skin_checked="1">
<div class="animated-tab-content-children" data-aplus-ae="x11_40cb9ba2"
data-spm-anchor-id="a2700.details.0.i42.494a3f8aFah63P" data-tnh-auto-exp="Buyer Central-children"
bis_skin_checked="1">
<div class="buyer-central-content" bis_skin_checked="1">
<div class="bcc-item" data-tnhkey="Get Started" bis_skin_checked="1">
<div class="bcc-item-title" bis_skin_checked="1">
Get started
</div>
<div class="bcc-item-child" data-tnhkey="What is Alibaba.com" bis_skin_checked="1">
<a href="https://buyer.alibaba.com/page/buyer/center/overview.html" target="_blank">What is
Alibaba.com</a>
</div>
</div>
<div class="bcc-item" data-tnhkey="Why Alibaba.com" bis_skin_checked="1">
<div class="bcc-item-title" bis_skin_checked="1">
Why Alibaba.com
</div>
<div class="bcc-item-child" data-tnhkey="How sourcing works" bis_skin_checked="1">
<a href="https://buyer.alibaba.com/page/how_it_wroks.html" target="_blank">How sourcing
works</a>
</div>
<div class="bcc-item-child" data-tnhkey="Pro buyer program" bis_skin_checked="1">
<a href="https://sale.alibaba.com/p/dd4pt71ef/index.html?wx_navbar_transparent=true&path=/p/dd4pt71ef/index.html&ncms_spm=a27aq.25843503&prefetchKey=met#/"
target="_blank">Membership program</a>
</div>
</div>
<div class="bcc-item" data-tnhkey="Trade Services" bis_skin_checked="1">
<div class="bcc-item-title" bis_skin_checked="1">
Trade services
</div>
<div class="bcc-item-child" data-tnhkey="Trade Assurance Link" bis_skin_checked="1">
<a href="https://tradeassurance.alibaba.com?tracelog=PC_header_buyercentral"
target="_blank">Order protections</a>
</div>
<div class="bcc-item-child" data-tnhkey="Logistics Services" bis_skin_checked="1">
<a href="https://logistics.alibaba.com/buyer/luyou/public/blg/home.htm?wx_navbar_transparent=true&from=btnNav"
target="_blank">Logistics Services</a>
</div>
<div class="bcc-item-child" data-tnhkey="Letter of Credit" bis_skin_checked="1">
<a href="https://activity.alibaba.com/onetouch/30b61972.html" target="_blank">Letter of
Credit</a>
</div>
<div class="bcc-item-child" data-tnhkey="Production Monitoring & Inspection Services"
bis_skin_checked="1">
<a href="https://inspection.alibaba.com/" target="_blank">Production monitoring &
inspection services</a>
</div>
<div class="bcc-item-child" data-tnhkey="Tax Compliance Program" bis_skin_checked="1">
<a href="https://sale.alibaba.com/p/ddhcqxncs?wx_navbar_transparent=true&path=/p/ddhcqxncs&ncms_spm=a27aq.28348692&prefetchKey=met&wx_xpage=true"
target="_blank"></a>
</div>
</div>
<div class="bcc-item" data-tnhkey="Resources" bis_skin_checked="1">
<div class="bcc-item-title" bis_skin_checked="1">Resources</div>
<div class="bcc-item-child" data-tnhkey="Success Stories" bis_skin_checked="1">
<a href="https://buyer.alibaba.com/buyer/page/resources/success-stories/1504005.html"
target="_blank">Success stories</a>
</div>
<div class="bcc-item-child" data-tnhkey="Blogs" bis_skin_checked="1">
<a href="https://reads.alibaba.com?src=main" target="_blank">Blogs</a>
</div>
<div class="bcc-item-child" data-tnhkey="Industry reports" bis_skin_checked="1">
<a href="https://buyer.alibaba.com/buyer/page/resources/reports/1502002.html"
target="_blank">Industry reports</a>
</div>
<div class="bcc-item-child" data-tnhkey="Help Center" bis_skin_checked="1">
<a href="https://service.alibaba.com/page/home" target="_blank">Help Center</a>
</div>
</div>
<div class="bcc-item" data-tnhkey="Webinars" bis_skin_checked="1">
<div class="bcc-item-title" bis_skin_checked="1">Webinars</div>
<div class="bcc-item-child" data-tnhkey="Overview" bis_skin_checked="1">
<a href="https://buyer.alibaba.com/buyer/page/webinars/overview/1501002.html"
target="_blank">Overview</a>
</div>
<div class="bcc-item-child" data-tnhkey="Meet the peers" bis_skin_checked="1">
<a href="https://buyer.alibaba.com/buyer/page/webinars/meet-the-peers/1504006.html"
target="_blank">Meet the peers</a>
</div>
<div class="bcc-item-child" data-tnhkey="Ecommerce Academy" bis_skin_checked="1">
<a href="https://buyer.alibaba.com/buyer/page/webinars/ecommerce-academy/1508003.html"
target="_blank">Ecommerce Academy</a>
</div>
<div class="bcc-item-child" data-tnhkey="How to Source on Alibaba.com" bis_skin_checked="1">
<a href="https://buyer.alibaba.com/buyer/page/webinars/how-to-source/1505004.html"
target="_blank">How to source on Alibaba.com</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="" data-aplus-ae="x12_6956415d" data-spm-anchor-id="a2700.details.0.i43.494a3f8aFah63P"
data-tnh-auto-clk="AKUN GACOR" data-tnh-auto-exp="AKUN GACOR" data-tnhkey="AKUN GACOR"
bis_skin_checked="1">
<a href="https://linksupergacorwd.com/">
<div class="tab-title" bis_skin_checked="1">AKUN GACOR</div>
</a>
<div class="animated-tab-content" style="height: 0px" bis_skin_checked="1">
<div class="tab-content" data-name="Help Center" bis_skin_checked="1">
<div class="animated-tab-content-children" data-aplus-ae="x13_4d0e48d3"
data-spm-anchor-id="a2700.details.0.i44.494a3f8aFah63P" data-tnh-auto-exp="Help Center-children"
bis_skin_checked="1">
<div class="help-center-content" bis_skin_checked="1">
<a class="hc-item rounded" data-tnhkey="For buyers" href="https://so.alibaba.com/s/buyer/"
target="_blank">
<svg aria-hidden="true" class="tnh-icon">
<use xlink:href="#icon-zhuanshujingli"></use>
</svg>
For buyers</a><a class="hc-item rounded" data-tnhkey="For suppliers"
href="https://so.alibaba.com/s/cgs/" target="_blank">
<svg aria-hidden="true" class="tnh-icon">
<use xlink:href="#icon-shiligongchang"></use>
</svg>
For suppliers</a>
<div class="help-center-links" bis_skin_checked="1">
<ul>
<li data-tnhkey="Open a dispute">
<a href="https://rule.alibaba.com/complaint/center/index.htm" target="_blank">Open a
dispute</a>
</li>
<li data-tnhkey="Report IPR infringement">
<a href="https://ipp.aidcgroup.net/#/ippHome" target="_blank">Report IPR infringement</a>
</li>
<li data-tnhkey="Report abuse">
<a href="https://my-health.alibaba.com/helpCenter/mainTab.htm" target="_blank">Report
abuse</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="" data-aplus-ae="x14_3ed0bf56" data-spm-anchor-id="a2700.details.0.i45.494a3f8aFah63P"
data-tnh-auto-clk="AKUN SLOT" data-tnh-auto-exp="AKUN SLOT" data-tnhkey="AKUN SLOT"
bis_skin_checked="1">
<a href="https://linksupergacorwd.com/">
<div class="tab-title" bis_skin_checked="1">KESEHATAN</div>
</a>
<div class="animated-tab-content" style="height: 0px" bis_skin_checked="1">
<div class="tab-content" data-name="Get the app" bis_skin_checked="1">
<div class="animated-tab-content-children" data-aplus-ae="x15_300380bc"
data-spm-anchor-id="a2700.details.0.i46.494a3f8aFah63P" data-tnh-auto-exp="Get the app-children"
bis_skin_checked="1">
<div class="get-the-app-content-tnh-wrapper" bis_skin_checked="1">
<div class="get-the-app-content-tnh" bis_skin_checked="1">
<div class="info-tnh" bis_skin_checked="1">
<div class="title-tnh" bis_skin_checked="1">
Get the Alibaba.com app
</div>
<div class="content-wrapper" bis_skin_checked="1">
<div class="content-tnh" bis_skin_checked="1">
Find products, communicate with suppliers, and
manage and pay for your orders with the Alibaba.com
app anytime, anywhere.
</div>
<div class="download" bis_skin_checked="1">
<div class="store" bis_skin_checked="1">
<a href="https://itunes.apple.com/us/app/alibaba-for-iphone/id503451073"
target="_blank"><img alt="" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN01i9Aj641atkjJJ9I6y_!!6000000003388-2-tps-396-132.png" /></a><a
href="https://play.google.com/store/apps/details?id=com.alibaba.intl.android.apps.poseidon&amp;referrer=pcmaindownload"
target="_blank"><img alt="" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN018KnDNq1JleFgkjLRq_!!6000000001069-2-tps-447-132.png" /></a>
</div>
<div class="qr" bis_skin_checked="1">
<img alt="" loading="lazy"
src="https://s.alicdn.com/@img/tfs/TB1vMlnX21TBuNjy0FjXXajyXXa-280-280.png" />
</div>
</div>
</div>
</div>
</div>
<div class="get-the-app-content-tnh-divider" bis_skin_checked="1"></div>
<div class="tnh-alibaba-lens" bis_skin_checked="1">
<div class="tnh-alibaba-lens-title" bis_skin_checked="1">
Discover Alibaba Lens
</div>
<div class="tnh-alibaba-lens-info" bis_skin_checked="1">
<div bis_skin_checked="1">
Use this image search extension to find and compare
similar products with wholesale prices and customization
options anywhere online.
</div>
<button class="tnh-alibaba-lens-install-btn">
<img
src="https://img.alicdn.com/imgextra/i4/O1CN01F8prnx1XBq6RDiZ5b_!!6000000002886-2-tps-49-49.png" /><span>Add
to Chrome</span>
</button>
</div>
<a class="tnh-alibaba-lens-extra"
href="https://sale.alibaba.com/p/lens?traceInfo=alibaba_header" target="_blank">Learn
more</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="" data-aplus-ae="x16_5ff89ca2" data-spm-anchor-id="a2700.details.0.i47.494a3f8aFah63P"
data-tnh-auto-clk="SERVER THAILAND" data-tnh-auto-exp="SERVER THAILAND" data-tnhkey="SERVER THAILAND"
bis_skin_checked="1">
<a href="https://linksupergacorwd.com/">
<div class="tab-title tab-title-click" bis_skin_checked="1">
ALTERNATIF KUDALIAR89
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- CSS ??,?????????? link ??-->
<style>
.drop-shipping.dialog-wrap{position:fixed;inset:0;z-index:100;color:#333;box-sizing:border-box;line-height:1.2}.drop-shipping.dialog-wrap *{box-sizing:inherit}.drop-shipping.dialog-wrap a,.drop-shipping.dialog-wrap a:link,.drop-shipping.dialog-wrap a:visited,.drop-shipping.dialog-wrap a:hover,.drop-shipping.dialog-wrap a:active{text-decoration:none;color:inherit}.drop-shipping.dialog-wrap .mask{display:block;background-color:#00000073;width:100%;height:100%}.drop-shipping.dialog-wrap .dialog-content{position:absolute;padding:36px 20px 20px;min-width:360px;max-height:605px;top:100px;left:50%;transform:translate(-50%);background:#fff;box-shadow:0 4px 14px #0000001a;border-radius:8px}.drop-shipping.dialog-wrap .dialog-content .title,.drop-shipping.dialog-wrap .dialog-content .subtitle,.drop-shipping.dialog-wrap .dialog-content .success-guide,.drop-shipping.dialog-wrap .dialog-content .btn{text-align:center}.drop-shipping.dialog-wrap .dialog-content .title{line-height:20px;font-size:18px;font-weight:500;color:#333;margin:0 auto 4px}.drop-shipping.dialog-wrap .dialog-content .subtitle{line-height:16px;font-size:14px;color:#999;margin:8px auto0}.drop-shipping.dialog-wrap .dialog-content .close-btn{content:"";display:block;background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01IrGg4s26UcWC9e1ma_!!6000000007665-2-tps-48-48.png);background-size:contain;width:16px;height:16px;position:absolute;top:18px;right:18px;cursor:pointer}.drop-shipping.dialog-wrap .dialog-content .success-guide{font-size:14px;color:#666}.drop-shipping.dialog-wrap .dialog-content .no-longer-show{font-size:12px;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;margin-top:38px}.drop-shipping.dialog-wrap .dialog-content .no-longer-show input{margin:0 4px}.drop-shipping.dialog-wrap .dialog-content .no-longer-show.hidden{display:none}.drop-shipping.dialog-wrap .dialog-content .confirm-btn{color:#fff;background-color:#f60;border-radius:24px;padding:0 24px;line-height:28px;min-width:172px;max-width:300px;width:fit-content;margin:19px auto 0;cursor:pointer;text-align:center}.drop-shipping.dialog-wrap .dialog-content .isv-container{display:flex;flex-wrap:wrap;padding-top:24px}.drop-shipping.dialog-wrap .dialog-content .isv-container.center{justify-content:center}.drop-shipping.dialog-wrap .dialog-content .isv-container.bigger{width:756px;margin:0 -8px}.drop-shipping.dialog-wrap .dialog-content .isv-container.bigger .item{margin:0 8px 22px;padding:24px 16px 16px;width:236px;height:220px;font-size:12px}.drop-shipping.dialog-wrap .dialog-content .isv-container.bigger .item img{display:block;height:42px;margin:0 auto}.drop-shipping.dialog-wrap .dialog-content .isv-container.bigger .item .text{color:#666;height:70px}.drop-shipping.dialog-wrap .dialog-content .isv-container.bigger .item .btn{display:block;align-self:flex-end;margin:0 auto;text-align:center;font-size:14px;line-height:28px;height:28px;width:177px;color:#fff;background-color:#f60;border-radius:24px;padding:0 24px}.drop-shipping.dialog-wrap .dialog-content .isv-container.bigger .item .btn:hover{background-color:#e15301;color:#fff!important}.drop-shipping.dialog-wrap .dialog-content .isv-container.normal{margin:0 -6px;max-width:585px}.drop-shipping.dialog-wrap .dialog-content .isv-container.normal .item{margin:0 6px 22px;width:181px}.drop-shipping.dialog-wrap .dialog-content .isv-container.normal .item img{height:25px;margin:21px auto}.drop-shipping.dialog-wrap .dialog-content .isv-container .item{border:1px solid #eee;border-radius:4px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.drop-shipping.dialog-wrap .dialog-content .isv-container .item:hover{border:1px solid #fff0;box-shadow:0 0 6px #0000001a}.drop-shipping.dialog-wrap .dialog-content .isv-container .item[data-status]:after{content:"";display:block;position:absolute;left:50%;bottom:0;transform:translate(-50%,10px);width:20px;height:20px;background-size:contain}.drop-shipping.dialog-wrap .dialog-content .isv-container .item[data-status="success"]:after{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01UTL7R3218ZN5BgNyo_!!6000000006940-2-tps-60-60.png)}.drop-shipping.dialog-wrap .dialog-content .isv-container .item[data-status="failed"]{border:1px solid #f33200}.drop-shipping.dialog-wrap .dialog-content .isv-container .item[data-status="failed"]:after{background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01ujoGZR1LDs5uFUn1z_!!6000000001266-2-tps-60-60.png)}.drop-shipping.dialog-wrap .dialog-content .ds-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(https://gw.alicdn.com/tfs/TB1UC6DP1L2gK0jSZPhXXahvXXa-76-76.gif);background-size:contain;width:20px;height:20px}.drop-shipping.dialog-wrap .dialog-content .ds-loading.hidden{display:none}.drop-shipping.dialog-wrap .dialog-content .loading-mask{display:block;position:absolute;inset:0;background-color:#99999924}.drop-shipping.dialog-wrap .dialog-content .loading-mask.hidden{display:none}.drop-shipping.dialog-wrap .dialog-content[data-code="4008"]:before{content:"";display:block;background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01oyW1221j5fmaPOkCu_!!6000000004497-2-tps-126-120.png);background-size:contain;background-repeat:no-repeat;background-position:center;height:30px;margin-bottom:8px}.drop-shipping.dialog-wrap .popup{display:none;padding:0 8px;height:33px;line-height:33px;background-color:#fff;position:absolute;top:10px;left:50%;border-radius:4px;box-shadow:0 4px 14px #0000001a;white-space:nowrap;z-index:2}.drop-shipping.dialog-wrap .popup .text .title,.drop-shipping.dialog-wrap .popup .subtitle,.drop-shipping.dialog-wrap .popup .success-guide,.drop-shipping.dialog-wrap .popup .no-longer-show{max-width:500px}.drop-shipping.dialog-wrap .popup.show{display:block}.drop-shipping.dialog-wrap .popup:after{content:"";display:block;background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01nfFfKS1GH0jMDDyfi_!!6000000000596-2-tps-39-42.png);background-size:contain;width:8px;height:8px;position:absolute;bottom:-5px;left:12px}.drop-shipping.dialog-wrap .flex{display:flex;flex-wrap:wrap}@media screen and (min-height:700px){.drop-shipping.dialog-wrap .dialog-content{top:100px}}@media screen and (min-height:900px){.drop-shipping.dialog-wrap .dialog-content{top:170px}}@media screen and (min-height:1420px){.drop-shipping.dialog-wrap .dialog-content{top:50%;transform:translate(-50%,-50%)}}.drop-shipping.dialog-wrap [lines="1"]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.drop-shipping.dialog-wrap [lines="2"]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.drop-shipping.dialog-wrap [lines="5"]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}.drop-shipping.message-wrap{position:fixed;left:50%;right:0;transform:translate(-50%);z-index:100;color:#fff;box-sizing:border-box;min-width:146px;max-width:200px;height:76px;background-color:#000000b3;border-radius:4px;padding:12px;display:flex;flex-direction:column;flex-wrap:no-wrap;justify-content:center;align-items:center;transition:all 0.5s;opacity:1}.drop-shipping.message-wrap *{box-sizing:inherit}.drop-shipping.message-wrap.hidden{top:-200px!important;opacity:0}.drop-shipping.message-wrap .icon{height:24px;width:24px;margin-bottom:10px;background-size:contain;background-repeat:no-repeat;background-position:center center}.drop-shipping.message-wrap .icon.loading{background-image:url(https://gw.alicdn.com/tfs/TB1UC6DP1L2gK0jSZPhXXahvXXa-76-76.gif)}.drop-shipping.message-wrap .icon.success{background-image:url(https://img.alicdn.com/imgextra/i1/O1CN012sLrvG1yrVOQTTqYw_!!6000000006632-2-tps-48-50.png)}.drop-shipping.message-wrap .message-text{width:100%;text-align:center}.drop-shipping.message-wrap [lines="1"]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.buyer-assurance-dialog-mask{position:fixed;z-index:10000;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center}.buyer-assurance-dialog-mask.show-modal{background-color:#0009}.buyer-assurance-dialog{position:relative;width:640px;max-height:80%;z-index:1002;transition:all 0.2s;border-radius:12px;overflow:hidden;background-color:#fff;background-repeat:no-repeat;background-size:32px 32px;background-position:center center}.buyer-assurance-dialog iframe{max-height:100%}.buyer-assurance-dialog .close-icon{position:absolute;top:30px;right:20px;z-index:11;display:inline-block;width:28px;height:28px;background-image:url(https://gw.alicdn.com/imgextra/i4/O1CN01CzA2rP1TC3XPZwvbm_!!6000000002345-55-tps-18-18.svg);background-position:center center;background-size:18px 18px;background-repeat:no-repeat;cursor:pointer}.buyer-assurance-dialog .skeleton-item{padding:4px 20px 0}.buyer-assurance-dialog .skeleton-item:first-child{padding-bottom:0;padding-top:20px}.buyer-assurance-dialog .adm-skeleton{width:100%;height:0;border-radius:0;background-color:#bebebe33;display:block}.buyer-assurance-dialog .adm-skeleton.adm-skeleton-animated{background:linear-gradient(90deg,#bebebe33 25%,#8181813d 37%,#bebebe33 63%);background-size:400% 100%;animation:adm-skeleton-loading 1.4s ease infinite}.buyer-assurance-dialog .adm-skeleton.adm-skeleton-paragraph-line{height:18px;border-radius:2px;margin-top:12px;margin-bottom:12px}.buyer-assurance-dialog .adm-skeleton.adm-skeleton-paragraph-line:first-child{width:65%}@keyframes adm-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.buyer-assurance-dialog.lang-ar_SA *{unicode-bidi:bidi-override;direction:rtl}.buyer-assurance-dialog.lang-ar_SA .close-icon{right:auto!important;left:20px!important}#the-new-footer .tnf-getapp{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;height:40px}#the-new-footer .tnf-getapp img{height:40px}#the-new-footer .tnf-getapp a{color:#222;text-decoration:underline!important;font-weight:700}#the-new-footer .tnf-info{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:1200px;padding:20px 30px;background-color:#f4f4f4;color:#666}#the-new-footer .tnf-info a{color:#666!important}#the-new-footer .tnf-info .group-links{display:flex;flex-direction:row;gap:6px;direction:ltr;unicode-bidi:embed}#the-new-footer .tnf-info .group-links a:hover{text-decoration:underline}#the-new-footer .tnf-info .group-links a:before{padding-right:6px;content:"|"}#the-new-footer .tnf-info .group-links a:first-child:before{content:""}#the-new-footer .tnf-info .tnh-infos-content{display:flex;flex-direction:row;gap:6px}#the-new-footer .tnf-info .tnh-infos-content a:hover>span{text-decoration:underline}#the-new-footer .tnf-info .tnh-infos-content a:before{padding-right:6px;content:"\b7"}#the-new-footer .tnf-info .tnh-infos-content a:first-child:before{content:""}#the-new-footer .tnf-info .legal{direction:ltr;unicode-bidi:embed;display:flex;flex-direction:row;align-items:center;gap:12px}#the-new-footer .tnf-info .legal a{display:flex;flex-direction:row;align-items:center;gap:12px}#the-new-footer .tnf-info .legal img{height:20px}#the-new-footer .tnf-links{display:flex;flex-direction:row;justify-content:space-between;width:100%}#the-new-footer .tnf-links>div{width:200px}#the-new-footer .tnf-links ul,#the-new-footer .tnf-links li{margin:0;padding:0;list-style:none}#the-new-footer .tnf-links li{display:block;margin-bottom:20px}#the-new-footer .tnf-links a{color:#222}#the-new-footer .tnf-links a:hover{text-decoration:underline}#the-new-footer .tnf-links h3{margin-bottom:20px;font-weight:700;font-size:16px;line-height:22px}.payment-wrapper{display:flex;font-size:14px;line-height:28px;width:100%;height:100%}.payment-wrapper .payment-title{margin-inline-end:12px;flex-shrink:0}.payment-wrapper .payment-icon-box{display:flex;max-width:350px;flex-shrink:0;gap:8px 4px}.payment-wrapper .payment-security-box{display:flex;flex-wrap:wrap;margin-inline-start:16px;padding-inline-start:16px;border-inline-start:1px solid #ddd;gap:8px 4px}.payment-wrapper .payment-icon{height:28px;width:auto}#the-new-footer .tnf-sns{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:24px;height:40px}#the-new-footer .tnf-sns img{height:28px}#the-new-footer{content-visibility:auto;display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;padding-top:40px;border-top:1px solid #ddd;background-color:#fff;color:#222;font-size:14px;line-height:18px}#the-new-footer .tnf-content{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;min-width:1200px;max-width:1500px;padding:0 40px}#the-new-footer .tnf-content .sns-and-app{display:flex;flex-direction:row;justify-content:space-between;width:100%;direction:ltr;unicode-bidi:embed}#the-new-footer a{outline:none}#the-new-footer a:link,#the-new-footer a:visited,#the-new-footer a:hover,#the-new-footer a:active{color:#222;text-decoration:none}.next-icon-AddProducts:before{content:"\e739"}.next-icon-Cameraswitching:before{content:"\e757"}.next-icon-Cameraswitching-fill:before{content:"\e685"}.next-icon-Contacts:before{content:"\e70b"}.next-icon-Contacts-fill:before{content:"\e693"}.next-icon-CurrencyConverter:before{content:"\e772"}.next-icon-CurrencyConverter-fill:before{content:"\e692"}.next-icon-Customermanagement:before{content:"\e773"}.next-icon-Customermanagement-fill:before{content:"\e695"}.next-icon-Daytimemode:before{content:"\e776"}.next-icon-Daytimemode-fill:before{content:"\e697"}.next-icon-Exportservices:before{content:"\e791"}.next-icon-Exportservices-fill:before{content:"\e69e"}.next-icon-Fee:before{content:"\e78f"}.next-icon-Foreigncurrency:before{content:"\e796"}.next-icon-Householdappliances:before{content:"\e7a5"}.next-icon-Italic:before{content:"\e7ad"}.next-icon-Landtransportation:before{content:"\e7b3"}.next-icon-Moneymanagement:before{content:"\e7c4"}.next-icon-Moneymanagement-fill:before{content:"\e6b8"}.next-icon-Newuserzone:before{content:"\e7ca"}.next-icon-Newuserzone-fill:before{content:"\e6bc"}.next-icon-Non-staplefood:before{content:"\e7cb"}.next-icon-Notvisible:before{content:"\e708"}.next-icon-QRcode:before{content:"\e7e7"}.next-icon-RFQ-logo:before{content:"\e7f2"}.next-icon-RFQ-logo-fill:before{content:"\e6d4"}.next-icon-RFQ-word:before{content:"\e7f7"}.next-icon-RFQ-word-fill:before{content:"\e705"}.next-icon-Rightarrow:before{content:"\e7f3"}.next-icon-Rightbutton:before{content:"\e7f4"}.next-icon-Rightbutton-fill:before{content:"\e6d6"}.next-icon-Salescenter:before{content:"\e7fa"}.next-icon-Salescenter-fill:before{content:"\e6d8"}.next-icon-Scene:before{content:"\e6e3"}.next-icon-Searchcart:before{content:"\e7fd"}.next-icon-Searchcart-fill:before{content:"\e6d9"}.next-icon-Similarproducts:before{content:"\e809"}.next-icon-Similarproducts-fill:before{content:"\e6e7"}.next-icon-Subscribe:before{content:"\e811"}.next-icon-Top:before{content:"\e823"}.next-icon-Top-fill:before{content:"\e6fd"}.next-icon-Tradingvolume:before{content:"\e828"}.next-icon-Tradingvolume1:before{content:"\e82a"}.next-icon-Training:before{content:"\e829"}.next-icon-Training-fill:before{content:"\e6f5"}.next-icon-Transfermoney:before{content:"\e82b"}.next-icon-Transfermoney1:before{content:"\e82e"}.next-icon-VIP:before{content:"\e834"}.next-icon-VIP-fill:before{content:"\e6fa"}.next-icon-account-fill:before{content:"\e676"}.next-icon-add-account:before{content:"\e73b"}.next-icon-add-account-fill:before{content:"\e679"}.next-icon-add-cart:before{content:"\e738"}.next-icon-add-cart-fill:before{content:"\e67a"}.next-icon-add-fill:before{content:"\e678"}.next-icon-add1:before{content:"\e737"}.next-icon-addcell:before{content:"\e73e"}.next-icon-agriculture:before{content:"\e73f"}.next-icon-ali-clould:before{content:"\e742"}.next-icon-ali-clould-fill:before{content:"\e67c"}.next-icon-all:before{content:"\e73d"}.next-icon-all-fill:before{content:"\e6cd"}.next-icon-apparel:before{content:"\e741"}.next-icon-arrow-lift:before{content:"\e740"}.next-icon-ashbin-fill:before{content:"\e67b"}.next-icon-aspjiesuan:before{content:"\e745"}.next-icon-assessed-badge:before{content:"\e743"}.next-icon-atm-away:before{content:"\e749"}.next-icon-atm-away-fill:before{content:"\e684"}.next-icon-atm-fill:before{content:"\e67e"}.next-icon-attachent:before{content:"\e744"}.next-icon-auto:before{content:"\e746"}.next-icon-aviation:before{content:"\e748"}.next-icon-background-color:before{content:"\e747"}.next-icon-bad:before{content:"\e752"}.next-icon-bad-fill:before{content:"\e67d"}.next-icon-bags:before{content:"\e74b"}.next-icon-banzhengfuwu:before{content:"\e718"}.next-icon-beauty:before{content:"\e74c"}.next-icon-becomeagoldsupplier:before{content:"\e74d"}.next-icon-beijing:before{content:"\e74e"}.next-icon-bmp:before{content:"\e750"}.next-icon-bmp-fill:before{content:"\e68d"}.next-icon-bold:before{content:"\e74f"}.next-icon-brand:before{content:"\e751"}.next-icon-brand-fill:before{content:"\e682"}.next-icon-browse:before{content:"\e754"}.next-icon-browse-close:before{content:"\e6de"}.next-icon-browse1:before{content:"\e674"}.next-icon-bussiness-man:before{content:"\e753"}.next-icon-buyer:before{content:"\e6e4"}.next-icon-calculator:before{content:"\e755"}.next-icon-calculator-fill:before{content:"\e67f"}.next-icon-calendar-fill:before{content:"\e681"}.next-icon-camera:before{content:"\e756"}.next-icon-camera-fill:before{content:"\e680"}.next-icon-cangku:before{content:"\e70c"}.next-icon-cart:before{content:"\e758"}.next-icon-cart-fill:before{content:"\e686"}.next-icon-cart-fill1:before{content:"\e690"}.next-icon-cart1:before{content:"\e75b"}.next-icon-cascades:before{content:"\e759"}.next-icon-category:before{content:"\e75a"}.next-icon-cecurity-protection:before{content:"\e75c"}.next-icon-cecurity-protection-fill:before{content:"\e687"}.next-icon-centeralignment:before{content:"\e75d"}.next-icon-certified-supplier:before{content:"\e75e"}.next-icon-certified-supplier-fill:before{content:"\e68a"}.next-icon-checkstand:before{content:"\e75f"}.next-icon-click:before{content:"\e88b"}.next-icon-click-rate:before{content:"\e6e1"}.next-icon-clock-fill:before{content:"\e689"}.next-icon-code:before{content:"\e765"}.next-icon-collection:before{content:"\e762"}.next-icon-collection-fill:before{content:"\e688"}.next-icon-color:before{content:"\e763"}.next-icon-color-fill:before{content:"\e68f"}.next-icon-column:before{content:"\e70a"}.next-icon-column1:before{content:"\e70d"}.next-icon-comments:before{content:"\e764"}.next-icon-comments-fill:before{content:"\e68c"}.next-icon-company:before{content:"\e766"}.next-icon-company-fill:before{content:"\e68b"}.next-icon-component:before{content:"\e767"}.next-icon-conditions:before{content:"\e768"}.next-icon-confirm:before{content:"\e769"}.next-icon-connections:before{content:"\e76a"}.next-icon-consumption:before{content:"\e66b"}.next-icon-consumption1:before{content:"\e76b"}.next-icon-costoms-alearance:before{content:"\e76e"}.next-icon-coupons:before{content:"\e76f"}.next-icon-coupons-fill:before{content:"\e6ae"}.next-icon-credit-level:before{content:"\e771"}.next-icon-credit-level-fill:before{content:"\e691"}.next-icon-creditcard:before{content:"\e770"}.next-icon-creditcard-fill:before{content:"\e68e"}.next-icon-cry-fill:before{content:"\e694"}.next-icon-customization:before{content:"\e775"}.next-icon-cut:before{content:"\e777"}.next-icon-daibancaishui:before{content:"\e70e"}.next-icon-daikuan:before{content:"\e70f"}.next-icon-daikuan1:before{content:"\e710"}.next-icon-danjuzhuanhuan:before{content:"\e713"}.next-icon-data:before{content:"\e774"}.next-icon-default-template:before{content:"\e77a"}.next-icon-default-template-fill:before{content:"\e696"}.next-icon-discount:before{content:"\e77b"}.next-icon-discount-fill:before{content:"\e698"}.next-icon-discounts:before{content:"\e779"}.next-icon-discounts-fill:before{content:"\e699"}.next-icon-doc:before{content:"\e77c"}.next-icon-doc-fill:before{content:"\e69a"}.next-icon-dollar:before{content:"\e77f"}.next-icon-dongtai:before{content:"\e712"}.next-icon-double-arro-right:before{content:"\e77e"}.next-icon-double-arrow-left:before{content:"\e77d"}.next-icon-earth:before{content:"\e782"}.next-icon-editor:before{content:"\e781"}.next-icon-electronics:before{content:"\e783"}.next-icon-eletrical:before{content:"\e785"}.next-icon-email-fill:before{content:"\e69b"}.next-icon-eraser:before{content:"\e787"}.next-icon-etrical-equipm:before{content:"\e789"}.next-icon-exchangerate:before{content:"\e78b"}.next-icon-exl:before{content:"\e78a"}.next-icon-exl-fill:before{content:"\e6b6"}.next-icon-falg-fill-fill:before{content:"\e69c"}.next-icon-falling:before{content:"\e78c"}.next-icon-favorites:before{content:"\e78d"}.next-icon-favorites-fill:before{content:"\e69d"}.next-icon-feed-logo:before{content:"\e78e"}.next-icon-feed-logo-fill:before{content:"\e69f"}.next-icon-feeds:before{content:"\e790"}.next-icon-feeds-fill:before{content:"\e6a2"}.next-icon-fencengpeizhi:before{content:"\e714"}.next-icon-filling:before{content:"\e794"}.next-icon-filter-fill:before{content:"\e6a1"}.next-icon-flag:before{content:"\e793"}.next-icon-folder:before{content:"\e798"}.next-icon-folder-fill:before{content:"\e6a0"}.next-icon-form-fill:before{content:"\e6a4"}.next-icon-furniture:before{content:"\e799"}.next-icon-gif:before{content:"\e79a"}.next-icon-gif-fill:before{content:"\e6a5"}.next-icon-gift:before{content:"\e79c"}.next-icon-gold-supplie:before{content:"\e79b"}.next-icon-gold-supplie-fill:before{content:"\e6a3"}.next-icon-good:before{content:"\e79d"}.next-icon-good-fill:before{content:"\e6a7"}.next-icon-goods:before{content:"\e6df"}.next-icon-goumaipianhao:before{content:"\e716"}.next-icon-guanliyuan:before{content:"\e79e"}.next-icon-hardware:before{content:"\e7a0"}.next-icon-help-fill:before{content:"\e6a8"}.next-icon-history:before{content:"\e7a1"}.next-icon-home:before{content:"\e7a2"}.next-icon-home-fill:before{content:"\e6a6"}.next-icon-home1:before{content:"\e7a3"}.next-icon-homepage-ads-fill:before{content:"\e6ab"}.next-icon-homepage_ads:before{content:"\e6e2"}.next-icon-hot:before{content:"\e7a6"}.next-icon-hot-fill:before{content:"\e6aa"}.next-icon-image-text:before{content:"\e7a4"}.next-icon-image-text-fill:before{content:"\e6a9"}.next-icon-infantmom:before{content:"\e7a7"}.next-icon-inquiry-template:before{content:"\e7a9"}.next-icon-inquiry-template-fill:before{content:"\e6ad"}.next-icon-inspection:before{content:"\e7a8"}.next-icon-inspection-fill:before{content:"\e6ac"}.next-icon-inspection-fill1:before{content:"\e6af"}.next-icon-inspection1:before{content:"\e7ac"}.next-icon-insurance:before{content:"\e7aa"}.next-icon-insurance-fill:before{content:"\e6b2"}.next-icon-integral:before{content:"\e7ab"}.next-icon-integral-fill:before{content:"\e6b0"}.next-icon-invoice:before{content:"\e7af"}.next-icon-ipad:before{content:"\e7ae"}.next-icon-jewelry:before{content:"\e7b0"}.next-icon-jiaobiao:before{content:"\e717"}.next-icon-jizhuangxiang:before{content:"\e715"}.next-icon-jpge:before{content:"\e7b2"}.next-icon-jpge-fill:before{content:"\e6b5"}.next-icon-kehupandian:before{content:"\e719"}.next-icon-kehuquanyi:before{content:"\e71a"}.next-icon-kitchen:before{content:"\e7b1"}.next-icon-kuaidiwuliu:before{content:"\e71b"}.next-icon-langugae:before{content:"\e7b8"}.next-icon-leftalignment:before{content:"\e7b5"}.next-icon-leftarrow:before{content:"\e7b4"}.next-icon-leftbutton:before{content:"\e7b6"}.next-icon-leftbutton-fill:before{content:"\e6b1"}.next-icon-libra:before{content:"\e7b7"}.next-icon-lights:before{content:"\e7ba"}.next-icon-link:before{content:"\e7b9"}.next-icon-listing-content:before{content:"\e7bb"}.next-icon-listing-content-fill:before{content:"\e6b4"}.next-icon-logistic-logo:before{content:"\e7be"}.next-icon-logistic-logo-fill:before{content:"\e6c2"}.next-icon-logistics-icon:before{content:"\e7bd"}.next-icon-logistics-icon-fill:before{content:"\e6bf"}.next-icon-machinery:before{content:"\e7c0"}.next-icon-manage-order:before{content:"\e7bf"}.next-icon-manage-order-fill:before{content:"\e6bd"}.next-icon-map:before{content:"\e7c1"}.next-icon-map-fill:before{content:"\e6be"}.next-icon-messagecenter:before{content:"\e7c2"}.next-icon-messagecenter-fill:before{content:"\e6ba"}.next-icon-moban:before{content:"\e6e6"}.next-icon-mobile-phone:before{content:"\e7c3"}.next-icon-move:before{content:"\e7c5"}.next-icon-multi-language:before{content:"\e7c7"}.next-icon-multi-language-fill:before{content:"\e6b7"}.next-icon-mute:before{content:"\e7c6"}.next-icon-mute-fill:before{content:"\e6bb"}.next-icon-namecard:before{content:"\e7d0"}.next-icon-namecard-fill:before{content:"\e6b9"}.next-icon-nav-list:before{content:"\e7c9"}.next-icon-nightmode:before{content:"\e7c8"}.next-icon-nightmode-fill:before{content:"\e6c1"}.next-icon-notice:before{content:"\e7cd"}.next-icon-notice-fill:before{content:"\e6c5"}.next-icon-office:before{content:"\e7d2"}.next-icon-office-supplies:before{content:"\e7cc"}.next-icon-office-supplies-fill:before{content:"\e6c0"}.next-icon-online-tracking:before{content:"\e7d1"}.next-icon-online-tracking-fill:before{content:"\e6e0"}.next-icon-ontimeshipment:before{content:"\e7ce"}.next-icon-operation:before{content:"\e7cf"}.next-icon-order:before{content:"\e7d3"}.next-icon-order-fill:before{content:"\e6c6"}.next-icon-other:before{content:"\e889"}.next-icon-packaging:before{content:"\e7d4"}.next-icon-packing-labeling:before{content:"\e7d6"}.next-icon-packing-labeling-fill:before{content:"\e6c3"}.next-icon-password:before{content:"\e7d5"}.next-icon-password-fill:before{content:"\e6c4"}.next-icon-paylater:before{content:"\e7d8"}.next-icon-paylater-fill:before{content:"\e6e5"}.next-icon-pcm:before{content:"\e7d7"}.next-icon-pdf:before{content:"\e7d9"}.next-icon-pdf-fill:before{content:"\e6f3"}.next-icon-phone:before{content:"\e7dd"}.next-icon-phone-fill:before{content:"\e6c7"}.next-icon-pic:before{content:"\e7da"}.next-icon-pic-fill:before{content:"\e6c8"}.next-icon-pin:before{content:"\e7db"}.next-icon-pin-fill:before{content:"\e6c9"}.next-icon-platform:before{content:"\e7dc"}.next-icon-platform-fill:before{content:"\e6ca"}.next-icon-play:before{content:"\e7de"}.next-icon-play-fill:before{content:"\e6cb"}.next-icon-png:before{content:"\e7df"}.next-icon-png-fill:before{content:"\e6fc"}.next-icon-pointerleft:before{content:"\e7e0"}.next-icon-print:before{content:"\e7e1"}.next-icon-process:before{content:"\e7e2"}.next-icon-product:before{content:"\e7e3"}.next-icon-product-fill:before{content:"\e6cc"}.next-icon-product1:before{content:"\e7e4"}.next-icon-prompt-fill:before{content:"\e6ce"}.next-icon-quanping1:before{content:"\e60f"}.next-icon-quanyipeizhi:before{content:"\e720"}.next-icon-quick:before{content:"\e7e6"}.next-icon-quick-fill:before{content:"\e6cf"}.next-icon-rankinglist:before{content:"\e7e9"}.next-icon-rankinglist-fill:before{content:"\e702"}.next-icon-raw:before{content:"\e7ea"}.next-icon-reduce:before{content:"\e7e8"}.next-icon-reduce-fill:before{content:"\e6d1"}.next-icon-reducecell:before{content:"\e7eb"}.next-icon-reeor-fill:before{content:"\e6d2"}.next-icon-rejected-order:before{content:"\e7ed"}.next-icon-rejected-order-fill:before{content:"\e6d0"}.next-icon-remind:before{content:"\e7ec"}.next-icon-remind-fill:before{content:"\e6d5"}.next-icon-resonserate:before{content:"\e7f0"}.next-icon-resonserate-fill:before{content:"\e6d3"}.next-icon-responsetime:before{content:"\e7ef"}.next-icon-return:before{content:"\e7f1"}.next-icon-rightalignment:before{content:"\e7f5"}.next-icon-rising:before{content:"\e7f6"}.next-icon-rmb:before{content:"\e7f8"}.next-icon-save:before{content:"\e7f9"}.next-icon-save-fill:before{content:"\e6d7"}.next-icon-scanning:before{content:"\e7fb"}.next-icon-scenes:before{content:"\e7fc"}.next-icon-security:before{content:"\e672"}.next-icon-security-fill:before{content:"\e6da"}.next-icon-seleted:before{content:"\e7ff"}.next-icon-sendinquiry:before{content:"\e801"}.next-icon-service:before{content:"\e800"}.next-icon-service-fill:before{content:"\e6db"}.next-icon-set-fill:before{content:"\e704"}.next-icon-shangchuan:before{content:"\e71f"}.next-icon-shangchuanbeiandanzheng:before{content:"\e71c"}.next-icon-share:before{content:"\e802"}.next-icon-shengyijing:before{content:"\e71e"}.next-icon-shenqingjilu:before{content:"\e71d"}.next-icon-shoes:before{content:"\e806"}.next-icon-shouqi:before{content:"\e722"}.next-icon-shuangshen:before{content:"\e733"}.next-icon-shuffling-banner:before{content:"\e805"}.next-icon-shuffling-banner-fill:before{content:"\e6eb"}.next-icon-signboard:before{content:"\e803"}.next-icon-signboard-fill:before{content:"\e6dc"}.next-icon-similar-product:before{content:"\e808"}.next-icon-similar-product-fill:before{content:"\e6dd"}.next-icon-smile-fill:before{content:"\e6e9"}.next-icon-sound-Mute:before{content:"\e80a"}.next-icon-sound-Mute-fill:before{content:"\e6e8"}.next-icon-sound-filling:before{content:"\e80b"}.next-icon-sound-filling-fill:before{content:"\e6ec"}.next-icon-sport:before{content:"\e80f"}.next-icon-square:before{content:"\e80d"}.next-icon-stop:before{content:"\e80e"}.next-icon-stop-fill:before{content:"\e6ea"}.next-icon-store:before{content:"\e812"}.next-icon-store-fill:before{content:"\e6ed"}.next-icon-subscript:before{content:"\e810"}.next-icon-success-fill:before{content:"\e6fb"}.next-icon-suggest:before{content:"\e815"}.next-icon-suoxiao:before{content:"\e723"}.next-icon-superscript:before{content:"\e814"}.next-icon-supplier-features:before{content:"\e817"}.next-icon-supplier-features-fill:before{content:"\e6f0"}.next-icon-survey:before{content:"\e818"}.next-icon-suspended:before{content:"\e816"}.next-icon-suspended-fill:before{content:"\e6ef"}.next-icon-tag-subscript:before{content:"\e819"}.next-icon-task-management:before{content:"\e81a"}.next-icon-task-management-fill:before{content:"\e6ee"}.next-icon-template:before{content:"\e81d"}.next-icon-text:before{content:"\e81f"}.next-icon-textile-products:before{content:"\e81e"}.next-icon-tif-fill:before{content:"\e6f1"}.next-icon-tongguan:before{content:"\e721"}.next-icon-tongguanshuju:before{content:"\e725"}.next-icon-tongxunlu:before{content:"\e724"}.next-icon-tool:before{content:"\e820"}.next-icon-tool-fill:before{content:"\e6f2"}.next-icon-tool-hardware:before{content:"\e821"}.next-icon-topraning:before{content:"\e824"}.next-icon-topranning-fill:before{content:"\e6f4"}.next-icon-topsales:before{content:"\e822"}.next-icon-toy:before{content:"\e826"}.next-icon-trade-assurance:before{content:"\e827"}.next-icon-trade-assurance-fill:before{content:"\e707"}.next-icon-tradealert:before{content:"\e825"}.next-icon-trust:before{content:"\e709"}.next-icon-trust-fill:before{content:"\e6f8"}.next-icon-tuishui:before{content:"\e726"}.next-icon-tuishuirongzi:before{content:"\e72d"}.next-icon-txt:before{content:"\e82c"}.next-icon-under-line:before{content:"\e82d"}.next-icon-unlock-fill:before{content:"\e6f7"}.next-icon-usercenter:before{content:"\e830"}.next-icon-vehivles:before{content:"\e833"}.next-icon-video:before{content:"\e831"}.next-icon-video-fill:before{content:"\e6f6"}.next-icon-viewgallery:before{content:"\e835"}.next-icon-viewlarger:before{content:"\e832"}.next-icon-viewlarger-fill:before{content:"\e6f9"}.next-icon-viewlist:before{content:"\e836"}.next-icon-voice:before{content:"\e838"}.next-icon-voice-fill:before{content:"\e6fe"}.next-icon-vs:before{content:"\e837"}.next-icon-vs-fill:before{content:"\e703"}.next-icon-waihuishuju:before{content:"\e727"}.next-icon-wallet:before{content:"\e83c"}.next-icon-wallet-fill:before{content:"\e701"}.next-icon-warehouse:before{content:"\e83b"}.next-icon-warehouse-fill:before{content:"\e700"}.next-icon-warning-fill:before{content:"\e6ff"}.next-icon-writing:before{content:"\e83e"}.next-icon-writing-fill:before{content:"\e83a"}.next-icon-wuliuchanpin:before{content:"\e728"}.next-icon-wuliudingdan:before{content:"\e72b"}.next-icon-xiakuangxian:before{content:"\e83d"}.next-icon-xinwaizongyewu:before{content:"\e72a"}.next-icon-xinxibar_shouji:before{content:"\e729"}.next-icon-xinxibar_zhanghu:before{content:"\e72c"}.next-icon-xlsx:before{content:"\e840"}.next-icon-xuanzhuandu:before{content:"\e72e"}.next-icon-years:before{content:"\e711"}.next-icon-years-fill:before{content:"\e675"}.next-icon-yidatong:before{content:"\e72f"}.next-icon-yiguanzhugongyingshang:before{content:"\e73a"}.next-icon-zhanghucaozuo:before{content:"\e732"}.next-icon-zhankai:before{content:"\e730"}.next-icon-zhongjianren:before{content:"\e731"}.next-icon-zhuanyequanwei:before{content:"\e735"}.next-icon-zijin:before{content:"\e734"}.next-icon-zip:before{content:"\e83f"}.next-icon-zip-fill:before{content:"\e706"}.next-icon-ziyingyewu:before{content:"\e73c"}.next-icon-zuanshi:before{content:"\e736"}.DetailFreightCalculator{display:block}.detail-freight-dialog{min-width:800px!important;max-height:600px!important}@font-face{.detail-freight-dialog{font-family:OpenSans;src:url(https://alifd.alicdn.com/fonts/open-sans/OpenSans-Light.eot);font-display:swap}}@font-face{.detail-freight-dialog{font-family:OpenSans;src:url(https://alifd.alicdn.com/fonts/open-sans/OpenSans-Light.eot);font-display:swap}}@font-face{.detail-freight-dialog{font-family:OpenSans;src:url(https://alifd.alicdn.com/fonts/open-sans/OpenSans-Light.eot);font-display:swap}}.detail-freight-dialog .next-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;top:0;margin:-1px}.detail-freight-dialog .next-loading-fusion-reactor[dir="rtl"]{animation-name:nextVectorRouteRTL}@keyframes nextVectorRouteRTL{0%{transform:rotate(0)}5%{transform:rotate(-90deg)}25%{transform:rotate(-90deg)}30%{transform:rotate(-180deg)}50%{transform:rotate(-180deg)}55%{transform:rotate(-270deg)}75%{transform:rotate(-270deg)}80%{transform:rotate(-360deg)}to{transform:rotate(-360deg)}}.detail-freight-dialog .next-loading{position:relative}.detail-freight-dialog .next-loading.next-open{pointer-events:none}.detail-freight-dialog .next-loading .next-loading-component{opacity:.7;filter:blur(1px);filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius=1, MakeShadow=false)";position:relative;pointer-events:none}.detail-freight-dialog .next-loading-masker{position:absolute;inset:0;z-index:99;opacity:.2;background:#fff}.detail-freight-dialog .next-loading-inline{display:inline-block}.detail-freight-dialog .next-loading-tip{display:block;position:absolute;top:50%;left:50%;z-index:4;transform:translate(-50%,-50%);text-align:center}.detail-freight-dialog .next-loading-tip-fullscreen{top:inherit;left:inherit;transform:inherit}.detail-freight-dialog .next-loading-tip-placeholder{display:none}.detail-freight-dialog .next-loading-right-tip .next-loading-indicator{display:inline-block}.detail-freight-dialog .next-loading-right-tip .next-loading-tip-content{position:absolute;display:block;top:50%;right:0;transform:translateY(-50%)}.detail-freight-dialog .next-loading-right-tip .next-loading-tip-placeholder{display:inline-block;visibility:hidden;margin-left:1em}.detail-freight-dialog .next-loading-fusion-reactor{display:inline-block;width:48px;height:48px;position:relative;margin:0;animation-duration:5.6s;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:nextVectorRoute}.detail-freight-dialog .next-loading-fusion-reactor .next-loading-dot{position:absolute;margin:auto;width:12px;height:12px;border-radius:50%;background:#f60;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:1.4s}.detail-freight-dialog .next-loading-fusion-reactor .next-loading-dot:nth-child(1){top:0;bottom:0;left:0;animation-name:nextVectorDotsX}.detail-freight-dialog .next-loading-fusion-reactor .next-loading-dot:nth-child(2){left:0;right:0;top:0;opacity:.8;animation-name:nextVectorDotsY}.detail-freight-dialog .next-loading-fusion-reactor .next-loading-dot:nth-child(3){top:0;bottom:0;right:0;opacity:.6;animation-name:nextVectorDotsXR}.detail-freight-dialog .next-loading-fusion-reactor .next-loading-dot:nth-child(4){left:0;right:0;bottom:0;opacity:.2;animation-name:nextVectorDotsYR}.detail-freight-dialog .next-loading-medium-fusion-reactor{width:32px;height:32px}.detail-freight-dialog .next-loading-medium-fusion-reactor .next-loading-dot{width:8px;height:8px}.detail-freight-dialog .next-loading-medium-fusion-reactor .next-loading-dot:nth-child(1){animation-name:nextVectorDotsX-medium}.detail-freight-dialog .next-loading-medium-fusion-reactor .next-loading-dot:nth-child(2){animation-name:nextVectorDotsY-medium}.detail-freight-dialog .next-loading-medium-fusion-reactor .next-loading-dot:nth-child(3){animation-name:nextVectorDotsXR-medium}.detail-freight-dialog .next-loading-medium-fusion-reactor .next-loading-dot:nth-child(4){animation-name:nextVectorDotsYR-medium}@keyframes nextVectorRoute{0%{transform:rotate(0)}5%{transform:rotate(90deg)}25%{transform:rotate(90deg)}30%{transform:rotate(180deg)}50%{transform:rotate(180deg)}55%{transform:rotate(270deg)}75%{transform:rotate(270deg)}80%{transform:rotate(360deg)}to{transform:rotate(360deg)}}@keyframes nextVectorDotsYR{25%{bottom:0}45%,50%{bottom:16.8px;height:calc(12px * 1.2);width:calc(12px * 1.2)}90%{bottom:0;height:12px;width:12px}}@keyframes nextVectorDotsY{25%{top:0}45%,50%{top:16.8px;height:calc(12px * 1.2);width:calc(12px * 1.2)}90%{top:0;height:12px;width:12px}}@keyframes nextVectorDotsX{25%{left:0}45%,50%{left:16.8px;width:calc(12px * 1.2);height:calc(12px * 1.2)}90%{left:0;height:12px;width:12px}}@keyframes nextVectorDotsXR{25%{right:0}45%,50%{right:16.8px;width:calc(12px * 1.2);height:calc(12px * 1.2)}90%{right:0;height:12px;width:12px}}@keyframes nextVectorDotsYR-medium{25%{bottom:0}45%,50%{bottom:11.2px;height:9.6px;width:9.6px}90%{bottom:0;height:8px;width:8px}}@keyframes nextVectorDotsY-medium{25%{top:0}45%,50%{top:11.2px;height:9.6px;width:9.6px}90%{top:0;height:8px;width:8px}}@keyframes nextVectorDotsX-medium{25%{left:0}45%,50%{left:11.2px;width:9.6px;height:9.6px}90%{left:0;height:8px;width:8px}}@keyframes nextVectorDotsXR-medium{25%{right:0}45%,50%{right:11.2px;width:9.6px;height:9.6px}90%{right:0;height:8px;width:8px}}.detail-freight-dialog .detail-next-dialog-header,.detail-freight-dialog .next-dialog-header{margin-bottom:0;border-bottom:none!important;padding:28px 28px 16px!important;font-size:20px!important}.detail-freight-dialog .theme-color{color:#ff6a00}.detail-freight-dialog .next-loading-fusion-reactor .next-loading-dot{background-color:#ff6a00}.detail-freight-dialog .next-dialog-body,.detail-freight-dialog .detail-next-dialog-body{color:#333;padding:0 28px 40px!important;max-height:-moz-max-content!important;max-height:max-content!important}.detail-freight-dialog .next-dialog-close,.detail-freight-dialog .detail-next-dialog-close{top:26px!important;right:28px!important}.detail-freight-dialog .next-dialog-close .next-dialog-close-icon,.detail-freight-dialog .next-dialog-close .detail-next-dialog-close-icon,.detail-freight-dialog .detail-next-dialog-close .next-dialog-close-icon,.detail-freight-dialog .detail-next-dialog-close .detail-next-dialog-close-icon{width:20px!important;height:20px!important;color:#222!important}.detail-freight-dialog .next-dialog-close .next-dialog-close-icon:before,.detail-freight-dialog .next-dialog-close .detail-next-dialog-close-icon:before,.detail-freight-dialog .detail-next-dialog-close .next-dialog-close-icon:before,.detail-freight-dialog .detail-next-dialog-close .detail-next-dialog-close-icon:before{width:20px!important;height:20px!important;font-size:18px!important;color:#222!important}.detail-freight-dialog .detail-next-loading,.detail-freight-dialog .next-loading{width:100%;max-height:400px}.detail-freight-dialog .shipping-to-text{font-size:14px;line-height:20px}.detail-freight-dialog .shipping-to-title{display:inline-block;border-radius:4px;color:#222;font-size:14px}.detail-freight-dialog .shipping-to-title>span{display:inline-block;height:14px;width:30px}.detail-freight-dialog .shipping-survey-tips{display:flex;align-items:center;margin-top:28px;font-size:14px;font-weight:400;line-height:18px}.detail-freight-dialog .shipping-survey-tips a{margin-left:4px;color:#222;text-decoration:underline}.detail-freight-dialog .tariff-ddp-tips{height:34px;line-height:34px;border-radius:8px;color:#222;font-size:14px;background-color:#fff5f1;padding-left:8px;margin-bottom:20px}.detail-freight-dialog .confirm-btn{width:173px;height:36px!important;background-color:#ff6a00;border:none;border-radius:65px;color:#fff}.detail-freight-dialog .confirm-btn:hover{background-color:#ff6a0080;color:#fff}.detail-freight-dialog .no-data-message{text-align:center;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.detail-freight-dialog .no-data-message img{width:120px}.detail-freight-dialog .no-data-message div{margin-top:10px;color:#000;font-size:14px}.detail-freight-dialog.btn-shadow .next-dialog-footer,.detail-freight-dialog.btn-shadow .detail-next-dialog-footer{box-shadow:0 -4px 8px #0000000a}.detail-freight-dialog .next-dialog-footer,.detail-freight-dialog .detail-next-dialog-footer{padding-top:16px!important;padding-bottom:28px!important}.detail-freight-dialog .border-none{border:none}.detail-freight-dialog .tips,.detail-freight-dialog .green-tips{color:#ff6a00;display:inline-block;font-size:12px;background:#ff6a001a;border-radius:2px;padding:2px 5px;line-height:16px}.detail-freight-dialog .tips{margin-top:4px;word-break:break-word}.detail-freight-dialog .font-primary{color:#ff6a00}.detail-freight-dialog .green-tips{color:#00ac53;background-color:#e5f6ed}.detail-freight-dialog .shipping-operate{display:flex;align-items:center;margin-bottom:28px;line-height:20px}.detail-freight-dialog .help-icon{display:inline-block;width:17px;height:17px;vertical-align:middle;cursor:pointer;background:url(https://u.alicdn.com/simg/single/icon/help-info-15x15.png) no-repeat 0 0}.detail-freight-dialog .icon{width:1.5em;height:1.5em;fill:currentColor;overflow:hidden}.detail-freight-dialog .more-icon{transition:all 0.3s;margin-left:4px}.detail-freight-dialog .opened{transform:rotate(180deg)}.logistic-select-button-dialog .next-dialog-footer{background:#fff;background-image:linear-gradient(180deg,#fff0,#0000000a);padding:24px 20px;box-shadow:0 -1px 10px 1px #0000001a}.next-dialog-header{margin-bottom:20px;border-bottom:1px solid #ddd;font-weight:700}.next-overlay-wrapper .next-overlay-inner{z-index:10001!important;pointer-events:auto}.next-overlay-backdrop,.next-dialog{z-index:10001!important}.detail-standard-close-icon{width:28px;height:28px}.next-btn.next-btn-primary .next-btn-helper{font-weight:600!important}.next-btn.next-btn-primary:hover{@apply id-bg-highlight-dark}.next-btn-ghost.next-btn-light{border:1px solid #222!important}.next-btn-ghost.next-btn-light:hover{border:1px solid #222;background-color:#f4f4f4!important}.next-btn-ghost.next-btn-light .next-btn-helper{color:#222}
</style>
<style>
.detail-symbol {
width: 1em;
height: 1em;
font-size: 26px;
}
.loading-container {
position: absolute;
text-align: center;
display: block;
z-index: 10;
width: 100%;
height: 100%;
}
.loading-container .loading-masker-container {
filter: blur(1px);
position: relative;
pointer-events: none;
width: 100%;
height: 100%;
}
.loading-container .loading-masker {
content: "";
position: absolute;
inset: 0;
opacity: 0.4;
z-index: 99;
background-color: #fff;
}
.loading-container .loading-indicator-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.loading-container .loading-indicator-container .loading-indicator {
display: inline-block;
position: relative;
margin: 0;
width: 48px;
height: 48px;
animation-duration: 5.6s;
animation-timing-function: linear;
animation-name: vectorRoute;
animation-iteration-count: infinite;
top: 50%;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item {
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #ff6a00;
animation-duration: 1.4s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
margin: auto;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(1) {
top: 0;
bottom: 0;
left: 0;
animation-name: vectorDotsX;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(2) {
left: 0;
right: 0;
animation-name: vectorDotsY;
opacity: 0.8;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(3) {
top: 0;
bottom: 0;
right: 0;
animation-name: vectorDotsXR;
opacity: 0.6;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(4) {
left: 0;
right: 0;
bottom: 0;
animation-name: vectorDotsYR;
opacity: 0.2;
}
@keyframes vectorRoute {
0% {
transform: rotate(0);
}
5% {
transform: rotate(90deg);
}
25% {
transform: rotate(90deg);
}
30% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
55% {
transform: rotate(270deg);
}
75% {
transform: rotate(270deg);
}
80% {
transform: rotate(360deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes vectorDotsX {
25% {
left: 0;
}
45%,
50% {
left: 16.8px;
width: calc(12px * 1.2);
height: calc(12px * 1.2);
}
90% {
left: 0;
height: 12px;
width: 12px;
}
}
@keyframes vectorDotsY {
25% {
top: 0;
}
45%,
50% {
top: 16.8px;
height: calc(12px * 1.2);
width: calc(12px * 1.2);
}
90% {
top: 0;
height: 12px;
width: 12px;
}
}
@keyframes vectorDotsXR {
25% {
right: 0;
}
45%,
50% {
right: 16.8px;
width: calc(12px * 1.2);
height: calc(12px * 1.2);
}
90% {
right: 0;
height: 12px;
width: 12px;
}
}
@keyframes vectorDotsYR {
25% {
bottom: 0;
}
45%,
50% {
bottom: 16.8px;
width: calc(12px * 1.2);
height: calc(12px * 1.2);
}
90% {
bottom: 0;
height: 12px;
width: 12px;
}
}
@media (min-width: 1664px) {
.chatbox .chatbox-icon-wrapper {
display: flex;
justify-content: center;
}
.chatbox .chatbox-icon-wrapper .chatbox-icon {
width: 28px;
height: 28px;
position: relative;
}
.chatbox .chatbox-icon-wrapper .chatbox-icon .unread {
position: absolute;
top: -5px;
right: -6px;
font-size: 11px;
font-weight: 400;
text-align: center;
background-color: #f7421e;
color: #fff;
height: 16px;
width: auto;
border-radius: 10px;
border: 1px solid #fff;
padding: 0 4px;
}
.chatbox .chatbox-tip {
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-align: center;
width: 100%;
margin: 4px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
}
}
@media (max-width: 1663px) {
.chatbox {
width: auto;
display: flex;
flex-direction: row;
align-items: center;
}
.chatbox .chatbox-icon-wrapper {
display: flex;
justify-content: center;
}
.chatbox .chatbox-icon-wrapper .chatbox-icon {
width: 28px;
height: 28px;
position: relative;
transition: margin 0.3s ease;
}
.chatbox .chatbox-icon-wrapper .chatbox-icon .unread {
position: absolute;
top: -5px;
right: -6px;
font-size: 11px;
font-weight: 400;
text-align: center;
background-color: #f7421e;
color: #fff;
height: 16px;
width: auto;
border-radius: 10px;
border: 1px solid #fff;
padding: 0 4px;
}
.chatbox .chatbox-tip {
display: none !important;
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-align: center;
height: 100%;
margin-left: 8px;
padding-left: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
opacity: 0;
}
}
.detail-sidebar:hover .chatbox .chatbox-tip,
.home-sidebar:hover .chatbox .chatbox-tip {
display: block !important;
opacity: 1;
}
.marketing-pc-atmosphere strong {
color: #4b1d1f;
}
.marketing-pc-atmosphere b,
.marketing-pc-atmosphere strong {
font-weight: 600;
}
.mc-pointer-events-none {
pointer-events: none;
}
.mc-visible {
visibility: visible;
}
.mc-invisible {
visibility: hidden;
}
.mc-fixed {
position: fixed;
}
.mc-absolute {
position: absolute;
}
.mc-relative {
position: relative;
}
.mc-inset-0 {
inset: 0;
}
.mc-end-0 {
inset-inline-end: 0;
}
.mc-start-full {
inset-inline-start: 100%;
}
.mc-z-10 {
z-index: 10;
}
.mc-z-\[-100\] {
z-index: -100;
}
.mc-z-\[10000\] {
z-index: 10000;
}
.mc-mx-6 {
margin-left: 24px;
margin-right: 24px;
}
.-mc-ms-1 {
margin-inline-start: -4px;
}
.mc-me-1 {
margin-inline-end: 4px;
}
.mc-me-4 {
margin-inline-end: 16px;
}
.mc-mr-1 {
margin-right: 4px;
}
.mc-ms-1 {
margin-inline-start: 4px;
}
.mc-ms-9 {
margin-inline-start: 36px;
}
.mc-ms-\[15px\] {
margin-inline-start: 15px;
}
.mc-box-border {
box-sizing: border-box;
}
.mc-line-clamp-1,
.mc-line-clamp-2 {
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.mc-line-clamp-3 {
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
display: -webkit-box;
overflow: hidden;
}
.mc-inline-block {
display: inline-block;
}
.mc-flex {
display: flex;
}
.\!mc-h-4 {
height: 16px !important;
}
.mc-h-5 {
height: 20px;
}
.mc-h-8 {
height: 32px;
}
.mc-h-full {
height: 100%;
}
.mc-h-screen {
height: 100vh;
}
.\!mc-w-4 {
width: 16px !important;
}
.mc-w-5 {
width: 20px;
}
.mc-w-8 {
width: 32px;
}
.mc-w-\[1px\] {
width: 1px;
}
.mc-w-full {
width: 100%;
}
.mc-w-screen {
width: 100vw;
}
.mc-min-w-\[300px\] {
min-width: 300px;
}
.mc-min-w-tag {
min-width: 104px;
}
.mc-flex-1 {
flex: 1 1 0%;
}
.mc-flex-shrink-0,
.mc-shrink-0 {
flex-shrink: 0;
}
.mc-cursor-pointer {
cursor: pointer;
}
.mc-flex-col {
flex-direction: column;
}
.mc-flex-wrap {
flex-wrap: wrap;
}
.mc-items-center {
align-items: center;
}
.mc-justify-center {
justify-content: center;
}
.mc-justify-between {
justify-content: space-between;
}
.mc-overflow-hidden {
overflow: hidden;
}
.mc-whitespace-nowrap {
white-space: nowrap;
}
.mc-whitespace-pre-wrap {
white-space: pre-wrap;
}
.mc-border-none {
border-style: none;
}
.mc-bg-\[\#FDC6A2\] {
--tw-bg-opacity: 1;
background-color: rgb(253 198 162 / var(--tw-bg-opacity));
}
.mc-object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.mc-object-top {
-o-object-position: top;
object-position: top;
}
.mc-px-3 {
padding-left: 12px;
padding-right: 12px;
}
.\!mc-pb-0 {
padding-bottom: 0 !important;
}
.\!mc-pe-0 {
padding-inline-end: 0 !important;
}
.\!mc-ps-0 {
padding-inline-start: 0 !important;
}
.\!mc-pt-0 {
padding-top: 0 !important;
}
.mc-text-center {
text-align: center;
}
.mc-align-middle {
vertical-align: middle;
}
.mc-align-bottom {
vertical-align: bottom;
}
.mc-text-base {
font-size: 16px;
}
.mc-text-sm {
font-size: 14px;
}
.mc-font-normal {
font-weight: 400;
}
.mc-font-semibold {
font-weight: 600;
}
.mc-leading-18 {
line-height: 18px;
}
.mc-leading-5 {
line-height: 1.25rem;
}
.mc-leading-\[18px\] {
line-height: 18px;
}
.mc-leading-base {
line-height: 22px;
}
.mc-text-\[\#666\] {
--tw-text-opacity: 1;
color: rgb(102 102 102 / var(--tw-text-opacity));
}
.mc-countdown-gradient-box {
background: linear-gradient(270deg, #ff3332, #f60);
height: 26px;
width: 26px;
}
.mc-countdown-expired-days,
.mc-countdown-gradient-box {
align-items: center;
border-radius: 4px;
display: flex;
justify-content: center;
}
.mc-countdown-expired-days {
background-color: #fff9;
gap: 4px;
padding: 6px 8px;
}
.mc-line-clamp-1 {
-webkit-line-clamp: 1;
}
.mc-line-clamp-1,
.mc-line-clamp-2 {
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
}
.mc-line-clamp-2 {
-webkit-line-clamp: 2;
}
.mc-countdown-expired-days {
align-items: center;
display: flex;
}
.mc-countdown-expired-days span {
align-items: center;
display: inline-flex;
}
.mc-countdown-expired-days img {
height: 18px !important;
margin-right: 6px !important;
width: 18px !important;
}
.rtl\:mc-reverse-rtl-img:where([dir="rtl"], [dir="rtl"] *) {
transform: scaleX(-1);
}
.layout-stick:not(.sticky) .layout-overview .module_free_shipping {
padding: 0 20px;
}
.layout-stick:not(.sticky) .layout-overview .module_free_shipping .marketing-pc-atmosphere {
margin-bottom: 20px;
margin-top: 20px;
border-radius: 4px !important;
}
.shipping-layout {
padding: 20px 0;
margin: 0 20px;
border-top: 1px solid #ddd;
}
.shipping-layout h3 {
font-size: 18px;
line-height: 24px;
color: #222;
margin-bottom: 24px;
font-weight: 600;
}
.shipping-layout .shipping-list {
display: flex;
gap: 16px;
color: #000;
flex-direction: column;
}
.shipping-layout .shipping-list .no-shipping u {
cursor: pointer;
}
.shipping-layout .shipping-list .shipping-item {
display: flex;
gap: 8px;
flex-direction: column;
padding: 12px;
border-radius: 4px;
cursor: pointer;
border: 1px solid #ddd;
}
.shipping-layout .shipping-list .shipping-item b {
font-weight: 600;
}
.shipping-layout .shipping-list .shipping-item.activated {
border: 1px solid #222;
}
.shipping-layout .shipping-list .shipping-item .shipping-title {
display: flex;
align-items: center;
}
.shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_method {
font-size: 14px;
line-height: 18px;
font-weight: 600;
}
.shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_gap {
width: 1px;
height: 12px;
background-color: #ddd;
}
html[dir="ltr"] .shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_gap {
margin-left: 4px;
}
html[dir="rtl"] .shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_gap {
margin-right: 4px;
}
.shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_ali_logistics_logo {
height: 18px;
}
html[dir="ltr"] .shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_ali_logistics_logo {
margin-left: 4px;
}
html[dir="rtl"] .shipping-layout .shipping-list .shipping-item .shipping-title .shipping-title_ali_logistics_logo {
margin-right: 4px;
}
.shipping-layout .shipping-list .shipping-item .shipping-intro,
.shipping-layout .shipping-list .shipping-item .shipping-delivery {
font-size: 14px;
line-height: 18px;
}
.h3-title,
.h4-title {
line-height: 20px;
font-size: 14px;
font-weight: 500;
}
.p-text {
line-height: 18px;
font-size: 13px;
font-weight: 400;
margin: 5px 0;
color: gray;
}
.label-hover {
display: block;
padding: 4px 6px;
margin: 10px 0;
transition: color 0.3s ease;
}
.label-hover:hover {
background-color: #fafafa;
}
html[dir="ltr"] .radio-input {
margin-right: 6px;
}
html[dir="rtl"] .radio-input {
margin-left: 6px;
}
.img-reset {
display: inline;
width: 16px;
}
.ag-img-reset {
display: inline;
width: 125px;
height: 18px;
}
html[dir="ltr"] .ag-img-reset {
margin-left: 5px;
}
html[dir="rtl"] .ag-img-reset {
margin-right: 5px;
}
.divider {
height: 2px;
background-color: #ddd;
margin: 10px 0;
}
.scrollable-div1 {
overflow: auto;
}
.iconSpan {
background-color: #e5eeff;
border-radius: 30px;
font-weight: 400;
font-size: 12px;
padding: 4px 6px;
line-height: 14px;
vertical-align: middle;
}
html[dir="ltr"] .iconSpan {
margin-left: 10px;
}
html[dir="rtl"] .iconSpan {
margin-right: 10px;
}
.shipFromlocalStock .shipFromText img {
display: inline-block;
height: 12px;
vertical-align: middle;
}
.sku-logistic {
border-top: 1px solid #e6e7eb;
display: flex;
padding-top: 20px;
margin-top: 20px;
flex-direction: column;
min-height: 100px;
}
.sku-logistic .logistic-item h3 {
margin-top: 0 !important;
}
.sku-logistic .logistic-item b {
font-weight: 600;
}
.sku-logistic .ship-from {
display: flex;
flex-direction: column;
gap: 4px;
color: #222;
margin-bottom: 12px;
}
.sku-logistic .ship-from h3 {
margin-top: 0;
}
.sku-logistic .ship-from .next-radio-group {
display: flex;
gap: 8px;
}
.sku-logistic .ship-from .next-radio .next-radio-inner {
border: 1px solid #222;
}
.sku-logistic .ship-from .next-radio.focused .next-radio-inner {
background-color: #222;
}
.sku-logistic .ship-from .next-radio .next-radio-inner:after {
margin-top: -5px;
}
html[dir="ltr"] .sku-logistic .ship-from .next-radio .next-radio-inner:after {
margin-left: -5px;
}
html[dir="rtl"] .sku-logistic .ship-from .next-radio .next-radio-inner:after {
margin-right: -5px;
}
.sku-logistic .ship-from .next-radio.checked .next-radio-inner {
background-color: #fff;
border-color: #222;
}
.sku-logistic .ship-from .next-radio.checked .next-radio-inner:after {
margin-top: -5px;
width: 10px;
height: 10px;
background: #222;
}
html[dir="ltr"] .sku-logistic .ship-from .next-radio.checked .next-radio-inner:after {
margin-left: -5px;
}
html[dir="rtl"] .sku-logistic .ship-from .next-radio.checked .next-radio-inner:after {
margin-right: -5px;
}
.sku-logistic .ship-from>label {
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.sku-logistic .ship-from .next-radio-label {
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.sku-logistic .logistic-item {
min-height: 22px;
font-size: 16px;
line-height: 22px;
}
.sku-logistic .logistic-item h3 {
font-size: 18px;
font-weight: 600;
line-height: 24px;
margin-bottom: 20px;
}
.sku-logistic .logistic-item.strong {
font-weight: 600;
}
.sku-logistic .logistic-item.method {
display: flex;
align-items: center;
height: 24px;
}
.sku-logistic .logistic-item.method .logistics-method {
flex: 0 1 auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sku-logistic .logistic-item.method .logistics-ali-logo {
flex-shrink: 0;
width: 131px;
}
html[dir="ltr"] .sku-logistic .logistic-item.method .logistics-ali-logo {
margin-left: 4px;
}
html[dir="rtl"] .sku-logistic .logistic-item.method .logistics-ali-logo {
margin-right: 4px;
}
.sku-logistic .logistic-item.method .logistics-ali-logo-gap {
width: 1px;
height: 12px;
background-color: #ddd;
}
html[dir="ltr"] .sku-logistic .logistic-item.method .logistics-ali-logo-gap {
margin-left: 4px;
}
html[dir="rtl"] .sku-logistic .logistic-item.method .logistics-ali-logo-gap {
margin-right: 4px;
}
.sku-logistic .logistic-item.method .logistics-switching-button {
flex-shrink: 0;
display: flex;
align-items: center;
font-size: 14px;
}
html[dir="ltr"] .sku-logistic .logistic-item.method .logistics-switching-button {
margin-left: auto;
padding-left: 14px;
}
html[dir="rtl"] .sku-logistic .logistic-item.method .logistics-switching-button {
margin-right: auto;
padding-right: 14px;
}
.sku-logistic .logistic-item.method .logistics-switching-button .detail-symbol {
width: 24px;
height: 24px;
}
.sku-logistic .logistic-item a {
font-weight: 400;
-webkit-text-decoration: underline;
text-decoration: underline;
color: #222;
}
.sku-logistic .logistic-item a:hover {
color: #333;
}
.sku-logistic .logistic-item.green {
color: #22891f;
}
.sku-logistic .logistic-item.byBulkLogistics {
font-size: 0.875rem;
line-height: 1.25rem;
}
.price-sample {
display: flex;
flex-direction: column;
gap: 8px;
}
.price-sample .info {
color: #767676;
font-size: 16px;
line-height: 22px;
}
.price-sample .sold-out {
margin-top: 12px;
color: hsl(var(--highlight-dark));
font-size: 16px;
line-height: 22px;
}
.price-sample .price {
display: flex;
flex-direction: row;
align-items: baseline;
gap: 4px;
}
.price-sample .price span {
display: flex;
flex-direction: column;
color: #222;
font-weight: 700;
font-size: 28px;
line-height: 30px;
}
html[dir="ltr"] .price-sample .price span {
margin-right: 4px;
}
html[dir="rtl"] .price-sample .price span {
margin-left: 4px;
}
.price-sample .price span del {
color: #999;
font-size: 16px;
}
.price-sample .price span.other {
color: #767676;
font-size: 16px;
line-height: 20px;
}
.drawer-pop-slider-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.drawer-pop-slider-wrapper .layout-left,
.drawer-pop-slider-wrapper .layout-right {
display: flex;
width: 3rem;
height: 3rem;
flex-shrink: 0;
cursor: pointer;
align-items: center;
justify-content: center;
--tw-bg-opacity: 1;
background-color: #fff;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
border-radius: 25px;
}
.drawer-pop-slider-wrapper .layout-left:hover,
.drawer-pop-slider-wrapper .layout-right:hover {
border: 1px solid #222;
background-color: #f4f4f4;
}
.drawer-pop-slider-wrapper .prop-layout {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.75rem;
}
.drawer-pop-slider-wrapper .prop-layout .layout-image {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 10px;
width: 50vh;
min-height: 30vh;
}
@media screen and (max-width: 1280px) {
.drawer-pop-slider-wrapper .prop-layout .layout-image {
width: 40vh;
}
}
.drawer-pop-slider-wrapper .prop-layout .layout-image .sku-info {
text-align: center;
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: #fff;
color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}
.drawer-pop-slider-wrapper .prop-layout .layout-image>img {
border-radius: var(--radius);
}
.drawer-pop-slider-wrapper .prop-layout .layout-image .info {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.drawer-pop-slider-wrapper .prop-layout .layout-image .info>img {
height: 50px;
}
.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .prop-layout {
margin-left: 3rem;
margin-right: 3rem;
gap: 3rem;
}
.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .prop-layout .layout-image {
width: auto;
}
.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .prop-layout .layout-image>img {
border-radius: 0;
}
.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .layout-left,
.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .layout-right {
width: 2.75rem;
height: 2.75rem;
}
.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .layout-left:hover,
.drawer-pop-slider-wrapper.drawer-pop-slider-wrapper-main-image-test .layout-right:hover {
border: 1px solid #222;
background-color: #f4f4f4;
}
.free-shipping-atmosphere-layout {
position: absolute;
top: -40px;
justify-content: center;
align-items: center;
width: 100%;
height: 40px;
background-size: 32%;
background-repeat: no-repeat;
}
html[dir="ltr"] .free-shipping-atmosphere-layout {
left: 0;
background-position: 80% bottom;
}
html[dir="rtl"] .free-shipping-atmosphere-layout {
right: 0;
background-position: 20% bottom;
}
.free-shipping-atmosphere-layout .free-shipping-atmosphere-icon {
width: 32px;
height: 24px;
}
html[dir="ltr"] .free-shipping-atmosphere-layout .free-shipping-atmosphere-icon {
margin-right: 8px;
}
html[dir="rtl"] .free-shipping-atmosphere-layout .free-shipping-atmosphere-icon {
margin-left: 8px;
}
.free-shipping-atmosphere-layout .free-shipping-atmosphere-text {
font-size: 14px;
font-weight: 400;
line-height: 18px;
margin-bottom: 0;
}
.light-customization-item.selected:after {
content: "";
position: absolute;
inset: 0;
border-radius: 4px;
border-width: 1px;
border-color: #222;
}
.ui-number-picker {
position: relative;
display: flex;
width: 7rem;
min-width: 7rem;
align-items: center;
justify-content: space-between;
}
.ui-number-picker>.hr {
position: absolute;
left: 1rem;
right: 1rem;
top: 0.2px;
bottom: 0.2px;
border-bottom-width: 1px;
border-top-width: 1px;
--tw-border-opacity: 1;
border-color: #d1d5db;
border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1));
}
.ui-number-picker>input {
z-index: 10;
width: 3rem;
flex-shrink: 0;
border-width: 0px;
text-align: center;
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: #111827;
color: rgba(17, 24, 39, var(--tw-text-opacity, 1));
}
.ui-number-picker>.number-picker-button {
z-index: 10;
display: flex;
height: 2rem;
width: 2rem;
flex-shrink: 0;
align-items: center;
justify-content: center;
border-radius: 9999px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: #d1d5db;
border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: #fff;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
font-size: 1.125rem;
line-height: 1.75rem;
line-height: 1;
--tw-text-opacity: 1;
color: #111827;
color: rgba(17, 24, 39, var(--tw-text-opacity, 1));
}
.ui-number-picker>.number-picker-button:hover {
--tw-border-opacity: 1;
border-color: #f97316;
border-color: rgba(249, 115, 22, var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: #f97316;
background-color: rgba(249, 115, 22, var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: #fff;
color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}
.ui-number-picker>.number-picker-button:disabled {
cursor: not-allowed;
--tw-bg-opacity: 1;
background-color: #7b4100;
background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: #9ca3af;
color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
}
.ui-number-picker>.number-picker-button:hover:disabled {
--tw-border-opacity: 1;
border-color: #7b4100;
border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: #7b4100;
background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: #9ca3af;
color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
}
.ui-number-picker>.number-picker-button.disabled {
cursor: not-allowed;
--tw-border-opacity: 1;
border-color: #7b4100;
border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: #7b4100;
background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: #9ca3af;
color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
}
.ui-number-picker>.number-picker-button.disabled:hover {
--tw-border-opacity: 1;
border-color: #7b4100;
border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: #7b4100;
background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: #9ca3af;
color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
}
.double-bordered-box {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-radius: var(--radius);
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 0.2s;
animation-duration: 0.2s;
}
.double-bordered-box.disabled {
cursor: not-allowed;
opacity: 0.5;
}
.double-bordered-box:not(.disabled) {
cursor: pointer;
}
.double-bordered-box:before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
display: none;
border-radius: var(--radius);
border-width: 2px;
border-color: transparent;
}
.double-bordered-box:not(.selected):not(.disabled):hover:before {
display: block;
--tw-border-opacity: 1;
border-color: #000;
border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1));
}
.double-bordered-box:not(.selected):not(.disabled):hover>.inner-border {
display: block;
--tw-border-opacity: 1;
border-color: #fff;
border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1));
}
.double-bordered-box.selected>.inner-border {
display: block;
--tw-border-opacity: 1;
border-color: #fff;
border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1));
}
.double-bordered-box.selected:before {
display: block;
--tw-border-opacity: 1;
border-color: #000;
border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1));
}
.double-bordered-box:after {
content: "";
position: absolute;
inset: 0;
border-radius: var(--radius);
background-color: #0000000a;
}
.double-bordered-box>.inner-border {
position: absolute;
inset: 2px;
display: none;
border-radius: var(--radius);
border-width: 1px;
border-color: transparent;
}
.sku-selected-layout {
position: absolute;
top: 0;
background: #fff;
padding: 20px;
height: 100vh;
animation: slide-in-top 0.35s cubic-bezier(0.35, 0, 0.2, 1) forwards;
z-index: 10;
}
.sku-selected-layout.down {
animation: slide-in-down 0.35s cubic-bezier(0.35, 0, 0.2, 1) forwards;
}
.sku-selected-layout .close {
cursor: pointer;
position: absolute;
top: 24px;
}
html[dir="ltr"] .sku-selected-layout .close {
right: 24px;
}
html[dir="rtl"] .sku-selected-layout .close {
left: 24px;
}
.sku-selected-layout h4 {
font-weight: 700;
font-size: 18px;
color: #222;
line-height: 24px;
padding: 0;
margin-bottom: 20px;
}
.sku-selected-layout .layout-list {
display: table;
border-collapse: collapse;
width: 100%;
margin-bottom: 300px;
}
.sku-selected-layout .layout-list .layout-item {
display: table-row;
border: 1px solid #ddd;
}
.sku-selected-layout .layout-list .layout-item:first-child {
font-weight: 700;
font-size: 16px;
color: #222;
line-height: 22px;
}
.sku-selected-layout .layout-list .layout-item:first-child .price {
font-weight: 700;
}
.sku-selected-layout .layout-list .layout-item>div {
padding: 15px 10px;
display: table-cell;
border: 1px solid #ddd;
}
.sku-selected-layout .layout-list .layout-item .sku {
font-size: 16px;
color: #222;
line-height: 22px;
width: 242px;
}
.sku-selected-layout .layout-list .layout-item .sku>div {
display: flex;
align-items: center;
font-size: 16px;
color: #222;
line-height: 22px;
flex-wrap: wrap;
gap: 4px;
}
.sku-selected-layout .layout-list .layout-item .sku>div>span {
word-break: break-all;
word-wrap: break-word;
}
.sku-selected-layout .layout-list .layout-item .sku>div img {
width: 20px;
height: 20px;
}
.sku-selected-layout .layout-list .layout-item .price {
width: 156px;
font-weight: 400;
font-size: 16px;
color: #333;
line-height: 22px;
}
.sku-selected-layout .layout-list .layout-item .quantity {
width: 156px;
}
.bottom-item {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.bottom-item.total {
font-weight: 600;
font-size: 16px;
color: #222;
line-height: 22px;
padding-top: 8px;
border-top: 1px solid #ddd;
}
.bottom-item.total .item-right {
font-weight: 600;
}
.bottom-item.showSubTotalWithCoupon.total .item-right s {
font-weight: 400;
}
.bottom-item.showSubTotalWithCoupon.total .item-right span {
color: hsl(var(--highlight-dark));
}
.bottom-item .item-right {
font-weight: 600;
font-size: 14px;
color: #222;
line-height: 18px;
}
.bottom-item .item-left {
font-size: 14px;
}
.bottom-item .item-left span {
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.bottom-item .item-left a {
font-weight: 400;
font-size: 14px;
color: #222;
line-height: 22px;
}
.sku-layout.none .sku-out-bottom {
margin-bottom: 10px;
}
.sku-layout.none .sku-option {
margin-top: 20px;
margin-bottom: 20px;
}
.sku-layout.none .inventory-info {
font-size: 16px;
color: hsl(var(--highlight-dark));
}
.sku-layout.none .sku-logistic {
border-bottom: 0;
}
.sku-layout.logistics .sku-logistic {
min-height: 130px;
}
.sku-layout .sku-logistic h4 {
font-weight: 600;
font-size: 18px;
color: #222;
line-height: 24px;
margin-top: 20px;
margin-bottom: 0;
}
.sku-layout h3 {
font-weight: 600;
font-size: 18px;
color: #222;
line-height: 24px;
margin-bottom: 0;
}
.sku-layout .sku-info {
padding: 4px 0;
}
.sku-layout .sku-info h4 {
font-weight: 600;
font-size: 14px;
color: #222;
line-height: 18px;
margin-top: 16px;
margin-bottom: 12px;
position: relative;
}
.sku-layout .sku-info h4>a {
color: #222;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-decoration-line: underline;
position: absolute;
bottom: 0;
}
html[dir="ltr"] .sku-layout .sku-info h4>a {
right: 0;
}
html[dir="rtl"] .sku-layout .sku-info h4>a {
left: 0;
}
.sku-layout .sku-info h4>span {
font-weight: 400;
}
html[dir="ltr"] .sku-layout .sku-info h4>span {
margin-left: 4px;
}
html[dir="rtl"] .sku-layout .sku-info h4>span {
margin-right: 4px;
}
.sku-layout .sku-info .info-item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
max-height: 44px;
overflow: hidden;
}
.sku-layout .sku-info .info-item .show-more {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.sku-layout .sku-info .info-item .show-more>a {
color: #222;
font-size: 14px;
font-weight: 600;
line-height: 18px;
text-decoration-line: underline;
}
.sku-layout .sku-info .info-item .last-sku-item {
width: 100%;
position: relative;
}
.sku-layout .sku-info .info-item .last-sku-item .inventory-info {
position: absolute;
margin: 4px 0;
font-size: 12px;
}
html[dir="ltr"] .sku-layout .sku-info .info-item .last-sku-item .inventory-info {
right: 0;
}
html[dir="rtl"] .sku-layout .sku-info .info-item .last-sku-item .inventory-info {
left: 0;
}
.sku-layout .sku-info .info-item .last-sku-item .inventory-info.out-of-stock {
color: #767676;
}
.sku-layout .sku-info .info-item .last-sku-item .inventory-info.tight-stock {
color: hsl(var(--highlight-dark));
}
.sku-layout .sku-info .info-item .number {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
gap: 4px;
}
.sku-layout .sku-info .info-item .number:hover {
cursor: pointer;
}
.sku-layout .sku-info .info-item .number .last-sku-first-item {
width: 45%;
display: flex;
align-items: center;
}
.sku-layout .sku-info .info-item .number .price {
flex: 1;
}
.module_sku .sku-layout .sku-info .info-item .number.active img {
border: 2px solid #222;
padding: 1px;
}
.module_sku .sku-layout .sku-info .info-item .number.active .color {
border: 2px solid #222;
}
.sku-layout .sku-info .info-item .number span.image img {
width: 44px;
height: 44px;
border-radius: 4px;
}
html[dir="ltr"] .sku-layout .sku-info .info-item .number span.image img {
margin-right: 4px;
}
html[dir="rtl"] .sku-layout .sku-info .info-item .number span.image img {
margin-left: 4px;
}
.sku-layout .sku-info .info-item .number span.color {
position: relative;
width: 44px;
height: 44px;
display: inline-block;
border-radius: 4px;
}
.sku-layout .sku-info .info-item .number span.color:before {
content: "";
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #fff;
border-radius: 4px;
background-color: #0000000a;
}
html[dir="ltr"] .sku-layout .sku-info .info-item .number span.color:before {
left: 0;
}
html[dir="rtl"] .sku-layout .sku-info .info-item .number span.color:before {
right: 0;
}
.sku-layout .sku-info .info-item span.more {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
max-height: 44px;
width: 44px;
background-color: #f4f4f4;
border-radius: 4px;
font-weight: 400;
font-size: 14px;
color: #222;
}
.sku-layout .sku-info .info-item a.text,
.sku-layout .sku-info .info-item a.color,
.sku-layout .sku-info .info-item a.image {
position: relative;
}
.sku-layout .sku-info .info-item a.text.selected,
.sku-layout .sku-info .info-item a.color.selected,
.sku-layout .sku-info .info-item a.image.selected {
border: 2px solid #222;
padding: 1px;
}
.sku-layout .sku-info .info-item a.text span.badge,
.sku-layout .sku-info .info-item a.color span.badge,
.sku-layout .sku-info .info-item a.image span.badge {
position: absolute;
top: -16px;
background-color: #e52828;
border: 1px solid #fff;
border-radius: 15px;
font-size: 12px;
color: #fff;
line-height: 16px;
padding: 4px 8px;
white-space: nowrap;
}
html[dir="ltr"] .sku-layout .sku-info .info-item a.text span.badge,
html[dir="ltr"] .sku-layout .sku-info .info-item a.color span.badge,
html[dir="ltr"] .sku-layout .sku-info .info-item a.image span.badge {
right: -5px;
}
html[dir="rtl"] .sku-layout .sku-info .info-item a.text span.badge,
html[dir="rtl"] .sku-layout .sku-info .info-item a.color span.badge,
html[dir="rtl"] .sku-layout .sku-info .info-item a.image span.badge {
left: -5px;
}
.sku-layout .sku-info .info-item a.color {
width: 44px;
height: 44px;
display: inline-block;
border-radius: 4px;
}
.sku-layout .sku-info .info-item a.color:before {
content: "";
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
border-radius: 4px;
background-color: #0000000a;
}
html[dir="ltr"] .sku-layout .sku-info .info-item a.color:before {
left: 0;
}
html[dir="rtl"] .sku-layout .sku-info .info-item a.color:before {
right: 0;
}
.sku-layout .sku-info .info-item a.color.selected:before {
border: 1px solid #fff;
}
.sku-layout .sku-info .info-item a.image {
width: 44px;
height: 44px;
display: inline-block;
border-radius: 4px;
}
.sku-layout .sku-info .info-item a.image:before {
content: "";
display: block;
position: absolute;
top: 0;
width: 44px;
height: 44px;
border-radius: 4px;
background-color: #0000000a;
}
html[dir="ltr"] .sku-layout .sku-info .info-item a.image:before {
left: 0;
}
html[dir="rtl"] .sku-layout .sku-info .info-item a.image:before {
right: 0;
}
.sku-layout .sku-info .info-item a.image>img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
border-radius: 4px;
}
.sku-layout .sku-info .info-item a.text {
-webkit-text-decoration: none;
text-decoration: none;
text-align: center;
display: grid;
border: 2px solid #fff;
border-radius: 8px;
}
.sku-layout .sku-info .info-item a.text>span {
font-weight: 400;
color: #222;
padding: 8px 12px;
background-color: #f4f4f4;
font-size: 14px;
border-radius: 8px;
line-height: 18px;
}
.sku-layout .sku-option {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 8px;
gap: 20px;
width: 100%;
}
.sku-layout .sku-option .item-right>a {
font-weight: 600;
font-size: 16px;
color: #222;
line-height: 22px;
white-space: nowrap;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.sku-layout .sku-option .item-left {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sku-layout .sku-option .item-left .option {
font-weight: 400;
font-size: 14px;
color: #222;
line-height: 22px;
}
.sku-layout .sku-option .item-left .total {
font-size: 14px;
color: #222;
line-height: 22px;
font-weight: 500;
}
html[dir="ltr"] .sku-layout .sku-option .item-left .total span {
margin-right: 4px;
}
html[dir="rtl"] .sku-layout .sku-option .item-left .total span {
margin-left: 4px;
}
.sku-layout .sku-out-bottom .item-right del {
color: #767676;
}
.sku-layout .sku-out-bottom .select-layout {
position: absolute;
top: 0;
background: #fff;
padding: 20px;
height: 100vh;
animation: slide-in-top 0.35s cubic-bezier(0.35, 0, 0.2, 1) forwards;
z-index: 3;
}
.sku-layout .sku-out-bottom .select-layout.down {
animation: slide-in-down 0.35s cubic-bezier(0.35, 0, 0.2, 1) forwards;
}
.sku-layout .sku-out-bottom .select-layout .close {
cursor: pointer;
position: absolute;
top: 24px;
}
html[dir="ltr"] .sku-layout .sku-out-bottom .select-layout .close {
right: 24px;
}
html[dir="rtl"] .sku-layout .sku-out-bottom .select-layout .close {
left: 24px;
}
.sku-layout .sku-out-bottom .select-layout h4 {
font-weight: 700;
font-size: 18px;
color: #222;
line-height: 24px;
padding: 0;
margin-bottom: 20px;
}
.sku-layout .sku-out-bottom .select-layout .layout-list {
display: table;
border-collapse: collapse;
width: 100%;
margin-bottom: 300px;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item {
display: table-row;
border: 1px solid #ddd;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item:first-child {
font-weight: 700;
font-size: 16px;
color: #222;
line-height: 22px;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item:first-child .price {
font-weight: 700;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item>div {
padding: 15px 10px;
display: table-cell;
border: 1px solid #ddd;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .sku {
font-size: 16px;
color: #222;
line-height: 22px;
width: 242px;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .sku>div {
display: flex;
align-items: center;
font-size: 16px;
color: #222;
line-height: 22px;
flex-wrap: wrap;
gap: 4px;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .sku>div>span {
word-break: break-all;
word-wrap: break-word;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .sku>div img {
width: 20px;
height: 20px;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .price {
width: 156px;
font-weight: 400;
font-size: 16px;
color: #333;
line-height: 22px;
}
.sku-layout .sku-out-bottom .select-layout .layout-list .layout-item .quantity {
width: 156px;
}
.sku-layout .sku-out-bottom .bottom-item {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.sku-layout .sku-out-bottom .bottom-item:first-child {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e6e7eb;
}
.sku-layout .sku-out-bottom .bottom-item.total {
font-weight: 600;
font-size: 14px;
color: #222;
line-height: 18px;
margin-top: 15px;
}
.sku-layout .sku-out-bottom .bottom-item.total .item-right {
font-weight: 600;
}
.sku-layout .sku-out-bottom .bottom-item.showSubTotalWithCoupon.total .item-right s {
font-weight: 400;
}
.sku-layout .sku-out-bottom .bottom-item.showSubTotalWithCoupon.total .item-right span {
color: hsl(var(--highlight-dark));
}
.sku-layout .sku-out-bottom .bottom-item .item-right {
font-size: 14px;
color: #222;
line-height: 18px;
font-weight: 600;
}
.sku-layout .sku-out-bottom .bottom-item .item-left span {
font-weight: 400;
font-size: 16px;
color: #222;
line-height: 22px;
}
.sku-layout .sku-out-bottom .bottom-item .item-left a {
font-weight: 400;
font-size: 16px;
color: #222;
line-height: 22px;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.layout-right .sku-layout .sku-info>*:nth-child(n + 7) {
display: none;
}
.module_ta_plus {
padding: 0 20px;
min-height: 20px;
}
.module_ta_plus .ta-semi {
padding-bottom: 20px;
padding-top: 20px;
border-top: 1px solid #ddd;
}
.module_ta_plus .ta-semi .ta-wrapper {
display: flex;
align-items: center;
font-size: 16px;
font-weight: 600;
line-height: 22px;
justify-content: space-between;
cursor: pointer;
}
.module_ta_plus .ta-semi .ta-wrapper>div {
display: flex;
gap: 8px;
}
.module_ta_plus .ta-semi .ta-wrapper>div img {
height: 20px;
}
.module_ta_plus .ta-semi .ta-wrapper .detail-symbol {
font-size: 24px;
}
.module_ta_plus .ta-semi .ta-wrapper .ta-header {
display: flex;
gap: 4px;
flex: 1;
flex-direction: column;
}
.module_ta_plus .ta-semi .ta-wrapper .ta-header .ta-item {
display: flex;
align-items: flex-end;
gap: 4px;
}
.module_ta_plus .ta-semi .ta-wrapper .ta-header .ta-item .title {
font-size: 16px;
font-weight: 600;
line-height: 22px;
}
.module_ta_plus .ta-semi .ta-wrapper .ta-header .ta-item.other {
font-weight: 400;
font-size: 14px;
align-items: center;
}
.module_ta_plus .ta-semi .ta-wrapper .ta-header img {
margin-bottom: 2px;
height: 20px;
}
.module_ta_plus .ta-semi .semi-footer {
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #666;
margin-top: 16px;
}
.module_ta_plus .ta-semi .semi-footer img {
display: inline-block;
height: 15px;
}
html[dir="ltr"] .module_ta_plus .ta-semi .semi-footer img {
margin-left: 4px;
}
html[dir="rtl"] .module_ta_plus .ta-semi .semi-footer img {
margin-right: 4px;
}
.report-layout {
margin-top: 20px;
padding-top: 28px;
border-top: 1px solid #ddd;
display: flex;
align-items: center;
gap: 4px;
}
.report-layout .report-link {
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-decoration-line: underline;
}
.related-layout {
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid #ddd;
margin-bottom: 30px;
}
.related-layout h2 {
font-size: 22px;
color: #222;
line-height: 30px;
font-weight: 700;
padding-bottom: 20px;
}
.related-layout .related-list {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.related-layout .related-list>a {
padding: 8px 16px;
border: 1px solid #ddd;
border-radius: 24px;
line-height: 16px;
font-size: 14px;
color: #222;
-webkit-text-decoration: none;
text-decoration: none;
}
.related-layout .related-list>a:hover {
border: 1px solid #222;
}
.module_recommend {
margin-top: 20px;
}
.module_recommend .recommend-layout {
border-top: 0;
}
.recommend-layout {
background-color: #fff;
padding-top: 32px;
margin-top: 32px;
border-top: 1px solid #ddd;
}
.recommend-layout:has(> div[data-visible="false"]) {
display: none;
}
.recommend-layout.you_may_like {
margin-top: 0;
}
.recommend-layout.you_may_like .button-item {
display: none;
}
.recommend-layout a,
.recommend-layout a:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
.service_layout {
border-top: 1px solid #ddd;
margin-top: 32px;
padding-top: 28px;
}
.service_layout h2 {
color: #222;
font-size: 18px;
font-weight: 700;
line-height: 24px;
margin-bottom: 20px;
}
.service_layout .service-info {
display: flex;
gap: 17px;
flex-direction: column;
}
.service_layout .service-info .service-item {
display: flex;
gap: 4px;
align-items: center;
}
.service_layout .service-info .service-item img {
height: 20px;
}
.lead-layout {
border-top: 1px solid #ddd;
margin-top: 32px;
}
.lead-layout h2 {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 700;
font-size: 20px;
color: #222;
line-height: 26px;
margin-bottom: 20px;
margin-top: 28px;
}
.lead-layout h2 .lead-arrow {
cursor: pointer;
}
.lead-layout .lead-list {
display: flex;
font-size: 14px;
color: #333;
}
.lead-layout .lead-list table {
border-collapse: collapse;
border: 1px solid #ddd;
}
.lead-layout .lead-list table td {
border: 1px solid #ddd;
padding: 12px;
}
.lead-layout .lead-list table td:first-child {
background-color: #f4f4f4;
}
html[dir="ltr"] .lead-layout .lead-list table td:first-child {
border-left: 0 solid #ddd;
}
html[dir="rtl"] .lead-layout .lead-list table td:first-child {
border-right: 0 solid #ddd;
}
.lead-layout .lead-list table th {
border: 2px solid #ddd;
padding: 5px;
}
.collapsible-title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
color: #222;
font-weight: 700;
font-size: 20px;
line-height: 26px;
}
.collapsible-title .detail-symbol:hover {
cursor: pointer;
}
.collapsible-layout {
display: block;
}
.collapsible-layout.hidden {
display: none;
}
.other-customization .im-alitalk-container {
display: inline-block;
}
.module_sample {
margin: 0;
padding: 0;
}
.module_sample .sample-layout {
margin-top: 32px;
padding: 0;
}
.module_sample .sample-layout button {
height: 36px;
}
.module_sample .sample-action {
display: none;
}
.sample-layout {
margin-top: 16px;
padding: 0 24px;
font-weight: 400;
font-size: 16px;
color: #222;
line-height: 22px;
margin-bottom: 20px;
border-top: 1px solid #ddd;
}
.sample-layout a {
color: #222;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.sample-layout .sample-floor h2 {
font-weight: 700;
font-size: 20px;
color: #222;
line-height: 26px;
margin-top: 32px;
padding-bottom: 20px;
margin-bottom: 0;
}
.sample-layout .sample-item {
font-weight: 400;
font-size: 16px;
color: #222;
line-height: 22px;
margin-bottom: 10px;
display: flex;
}
.sample-layout .sample-item .price {
display: flex;
flex-direction: column;
}
html[dir="ltr"] .sample-layout .sample-item .price {
margin-left: 4px;
}
html[dir="rtl"] .sample-layout .sample-item .price {
margin-right: 4px;
}
.sample-layout .sample-item .price del {
font-size: 12px;
color: #999;
}
.sample-layout>a {
font-weight: 400;
font-size: 16px;
color: #222;
line-height: 22px;
}
.sample-layout button {
margin-top: 15px;
border-color: #333 !important;
}
.sellingpoint {
visibility: hidden;
margin-top: 32px;
border-top: 1px solid #ddd;
padding-top: 32px;
height: -moz-max-content;
height: max-content;
color: #222;
}
.sellingpoint .show-more {
height: 112px;
overflow: hidden;
}
.sellingpoint .header {
margin-bottom: 24px;
}
.sellingpoint .header h2 {
font-weight: 700;
font-size: 20px;
line-height: 24px;
}
.sellingpoint ul {
position: relative;
min-height: 18px;
}
html[dir="ltr"] .sellingpoint ul {
padding-left: 14px;
}
html[dir="rtl"] .sellingpoint ul {
padding-right: 14px;
}
.sellingpoint ul li {
margin-bottom: 8px;
font-size: 16px;
line-height: 22px;
list-style-type: disc;
word-wrap: break-word;
}
.sellingpoint ul li:last-of-type {
margin-bottom: 0;
}
.atp-tip-content>p {
margin-bottom: 12px;
}
#module_product_specification img {
display: inline-block;
}
.module_description .richtext table td {
vertical-align: middle;
}
.module_description .description-layout {
margin-top: 32px;
padding-top: 28px;
border-top: 1px solid #ddd;
}
.module_description .description-layout h2 {
margin-bottom: 20px;
color: #222;
font-weight: 700;
font-size: 20px;
line-height: 26px;
}
.module_description .description-layout .show-more {
max-height: 720px;
}
.module_description .description-layout .show-less {
max-height: none;
}
.module_description .layout-other-wrapper {
overflow: hidden;
position: relative;
}
.module_description .description-show-button {
margin-top: 20px;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.module_description .description-show-button:hover {
cursor: pointer;
}
.market-opportunity-tool-container {
padding-top: 28px;
border-top: 1px solid #ddd;
}
.selection-tool-wrapper {
margin: 0;
position: relative;
}
.selection-tool-wrapper .popup {
position: relative;
z-index: 10000;
}
.selection-tool-wrapper .popup .popup-close .close-icon {
position: inherit;
}
.richtext-detail td {
border-width: 1px;
}
.detail-honorary-title {
line-height: 18px;
font-weight: 600;
color: #222;
letter-spacing: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.detail-honorary-title .popular-action {
font-weight: 400;
color: #222;
}
html[dir="ltr"] .detail-honorary-title .popular-action {
margin-left: 4px;
}
html[dir="rtl"] .detail-honorary-title .popular-action {
margin-right: 4px;
}
.module_skuCertification {
padding: 0 24px;
}
.product-sku-certifications {
display: flex;
font-size: 14px;
line-height: 18px;
font-weight: 400;
}
.product-sku-certifications:empty {
display: none;
}
.certificate-dialog-layout {
display: flex;
gap: 34px;
margin-top: 15px;
}
.certificate-dialog-layout .prop-layout {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0;
}
.certificate-dialog-layout .prop-layout .layout-image {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
width: 50vh;
justify-content: flex-start;
min-height: 30vh;
max-width: 490px;
}
.certificate-dialog-layout .prop-layout .layout-left,
.certificate-dialog-layout .prop-layout .layout-right {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 25px;
background-color: #fff;
width: 48px;
height: 48px;
}
.certificate-dialog-layout .prop-layout .layout-left {
z-index: 1;
}
html[dir="ltr"] .certificate-dialog-layout .prop-layout .layout-left:first-child {
margin-right: -58px;
}
html[dir="rtl"] .certificate-dialog-layout .prop-layout .layout-left:first-child {
margin-left: -58px;
}
html[dir="ltr"] .certificate-dialog-layout .prop-layout .layout-left:last-child {
margin-left: -58px;
}
html[dir="rtl"] .certificate-dialog-layout .prop-layout .layout-left:last-child {
margin-right: -58px;
}
.certificate-dialog-layout .prop-right {
width: 440px;
}
.certificate-dialog-layout .prop-right .certificate-info {
display: flex;
flex-direction: column;
gap: 15px;
}
.certificate-dialog-layout .prop-right .certificate-info .verified-image .icon-list {
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 4px;
}
.certificate-dialog-layout .prop-right .certificate-info .verified-image img {
height: 16px;
}
.certificate-dialog-layout .prop-right .certificate-info .certificate-info {
font-size: 16px;
color: #222;
line-height: 22px;
margin-top: 5px;
}
.certificate-dialog-layout .prop-right .certificate-info .certificate-info img {
height: 24px;
}
.certificate-dialog-layout .prop-right .certificate-info .certificate-content {
font-size: 16px;
color: #222;
line-height: 22px;
}
.certificate-dialog-layout .prop-right .certificate-info .certificate-header {
display: flex;
font-size: 20px;
color: #222;
line-height: 28px;
align-items: center;
gap: 8px;
}
.certificate-dialog-layout .prop-right .certificate-info .certificate-header img {
height: 20px;
}
.detail-star {
display: flex;
align-items: center;
}
.detail-star .detail-symbol {
font-size: 16px;
}
html[dir="ltr"] .detail-star .next-rating-icon:first-child {
margin-left: 0;
}
html[dir="rtl"] .detail-star .next-rating-icon:first-child {
margin-right: 0;
}
.detail-review {
cursor: pointer;
-webkit-text-decoration: underline;
text-decoration: underline;
}
html[dir="ltr"] .detail-review {
margin-left: 4px;
}
html[dir="rtl"] .detail-review {
margin-right: 4px;
}
.detail-review-item {
flex-shrink: 0;
}
.star-rating-list {
display: flex;
}
.star-rating-list .fa-star-half {
position: relative;
display: inline-block;
}
.star-rating-list .fa-star-half .fa-star-half-layout {
position: absolute;
top: 0;
overflow: hidden;
}
html[dir="ltr"] .star-rating-list .fa-star-half .fa-star-half-layout {
left: 0;
}
html[dir="rtl"] .star-rating-list .fa-star-half .fa-star-half-layout {
right: 0;
}
.star-rating-list .fa-star-half .fa-star-half-layout .detail-symbol {
fill: #f60;
}
.star-rating-list .detail-symbol {
fill: #e6e7eb;
}
.star-rating-list .detail-symbol.fa-star {
fill: #f60;
}
.detail-product-comment {
display: flex;
height: 34px;
font-size: 14px;
align-items: center;
}
.detail-product-comment .star-rating-list {
display: flex;
vertical-align: top;
}
.product-company {
display: flex;
align-items: center;
margin-bottom: 24px;
height: 40px;
font-size: 14px;
background-size: 100% 100%;
background-color: #f8f8f8;
border-radius: 4px;
padding: 0 12px;
}
.product-company .company-logo {
box-sizing: border-box;
margin-inline-end: 4px;
width: 28px;
height: 28px;
border: 0.5px solid #ddd;
border-radius: 4px;
background-color: #fff;
}
.product-company .product-company-info {
display: flex;
align-items: center;
overflow: hidden;
height: 22px;
}
html[dir="ltr"] .product-company .product-company-info {
margin-left: 4px;
}
html[dir="rtl"] .product-company .product-company-info {
margin-right: 4px;
}
.product-company .product-company-info .company-name {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.product-company .product-company-info .company-name a {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.product-company .product-company-info .verify-icon {
display: flex;
align-items: center;
flex-shrink: 0;
height: 12px;
}
.product-company .product-company-info .verify-icon a {
display: flex;
}
.product-company .product-company-info .verify-icon img {
height: 12px;
width: auto;
}
html[dir="ltr"] .product-company .product-company-info .verify-icon img {
margin-right: 4px;
}
html[dir="rtl"] .product-company .product-company-info .verify-icon img {
margin-left: 4px;
}
.product-company .product-company-info .company-identity {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.product-company .product-company-info .company-life {
flex-shrink: 0;
}
.product-company .product-company-info .company-country {
height: 18px;
line-height: normal;
flex-shrink: 0;
}
.product-company .product-company-info .company-country>img {
width: 16px;
-o-object-fit: contain;
object-fit: contain;
}
html[dir="ltr"] .product-company .product-company-info .company-country>img {
margin-right: 4px;
}
html[dir="rtl"] .product-company .product-company-info .company-country>img {
margin-left: 4px;
}
html[dir="ltr"] .product-company .product-company-info html[dir="rtl"] .company-country>img {
margin-right: 0;
margin-left: 4px;
}
html[dir="rtl"] .product-company .product-company-info html[dir="rtl"] .company-country>img {
margin-left: 0;
margin-right: 4px;
}
.react-dove-icon {
display: block;
font-size: 16px;
font-size: var(--dove-icon-size, 16px);
color: #fff;
color: var(--dove-icon-color, #fff);
}
.react-dove-controls-fullscreen .react-dove-icon {
font-size: 40px;
font-size: var(--dove-icon-fullscreen-size, 40px);
}
.react-dove-playButton {
opacity: 0.9;
transition: opacity 0.5s ease;
position: absolute;
display: inline-block;
box-sizing: border-box;
width: 64px;
width: var(--dove-playButton-width, 64px);
background-color: #000;
background-color: #0000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.react-dove-playButton:after {
content: "";
display: block;
padding-bottom: 100%;
}
.react-dove-playButton-wapper {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
padding-left: 4px;
border-radius: 50%;
background-color: #0000004d;
background-color: var(--dove-playButton-backgroud-color, rgba(0, 0, 0, 0.3));
border: 2px solid rgba(255, 255, 255, 0.8);
border: var(--dove-playButton-border-width, 2px) solid var(--dove-playButton-border-color, rgba(255, 255, 255, 0.8));
display: flex;
justify-content: center;
align-items: center;
}
.react-dove-playButton-arrow.react-dove-icon {
font-size: 32px;
font-size: var(--dove-playButton-font-size, 32px);
}
.react-dove-playButton.left {
top: 20px;
left: 20px;
}
.react-dove-playButton.right {
top: 20px;
right: 20px;
}
.react-dove-controls-fullscreen .react-dove-playButton {
width: 80px;
width: var(--dove-playButton-width, 80px);
}
.react-dove-bigPlay {
z-index: 3;
}
.react-dove-bigPlay.react-dove-bigPlay.hide {
visibility: hidden;
opacity: 0;
}
.react-dove-button {
background: #0000;
border: none;
cursor: pointer;
line-height: inherit;
text-transform: none;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
overflow: visible;
font-size: inherit;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 0;
flex-shrink: 0;
position: relative;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
color: var(--dove-control-color, #fff);
outline: none;
}
.react-dove-progress {
flex: 1;
box-sizing: border-box;
}
.react-dove-progress-inner {
width: 100%;
padding: 0 4px;
display: flex;
align-items: center;
box-sizing: border-box;
position: relative;
}
.react-dove-progress-inner .react-dove-slider-handle {
opacity: 0;
}
.react-dove-progress-inner:hover .react-dove-slider,
.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider {
height: 12px;
height: calc(var(--dove-slider-height, 9px) + var(--dove-slider-rail-active-height, 6px) - var(--dove-slider-rail-height, 3px));
}
.react-dove-progress-inner:hover .react-dove-slider-rail,
.react-dove-progress-inner:hover .react-dove-slider-track,
.react-dove-progress-inner:hover .react-dove-slider-step,
.react-dove-progress-inner:hover .react-dove-slider-dot,
.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-rail,
.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-track,
.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-step,
.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-dot {
height: 6px;
height: var(--dove-slider-rail-active-height, 6px);
}
.react-dove-progress-inner:hover .react-dove-slider-handle,
.react-dove-progress-inner .react-dove-slider-container.active .react-dove-slider-handle {
opacity: 1;
bottom: -1px !important;
bottom: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2 - (var(--dove-slider-handle-size, 14px) - var(--dove-slider-rail-active-height, 6px)) / 2) !important;
}
.react-dove-progress.relative .react-dove-progress-inner {
position: absolute;
left: 0;
right: 0;
bottom: calc(100% - 3px);
bottom: calc(100% - (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2);
padding: 0;
}
.react-dove-progress.absolute {
width: 0%;
padding: 0 !important;
flex: none;
}
.react-dove-progress.absolute .react-dove-progress-inner {
position: absolute;
left: 0;
right: 0;
bottom: calc(100% - 3px);
bottom: calc(100% - (var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2);
padding: 0;
}
.react-dove-progress-segment {
position: absolute;
left: 0;
top: 0;
transform: translateY(calc(-100% - 18px));
transform: translateY(calc(-100% - var(--dove-progress-segment-bottom, 12px) - var(--dove-slider-rail-active-height, 6px)));
overflow-wrap: break-word;
background-color: #fff;
background-color: var(--dove-progress-segment-background, #fff);
padding: 4px;
width: 120px;
line-height: 14px;
font-weight: 700;
font-size: 12px;
color: #222;
text-align: center;
visibility: hidden;
overflow: hidden;
}
.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider,
.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider {
height: 28px;
height: calc(var(--dove-slider-fullscreen-height, 24px) + var(--dove-slider-rail-fullscreen-active-height, 12px) - var(--dove-slider-rail-fullscreen-height, 8px));
}
.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-rail,
.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-track,
.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-step,
.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-dot,
.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-rail,
.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-track,
.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-step,
.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-dot {
height: 12px;
height: var(--dove-slider-rail-fullscreen-active-height, 12px);
}
.react-dove-controls-fullscreen .react-dove-progress-inner:hover .react-dove-slider-handle,
.react-dove-controls-fullscreen .react-dove-progress-inner .react-dove-slider.active .react-dove-slider-handle {
opacity: 1;
bottom: 4px !important;
bottom: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2 - (var(--dove-slider-handle-fullscreen-size, 20px) - var(--dove-slider-rail-fullscreen-active-height, 12px)) / 2) !important;
}
.react-dove-controls-fullscreen .react-dove-progress.relative .react-dove-progress-inner,
.react-dove-controls-fullscreen .react-dove-progress.absolute .react-dove-progress-inner {
bottom: calc(100% - 8px);
bottom: calc(100% - (var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2);
}
.react-dove-controls-fullscreen .react-dove-progress-segment {
transform: translateY(calc(-100% - 24px));
transform: translateY(calc(-100% - var(--dove-progress-segment-bottom, 12px) - var(--dove-slider-rail-fullscreen-active-height, 12px)));
background-color: #fff;
background-color: var(--dove-progress-segment-background, #fff);
width: 200px;
line-height: 19px;
font-size: 16px;
}
.react-dove-number {
font-size: 12px;
font-size: var(--dove-font-size-number, var(--dove-font-size-small, 12px));
height: 16px;
height: var(--dove-icon-size, 16px);
line-height: 16px;
line-height: var(--dove-icon-size, 16px);
}
.react-dove-controls-fullscreen .react-dove-number {
font-size: 24px;
font-size: var(--dove-font-size-fullscreen-number, 24px);
height: 40px;
height: var(--dove-icon-fullscreen-size, 40px);
line-height: 40px;
line-height: var(--dove-icon-fullscreen-size, 40px);
}
.react-dove-timeDivider {
padding-left: 2px;
padding-right: 2px;
}
.react-dove-time.react-dove-button {
cursor: inherit;
}
.react-dove-time.react-dove-button:hover {
background-color: #0000;
}
.react-dove-time.toggle {
cursor: pointer;
}
.react-dove-timeControl {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.react-dove-fullscreen-disable .react-dove-icon {
color: #a7b0be;
}
.react-dove-volume-slider {
--dove-slider-handle-size: 9px;
--dove-slider-track-background: #fff;
}
.react-dove-volume-slider .react-dove-slider-handle {
opacity: 1;
}
.react-dove-popup {
background-color: #00000080;
background-color: var(--dove-controls-background, rgba(0, 0, 0, 0.5));
border-radius: 4px;
z-index: 999999;
}
.react-dove-popup.rc-tooltip-hidden {
display: none;
}
.react-dove-popup.hide {
display: none !important;
}
.react-dove-slider-container {
width: 100%;
}
.react-dove-slider-container .react-dove-slider {
position: relative;
padding: 3px 0;
padding: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2) 0;
height: 9px;
height: var(--dove-slider-height, 9px);
width: 100%;
touch-action: none;
cursor: pointer;
transition: height 0.2s ease;
}
.react-dove-slider-container .react-dove-slider-rail {
bottom: 3px;
bottom: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2);
height: 3px;
height: var(--dove-slider-rail-height, 3px);
position: absolute;
width: 100%;
background-color: #ffffff80;
background-color: var(--dove-slider-rail-background, rgba(255, 255, 255, 0.5));
transition: height 0.2s ease;
}
.react-dove-slider-container .react-dove-slider-track {
bottom: 3px;
bottom: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2);
height: 3px;
height: var(--dove-slider-rail-height, 3px);
position: absolute;
background-color: #f60;
background-color: var(--dove-slider-track-background,
var(--dove-color-main, var(--dove-color-main, #f60)));
transition: height 0.2s ease;
}
.react-dove-slider-container .react-dove-slider-step {
bottom: 3px;
bottom: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2);
height: 3px;
height: var(--dove-slider-rail-height, 3px);
position: absolute;
width: 100%;
background: #0000;
}
.react-dove-slider-container .react-dove-slider-handle {
position: absolute;
bottom: -2.5px;
bottom: calc(calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2) - (var(--dove-slider-handle-size, 14px) - var(--dove-slider-rail-height, 3px)) / 2);
width: 14px;
width: var(--dove-slider-handle-size, 14px);
height: 14px;
height: var(--dove-slider-handle-size, 14px);
background-color: #fff;
background-color: var(--dove-slider-handle-background, #fff);
border-radius: 50%;
cursor: pointer;
cursor: grab;
touch-action: pan-x;
pointer-events: none;
transition:
opacity 0.2s ease,
bottom 0.2s ease;
}
.react-dove-slider-container .react-dove-slider-dot {
height: 3px;
height: var(--dove-slider-rail-height, 3px);
position: absolute;
bottom: 0;
width: 6px;
width: var(--dove-slider-dot-width, 6px);
background-color: #fff;
background-color: var(--dove-slider-dot-background, #fff);
cursor: pointer;
transition: height 0.2s ease;
}
.react-dove-slider-container.vertical {
height: 100%;
width: auto;
width: initial;
}
.react-dove-slider-container.vertical .react-dove-slider {
padding: 0 3px;
padding: 0 calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2);
height: 100%;
width: 9px;
width: var(--dove-slider-height, 9px);
}
.react-dove-slider-container.vertical .react-dove-slider-rail {
bottom: auto;
bottom: initial;
left: 3px;
left: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2);
width: 3px;
width: var(--dove-slider-rail-height, 3px);
transition: width 0.2s ease;
height: 100%;
}
.react-dove-slider-container.vertical .react-dove-slider-track {
bottom: auto;
bottom: initial;
left: 3px;
left: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2);
width: 3px;
width: var(--dove-slider-rail-height, 3px);
transition: width 0.2s ease;
}
.react-dove-slider-container.vertical .react-dove-slider-step {
bottom: auto;
bottom: initial;
left: 3px;
left: calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2);
width: 3px;
width: var(--dove-slider-rail-height, 3px);
transition: width 0.2s ease;
height: 100%;
}
.react-dove-slider-container.vertical .react-dove-slider-handle {
bottom: auto;
bottom: initial;
left: -2.5px;
left: calc(calc((var(--dove-slider-height, 9px) - var(--dove-slider-rail-height, 3px)) / 2) - (var(--dove-slider-handle-size, 14px) - var(--dove-slider-rail-height, 3px)) / 2);
transition:
opacity 0.2s ease,
left 0.2s ease;
}
.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider {
padding: 8px 0;
padding: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2) 0;
height: 24px;
height: var(--dove-slider-fullscreen-height, 24px);
}
.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-rail,
.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-track,
.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-step {
bottom: 8px;
bottom: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2);
height: 8px;
height: var(--dove-slider-rail-fullscreen-height, 8px);
}
.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-handle {
bottom: 2px;
bottom: calc(calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2) - (var(--dove-slider-handle-fullscreen-size, 20px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2);
width: 20px;
width: var(--dove-slider-handle-fullscreen-size, 20px);
height: 20px;
height: var(--dove-slider-handle-fullscreen-size, 20px);
}
.react-dove-controls-fullscreen .react-dove-slider-container .react-dove-slider-dot {
height: 8px;
height: var(--dove-slider-rail-fullscreen-height, 8px);
width: 12px;
width: var(--dove-slider-dot-fullscreen-width, 12px);
}
.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider {
padding: 0 8px;
padding: 0 calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2);
width: 24px;
width: var(--dove-slider-fullscreen-height, 24px);
height: 100%;
}
.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider-rail,
.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider-step {
bottom: auto;
bottom: initial;
left: 8px;
left: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2);
width: 8px;
width: var(--dove-slider-rail-fullscreen-height, 8px);
height: 100%;
}
.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider-track {
bottom: auto;
bottom: initial;
left: 8px;
left: calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2);
width: 8px;
width: var(--dove-slider-rail-fullscreen-height, 8px);
}
.react-dove-controls-fullscreen .react-dove-slider-container.vertical .react-dove-slider-handle {
bottom: auto;
bottom: initial;
left: 2px;
left: calc(calc((var(--dove-slider-fullscreen-height, 24px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2) - (var(--dove-slider-handle-fullscreen-size, 20px) - var(--dove-slider-rail-fullscreen-height, 8px)) / 2);
}
.react-dove-volume-control-wrapper,
.react-dove-volume-control-wrapper .react-dove-volume-control-toggle {
width: 100%;
height: 100%;
}
.react-dove-volume-control .react-dove-volumeControl-slider {
margin-left: 4px;
margin-left: var(--dove-control-spacing, 4px);
}
.react-dove-volume-control .react-dove-volumeControl-slider.hide {
width: 0;
overflow: hidden;
}
.react-dove-volume-control.inline {
width: 16px;
}
.react-dove-volume-control.inline .react-dove-volumeControl-slider {
display: none;
}
.react-dove-volume-control.inline:hover,
.react-dove-volume-control.inline.active {
width: 90px;
transition: all 0.5s ease;
transition: var(--dove-transition, all 0.5s ease);
}
.react-dove-volume-control.inline:hover .react-dove-volumeControl-slider,
.react-dove-volume-control.inline.active .react-dove-volumeControl-slider {
display: block;
}
.react-dove-volume-control .react-dove-button {
z-index: 1;
}
.react-dove-volume-control-popup {
width: 28px;
width: var(--dove-control-size, 28px);
height: 80px;
padding: 8px 0;
top: 0 !important;
transform: translateY(calc(-100% - 11px));
transform: translateY(calc(-100% - var(--dove-control-popup-bottom, 11px)));
}
.react-dove-volume-control-popup .rc-tooltip-content,
.react-dove-volume-control-popup .rc-tooltip-inner {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.react-dove-controls-fullscreen .react-dove-volume-control-popup {
width: 60px;
width: var(--dove-control-fullscreen-size, 60px);
height: 160px;
padding: 12px 0;
transform: translateY(calc(-100% - 24px));
transform: translateY(calc(-100% - var(--dove-control-fullscreen-popup-bottom, 24px)));
}
.react-dove-controls {
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 36px;
height: var(--dove-controls-height, 36px);
box-sizing: border-box;
background: #00000080;
background: var(--dove-controls-background, rgba(0, 0, 0, 0.5));
color: #fff;
color: var(--dove-control-color, #fff);
}
.react-dove-controls-wrapper {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
padding: 0 12px;
padding: 0 var(--dove-controls-padding, 12px);
display: flex;
align-items: center;
box-sizing: border-box;
}
.react-dove-controls-wrapper>*+* {
margin-left: 4px;
margin-left: var(--dove-control-spacing, 4px);
}
.react-dove-controls-wrapper .react-dove-controls-item {
width: 28px;
width: var(--dove-control-size, 28px);
height: 28px;
height: var(--dove-control-size, 28px);
border-radius: 4px;
border-radius: var(--dove-control-border-radius, 4px);
display: flex;
justify-content: center;
align-items: center;
}
.react-dove-controls-wrapper .react-dove-controls-item>* {
width: 100%;
height: 100%;
}
.react-dove-controls-wrapper .react-dove-controls-item:hover {
background-color: #00000080;
background-color: var(--dove-controls-background, rgba(0, 0, 0, 0.5));
}
.react-dove-controls-fullscreen .react-dove-controls {
height: 72px;
height: var(--dove-controls-fullscreen-height, 72px);
}
.react-dove-controls-fullscreen .react-dove-controls-wrapper {
padding: 0 40px;
padding: 0 var(--dove-controls-fullscreen-padding, 40px);
}
.react-dove-controls-fullscreen .react-dove-controls-wrapper>*+* {
margin-left: 20px;
margin-left: var(--dove-control-fullscreen-spacing, 20px);
}
.react-dove-controls-fullscreen .react-dove-controls-wrapper .react-dove-controls-item {
width: 60px;
width: var(--dove-control-fullscreen-size, 60px);
height: 60px;
height: var(--dove-control-fullscreen-size, 60px);
border-radius: 8px;
border-radius: var(--dove-control-fullscreen-border-radius, 8px);
}
.react-dove-error {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 4;
background: #000000e6;
color: #fff;
color: var(--dove-control-color, #fff);
}
.react-dove-error .react-dove-error-message {
display: flex;
justify-content: center;
padding: 24px;
font-size: 14px;
font-size: var(--dove-font-size-base, 14px);
}
.react-dove-error .react-dove-error-reload {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}
.react-dove-error .react-dove-error-reload .react-dove-icon {
font-size: 32px;
font-size: calc(var(--dove-icon-size, 16px) * 2);
}
.react-dove-error .react-dove-error-close {
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
.react-dove-error .react-dove-error-close .react-dove-icon {
font-size: 24px;
font-size: calc(var(--dove-icon-size, 16px) * 1.5);
}
.react-dove-loading {
position: absolute;
left: 50%;
top: 50%;
z-index: 3;
color: #fff;
color: var(--dove-control-color, #fff);
transform: translate(-50%, -50%);
}
.react-dove-image {
width: 100%;
height: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
-o-object-fit: contain;
object-fit: contain;
background-color: #000;
background-color: var(--dove-video-background, rgb(0, 0, 0));
}
.react-dove-controls-wraper {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
cursor: pointer;
}
.react-dove-controls-wraper-inner {
position: absolute;
left: 0;
top: 0;
visibility: visible;
opacity: 1;
transition: all 0.5s ease;
transition: var(--dove-transition, all 0.5s ease);
width: 100%;
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.react-dove-controls-wraper-inner.hide {
visibility: hidden;
opacity: 0;
}
.react-dove-controls-wraper-outer {
position: absolute;
left: 0;
top: 0;
visibility: visible;
opacity: 1;
transition: all 0.5s ease;
transition: var(--dove-transition, all 0.5s ease);
width: 100%;
height: 100%;
}
.react-dove {
position: relative;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
width: 320px;
height: 180px;
}
.react-dove .react-dove-container {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.react-dove .react-dove-container .react-dove-video {
width: 100%;
height: 100%;
background-color: #000;
background-color: var(--dove-video-background, rgb(0, 0, 0));
}
.react-dove * {
box-sizing: border-box;
}
.react-videox-subtitle {
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
margin-bottom: 1%;
color: #fff;
font-family:
PingFang SC,
SF Pro SC,
SF Pro Text,
SF Pro Icons,
Helvetica Neue,
Helvetica,
Arial,
sans-serif;
text-shadow:
-1px 1px 0 rgba(0, 0, 0, 0.7),
1px 1px 0 rgba(0, 0, 0, 0.7),
1px -1px 0 rgba(0, 0, 0, 0.7),
-1px -1px 0 rgba(0, 0, 0, 0.7);
background-color: none;
border-radius: 0;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.react-videox-subtitle-inner {
display: block;
max-width: 92%;
}
.react-videox-subtitle-inner .text-track-single {
-webkit-line-clamp: 1;
}
.react-videox-subtitle-inner .text-track-double {
-webkit-line-clamp: 2;
}
.react-videox-subtitle-inner .text-track-three {
-webkit-line-clamp: 3;
}
.react-videox-subtitle-span {
display: -webkit-box;
padding: 1px 4px;
overflow: hidden;
line-height: 120%;
text-align: center;
text-overflow: ellipsis;
word-break: break-word;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.detail-video-container {
width: 100%;
height: 100%;
}
.detail-video-container .detail-video-player {
margin: 0 auto;
max-width: 100%;
}
.detail-video-container .react-dove-view-port {
background-color: #000;
width: 100%;
height: 100%;
}
.detail-video-placeholder {
position: absolute;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
html[dir="ltr"] .detail-video-placeholder {
left: 0;
}
html[dir="rtl"] .detail-video-placeholder {
right: 0;
}
.detail-video-placeholder>img {
transform: scale(1.1);
background: #000;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.detail-video-placeholder .play-triangle {
cursor: pointer;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
width: 0;
height: 0;
}
html[dir="ltr"] .detail-video-placeholder .play-triangle {
border-left: 26px solid #fff;
}
html[dir="rtl"] .detail-video-placeholder .play-triangle {
border-right: 26px solid #fff;
}
.searchx-find-similar__wrapper {
height: 36px;
width: 36px;
}
.searchx-find-similar__wrapper .searchx-find-similar__first_tip {
white-space: wrap;
width: 338px;
}
.searchx-find-similar {
position: relative;
}
.searchx-find-similar.searchx-find-similar__icon {
background-color: #fff;
border-radius: 50%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.searchx-find-similar.searchx-find-similar__icon.theme-translucent {
border: 1px solid #ddd;
background-color: #fffc;
}
.searchx-find-similar.searchx-find-similar__icon.theme-translucent:hover {
border: 1px solid #222;
background-color: #f4f4f4;
box-shadow: none;
}
.searchx-find-similar.searchx-find-similar__icon.theme-float,
.searchx-find-similar.searchx-find-similar__icon.normal:hover {
box-shadow: 0 2px 6px 2px #0000001f;
}
.searchx-find-similar .searchx-find-similar__img {
width: 20px;
height: 20px;
}
.searchx-find-similar__popover {
color: #fff;
position: absolute;
background-color: #000;
padding: 20px;
max-width: 338px;
border-radius: 8px;
font-size: 16px;
line-height: 22px;
z-index: 1000;
opacity: 0;
transition: opacity 0.5s;
}
.searchx-find-similar__popover .searchx-find-similar__popover-header {
display: flex;
justify-content: space-between;
font-weight: 700;
margin-bottom: 8px;
}
.searchx-find-similar__popover .searchx-find-similar__popover-header .searchx-find-similar_close-icon {
height: 20px;
cursor: pointer;
}
.searchx-find-similar__popover.top .searchx-find-similar__popover-arrow {
left: 50%;
top: 100%;
transform: translate(-50%, -60%) rotate(45deg);
}
.searchx-find-similar__popover.bottom .searchx-find-similar__popover-arrow {
left: 50%;
top: 0;
transform: translate(-50%, -40%) rotate(45deg);
}
.searchx-find-similar__popover.left .searchx-find-similar__popover-arrow {
right: 0;
top: 50%;
transform: translate(40%, -50%) rotate(45deg);
}
.searchx-find-similar__popover.right .searchx-find-similar__popover-arrow {
left: 0;
top: 50%;
transform: translate(-40%, -50%) rotate(45deg);
}
.searchx-find-similar__popover .searchx-find-similar__popover-arrow {
position: absolute;
width: 12px;
height: 12px;
background-color: #000;
}
[data-module="MainImage"] .new-detail-find-similar-container .detail-find-similar {
width: 40px;
height: 40px;
}
[data-module="MainImage"] .new-detail-find-similar-container .searchx-find-similar,
[data-module="MainImage"] .new-detail-find-similar-container .searchx-find-similar.searchx-find-similar__icon.theme-translucent:hover {
border: none;
box-shadow: 0 2px 6px 2px #0000001f;
}
[data-module="MainImage"] .new-detail-find-similar-container .searchx-find-similar__img {
width: 24px;
height: 24px;
}
[data-module="MainImage"] .detail-find-similar-container .detail-find-similar {
width: 48px;
height: 48px;
}
[data-module="MainImage"] .detail-find-similar-container .searchx-find-similar,
[data-module="MainImage"] .detail-find-similar-container .searchx-find-similar.searchx-find-similar__icon.theme-translucent:hover {
border: none;
box-shadow: 0 2px 6px 2px #0000001f;
}
[data-module="MainImage"] .detail-find-similar-container .searchx-find-similar__img {
width: 28px;
height: 28px;
}
.product-title-container {
font-size: 14px;
line-height: 18px;
font-weight: 400;
}
.product-title-container .product-certifications {
display: flex;
height: 18px;
margin-bottom: 12px;
}
.product-title-container .product-certifications .self-operated-business {
color: hsl(var(--highlight-dark));
}
.product-title-container h1 {
background: none !important;
-webkit-text-fill-color: #222 !important;
margin-bottom: 8px;
line-height: 26px;
font-weight: 600;
font-size: 18px;
margin-top: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
color: #222;
letter-spacing: 0;
}
.product-title-container h1>img {
margin-bottom: 4px;
height: 16px;
vertical-align: text-bottom;
display: inline-block;
}
html[dir="ltr"] .product-title-container h1>img {
margin-right: 4px;
}
html[dir="rtl"] .product-title-container h1>img {
margin-left: 4px;
}
.layout-body {
display: flex;
justify-content: space-between;
align-items: stretch;
margin: 0 auto;
min-width: 1180px;
max-width: 1440px;
}
.layout-body .detail-separator {
display: flex;
}
.layout-body .detail-separator:after {
margin: 0 4px;
content: "\b7";
}
.layout-body .detail-separator:last-of-type:after {
display: none;
}
.layout-right {
position: relative;
width: 37%;
}
.layout-right .layout-stick {
display: flow-root;
position: relative;
box-shadow: 0 0 0 1px #ddd;
border-radius: 8px;
background: #fff;
}
.layout-right .layout-stick.action-section-fade-down {
animation-duration: 0.5s;
animation-timing-function: ease-out;
animation-name: action-section-fade-down;
}
.layout-right .layout-stick.action-section-fade-up {
animation-duration: 0.6s;
animation-timing-function: ease-out;
animation-name: action-section-fade-up;
}
.layout-right .layout-stick:not(.sticky) .right-bottom-sticky {
position: sticky;
bottom: 0;
z-index: 20;
}
.layout-right .layout-stick:not(.sticky) .right-bottom-sticky-custom {
filter: drop-shadow(0 -4px 8px rgba(0, 0, 0, 0.08));
margin: 0 0 8px;
padding: 20px 0 12px;
}
@media screen and (min-width: 1920px) {
.layout-right .layout-stick:not(.sticky) .right-bottom-sticky-custom {
margin: 0 0 4px;
padding: 20px 0 16px;
}
}
.layout-right .layout-stick.sticky {
position: sticky;
top: 135px;
box-sizing: border-box;
margin-top: 20px;
margin-bottom: 20px;
background-color: #fff;
}
.layout-right .layout-stick.sticky .layout-overview {
padding-bottom: 120px;
max-height: calc(100vh - 200px);
overflow-x: hidden;
overflow-y: auto;
}
.layout-right .layout-stick.sticky .module_free_shipping {
position: absolute;
bottom: 84px;
z-index: 3;
width: 100%;
}
.layout-right .layout-stick.sticky .module_free_shipping .free-shipping-layout {
margin: 0;
border-radius: 0;
}
.layout-right .layout-stick.sticky .module_atmosphere .shouldFixed {
position: absolute;
bottom: 84px;
z-index: 3;
border-radius: 0;
width: 100%;
}
html[dir="ltr"] .layout-right .layout-stick.sticky .module_atmosphere .shouldFixed {
left: 0;
}
html[dir="rtl"] .layout-right .layout-stick.sticky .module_atmosphere .shouldFixed {
right: 0;
}
.layout-right .layout-stick.sticky .sku-option .next-number-picker {
margin-bottom: 20px;
}
.layout-right .layout-stick.sticky .bottom-action {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 20px;
}
.layout-right .layout-stick.sticky .bottom-action .module_order,
.layout-right .layout-stick.sticky .bottom-action .module_cart {
flex: 1;
}
html[dir="ltr"] .layout-right .layout-stick.sticky .bottom-action .module_order,
html[dir="ltr"] .layout-right .layout-stick.sticky .bottom-action .module_cart {
margin-right: 16px;
}
html[dir="rtl"] .layout-right .layout-stick.sticky .bottom-action .module_order,
html[dir="rtl"] .layout-right .layout-stick.sticky .bottom-action .module_cart {
margin-left: 16px;
}
.layout-right .layout-stick.sticky .bottom-action>div button {
width: 100%;
height: 48px;
}
.layout-right .layout-stick.sticky .bottom-action>div button span {
font-weight: 700;
font-size: 16px;
line-height: 22px;
}
.layout-right .layout-stick.sticky .module_ta_plus .product-ta-content {
flex-direction: row;
align-items: flex-start;
}
html[dir="ltr"] .layout-right .layout-stick.sticky .module_ta_plus .product-ta-content .logo-list {
margin-left: 0;
}
html[dir="rtl"] .layout-right .layout-stick.sticky .module_ta_plus .product-ta-content .logo-list {
margin-right: 0;
}
.layout-right .layout-stick.sticky .module_ta_plus .product-ta-content .ta-content-left span {
display: none;
}
html[dir="ltr"] .layout-right .layout-stick.sticky .module_ta_plus .product-ta-content .ta-content-right p {
margin-left: 0;
}
html[dir="rtl"] .layout-right .layout-stick.sticky .module_ta_plus .product-ta-content .ta-content-right p {
margin-right: 0;
}
.layout-right .layout-stick.sticky .right-bottom {
position: absolute;
bottom: 0;
z-index: 1;
margin: 0;
box-shadow: 0 2px 15px #afafaf80;
border-radius: 0 0 8px 8px;
background-color: #fff;
padding-top: 16px;
padding-bottom: 20px;
width: 100%;
}
html[dir="ltr"] .layout-right .layout-stick.sticky .right-bottom {
left: 0;
}
html[dir="rtl"] .layout-right .layout-stick.sticky .right-bottom {
right: 0;
}
.layout-right .layout-stick.sticky .right-bottom .sample-layout {
margin-top: 16px;
margin-bottom: 0;
border-top: 0;
}
.layout-right .layout-stick.sticky .right-bottom .bottom-action {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 20px;
}
.layout-right .layout-stick.sticky .right-bottom .bottom-action .module_order,
.layout-right .layout-stick.sticky .right-bottom .bottom-action .module_cart {
flex: 1;
}
html[dir="ltr"] .layout-right .layout-stick.sticky .right-bottom .bottom-action .module_order,
html[dir="ltr"] .layout-right .layout-stick.sticky .right-bottom .bottom-action .module_cart {
margin-right: 16px;
}
html[dir="rtl"] .layout-right .layout-stick.sticky .right-bottom .bottom-action .module_order,
html[dir="rtl"] .layout-right .layout-stick.sticky .right-bottom .bottom-action .module_cart {
margin-left: 16px;
}
.layout-right .layout-stick.sticky .right-bottom .bottom-action>div button {
width: 100%;
height: 48px;
}
.layout-right .layout-stick.sticky .right-bottom .bottom-action>div button span {
font-weight: 700;
font-size: 16px;
line-height: 22px;
}
.layout-right .layout-stick.sticky .buyer-benefits h4 {
margin-bottom: 20px;
font-weight: 600;
}
.layout-right .layout-stick.sticky .buyer-benefits .buyer-arrow {
display: block;
}
.layout-right .layout-stick.sticky .buyer-benefits .buyer-item {
display: none;
}
.layout-right .layout-stick.sticky .buyer-benefits .buyer-item.shown {
display: block;
}
.layout-right .right-bottom {
margin: auto;
background-color: #fff;
padding: 20px 0;
width: calc(100% - 2px);
}
@keyframes action-section-fade-down {
0% {
transform: translate3d(0, 60px, 0);
opacity: 0;
}
to {
transform: translateZ(0);
opacity: 1;
}
}
@keyframes action-section-fade-up {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
*,
:before,
:after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(58, 145, 41, 0.5);
--tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
*,
:before,
:after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #7b4100;
}
:before,
:after {
--tw-content: "";
}
html,
:host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-family:
ui-sans-serif,
system-ui,
-apple-system,
Segoe UI,
Roboto,
Ubuntu,
Cantarell,
Noto Sans,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
Segoe UI Symbol,
"Noto Color Emoji";
font-feature-settings: normal;
font-variation-settings: normal;
-webkit-tap-highlight-color: transparent;
}
body {
margin: 0;
line-height: inherit;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
text-decoration: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp,
pre {
font-family:
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
Liberation Mono,
Courier New,
monospace;
font-feature-settings: normal;
font-variation-settings: normal;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
margin: 0;
padding: 0;
}
button,
select {
text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
-webkit-appearance: button;
background-color: transparent;
background-image: none;
}
:-moz-focusring {
outline: auto;
}
:-moz-ui-invalid {
box-shadow: none;
}
progress {
vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
dialog {
padding: 0;
}
textarea {
resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af;
}
button,
[role="button"] {
cursor: pointer;
}
:disabled {
cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
}
img,
video {
max-width: 100%;
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}
:root {
--background: 0 0% 100%;
--foreground: 240 10% 3.9%;
--card: 0 0% 100%;
--card-foreground: 240 10% 3.9%;
--popover: 0 0% 100%;
--popover-foreground: 240 10% 3.9%;
--highlight: 24 100% 50%;
--highlight-dark: 19 91% 43%;
--primary: 240 5.9% 10%;
--primary-foreground: 0 0% 98%;
--secondary: 240 4.8% 95.9%;
--secondary-foreground: 240 5.9% 10%;
--muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%;
--accent: 240 4.8% 95.9%;
--accent-foreground: 240 5.9% 10%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 98%;
--border: 240 5.9% 90%;
--input: 240 5.9% 90%;
--ring: 240 5.9% 10%;
--radius: 0.5rem;
}
.dark {
--background: 240 10% 3.9%;
--foreground: 0 0% 98%;
--card: 240 10% 3.9%;
--card-foreground: 0 0% 98%;
--popover: 240 10% 3.9%;
--popover-foreground: 0 0% 98%;
--primary: 0 0% 98%;
--primary-foreground: 240 5.9% 10%;
--secondary: 240 3.7% 15.9%;
--secondary-foreground: 0 0% 98%;
--muted: 240 3.7% 15.9%;
--muted-foreground: 240 5% 64.9%;
--accent: 240 3.7% 15.9%;
--accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--border: 240 3.7% 15.9%;
--input: 240 3.7% 15.9%;
--ring: 240 4.9% 83.9%;
}
.id-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.id-pointer-events-none {
pointer-events: none;
}
.id-pointer-events-auto {
pointer-events: auto;
}
.id-fixed {
position: fixed;
}
.id-absolute {
position: absolute;
}
.id-relative {
position: relative;
}
.id-sticky {
position: sticky;
}
.id-inset-0 {
inset: 0;
}
.id-inset-x-0 {
left: 0;
right: 0;
}
.id-inset-x-1 {
left: 0.25rem;
right: 0.25rem;
}
html[dir="ltr"] .\!id-left-0 {
left: 0 !important;
}
html[dir="rtl"] .\!id-left-0 {
right: 0 !important;
}
.-id-bottom-\[2px\] {
bottom: -2px;
}
html[dir="ltr"] .-id-right-1 {
right: -0.25rem;
}
html[dir="rtl"] .-id-right-1 {
left: -0.25rem;
}
html[dir="ltr"] .-id-right-2 {
right: -0.5rem;
}
html[dir="rtl"] .-id-right-2 {
left: -0.5rem;
}
.-id-top-4 {
top: -1rem;
}
.id-bottom-0 {
bottom: 0;
}
.id-bottom-1 {
bottom: 0.25rem;
}
.id-bottom-2 {
bottom: 0.5rem;
}
.id-bottom-3 {
bottom: 0.75rem;
}
.id-bottom-4 {
bottom: 1rem;
}
.id-bottom-\[115px\] {
bottom: 115px;
}
.id-bottom-\[200px\] {
bottom: 200px;
}
.id-bottom-\[46px\] {
bottom: 46px;
}
.id-bottom-\[60px\] {
bottom: 60px;
}
.id-end-0 {
inset-inline-end: 0px;
}
.id-end-7 {
inset-inline-end: 1.75rem;
}
.id-end-\[-18px\] {
inset-inline-end: -18px;
}
.id-end-\[14px\] {
inset-inline-end: 14px;
}
html[dir="ltr"] .id-left-0 {
left: 0;
}
html[dir="rtl"] .id-left-0 {
right: 0;
}
html[dir="ltr"] .id-left-1 {
left: 0.25rem;
}
html[dir="rtl"] .id-left-1 {
right: 0.25rem;
}
html[dir="ltr"] .id-left-1\/2 {
left: 50%;
}
html[dir="rtl"] .id-left-1\/2 {
right: 50%;
}
html[dir="ltr"] .id-left-2 {
left: 0.5rem;
}
html[dir="rtl"] .id-left-2 {
right: 0.5rem;
}
html[dir="ltr"] .id-left-3 {
left: 0.75rem;
}
html[dir="rtl"] .id-left-3 {
right: 0.75rem;
}
html[dir="ltr"] .id-left-\[0px\] {
left: 0;
}
html[dir="rtl"] .id-left-\[0px\] {
right: 0;
}
html[dir="ltr"] .id-left-\[10px\] {
left: 10px;
}
html[dir="rtl"] .id-left-\[10px\] {
right: 10px;
}
html[dir="ltr"] .id-left-\[12px\] {
left: 12px;
}
html[dir="rtl"] .id-left-\[12px\] {
right: 12px;
}
html[dir="ltr"] .id-left-\[14px\] {
left: 14px;
}
html[dir="rtl"] .id-left-\[14px\] {
right: 14px;
}
html[dir="ltr"] .id-left-\[30px\] {
left: 30px;
}
html[dir="rtl"] .id-left-\[30px\] {
right: 30px;
}
html[dir="ltr"] .id-left-\[375px\] {
left: 375px;
}
html[dir="rtl"] .id-left-\[375px\] {
right: 375px;
}
html[dir="ltr"] .id-left-\[50\%\] {
left: 50%;
}
html[dir="rtl"] .id-left-\[50\%\] {
right: 50%;
}
html[dir="ltr"] .id-right-0 {
right: 0;
}
html[dir="rtl"] .id-right-0 {
left: 0;
}
html[dir="ltr"] .id-right-1 {
right: 0.25rem;
}
html[dir="rtl"] .id-right-1 {
left: 0.25rem;
}
html[dir="ltr"] .id-right-10 {
right: 2.5rem;
}
html[dir="rtl"] .id-right-10 {
left: 2.5rem;
}
html[dir="ltr"] .id-right-2 {
right: 0.5rem;
}
html[dir="rtl"] .id-right-2 {
left: 0.5rem;
}
html[dir="ltr"] .id-right-3 {
right: 0.75rem;
}
html[dir="rtl"] .id-right-3 {
left: 0.75rem;
}
html[dir="ltr"] .id-right-5 {
right: 1.25rem;
}
html[dir="rtl"] .id-right-5 {
left: 1.25rem;
}
html[dir="ltr"] .id-right-6 {
right: 1.5rem;
}
html[dir="rtl"] .id-right-6 {
left: 1.5rem;
}
html[dir="ltr"] .id-right-\[10px\] {
right: 10px;
}
html[dir="rtl"] .id-right-\[10px\] {
left: 10px;
}
html[dir="ltr"] .id-right-\[12px\] {
right: 12px;
}
html[dir="rtl"] .id-right-\[12px\] {
left: 12px;
}
html[dir="ltr"] .id-right-\[14px\] {
right: 14px;
}
html[dir="rtl"] .id-right-\[14px\] {
left: 14px;
}
html[dir="ltr"] .id-right-\[30px\] {
right: 30px;
}
html[dir="rtl"] .id-right-\[30px\] {
left: 30px;
}
.id-start-1\/2 {
inset-inline-start: 50%;
}
.id-top-0 {
top: 0;
}
.id-top-1 {
top: 0.25rem;
}
.id-top-1\/2 {
top: 50%;
}
.id-top-10 {
top: 2.5rem;
}
.id-top-16 {
top: 4rem;
}
.id-top-2 {
top: 0.5rem;
}
.id-top-5 {
top: 1.25rem;
}
.id-top-6 {
top: 1.5rem;
}
.id-top-7 {
top: 1.75rem;
}
.id-top-\[0px\] {
top: 0;
}
.id-top-\[100px\] {
top: 100px;
}
.id-top-\[12px\] {
top: 12px;
}
.id-top-\[20\%\] {
top: 20%;
}
.id-top-\[20px\] {
top: 20px;
}
.id-top-\[30px\] {
top: 30px;
}
.id-top-\[35px\] {
top: 35px;
}
.id-top-\[50\%\] {
top: 50%;
}
.id-top-\[9px\] {
top: 9px;
}
.-id-z-10 {
z-index: -10;
}
.id-z-10 {
z-index: 10;
}
.id-z-20 {
z-index: 20;
}
.id-z-50 {
z-index: 50;
}
.id-z-\[10000\] {
z-index: 10000;
}
.id-z-\[100\] {
z-index: 100;
}
.id-z-\[2\] {
z-index: 2;
}
.id-z-\[3\] {
z-index: 3;
}
.id-z-\[99999\] {
z-index: 99999;
}
.id-z-\[9999\],
.id-z-background {
z-index: 9999;
}
.id-z-base {
z-index: 1;
}
.id-z-panelBackground {
z-index: 9100;
}
.id-z-panelForeGround {
z-index: 9200;
}
.id-m-0 {
margin: 0;
}
.id-m-0\.5 {
margin: 0.125rem;
}
.id-m-5 {
margin: 1.25rem;
}
.id-m-\[10px\] {
margin: 10px;
}
.id--mx-1 {
margin-left: -0.25rem;
margin-right: -0.25rem;
}
.id-mx-0 {
margin-left: 0;
margin-right: 0;
}
.id-mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.id-mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.id-mx-3 {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.id-mx-5 {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.id-mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.id-mx-\[6px\] {
margin-left: 6px;
margin-right: 6px;
}
.id-mx-auto {
margin-left: auto;
margin-right: auto;
}
.id-my-0\.5 {
margin-top: 0.125rem;
margin-bottom: 0.125rem;
}
.id-my-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.id-my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.id-my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.id-my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.id-my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.id-my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.id-my-\[10px\] {
margin-top: 10px;
margin-bottom: 10px;
}
html[dir="ltr"] .-id-ml-2 {
margin-left: -0.5rem;
}
html[dir="rtl"] .-id-ml-2 {
margin-right: -0.5rem;
}
.-id-mt-px {
margin-top: -1px;
}
html[dir="ltr"] .id--ml-4 {
margin-left: -1rem;
}
html[dir="rtl"] .id--ml-4 {
margin-right: -1rem;
}
.id--mt-4 {
margin-top: -1rem;
}
.id--mt-5 {
margin-top: -1.25rem;
}
.id-mb-0 {
margin-bottom: 0;
}
.id-mb-0\.5 {
margin-bottom: 0.125rem;
}
.id-mb-1 {
margin-bottom: 0.25rem;
}
.id-mb-2 {
margin-bottom: 0.5rem;
}
.id-mb-20 {
margin-bottom: 5rem;
}
.id-mb-3 {
margin-bottom: 0.75rem;
}
.id-mb-4 {
margin-bottom: 1rem;
}
.id-mb-5 {
margin-bottom: 1.25rem;
}
.id-mb-6 {
margin-bottom: 1.5rem;
}
.id-mb-7 {
margin-bottom: 1.75rem;
}
.id-mb-\[-32px\] {
margin-bottom: -32px;
}
.id-mb-\[10px\] {
margin-bottom: 10px;
}
.id-mb-\[12px\] {
margin-bottom: 12px;
}
.id-mb-\[14px\] {
margin-bottom: 14px;
}
.id-mb-\[15px\] {
margin-bottom: 15px;
}
.id-mb-\[20px\] {
margin-bottom: 20px;
}
.id-mb-\[24px\] {
margin-bottom: 24px;
}
.id-mb-\[2px\] {
margin-bottom: 2px;
}
.id-mb-\[3px\] {
margin-bottom: 3px;
}
.id-mb-\[4\.6px\] {
margin-bottom: 4.6px;
}
.id-mb-\[4px\] {
margin-bottom: 4px;
}
.id-mb-\[52px\] {
margin-bottom: 52px;
}
.id-mb-\[64px\] {
margin-bottom: 64px;
}
.id-mb-\[6px\] {
margin-bottom: 6px;
}
.id-mb-\[9px\] {
margin-bottom: 9px;
}
.id-me-0\.5 {
margin-inline-end: 0.125rem;
}
.id-me-1 {
margin-inline-end: 0.25rem;
}
.id-me-2 {
margin-inline-end: 0.5rem;
}
.id-me-3 {
margin-inline-end: 0.75rem;
}
.id-me-\[12px\] {
margin-inline-end: 12px;
}
.id-me-\[2px\] {
margin-inline-end: 2px;
}
.id-me-\[3px\] {
margin-inline-end: 3px;
}
.id-me-\[5px\] {
margin-inline-end: 5px;
}
html[dir="ltr"] .id-ml-0 {
margin-left: 0;
}
html[dir="rtl"] .id-ml-0 {
margin-right: 0;
}
html[dir="ltr"] .id-ml-1 {
margin-left: 0.25rem;
}
html[dir="rtl"] .id-ml-1 {
margin-right: 0.25rem;
}
html[dir="ltr"] .id-ml-2 {
margin-left: 0.5rem;
}
html[dir="rtl"] .id-ml-2 {
margin-right: 0.5rem;
}
html[dir="ltr"] .id-ml-3 {
margin-left: 0.75rem;
}
html[dir="rtl"] .id-ml-3 {
margin-right: 0.75rem;
}
html[dir="ltr"] .id-ml-\[0px\] {
margin-left: 0;
}
html[dir="rtl"] .id-ml-\[0px\] {
margin-right: 0;
}
html[dir="ltr"] .id-ml-\[16px\] {
margin-left: 16px;
}
html[dir="rtl"] .id-ml-\[16px\] {
margin-right: 16px;
}
html[dir="ltr"] .id-ml-\[3px\] {
margin-left: 3px;
}
html[dir="rtl"] .id-ml-\[3px\] {
margin-right: 3px;
}
html[dir="ltr"] .id-ml-\[4px\] {
margin-left: 4px;
}
html[dir="rtl"] .id-ml-\[4px\] {
margin-right: 4px;
}
html[dir="ltr"] .id-ml-\[6px\] {
margin-left: 6px;
}
html[dir="rtl"] .id-ml-\[6px\] {
margin-right: 6px;
}
html[dir="ltr"] .id-ml-\[8px\] {
margin-left: 8px;
}
html[dir="rtl"] .id-ml-\[8px\] {
margin-right: 8px;
}
html[dir="ltr"] .id-ml-auto {
margin-left: auto;
}
html[dir="rtl"] .id-ml-auto {
margin-right: auto;
}
html[dir="ltr"] .id-mr-0 {
margin-right: 0;
}
html[dir="rtl"] .id-mr-0 {
margin-left: 0;
}
html[dir="ltr"] .id-mr-1 {
margin-right: 0.25rem;
}
html[dir="rtl"] .id-mr-1 {
margin-left: 0.25rem;
}
html[dir="ltr"] .id-mr-2 {
margin-right: 0.5rem;
}
html[dir="rtl"] .id-mr-2 {
margin-left: 0.5rem;
}
html[dir="ltr"] .id-mr-3 {
margin-right: 0.75rem;
}
html[dir="rtl"] .id-mr-3 {
margin-left: 0.75rem;
}
html[dir="ltr"] .id-mr-4 {
margin-right: 1rem;
}
html[dir="rtl"] .id-mr-4 {
margin-left: 1rem;
}
html[dir="ltr"] .id-mr-5 {
margin-right: 1.25rem;
}
html[dir="rtl"] .id-mr-5 {
margin-left: 1.25rem;
}
html[dir="ltr"] .id-mr-8 {
margin-right: 2rem;
}
html[dir="rtl"] .id-mr-8 {
margin-left: 2rem;
}
html[dir="ltr"] .id-mr-\[10px\] {
margin-right: 10px;
}
html[dir="rtl"] .id-mr-\[10px\] {
margin-left: 10px;
}
html[dir="ltr"] .id-mr-\[12px\] {
margin-right: 12px;
}
html[dir="rtl"] .id-mr-\[12px\] {
margin-left: 12px;
}
html[dir="ltr"] .id-mr-\[20px\] {
margin-right: 20px;
}
html[dir="rtl"] .id-mr-\[20px\] {
margin-left: 20px;
}
html[dir="ltr"] .id-mr-\[4px\] {
margin-right: 4px;
}
html[dir="rtl"] .id-mr-\[4px\] {
margin-left: 4px;
}
html[dir="ltr"] .id-mr-\[5px\] {
margin-right: 5px;
}
html[dir="rtl"] .id-mr-\[5px\] {
margin-left: 5px;
}
html[dir="ltr"] .id-mr-\[6px\] {
margin-right: 6px;
}
html[dir="rtl"] .id-mr-\[6px\] {
margin-left: 6px;
}
.id-ms-0\.5 {
margin-inline-start: 0.125rem;
}
.id-ms-1 {
margin-inline-start: 0.25rem;
}
.id-ms-2 {
margin-inline-start: 0.5rem;
}
.id-ms-\[26px\] {
margin-inline-start: 26px;
}
.id-ms-\[3px\] {
margin-inline-start: 3px;
}
.id-ms-auto {
margin-inline-start: auto;
}
.id-mt-0 {
margin-top: 0;
}
.id-mt-0\.5 {
margin-top: 0.125rem;
}
.id-mt-1 {
margin-top: 0.25rem;
}
.id-mt-2 {
margin-top: 0.5rem;
}
.id-mt-24 {
margin-top: 6rem;
}
.id-mt-3 {
margin-top: 0.75rem;
}
.id-mt-4 {
margin-top: 1rem;
}
.id-mt-5 {
margin-top: 1.25rem;
}
.id-mt-6 {
margin-top: 1.5rem;
}
.id-mt-8 {
margin-top: 2rem;
}
.id-mt-\[0px\] {
margin-top: 0;
}
.id-mt-\[10px\] {
margin-top: 10px;
}
.id-mt-\[120px\] {
margin-top: 120px;
}
.id-mt-\[128px\] {
margin-top: 128px;
}
.id-mt-\[12px\] {
margin-top: 12px;
}
.id-mt-\[14px\] {
margin-top: 14px;
}
.id-mt-\[15px\] {
margin-top: 15px;
}
.id-mt-\[16px\] {
margin-top: 16px;
}
.id-mt-\[20px\] {
margin-top: 20px;
}
.id-mt-\[28px\] {
margin-top: 28px;
}
.id-mt-\[29px\] {
margin-top: 29px;
}
.id-mt-\[40px\] {
margin-top: 40px;
}
.id-mt-\[44px\] {
margin-top: 44px;
}
.id-mt-\[4px\] {
margin-top: 4px;
}
.id-mt-\[5px\] {
margin-top: 5px;
}
.id-mt-\[6px\] {
margin-top: 6px;
}
.id-mt-\[8\.5px\] {
margin-top: 8.5px;
}
.id-mt-\[8px\] {
margin-top: 8px;
}
.id-mt-\[9px\] {
margin-top: 9px;
}
.id-mt-auto {
margin-top: auto;
}
.id-mt-px {
margin-top: 1px;
}
.id-box-border {
box-sizing: border-box;
}
.id-line-clamp-1 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.id-line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.id-line-clamp-3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.id-block {
display: block;
}
.id-inline-block {
display: inline-block;
}
.id-inline {
display: inline;
}
.id-flex {
display: flex;
}
.id-inline-flex {
display: inline-flex;
}
.id-table {
display: table;
}
.id-table-row {
display: table-row;
}
.id-grid {
display: grid;
}
.id-hidden {
display: none;
}
.id-aspect-\[1347\/920\] {
aspect-ratio: 1347/920;
}
.id-aspect-\[16\/10\] {
aspect-ratio: 16/10;
}
.id-aspect-square {
aspect-ratio: 1 / 1;
}
.id-size-0 {
width: 0px;
height: 0px;
}
.id-size-0\.5 {
width: 0.125rem;
height: 0.125rem;
}
.id-size-10 {
width: 2.5rem;
height: 2.5rem;
}
.id-size-12 {
width: 3rem;
height: 3rem;
}
.id-size-16 {
width: 4rem;
height: 4rem;
}
.id-size-3\.5 {
width: 0.875rem;
height: 0.875rem;
}
.id-size-4 {
width: 1rem;
height: 1rem;
}
.id-size-5 {
width: 1.25rem;
height: 1.25rem;
}
.id-size-6 {
width: 1.5rem;
height: 1.5rem;
}
.id-size-7 {
width: 1.75rem;
height: 1.75rem;
}
.id-size-8 {
width: 2rem;
height: 2rem;
}
.id-size-9 {
width: 2.25rem;
height: 2.25rem;
}
.id-size-\[13\.5px\] {
width: 13.5px;
height: 13.5px;
}
.id-size-\[13px\] {
width: 13px;
height: 13px;
}
.id-size-\[14px\] {
width: 14px;
height: 14px;
}
.id-size-\[15px\] {
width: 15px;
height: 15px;
}
.id-size-\[18px\] {
width: 18px;
height: 18px;
}
.id-size-\[20px\] {
width: 20px;
height: 20px;
}
.id-size-\[22px\] {
width: 22px;
height: 22px;
}
.id-size-\[24px\] {
width: 24px;
height: 24px;
}
.id-size-\[30px\] {
width: 30px;
height: 30px;
}
.id-size-\[3px\] {
width: 3px;
height: 3px;
}
.id-size-\[40px\] {
width: 40px;
height: 40px;
}
.id-size-\[55px\] {
width: 55px;
height: 55px;
}
.id-size-\[58px\] {
width: 58px;
height: 58px;
}
.\!id-h-full {
height: 100% !important;
}
.id-h-0 {
height: 0px;
}
.id-h-1 {
height: 0.25rem;
}
.id-h-10 {
height: 2.5rem;
}
.id-h-11 {
height: 2.75rem;
}
.id-h-12 {
height: 3rem;
}
.id-h-14 {
height: 3.5rem;
}
.id-h-16 {
height: 4rem;
}
.id-h-2 {
height: 0.5rem;
}
.id-h-20 {
height: 5rem;
}
.id-h-3 {
height: 0.75rem;
}
.id-h-3\.5 {
height: 0.875rem;
}
.id-h-4 {
height: 1rem;
}
.id-h-4\/5 {
height: 80%;
}
.id-h-5 {
height: 1.25rem;
}
.id-h-6 {
height: 1.5rem;
}
.id-h-7 {
height: 1.75rem;
}
.id-h-8 {
height: 2rem;
}
.id-h-9 {
height: 2.25rem;
}
.id-h-96 {
height: 24rem;
}
.id-h-\[0\.5px\] {
height: 0.5px;
}
.id-h-\[100\%\] {
height: 100%;
}
.id-h-\[100px\] {
height: 100px;
}
.id-h-\[100vh\] {
height: 100vh;
}
.id-h-\[10px\] {
height: 10px;
}
.id-h-\[11px\] {
height: 11px;
}
.id-h-\[120px\] {
height: 120px;
}
.id-h-\[12px\] {
height: 12px;
}
.id-h-\[148px\] {
height: 148px;
}
.id-h-\[14px\] {
height: 14px;
}
.id-h-\[150px\] {
height: 150px;
}
.id-h-\[151px\] {
height: 151px;
}
.id-h-\[15px\] {
height: 15px;
}
.id-h-\[16px\] {
height: 16px;
}
.id-h-\[172px\] {
height: 172px;
}
.id-h-\[174px\] {
height: 174px;
}
.id-h-\[177px\] {
height: 177px;
}
.id-h-\[18px\] {
height: 18px;
}
.id-h-\[1px\] {
height: 1px;
}
.id-h-\[200px\] {
height: 200px;
}
.id-h-\[20px\] {
height: 20px;
}
.id-h-\[22px\] {
height: 22px;
}
.id-h-\[23px\] {
height: 23px;
}
.id-h-\[24px\] {
height: 24px;
}
.id-h-\[25px\] {
height: 25px;
}
.id-h-\[26px\] {
height: 26px;
}
.id-h-\[28px\] {
height: 28px;
}
.id-h-\[30px\] {
height: 30px;
}
.id-h-\[32px\] {
height: 32px;
}
.id-h-\[34px\] {
height: 34px;
}
.id-h-\[36px\] {
height: 36px;
}
.id-h-\[38px\] {
height: 38px;
}
.id-h-\[400px\] {
height: 400px;
}
.id-h-\[40px\] {
height: 40px;
}
.id-h-\[40vh\] {
height: 40vh;
}
.id-h-\[42px\] {
height: 42px;
}
.id-h-\[430px\] {
height: 430px;
}
.id-h-\[46px\] {
height: 46px;
}
.id-h-\[48px\] {
height: 48px;
}
.id-h-\[496px\] {
height: 496px;
}
.id-h-\[50px\] {
height: 50px;
}
.id-h-\[51px\] {
height: 51px;
}
.id-h-\[54px\] {
height: 54px;
}
.id-h-\[58px\] {
height: 58px;
}
.id-h-\[600px\] {
height: 600px;
}
.id-h-\[60px\] {
height: 60px;
}
.id-h-\[66px\] {
height: 66px;
}
.id-h-\[67px\] {
height: 67px;
}
.id-h-\[68px\] {
height: 68px;
}
.id-h-\[6px\] {
height: 6px;
}
.id-h-\[700px\] {
height: 700px;
}
.id-h-\[70vh\] {
height: 70vh;
}
.id-h-\[72px\] {
height: 72px;
}
.id-h-\[75vh\] {
height: 75vh;
}
.id-h-\[76px\] {
height: 76px;
}
.id-h-\[780px\] {
height: 780px;
}
.id-h-\[80vh\] {
height: 80vh;
}
.id-h-\[82px\] {
height: 82px;
}
.id-h-\[auto\] {
height: auto;
}
.id-h-\[var\(--radix-select-trigger-height\)\] {
height: var(--radix-select-trigger-height);
}
.id-h-auto {
height: auto;
}
.id-h-fit {
height: -moz-fit-content;
height: fit-content;
}
.id-h-full {
height: 100%;
}
.id-h-px {
height: 1px;
}
.id-h-screen {
height: 100vh;
}
.id-max-h-9 {
max-height: 2.25rem;
}
.id-max-h-\[--radix-select-content-available-height\] {
max-height: var(--radix-select-content-available-height);
}
.id-max-h-\[100vh\] {
max-height: 100vh;
}
.id-max-h-\[20px\] {
max-height: 20px;
}
.id-max-h-\[270px\] {
max-height: 270px;
}
.id-max-h-\[38px\] {
max-height: 38px;
}
.id-max-h-\[440px\] {
max-height: 440px;
}
.id-max-h-\[473px\] {
max-height: 473px;
}
.id-max-h-\[500px\] {
max-height: 500px;
}
.id-max-h-\[502px\] {
max-height: 502px;
}
.id-max-h-\[54px\] {
max-height: 54px;
}
.id-max-h-\[600px\] {
max-height: 600px;
}
.id-max-h-\[60px\] {
max-height: 60px;
}
.id-max-h-\[60vh\] {
max-height: 60vh;
}
.id-max-h-\[683px\] {
max-height: 683px;
}
.id-max-h-\[68px\] {
max-height: 68px;
}
.id-max-h-\[700px\] {
max-height: 700px;
}
.id-max-h-\[70vh\] {
max-height: 70vh;
}
.id-max-h-\[75vh\] {
max-height: 75vh;
}
.id-max-h-\[calc\(100vh-44px\)\] {
max-height: calc(100vh - 44px);
}
.id-max-h-\[calc\(600px-136px\)\] {
max-height: 464px;
}
.id-max-h-none {
max-height: none;
}
.id-min-h-\[22px\] {
min-height: 22px;
}
.id-min-h-\[28px\] {
min-height: 28px;
}
.id-min-h-\[382px\] {
min-height: 382px;
}
.id-min-h-\[38px\] {
min-height: 38px;
}
.id-min-h-\[400px\] {
min-height: 400px;
}
.id-min-h-\[480px\] {
min-height: 480px;
}
.id-min-h-\[48px\] {
min-height: 48px;
}
.id-min-h-\[540px\] {
min-height: 540px;
}
.id-min-h-\[570px\] {
min-height: 570px;
}
.id-w-1 {
width: 0.25rem;
}
.id-w-1\/2 {
width: 50%;
}
.id-w-1\/3 {
width: 33.333333%;
}
.id-w-1\/4 {
width: 25%;
}
.id-w-10 {
width: 2.5rem;
}
.id-w-11 {
width: 2.75rem;
}
.id-w-12 {
width: 3rem;
}
.id-w-14 {
width: 3.5rem;
}
.id-w-16 {
width: 4rem;
}
.id-w-2 {
width: 0.5rem;
}
.id-w-20 {
width: 5rem;
}
.id-w-3 {
width: 0.75rem;
}
.id-w-3\.5 {
width: 0.875rem;
}
.id-w-3\/4 {
width: 75%;
}
.id-w-4 {
width: 1rem;
}
.id-w-5 {
width: 1.25rem;
}
.id-w-5\/12 {
width: 41.666667%;
}
.id-w-6 {
width: 1.5rem;
}
.id-w-7 {
width: 1.75rem;
}
.id-w-7\/12 {
width: 58.333333%;
}
.id-w-72 {
width: 18rem;
}
.id-w-8 {
width: 2rem;
}
.id-w-9 {
width: 2.25rem;
}
.id-w-\[0\.5px\] {
width: 0.5px;
}
.id-w-\[100\%\] {
width: 100%;
}
.id-w-\[1000px\] {
width: 1000px;
}
.id-w-\[100px\] {
width: 100px;
}
.id-w-\[100vw\] {
width: 100vw;
}
.id-w-\[10px\] {
width: 10px;
}
.id-w-\[110px\] {
width: 110px;
}
.id-w-\[116px\] {
width: 116px;
}
.id-w-\[120px\] {
width: 120px;
}
.id-w-\[126px\] {
width: 126px;
}
.id-w-\[12px\] {
width: 12px;
}
.id-w-\[140px\] {
width: 140px;
}
.id-w-\[14px\] {
width: 14px;
}
.id-w-\[150px\] {
width: 150px;
}
.id-w-\[15px\] {
width: 15px;
}
.id-w-\[16px\] {
width: 16px;
}
.id-w-\[173px\] {
width: 173px;
}
.id-w-\[18px\] {
width: 18px;
}
.id-w-\[1px\] {
width: 1px;
}
.id-w-\[200px\] {
width: 200px;
}
.id-w-\[20px\] {
width: 20px;
}
.id-w-\[22px\] {
width: 22px;
}
.id-w-\[23px\] {
width: 23px;
}
.id-w-\[24px\] {
width: 24px;
}
.id-w-\[28px\] {
width: 28px;
}
.id-w-\[297px\] {
width: 297px;
}
.id-w-\[30px\] {
width: 30px;
}
.id-w-\[32px\] {
width: 32px;
}
.id-w-\[335px\] {
width: 335px;
}
.id-w-\[339px\] {
width: 339px;
}
.id-w-\[352px\] {
width: 352px;
}
.id-w-\[36px\] {
width: 36px;
}
.id-w-\[40px\] {
width: 40px;
}
.id-w-\[42px\] {
width: 42px;
}
.id-w-\[440px\] {
width: 440px;
}
.id-w-\[460px\] {
width: 460px;
}
.id-w-\[47\%\] {
width: 47%;
}
.id-w-\[48px\] {
width: 48px;
}
.id-w-\[50px\] {
width: 50px;
}
.id-w-\[51px\] {
width: 51px;
}
.id-w-\[54px\] {
width: 54px;
}
.id-w-\[553px\] {
width: 553px;
}
.id-w-\[55px\] {
width: 55px;
}
.id-w-\[560px\] {
width: 560px;
}
.id-w-\[561px\] {
width: 561px;
}
.id-w-\[576px\] {
width: 576px;
}
.id-w-\[585px\] {
width: 585px;
}
.id-w-\[59\%\] {
width: 59%;
}
.id-w-\[60\%\] {
width: 60%;
}
.id-w-\[600px\] {
width: 600px;
}
.id-w-\[60px\] {
width: 60px;
}
.id-w-\[640px\] {
width: 640px;
}
.id-w-\[64px\] {
width: 64px;
}
.id-w-\[66px\] {
width: 66px;
}
.id-w-\[690px\] {
width: 690px;
}
.id-w-\[710px\] {
width: 710px;
}
.id-w-\[80vh\] {
width: 80vh;
}
.id-w-\[850px\] {
width: 850px;
}
.id-w-\[89px\] {
width: 89px;
}
.id-w-\[9\%\] {
width: 9%;
}
.id-w-\[90px\] {
width: 90px;
}
.id-w-\[96px\] {
width: 96px;
}
.id-w-\[calc\(100\%-16px\)\] {
width: calc(100% - 16px);
}
.id-w-\[calc\(100\%-69px\)\] {
width: calc(100% - 69px);
}
.id-w-\[calc\(100vw-140px\)\] {
width: calc(100vw - 140px);
}
.id-w-\[calc\(100vw-600px\)\] {
width: calc(100vw - 600px);
}
.id-w-auto {
width: auto;
}
.id-w-fit {
width: -moz-fit-content;
width: fit-content;
}
.id-w-full {
width: 100%;
}
.id-w-px {
width: 1px;
}
.id-w-screen {
width: 100vw;
}
.id-min-w-0 {
min-width: 0px;
}
.id-min-w-11 {
min-width: 2.75rem;
}
.id-min-w-\[0px\] {
min-width: 0px;
}
.id-min-w-\[100px\] {
min-width: 100px;
}
.id-min-w-\[46px\] {
min-width: 46px;
}
.id-min-w-\[58px\] {
min-width: 58px;
}
.id-min-w-\[60px\] {
min-width: 60px;
}
.id-min-w-\[740px\] {
min-width: 740px;
}
.id-min-w-\[8rem\] {
min-width: 8rem;
}
.id-min-w-\[var\(--radix-select-trigger-width\)\] {
min-width: var(--radix-select-trigger-width);
}
.id-max-w-3xl {
max-width: 48rem;
}
.id-max-w-4xl {
max-width: 56rem;
}
.id-max-w-\[1000px\] {
max-width: 1000px;
}
.id-max-w-\[100vw\] {
max-width: 100vw;
}
.id-max-w-\[124\.8vh\] {
max-width: 124.8vh;
}
.id-max-w-\[200px\] {
max-width: 200px;
}
.id-max-w-\[300px\] {
max-width: 300px;
}
.id-max-w-\[351px\] {
max-width: 351px;
}
.id-max-w-\[360px\] {
max-width: 360px;
}
.id-max-w-\[368px\] {
max-width: 368px;
}
.id-max-w-\[500px\] {
max-width: 500px;
}
.id-max-w-\[584px\] {
max-width: 584px;
}
.id-max-w-\[60\%\] {
max-width: 60%;
}
.id-max-w-\[608px\] {
max-width: 608px;
}
.id-max-w-\[640px\] {
max-width: 640px;
}
.id-max-w-\[690px\] {
max-width: 690px;
}
.id-max-w-\[700px\] {
max-width: 700px;
}
.id-max-w-\[800px\] {
max-width: 800px;
}
.id-max-w-\[880px\] {
max-width: 880px;
}
.id-max-w-\[896px\] {
max-width: 896px;
}
.id-max-w-full {
max-width: 100%;
}
.id-max-w-lg {
max-width: 32rem;
}
.id-max-w-xl {
max-width: 36rem;
}
.id-flex-1 {
flex: 1 1 0%;
}
.id-flex-shrink {
flex-shrink: 1;
}
.id-flex-shrink-0,
.id-shrink-0 {
flex-shrink: 0;
}
.id-flex-grow {
flex-grow: 1;
}
.id-flex-grow-0,
.id-grow-0 {
flex-grow: 0;
}
.id-basis-1\/6 {
flex-basis: 16.666667%;
}
.id-basis-6 {
flex-basis: 1.5rem;
}
.id-basis-7 {
flex-basis: 1.75rem;
}
.id-basis-auto {
flex-basis: auto;
}
.id-basis-full {
flex-basis: 100%;
}
.id-table-fixed {
table-layout: fixed;
}
.id-caption-bottom {
caption-side: bottom;
}
.id-border-collapse {
border-collapse: collapse;
}
.id-origin-\[--radix-select-content-transform-origin\] {
transform-origin: var(--radix-select-content-transform-origin);
}
.-id-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-id-translate-y-0\.5 {
--tw-translate-y: -0.125rem;
transform: translate(var(--tw-translate-x), -0.125rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-id-translate-y-1\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id--translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id--translate-y-1\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id--translate-y-\[calc\(100\%\+40px\)\] {
--tw-translate-y: calc((100% + 40px) * -1);
transform: translate(var(--tw-translate-x), calc((100% + 40px) * -1)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-translate-x-0 {
--tw-translate-x: 0px;
transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-translate-x-\[-50\%\] {
--tw-translate-x: -50%;
transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-translate-y-1\/2 {
--tw-translate-y: 50%;
transform: translate(var(--tw-translate-x), 50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-translate-y-\[-1px\] {
--tw-translate-y: -1px;
transform: translate(var(--tw-translate-x), -1px) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-translate-y-\[-50\%\] {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-rotate-90 {
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(90deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-scale-110 {
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.1) scaleY(1.1);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.id-transform-none {
transform: none;
}
.\!id-animate-none {
animation: none !important;
}
@keyframes id-pulse {
50% {
opacity: 0.5;
}
}
.id-animate-pulse {
animation: id-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes id-spin-ltr {
to {
transform: rotate(360deg);
}
}
@keyframes id-spin-rtl {
to {
transform: rotate(-360deg);
}
}
html[dir="ltr"] .id-animate-spin {
animation: id-spin-ltr 1s linear infinite;
}
html[dir="rtl"] .id-animate-spin {
animation: id-spin-rtl 1s linear infinite;
}
.id-cursor-default {
cursor: default;
}
.id-cursor-not-allowed {
cursor: not-allowed;
}
.id-cursor-pointer {
cursor: pointer;
}
.id-select-none {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.id-grid-flow-row {
grid-auto-flow: row;
}
.id-auto-rows-min {
grid-auto-rows: min-content;
}
.id-grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.id-grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.id-grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.id-grid-cols-\[2fr_3fr\] {
grid-template-columns: 2fr 3fr;
}
.id-flex-row {
flex-direction: row;
}
.id-flex-col {
flex-direction: column;
}
.id-flex-col-reverse {
flex-direction: column-reverse;
}
.id-flex-wrap {
flex-wrap: wrap;
}
.id-flex-nowrap {
flex-wrap: nowrap;
}
.id-items-start {
align-items: flex-start;
}
.id-items-end {
align-items: flex-end;
}
.id-items-center {
align-items: center;
}
.id-items-baseline {
align-items: baseline;
}
.id-items-stretch {
align-items: stretch;
}
.id-justify-start {
justify-content: flex-start;
}
.id-justify-end {
justify-content: flex-end;
}
.id-justify-center {
justify-content: center;
}
.id-justify-between {
justify-content: space-between;
}
.id-justify-around {
justify-content: space-around;
}
.id-gap-0 {
gap: 0px;
}
.id-gap-0\.5 {
gap: 0.125rem;
}
.id-gap-1 {
gap: 0.25rem;
}
.id-gap-1\.5 {
gap: 0.375rem;
}
.id-gap-10 {
gap: 2.5rem;
}
.id-gap-2 {
gap: 0.5rem;
}
.id-gap-2\.5 {
gap: 0.625rem;
}
.id-gap-3 {
gap: 0.75rem;
}
.id-gap-4 {
gap: 1rem;
}
.id-gap-5 {
gap: 1.25rem;
}
.id-gap-6 {
gap: 1.5rem;
}
.id-gap-\[10px\] {
gap: 10px;
}
.id-gap-\[12px\] {
gap: 12px;
}
.id-gap-\[16px\] {
gap: 16px;
}
.id-gap-\[20px\] {
gap: 20px;
}
.id-gap-\[3px\] {
gap: 3px;
}
.id-gap-\[4\.6px\] {
gap: 4.6px;
}
.id-gap-\[4px\] {
gap: 4px;
}
.id-gap-\[6px\] {
gap: 6px;
}
.id-gap-x-10 {
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
}
.id-gap-x-6 {
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.id-gap-x-7 {
-moz-column-gap: 1.75rem;
column-gap: 1.75rem;
}
.id-gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.id-gap-x-\[10px\] {
-moz-column-gap: 10px;
column-gap: 10px;
}
.id-gap-y-1 {
row-gap: 0.25rem;
}
.id-gap-y-2 {
row-gap: 0.5rem;
}
.id-gap-y-3 {
row-gap: 0.75rem;
}
.id-gap-y-4 {
row-gap: 1rem;
}
.id-gap-y-5 {
row-gap: 1.25rem;
}
.id-gap-y-6 {
row-gap: 1.5rem;
}
.id-space-x-2> :not([hidden])~ :not([hidden]) {
--tw-space-x-reverse: 0;
}
html[dir="ltr"] .id-space-x-2> :not([hidden])~ :not([hidden]) {
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
html[dir="rtl"] .id-space-x-2> :not([hidden])~ :not([hidden]) {
margin-left: calc(0.5rem * var(--tw-space-x-reverse));
margin-right: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
margin-right: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.id-space-x-3> :not([hidden])~ :not([hidden]) {
--tw-space-x-reverse: 0;
}
html[dir="ltr"] .id-space-x-3> :not([hidden])~ :not([hidden]) {
margin-right: calc(0.75rem * var(--tw-space-x-reverse));
margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
html[dir="rtl"] .id-space-x-3> :not([hidden])~ :not([hidden]) {
margin-left: calc(0.75rem * var(--tw-space-x-reverse));
margin-right: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
margin-right: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.id-space-y-0> :not([hidden])~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));
margin-top: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: 0;
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.id-space-y-1> :not([hidden])~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));
margin-top: 0.25rem;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: 0rem;
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.id-space-y-1\.5> :not([hidden])~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.375rem * (1 - var(--tw-space-y-reverse)));
margin-top: 0.375rem;
margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: 0rem;
margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.id-space-y-2> :not([hidden])~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
margin-top: 0.5rem;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: 0rem;
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.id-space-y-3> :not([hidden])~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));
margin-top: 0.75rem;
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: 0rem;
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.id-space-y-4> :not([hidden])~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
margin-top: 1rem;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: 0rem;
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.id-space-y-5> :not([hidden])~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse)));
margin-top: 1.25rem;
margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: 0rem;
margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.id-self-stretch {
align-self: stretch;
}
.id-overflow-auto {
overflow: auto;
}
.id-overflow-hidden {
overflow: hidden;
}
.id-overflow-visible {
overflow: visible;
}
.id-overflow-scroll {
overflow: scroll;
}
.id-overflow-x-auto {
overflow-x: auto;
}
.id-overflow-y-auto {
overflow-y: auto;
}
.id-overflow-x-hidden {
overflow-x: hidden;
}
.id-overflow-y-hidden {
overflow-y: hidden;
}
.id-overflow-x-visible {
overflow-x: visible;
}
.id-overflow-y-scroll {
overflow-y: scroll;
}
.id-overscroll-contain {
overscroll-behavior: contain;
}
.id-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.id-overflow-ellipsis,
.id-text-ellipsis {
text-overflow: ellipsis;
}
.id-whitespace-nowrap {
white-space: nowrap;
}
.id-whitespace-pre {
white-space: pre;
}
.id-whitespace-pre-line {
white-space: pre-line;
}
.id-text-wrap {
text-wrap: wrap;
}
.id-text-nowrap {
text-wrap: nowrap;
}
.id-break-words {
word-wrap: break-word;
}
.id-break-all {
word-break: break-all;
}
.\!id-rounded {
border-radius: 0.25rem !important;
}
.id-rounded {
border-radius: 0.25rem;
}
.id-rounded-2xl {
border-radius: 1rem;
}
.id-rounded-\[100px\] {
border-radius: 100px;
}
.id-rounded-\[12px\] {
border-radius: 12px;
}
.id-rounded-\[16px\] {
border-radius: 16px;
}
.id-rounded-\[25px\] {
border-radius: 25px;
}
.id-rounded-\[2px\] {
border-radius: 2px;
}
.id-rounded-\[3px\] {
border-radius: 3px;
}
.id-rounded-\[40px\] {
border-radius: 40px;
}
.id-rounded-\[4px\] {
border-radius: 4px;
}
.id-rounded-\[50\%\] {
border-radius: 50%;
}
.id-rounded-\[65px\] {
border-radius: 65px;
}
.id-rounded-\[8px\] {
border-radius: 8px;
}
.id-rounded-full {
border-radius: 9999px;
}
.id-rounded-lg {
border-radius: 0.5rem;
border-radius: var(--radius);
}
.id-rounded-md {
border-radius: calc(0.5rem - 2px);
border-radius: calc(var(--radius) - 2px);
}
.id-rounded-none {
border-radius: 0;
}
.id-rounded-sm {
border-radius: calc(0.5rem - 4px);
border-radius: calc(var(--radius) - 4px);
}
.id-rounded-xl {
border-radius: 0.75rem;
}
.\!id-rounded-t-\[4px\] {
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
}
.id-rounded-b-\[8px\] {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.id-rounded-b-lg {
border-bottom-right-radius: 0.5rem;
border-bottom-right-radius: var(--radius);
border-bottom-left-radius: 0.5rem;
border-bottom-left-radius: var(--radius);
}
html[dir="ltr"] .id-rounded-l-\[4px\] {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
html[dir="rtl"] .id-rounded-l-\[4px\] {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
html[dir="ltr"] .id-rounded-l-lg {
border-top-left-radius: 0.5rem;
border-top-left-radius: var(--radius);
border-bottom-left-radius: 0.5rem;
border-bottom-left-radius: var(--radius);
}
html[dir="rtl"] .id-rounded-l-lg {
border-top-right-radius: 0.5rem;
border-top-right-radius: var(--radius);
border-bottom-right-radius: 0.5rem;
border-bottom-right-radius: var(--radius);
}
html[dir="ltr"] .id-rounded-l-xl {
border-top-left-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}
html[dir="rtl"] .id-rounded-l-xl {
border-top-right-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
}
html[dir="ltr"] .id-rounded-r-\[4px\] {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
html[dir="rtl"] .id-rounded-r-\[4px\] {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.id-rounded-t-\[10px\] {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.id-rounded-t-\[4px\] {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.id-rounded-t-\[8px\] {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.id-rounded-t-lg {
border-top-left-radius: 0.5rem;
border-top-left-radius: var(--radius);
border-top-right-radius: 0.5rem;
border-top-right-radius: var(--radius);
}
.id-rounded-t-xl {
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
}
.id-rounded-ee-lg {
border-end-end-radius: 0.5rem;
border-end-end-radius: var(--radius);
}
.\!id-border-0 {
border-width: 0px !important;
}
.id-border {
border-width: 1px;
}
.id-border-0 {
border-width: 0px;
}
.id-border-2 {
border-width: 2px;
}
.id-border-\[0\.25px\] {
border-width: 0.25px;
}
.id-border-\[0\.5px\] {
border-width: 0.5px;
}
.id-border-\[1px\] {
border-width: 1px;
}
.id-border-\[2px\] {
border-width: 2px;
}
.id-border-x {
border-left-width: 1px;
border-right-width: 1px;
}
.id-border-b {
border-bottom-width: 1px;
}
.id-border-b-2 {
border-bottom-width: 2px;
}
.id-border-b-\[0\.5px\] {
border-bottom-width: 0.5px;
}
.id-border-b-\[3px\] {
border-bottom-width: 3px;
}
html[dir="ltr"] .id-border-l {
border-left-width: 1px;
}
html[dir="rtl"] .id-border-l {
border-right-width: 1px;
}
html[dir="ltr"] .id-border-l-0 {
border-left-width: 0px;
}
html[dir="rtl"] .id-border-l-0 {
border-right-width: 0px;
}
html[dir="ltr"] .id-border-l-\[1px\] {
border-left-width: 1px;
}
html[dir="rtl"] .id-border-l-\[1px\],
html[dir="ltr"] .id-border-r {
border-right-width: 1px;
}
html[dir="rtl"] .id-border-r {
border-left-width: 1px;
}
html[dir="ltr"] .id-border-r-0 {
border-right-width: 0px;
}
html[dir="rtl"] .id-border-r-0 {
border-left-width: 0px;
}
.id-border-t {
border-top-width: 1px;
}
.id-border-t-0 {
border-top-width: 0px;
}
.id-border-t-\[1px\] {
border-top-width: 1px;
}
.id-border-solid {
border-style: solid;
}
.id-border-dashed {
border-style: dashed;
}
.id-border-none {
border-style: none;
}
.id-border-\[\#222\] {
--tw-border-opacity: 1;
border-color: #222;
border-color: rgba(34, 34, 34, var(--tw-border-opacity, 1));
}
.id-border-\[\#333\] {
--tw-border-opacity: 1;
border-color: #333;
border-color: rgba(51, 51, 51, var(--tw-border-opacity, 1));
}
.id-border-\[\#767676\] {
--tw-border-opacity: 1;
border-color: #767676;
border-color: rgba(118, 118, 118, var(--tw-border-opacity, 1));
}
.id-border-\[\#DDDDDD\] {
--tw-border-opacity: 1;
border-color: #ddd;
border-color: rgba(221, 221, 221, var(--tw-border-opacity, 1));
}
.id-border-\[\#E5E5E5\] {
--tw-border-opacity: 1;
border-color: #e5e5e5;
border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}
.id-border-\[\#EAEAEA\] {
--tw-border-opacity: 1;
border-color: #eaeaea;
border-color: rgba(234, 234, 234, var(--tw-border-opacity, 1));
}
.id-border-\[\#F0F0F0\] {
--tw-border-opacity: 1;
border-color: #f0f0f0;
border-color: rgba(240, 240, 240, var(--tw-border-opacity, 1));
}
.id-border-\[\#ddd\] {
--tw-border-opacity: 1;
border-color: #ddd;
border-color: rgba(221, 221, 221, var(--tw-border-opacity, 1));
}
.id-border-\[\#7B4100\] {
--tw-border-opacity: 1;
border-color: #7b4100;
border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
}
.id-border-\[\#e8e8e8\] {
--tw-border-opacity: 1;
border-color: #e8e8e8;
border-color: rgba(232, 232, 232, var(--tw-border-opacity, 1));
}
.id-border-\[\#ff6a00\] {
--tw-border-opacity: 1;
border-color: #ff6a00;
border-color: rgba(255, 106, 0, var(--tw-border-opacity, 1));
}
.id-border-black {
--tw-border-opacity: 1;
border-color: #000;
border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1));
}
.id-border-border {
border-color: #7b4100;
border-color: hsl(var(--border));
}
.id-border-gray-200 {
--tw-border-opacity: 1;
border-color: #7b4100;
border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
}
.id-border-gray-300 {
--tw-border-opacity: 1;
border-color: #d1d5db;
border-color: rgba(209, 213, 219, var(--tw-border-opacity, 1));
}
.id-border-gray-800 {
--tw-border-opacity: 1;
border-color: #1f2937;
border-color: rgba(31, 41, 55, var(--tw-border-opacity, 1));
}
.id-border-highlight-dark {
border-color: #d1490a;
border-color: hsl(var(--highlight-dark));
}
.id-border-input {
border-color: #7b4100;
border-color: hsl(var(--input));
}
.id-border-orange-500 {
--tw-border-opacity: 1;
border-color: #f97316;
border-color: rgba(249, 115, 22, var(--tw-border-opacity, 1));
}
.id-border-white {
--tw-border-opacity: 1;
border-color: #fff;
border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1));
}
.id-border-b-\[\#222\] {
--tw-border-opacity: 1;
border-bottom-color: #222;
border-bottom-color: rgba(34, 34, 34, var(--tw-border-opacity, 1));
}
.id-border-b-\[\#e6e7eb\] {
--tw-border-opacity: 1;
border-bottom-color: #e6e7eb;
border-bottom-color: rgba(230, 231, 235, var(--tw-border-opacity, 1));
}
.id-bg-\[\#0000000a\] {
background-color: #0000000a;
}
.id-bg-\[\#00000069\] {
background-color: #00000069;
}
.id-bg-\[\#000000D9\] {
background-color: #000000d9;
}
.id-bg-\[\#000000b3\] {
background-color: #000000b3;
}
.id-bg-\[\#222\] {
--tw-bg-opacity: 1;
background-color: #222;
background-color: rgba(34, 34, 34, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#333\] {
--tw-bg-opacity: 1;
background-color: #333;
background-color: rgba(51, 51, 51, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#DDDDDD\],
.id-bg-\[\#DDD\] {
--tw-bg-opacity: 1;
background-color: #ddd;
background-color: rgba(221, 221, 221, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#E7F4FF\] {
--tw-bg-opacity: 1;
background-color: #e7f4ff;
background-color: rgba(231, 244, 255, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#F0F0F0\] {
--tw-bg-opacity: 1;
background-color: #f0f0f0;
background-color: rgba(240, 240, 240, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#F3F3F3\] {
--tw-bg-opacity: 1;
background-color: #f3f3f3;
background-color: rgba(243, 243, 243, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#F4F4F4\] {
--tw-bg-opacity: 1;
background-color: #f4f4f4;
background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#f60\] {
--tw-bg-opacity: 1;
background-color: #f60;
background-color: rgba(255, 102, 0, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#F8F8F8\] {
--tw-bg-opacity: 1;
background-color: #f8f8f8;
background-color: rgba(248, 248, 248, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#FAFAFA\] {
--tw-bg-opacity: 1;
background-color: #fafafa;
background-color: rgba(250, 250, 250, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#FCF8F1\] {
--tw-bg-opacity: 1;
background-color: #fcf8f1;
background-color: rgba(252, 248, 241, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#FFF5F1\] {
--tw-bg-opacity: 1;
background-color: #fff5f1;
background-color: rgba(255, 245, 241, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#FFF9F7\] {
--tw-bg-opacity: 1;
background-color: #fff9f7;
background-color: rgba(255, 249, 247, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#FFFFFF\] {
--tw-bg-opacity: 1;
background-color: #fff;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#d1d2d4\] {
--tw-bg-opacity: 1;
background-color: #d1d2d4;
background-color: rgba(209, 210, 212, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#ddd\] {
--tw-bg-opacity: 1;
background-color: #ddd;
background-color: rgba(221, 221, 221, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#f0f0f0\] {
--tw-bg-opacity: 1;
background-color: #f0f0f0;
background-color: rgba(240, 240, 240, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#f4f4f4\] {
--tw-bg-opacity: 1;
background-color: #f4f4f4;
background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#f5f5f5\] {
--tw-bg-opacity: 1;
background-color: #f5f5f5;
background-color: rgba(245, 245, 245, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#f60\] {
--tw-bg-opacity: 1;
background-color: #f60;
background-color: rgba(255, 102, 0, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#f7421e\] {
--tw-bg-opacity: 1;
background-color: #f7421e;
background-color: rgba(247, 66, 30, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#f8f8f8\] {
--tw-bg-opacity: 1;
background-color: #f8f8f8;
background-color: rgba(248, 248, 248, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#ff4014\] {
--tw-bg-opacity: 1;
background-color: #ff4014;
background-color: rgba(255, 64, 20, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#fff6f4\] {
--tw-bg-opacity: 1;
background-color: #fff6f4;
background-color: rgba(255, 246, 244, var(--tw-bg-opacity, 1));
}
.id-bg-\[\#fff\] {
--tw-bg-opacity: 1;
background-color: #fff;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}
.id-bg-\[rgb\(252\,248\,241\)\] {
--tw-bg-opacity: 1;
background-color: #fcf8f1;
background-color: rgba(252, 248, 241, var(--tw-bg-opacity, 1));
}
.id-bg-\[rgba\(255\,249\,247\,1\)\] {
background-color: #fff9f7;
}
.id-bg-background {
background-color: #fff;
background-color: hsl(var(--background));
}
.id-bg-black {
--tw-bg-opacity: 1;
background-color: #000;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity, 1));
}
.id-bg-black\/30 {
background-color: #0000004d;
}
.id-bg-black\/50 {
background-color: #00000080;
}
.id-bg-black\/80 {
background-color: #000c;
}
.id-bg-blue-500 {
--tw-bg-opacity: 1;
background-color: #3b82f6;
background-color: rgba(59, 130, 246, var(--tw-bg-opacity, 1));
}
.id-bg-card {
background-color: #fff;
background-color: hsl(var(--card));
}
.id-bg-destructive {
background-color: #ef4343;
background-color: hsl(var(--destructive));
}
.id-bg-gray-100 {
--tw-bg-opacity: 1;
background-color: #f3f4f6;
background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1));
}
.id-bg-gray-200 {
--tw-bg-opacity: 1;
background-color: #7b4100;
background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
}
.id-bg-gray-50 {
--tw-bg-opacity: 1;
background-color: #f9fafb;
background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1));
}
.id-bg-green-50 {
--tw-bg-opacity: 1;
background-color: #f0fdf4;
background-color: rgba(240, 253, 244, var(--tw-bg-opacity, 1));
}
.id-bg-green-500 {
--tw-bg-opacity: 1;
background-color: #22c55e;
background-color: rgba(34, 197, 94, var(--tw-bg-opacity, 1));
}
.id-bg-highlight {
background-color: #f60;
background-color: hsl(var(--highlight));
}
.id-bg-muted {
background-color: #f4f4f5;
background-color: hsl(var(--muted));
}
.id-bg-muted\/50 {
background-color: #f4f4f580;
background-color: hsl(var(--muted) / 0.5);
}
.id-bg-orange-50 {
--tw-bg-opacity: 1;
background-color: #fff7ed;
background-color: rgba(255, 247, 237, var(--tw-bg-opacity, 1));
}
.id-bg-popover {
background-color: #fff;
background-color: hsl(var(--popover));
}
.id-bg-primary {
background-color: #18181b;
background-color: hsl(var(--primary));
}
.id-bg-red-500 {
--tw-bg-opacity: 1;
background-color: #ef4444;
background-color: rgba(239, 68, 68, var(--tw-bg-opacity, 1));
}
.id-bg-secondary {
background-color: #f4f4f5;
background-color: hsl(var(--secondary));
}
.id-bg-transparent {
background-color: transparent;
}
.id-bg-white {
--tw-bg-opacity: 1;
background-color: #fff;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}
.id-bg-opacity-50 {
--tw-bg-opacity: 0.5;
}
.id-bg-opacity-80 {
--tw-bg-opacity: 0.8;
}
.id-bg-gradient-to-b {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.id-bg-gradient-to-t {
background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.id-from-\[rgba\(255\,255\,255\,0\)\] {
--tw-gradient-from: rgba(255, 255, 255, 0) var(--tw-gradient-from-position);
--tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.id-from-white\/90 {
--tw-gradient-from: rgba(255, 255, 255, 0.9) var(--tw-gradient-from-position);
--tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.id-via-white\/60 {
--tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), rgba(255, 255, 255, 0.6) var(--tw-gradient-via-position),
var(--tw-gradient-to);
}
.id-via-50\% {
--tw-gradient-via-position: 50%;
}
.id-to-\[rgba\(255\,255\,255\)\] {
--tw-gradient-to: rgba(255, 255, 255) var(--tw-gradient-to-position);
}
.id-to-transparent {
--tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.id-bg-contain {
background-size: contain;
}
.id-bg-cover {
background-size: cover;
}
.id-bg-center {
background-position: center;
}
.id-bg-no-repeat {
background-repeat: no-repeat;
}
.id-fill-\[\#E10505\] {
fill: #e10505;
}
.id-fill-black {
fill: #000;
}
.id-fill-current {
fill: currentColor;
}
.id-fill-green-700 {
fill: #15803d;
}
.id-fill-highlight-dark {
fill: #d1490a;
fill: hsl(var(--highlight-dark));
}
.id-object-contain {
-o-object-fit: contain;
object-fit: contain;
}
.id-object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.id-object-fill {
-o-object-fit: fill;
object-fit: fill;
}
.id-object-center {
-o-object-position: center;
object-position: center;
}
.id-p-0 {
padding: 0;
}
.id-p-0\.5 {
padding: 0.125rem;
}
.id-p-1 {
padding: 0.25rem;
}
.id-p-2 {
padding: 0.5rem;
}
.id-p-3 {
padding: 0.75rem;
}
.id-p-4 {
padding: 1rem;
}
.id-p-5 {
padding: 1.25rem;
}
.id-p-6 {
padding: 1.5rem;
}
.id-p-9 {
padding: 2.25rem;
}
.id-p-\[0\.25px\] {
padding: 0.25px;
}
.id-p-\[0px_20px\] {
padding: 0 20px;
}
.id-p-\[10px\] {
padding: 10px;
}
.id-p-\[12px\] {
padding: 12px;
}
.id-p-\[14px\] {
padding: 14px;
}
.id-p-\[14px_20px\] {
padding: 14px 20px;
}
.id-p-\[20px\] {
padding: 20px;
}
.id-p-\[24px\] {
padding: 24px;
}
.id-p-\[8px\] {
padding: 8px;
}
.id-p-\[9px\] {
padding: 9px;
}
.id-px-0 {
padding-left: 0;
padding-right: 0;
}
.id-px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.id-px-1\.5 {
padding-left: 0.375rem;
padding-right: 0.375rem;
}
.id-px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.id-px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.id-px-2\.5 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.id-px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.id-px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.id-px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.id-px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.id-px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.id-px-\[12px\] {
padding-left: 12px;
padding-right: 12px;
}
.id-px-\[14px\] {
padding-left: 14px;
padding-right: 14px;
}
.id-px-\[16px\] {
padding-left: 16px;
padding-right: 16px;
}
.id-px-\[20px\] {
padding-left: 20px;
padding-right: 20px;
}
.id-px-\[22px\] {
padding-left: 22px;
padding-right: 22px;
}
.id-px-\[24px\] {
padding-left: 24px;
padding-right: 24px;
}
.id-px-\[3px\] {
padding-left: 3px;
padding-right: 3px;
}
.id-px-\[6px\] {
padding-left: 6px;
padding-right: 6px;
}
.id-px-\[9px\] {
padding-left: 9px;
padding-right: 9px;
}
.id-py-0 {
padding-top: 0;
padding-bottom: 0;
}
.id-py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.id-py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.id-py-1\.5 {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.id-py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.id-py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.id-py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.id-py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.id-py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.id-py-\[12px\] {
padding-top: 12px;
padding-bottom: 12px;
}
.id-py-\[14px\] {
padding-top: 14px;
padding-bottom: 14px;
}
.id-py-\[15px\] {
padding-top: 15px;
padding-bottom: 15px;
}
.id-py-\[18px\] {
padding-top: 18px;
padding-bottom: 18px;
}
.id-py-\[24px\] {
padding-top: 24px;
padding-bottom: 24px;
}
.id-py-\[3px\] {
padding-top: 3px;
padding-bottom: 3px;
}
.id-py-\[6px\] {
padding-top: 6px;
padding-bottom: 6px;
}
.id-py-\[8px\] {
padding-top: 8px;
padding-bottom: 8px;
}
.\!id-pt-0 {
padding-top: 0 !important;
}
.id-pb-0 {
padding-bottom: 0;
}
.id-pb-2 {
padding-bottom: 0.5rem;
}
.id-pb-3 {
padding-bottom: 0.75rem;
}
.id-pb-4 {
padding-bottom: 1rem;
}
.id-pb-5 {
padding-bottom: 1.25rem;
}
.id-pb-6 {
padding-bottom: 1.5rem;
}
.id-pb-7 {
padding-bottom: 1.75rem;
}
.id-pb-\[10px\] {
padding-bottom: 10px;
}
.id-pb-\[120px\] {
padding-bottom: 120px;
}
.id-pb-\[14px\] {
padding-bottom: 14px;
}
.id-pb-\[18px\] {
padding-bottom: 18px;
}
.id-pb-\[20px\] {
padding-bottom: 20px;
}
.id-pb-\[2px\] {
padding-bottom: 2px;
}
.id-pb-\[300px\] {
padding-bottom: 300px;
}
.id-pb-\[40px\] {
padding-bottom: 40px;
}
.id-pb-\[50px\] {
padding-bottom: 50px;
}
.id-pb-\[8px\] {
padding-bottom: 8px;
}
.id-pb-\[9px\] {
padding-bottom: 9px;
}
.id-pb-\[calc\(14vh\)\] {
padding-bottom: 14vh;
}
.id-pe-0 {
padding-inline-end: 0px;
}
html[dir="ltr"] .id-pl-0 {
padding-left: 0;
}
html[dir="rtl"] .id-pl-0 {
padding-right: 0;
}
html[dir="ltr"] .id-pl-2 {
padding-left: 0.5rem;
}
html[dir="rtl"] .id-pl-2 {
padding-right: 0.5rem;
}
html[dir="ltr"] .id-pl-3 {
padding-left: 0.75rem;
}
html[dir="rtl"] .id-pl-3 {
padding-right: 0.75rem;
}
html[dir="ltr"] .id-pl-4 {
padding-left: 1rem;
}
html[dir="rtl"] .id-pl-4 {
padding-right: 1rem;
}
html[dir="ltr"] .id-pl-5 {
padding-left: 1.25rem;
}
html[dir="rtl"] .id-pl-5 {
padding-right: 1.25rem;
}
html[dir="ltr"] .id-pl-8 {
padding-left: 2rem;
}
html[dir="rtl"] .id-pl-8 {
padding-right: 2rem;
}
html[dir="ltr"] .id-pl-\[0px\] {
padding-left: 0;
}
html[dir="rtl"] .id-pl-\[0px\] {
padding-right: 0;
}
html[dir="ltr"] .id-pl-\[10px\] {
padding-left: 10px;
}
html[dir="rtl"] .id-pl-\[10px\] {
padding-right: 10px;
}
html[dir="ltr"] .id-pl-\[14px\] {
padding-left: 14px;
}
html[dir="rtl"] .id-pl-\[14px\] {
padding-right: 14px;
}
html[dir="ltr"] .id-pl-\[4px\] {
padding-left: 4px;
}
html[dir="rtl"] .id-pl-\[4px\] {
padding-right: 4px;
}
html[dir="ltr"] .id-pl-\[6px\] {
padding-left: 6px;
}
html[dir="rtl"] .id-pl-\[6px\] {
padding-right: 6px;
}
html[dir="ltr"] .id-pl-\[70px\] {
padding-left: 70px;
}
html[dir="rtl"] .id-pl-\[70px\] {
padding-right: 70px;
}
html[dir="ltr"] .id-pl-\[8px\] {
padding-left: 8px;
}
html[dir="rtl"] .id-pl-\[8px\] {
padding-right: 8px;
}
html[dir="ltr"] .id-pr-2 {
padding-right: 0.5rem;
}
html[dir="rtl"] .id-pr-2 {
padding-left: 0.5rem;
}
html[dir="ltr"] .id-pr-3 {
padding-right: 0.75rem;
}
html[dir="rtl"] .id-pr-3 {
padding-left: 0.75rem;
}
html[dir="ltr"] .id-pr-\[150px\] {
padding-right: 150px;
}
html[dir="rtl"] .id-pr-\[150px\] {
padding-left: 150px;
}
html[dir="ltr"] .id-pr-\[27\.6px\] {
padding-right: 27.6px;
}
html[dir="rtl"] .id-pr-\[27\.6px\] {
padding-left: 27.6px;
}
html[dir="ltr"] .id-pr-\[6px\] {
padding-right: 6px;
}
html[dir="rtl"] .id-pr-\[6px\] {
padding-left: 6px;
}
html[dir="ltr"] .id-pr-\[70px\] {
padding-right: 70px;
}
html[dir="rtl"] .id-pr-\[70px\] {
padding-left: 70px;
}
html[dir="ltr"] .id-pr-\[8px\] {
padding-right: 8px;
}
html[dir="rtl"] .id-pr-\[8px\] {
padding-left: 8px;
}
.id-ps-1\.5 {
padding-inline-start: 0.375rem;
}
.id-ps-5 {
padding-inline-start: 1.25rem;
}
.id-ps-\[14px\] {
padding-inline-start: 14px;
}
.id-pt-0 {
padding-top: 0;
}
.id-pt-2 {
padding-top: 0.5rem;
}
.id-pt-3 {
padding-top: 0.75rem;
}
.id-pt-4 {
padding-top: 1rem;
}
.id-pt-5 {
padding-top: 1.25rem;
}
.id-pt-6 {
padding-top: 1.5rem;
}
.id-pt-8 {
padding-top: 2rem;
}
.id-pt-\[0px\] {
padding-top: 0;
}
.id-pt-\[12px\] {
padding-top: 12px;
}
.id-pt-\[14px\] {
padding-top: 14px;
}
.id-pt-\[16px\] {
padding-top: 16px;
}
.id-pt-\[28px\] {
padding-top: 28px;
}
.id-pt-\[5px\] {
padding-top: 5px;
}
.id-pt-\[6px\] {
padding-top: 6px;
}
html[dir="ltr"] .id-text-left {
text-align: left;
}
html[dir="rtl"] .id-text-left {
text-align: right;
}
.id-text-center {
text-align: center;
}
html[dir="ltr"] .id-text-right {
text-align: right;
}
html[dir="rtl"] .id-text-right {
text-align: left;
}
.id-text-start {
text-align: start;
}
.id-align-middle {
vertical-align: middle;
}
.id-align-bottom {
vertical-align: bottom;
}
.id-font-\[\#F7421E\] {
font-family: #f7421e;
}
.id-text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.id-text-\[0px\] {
font-size: 0px;
}
.id-text-\[10px\] {
font-size: 10px;
}
.id-text-\[11px\] {
font-size: 11px;
}
.id-text-\[12\.7px\] {
font-size: 12.7px;
}
.id-text-\[12px\] {
font-size: 12px;
}
.id-text-\[13\.8px\] {
font-size: 13.8px;
}
.id-text-\[13px\] {
font-size: 13px;
}
.id-text-\[14px\] {
font-size: 14px;
}
.id-text-\[15px\] {
font-size: 15px;
}
.id-text-\[16px\] {
font-size: 16px;
}
.id-text-\[17px\] {
font-size: 17px;
}
.id-text-\[18px\] {
font-size: 18px;
}
.id-text-\[20px\] {
font-size: 20px;
}
.id-text-\[26px\] {
font-size: 26px;
}
.id-text-\[32px\] {
font-size: 32px;
}
.id-text-\[9px\] {
font-size: 9px;
}
.id-text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.id-text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.id-text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.id-text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.id-text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.id-font-bold {
font-weight: 700;
}
.id-font-medium {
font-weight: 500;
}
.id-font-normal {
font-weight: 400;
}
.id-font-semibold {
font-weight: 600;
}
.id-leading-4 {
line-height: 1rem;
}
.id-leading-5 {
line-height: 1.25rem;
}
.id-leading-7 {
line-height: 1.75rem;
}
.id-leading-\[1\.4\] {
line-height: 1.4;
}
.id-leading-\[12px\] {
line-height: 12px;
}
.id-leading-\[14px\] {
line-height: 14px;
}
.id-leading-\[15px\] {
line-height: 15px;
}
.id-leading-\[16px\] {
line-height: 16px;
}
.id-leading-\[17px\] {
line-height: 17px;
}
.id-leading-\[18px\] {
line-height: 18px;
}
.id-leading-\[20px\] {
line-height: 20px;
}
.id-leading-\[22px\] {
line-height: 22px;
}
.id-leading-\[24px\] {
line-height: 24px;
}
.id-leading-\[25\.71px\] {
line-height: 25.71px;
}
.id-leading-\[26px\] {
line-height: 26px;
}
.id-leading-\[28px\] {
line-height: 28px;
}
.id-leading-\[40px\] {
line-height: 40px;
}
.id-leading-\[50px\] {
line-height: 50px;
}
.id-leading-\[51px\] {
line-height: 51px;
}
.id-leading-none {
line-height: 1;
}
.id-leading-normal {
line-height: 1.5;
}
.id-leading-relaxed {
line-height: 1.625;
}
.id-leading-tight {
line-height: 1.25;
}
.id-tracking-\[-0\.004em\] {
letter-spacing: -0.004em;
}
.id-tracking-\[-0\.3px\] {
letter-spacing: -0.3px;
}
.id-tracking-\[-0\.6px\] {
letter-spacing: -0.6px;
}
.id-tracking-normal {
letter-spacing: 0em;
}
.id-tracking-tight {
letter-spacing: -0.025em;
}
.id-tracking-widest {
letter-spacing: 0.1em;
}
.\!id-text-\[\#666\] {
--tw-text-opacity: 1 !important;
color: #666 !important;
color: rgba(102, 102, 102, var(--tw-text-opacity, 1)) !important;
}
.\!id-text-white {
--tw-text-opacity: 1 !important;
color: #fff !important;
color: rgba(255, 255, 255, var(--tw-text-opacity, 1)) !important;
}
.id-text-\[\#00346e\] {
--tw-text-opacity: 1;
color: #00346e;
color: rgba(0, 52, 110, var(--tw-text-opacity, 1));
}
.id-text-\[\#0066CC\] {
--tw-text-opacity: 1;
color: #06c;
color: rgba(0, 102, 204, var(--tw-text-opacity, 1));
}
.id-text-\[\#222222\],
.id-text-\[\#222\] {
--tw-text-opacity: 1;
color: #222;
color: rgba(34, 34, 34, var(--tw-text-opacity, 1));
}
.id-text-\[\#262626\] {
--tw-text-opacity: 1;
color: #262626;
color: rgba(38, 38, 38, var(--tw-text-opacity, 1));
}
.id-text-\[\#333333\],
.id-text-\[\#333\] {
--tw-text-opacity: 1;
color: #333;
color: rgba(51, 51, 51, var(--tw-text-opacity, 1));
}
.id-text-\[\#4B1D1F\] {
--tw-text-opacity: 1;
color: #4b1d1f;
color: rgba(75, 29, 31, var(--tw-text-opacity, 1));
}
.id-text-\[\#636363\] {
--tw-text-opacity: 1;
color: #636363;
color: rgba(99, 99, 99, var(--tw-text-opacity, 1));
}
.id-text-\[\#666666\],
.id-text-\[\#666\] {
--tw-text-opacity: 1;
color: #666;
color: rgba(102, 102, 102, var(--tw-text-opacity, 1));
}
.id-text-\[\#767676\] {
--tw-text-opacity: 1;
color: #767676;
color: rgba(118, 118, 118, var(--tw-text-opacity, 1));
}
.id-text-\[\#999\] {
--tw-text-opacity: 1;
color: #999;
color: rgba(153, 153, 153, var(--tw-text-opacity, 1));
}
.id-text-\[\#A75A00\] {
--tw-text-opacity: 1;
color: #a75a00;
color: rgba(167, 90, 0, var(--tw-text-opacity, 1));
}
.id-text-\[\#F7421E\] {
--tw-text-opacity: 1;
color: #f7421e;
color: rgba(247, 66, 30, var(--tw-text-opacity, 1));
}
.id-text-\[\#FDC6A2\] {
--tw-text-opacity: 1;
color: #fdc6a2;
color: rgba(253, 198, 162, var(--tw-text-opacity, 1));
}
.id-text-\[\#FFFFFF\],
.id-text-\[\#FFF\] {
--tw-text-opacity: 1;
color: #fff;
color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}
.id-text-\[\#f7421e\] {
--tw-text-opacity: 1;
color: #f7421e;
color: rgba(247, 66, 30, var(--tw-text-opacity, 1));
}
.id-text-\[\#ff6a00\] {
--tw-text-opacity: 1;
color: #ff6a00;
color: rgba(255, 106, 0, var(--tw-text-opacity, 1));
}
.id-text-\[rgb\(167\,90\,0\)\] {
--tw-text-opacity: 1;
color: #a75a00;
color: rgba(167, 90, 0, var(--tw-text-opacity, 1));
}
.id-text-black {
--tw-text-opacity: 1;
color: #000;
color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}
.id-text-blue-600 {
--tw-text-opacity: 1;
color: #2563eb;
color: rgba(37, 99, 235, var(--tw-text-opacity, 1));
}
.id-text-card-foreground {
color: #09090b;
color: hsl(var(--card-foreground));
}
.id-text-destructive-foreground {
color: #fafafa;
color: hsl(var(--destructive-foreground));
}
.id-text-foreground {
color: #09090b;
color: hsl(var(--foreground));
}
.id-text-gray-200 {
--tw-text-opacity: 1;
color: #7b4100;
color: rgba(229, 231, 235, var(--tw-text-opacity, 1));
}
.id-text-gray-400 {
--tw-text-opacity: 1;
color: #9ca3af;
color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
}
.id-text-gray-500 {
--tw-text-opacity: 1;
color: #6b7280;
color: rgba(107, 114, 128, var(--tw-text-opacity, 1));
}
.id-text-gray-600 {
--tw-text-opacity: 1;
color: #4b5563;
color: rgba(75, 85, 99, var(--tw-text-opacity, 1));
}
.id-text-gray-800 {
--tw-text-opacity: 1;
color: #1f2937;
color: rgba(31, 41, 55, var(--tw-text-opacity, 1));
}
.id-text-green-700 {
--tw-text-opacity: 1;
color: #15803d;
color: rgba(21, 128, 61, var(--tw-text-opacity, 1));
}
.id-text-highlight {
color: #f60;
color: hsl(var(--highlight));
}
.id-text-highlight-dark {
color: #d1490a;
color: hsl(var(--highlight-dark));
}
.id-text-inherit {
color: inherit;
}
.id-text-muted {
color: #f4f4f5;
color: hsl(var(--muted));
}
.id-text-muted-foreground {
color: #71717a;
color: hsl(var(--muted-foreground));
}
.id-text-popover-foreground {
color: #09090b;
color: hsl(var(--popover-foreground));
}
.id-text-primary {
color: #18181b;
color: hsl(var(--primary));
}
.id-text-primary-foreground {
color: #fafafa;
color: hsl(var(--primary-foreground));
}
.id-text-secondary-foreground {
color: #18181b;
color: hsl(var(--secondary-foreground));
}
.id-text-white {
--tw-text-opacity: 1;
color: #fff;
color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}
.id-underline {
text-decoration-line: underline;
}
.id-line-through {
text-decoration-line: line-through;
}
.id-no-underline {
text-decoration-line: none;
}
.id-underline-offset-4 {
text-underline-offset: 4px;
}
.id-opacity-0 {
opacity: 0;
}
.id-opacity-100 {
opacity: 1;
}
.id-opacity-5 {
opacity: 0.05;
}
.id-opacity-50 {
opacity: 0.5;
}
.id-opacity-60 {
opacity: 0.6;
}
.id-opacity-70 {
opacity: 0.7;
}
.id-opacity-80 {
opacity: 0.8;
}
.id-shadow-\[0_-4px_8px_0_rgba\(0\,0\,0\,0\.04\)\] {
--tw-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.04);
--tw-shadow-colored: 0 -4px 8px 0 var(--tw-shadow-color);
box-shadow:
0 0 #0000,
0 0 #0000,
0 -4px 8px #0000000a;
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-\[0_2px_3px_0_rgba\(74\,74\,74\,0\.2\)\] {
--tw-shadow: 0 2px 3px 0 rgba(74, 74, 74, 0.2);
--tw-shadow-colored: 0 2px 3px 0 var(--tw-shadow-color);
box-shadow:
0 0 #0000,
0 0 #0000,
0 2px 3px #4a4a4a33;
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-\[0_2px_6px_2px_rgba\(0\,0\,0\,0\.12\)\] {
--tw-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12);
--tw-shadow-colored: 0 2px 6px 2px var(--tw-shadow-color);
box-shadow:
0 0 #0000,
0 0 #0000,
0 2px 6px 2px #0000001f;
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-\[0px_-4px_8px_0px_\#0000000a\] {
--tw-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.03922);
--tw-shadow-colored: 0px -4px 8px 0px var(--tw-shadow-color);
box-shadow:
0 0 #0000,
0 0 #0000,
0 -4px 8px #0000000a;
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-\[0px_2px_2px_2px_rgba\(0\,0\,0\,0\.04\)\] {
--tw-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.04);
--tw-shadow-colored: 0px 2px 2px 2px var(--tw-shadow-color);
box-shadow:
0 0 #0000,
0 0 #0000,
0 2px 2px 2px #0000000a;
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-\[0px_2px_6px_2px_rgba\(0\,0\,0\,0\.04\)\] {
--tw-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.04);
--tw-shadow-colored: 0px 2px 6px 2px var(--tw-shadow-color);
box-shadow:
0 0 #0000,
0 0 #0000,
0 2px 6px 2px #0000000a;
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-cards {
--tw-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
box-shadow:
0 0 #0000,
0 0 #0000,
0 0 10px #0000001a;
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-lg {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow:
0 0 #0000,
0 0 #0000,
0 10px 15px -3px #0000001a,
0 4px 6px -4px #0000001a;
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow:
0 0 #0000,
0 0 #0000,
0 4px 6px -1px #0000001a,
0 2px 4px -2px #0000001a;
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-shadow-sm {
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow:
0 0 #0000,
0 0 #0000,
0 1px 2px #0000000d;
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.id-outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.id-outline-0 {
outline-width: 0px;
}
.id-ring-offset-background {
--tw-ring-offset-color: hsl(var(--background));
}
.id-backdrop-blur-sm {
--tw-backdrop-blur: blur(4px);
-webkit-backdrop-filter: blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.id-transition-\[0\.4s\] {
transition-property: 0.4s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 0.15s;
}
.id-transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 0.15s;
}
.id-transition-colors {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 0.15s;
}
.id-transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 0.15s;
}
.id-transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 0.15s;
}
.id-duration-200 {
transition-duration: 0.2s;
}
.id-duration-300 {
transition-duration: 0.3s;
}
.id-ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.id-ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.id-ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter {
0% {
opacity: 1;
opacity: var(--tw-enter-opacity, 1);
transform: translateZ(0) scaleZ(1) rotate(0);
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
}
}
@keyframes exit {
to {
opacity: 1;
opacity: var(--tw-exit-opacity, 1);
transform: translateZ(0) scaleZ(1) rotate(0);
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
}
}
.id-animate-in {
animation-name: enter;
animation-duration: 0.15s;
--tw-enter-opacity: initial;
--tw-enter-scale: initial;
--tw-enter-rotate: initial;
--tw-enter-translate-x: initial;
--tw-enter-translate-y: initial;
}
.id-fade-in-0 {
--tw-enter-opacity: 0;
}
.id-zoom-in-95 {
--tw-enter-scale: 0.95;
}
.id-duration-200 {
animation-duration: 0.2s;
}
.id-duration-300 {
animation-duration: 0.3s;
}
.id-ease-in {
animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.id-ease-in-out {
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.id-ease-out {
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.id-z-foreground {
z-index: 10000;
}
.sc-hd-prefix-mask,
.sc-hd-prefix2-dialog-normal {
pointer-events: auto;
}
@font-face {
font-style: normal;
font-weight: 100 900;
src: url(https://s.alicdn.com/@g/bc/common-font/0.0.1/font/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
font-family: Inter;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
background-color: #fff;
background-color: hsl(var(--background));
color: #09090b;
color: hsl(var(--foreground));
font-family:
Inter,
SF Pro Text,
Roboto,
Helvetica Neue,
Helvetica,
Tahoma,
Arial,
PingFang SC,
Microsoft YaHei,
serif;
}
.details-page a:not([class*="magic"]) {
color: #222;
}
body.no-scroll {
overflow: hidden;
}
.first-line\:id-break-words:first-line {
word-wrap: break-word;
}
.after\:id-absolute:after {
content: var(--tw-content);
position: absolute;
}
.after\:id-bottom-\[-7px\]:after {
content: var(--tw-content);
bottom: -7px;
}
.after\:id-content-\[\'\'\]:after {
--tw-content: "";
content: "";
content: var(--tw-content);
}
.first\:id-mt-0:first-child {
margin-top: 0;
}
html[dir="ltr"] .first\:id-rounded-tl-\[8px\]:first-child {
border-top-left-radius: 8px;
}
html[dir="rtl"] .first\:id-rounded-tl-\[8px\]:first-child {
border-top-right-radius: 8px;
}
html[dir="ltr"] .last\:id-rounded-tr-\[8px\]:last-child {
border-top-right-radius: 8px;
}
html[dir="rtl"] .last\:id-rounded-tr-\[8px\]:last-child {
border-top-left-radius: 8px;
}
.last\:id-border-b-0:last-child {
border-bottom-width: 0px;
}
.hover\:id-cursor-crosshair:hover {
cursor: crosshair;
}
.hover\:id-cursor-pointer:hover {
cursor: pointer;
}
.hover\:id-border-\[1px\]:hover {
border-width: 1px;
}
.hover\:id-border-solid:hover {
border-style: solid;
}
.hover\:id-border-\[\#222\]:hover {
--tw-border-opacity: 1;
border-color: #222;
border-color: rgba(34, 34, 34, var(--tw-border-opacity, 1));
}
.hover\:id-border-orange-300:hover {
--tw-border-opacity: 1;
border-color: #fdba74;
border-color: rgba(253, 186, 116, var(--tw-border-opacity, 1));
}
.hover\:id-bg-\[\#F0F0F0\]:hover {
--tw-bg-opacity: 1;
background-color: #f0f0f0;
background-color: rgba(240, 240, 240, var(--tw-bg-opacity, 1));
}
.hover\:id-bg-\[\#F4F4F4\]:hover,
.hover\:id-bg-\[\#f4f4f4\]:hover {
--tw-bg-opacity: 1;
background-color: #f4f4f4;
background-color: rgba(244, 244, 244, var(--tw-bg-opacity, 1));
}
.hover\:id-bg-\[\#f5f5f5\]:hover {
--tw-bg-opacity: 1;
background-color: #f5f5f5;
background-color: rgba(245, 245, 245, var(--tw-bg-opacity, 1));
}
.hover\:id-bg-accent:hover {
background-color: #f4f4f5;
background-color: hsl(var(--accent));
}
.hover\:id-bg-black\/50:hover {
background-color: #00000080;
}
.hover\:id-bg-destructive\/90:hover {
background-color: #ef4343e6;
background-color: hsl(var(--destructive) / 0.9);
}
.hover\:id-bg-gray-100:hover {
--tw-bg-opacity: 1;
background-color: #f3f4f6;
background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1));
}
.hover\:id-bg-gray-50:hover {
--tw-bg-opacity: 1;
background-color: #f9fafb;
background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1));
}
.hover\:id-bg-muted\/50:hover {
background-color: #f4f4f580;
background-color: hsl(var(--muted) / 0.5);
}
.hover\:id-bg-secondary\/80:hover {
background-color: #f4f4f5cc;
background-color: hsl(var(--secondary) / 0.8);
}
.hover\:id-text-\[\#222\]:hover {
--tw-text-opacity: 1;
color: #222;
color: rgba(34, 34, 34, var(--tw-text-opacity, 1));
}
.hover\:id-text-\[\#666\]:hover {
--tw-text-opacity: 1;
color: #666;
color: rgba(102, 102, 102, var(--tw-text-opacity, 1));
}
.hover\:id-text-accent-foreground:hover {
color: #18181b;
color: hsl(var(--accent-foreground));
}
.hover\:id-text-foreground:hover {
color: #09090b;
color: hsl(var(--foreground));
}
.hover\:id-underline:hover {
text-decoration-line: underline;
}
.hover\:\!id-opacity-100:hover {
opacity: 1 !important;
}
.hover\:id-opacity-90:hover {
opacity: 0.9;
}
.focus\:id-bg-accent:focus {
background-color: #f4f4f5;
background-color: hsl(var(--accent));
}
.focus\:id-text-accent-foreground:focus {
color: #18181b;
color: hsl(var(--accent-foreground));
}
.focus\:id-outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:id-ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}
.focus\:id-ring-ring:focus {
--tw-ring-color: hsl(var(--ring));
}
.focus\:id-ring-transparent:focus {
--tw-ring-color: transparent;
}
.focus\:id-ring-offset-2:focus {
--tw-ring-offset-width: 2px;
}
.focus-visible\:id-outline-none:focus-visible {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus-visible\:id-ring-0:focus-visible {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}
.focus-visible\:id-ring-2:focus-visible {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}
.focus-visible\:id-ring-ring:focus-visible {
--tw-ring-color: hsl(var(--ring));
}
.focus-visible\:id-ring-offset-2:focus-visible {
--tw-ring-offset-width: 2px;
}
.active\:id-scale-95:active {
--tw-scale-x: 0.95;
--tw-scale-y: 0.95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(0.95) scaleY(0.95);
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:id-bg-\[\#E8E8E8\]:active {
--tw-bg-opacity: 1;
background-color: #e8e8e8;
background-color: rgba(232, 232, 232, var(--tw-bg-opacity, 1));
}
.disabled\:id-pointer-events-none:disabled {
pointer-events: none;
}
.disabled\:id-hidden:disabled {
display: none;
}
.disabled\:id-cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:id-border-gray-200:disabled {
--tw-border-opacity: 1;
border-color: #7b4100;
border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
}
.disabled\:id-bg-gray-100:disabled {
--tw-bg-opacity: 1;
background-color: #f3f4f6;
background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1));
}
.disabled\:id-text-gray-400:disabled {
--tw-text-opacity: 1;
color: #9ca3af;
color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
}
.disabled\:id-opacity-40:disabled {
opacity: 0.4;
}
.disabled\:id-opacity-50:disabled {
opacity: 0.5;
}
html[dir="ltr"] .id-peer:checked~.peer-checked\:id-left-auto {
left: auto;
}
html[dir="rtl"] .id-peer:checked~.peer-checked\:id-left-auto {
right: auto;
}
html[dir="ltr"] .id-peer:checked~.peer-checked\:id-right-0\.5 {
right: 0.125rem;
}
html[dir="rtl"] .id-peer:checked~.peer-checked\:id-right-0\.5 {
left: 0.125rem;
}
.data-\[disabled\]\:id-pointer-events-none[data-disabled] {
pointer-events: none;
}
.data-\[side\=bottom\]\:id-translate-y-1[data-side="bottom"] {
--tw-translate-y: 0.25rem;
transform: translate(var(--tw-translate-x), 0.25rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=left\]\:id--translate-x-1[data-side="left"] {
--tw-translate-x: -0.25rem;
transform: translate(-0.25rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=right\]\:id-translate-x-1[data-side="right"] {
--tw-translate-x: 0.25rem;
transform: translate(0.25rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=top\]\:id--translate-y-1[data-side="top"] {
--tw-translate-y: -0.25rem;
transform: translate(var(--tw-translate-x), -0.25rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=active\]\:id-border-b-2[data-state="active"] {
border-bottom-width: 2px;
}
.data-\[state\=active\]\:id-border-b-4[data-state="active"] {
border-bottom-width: 4px;
}
.data-\[state\=active\]\:id-border-t-\[3px\][data-state="active"] {
border-top-width: 3px;
}
.data-\[state\=active\]\:id-border-b-black[data-state="active"] {
--tw-border-opacity: 1;
border-bottom-color: #000;
border-bottom-color: rgba(0, 0, 0, var(--tw-border-opacity, 1));
}
.data-\[state\=active\]\:id-border-t-\[\#FF6A00\][data-state="active"] {
--tw-border-opacity: 1;
border-top-color: #ff6a00;
border-top-color: rgba(255, 106, 0, var(--tw-border-opacity, 1));
}
.data-\[state\=active\]\:id-bg-background[data-state="active"] {
background-color: #fff;
background-color: hsl(var(--background));
}
.data-\[state\=active\]\:id-bg-white[data-state="active"] {
--tw-bg-opacity: 1;
background-color: #fff;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}
.data-\[state\=open\]\:id-bg-accent[data-state="open"] {
background-color: #f4f4f5;
background-color: hsl(var(--accent));
}
.data-\[state\=selected\]\:id-bg-muted[data-state="selected"] {
background-color: #f4f4f5;
background-color: hsl(var(--muted));
}
.data-\[state\=active\]\:id-font-\[700\][data-state="active"] {
font-weight: 700;
}
.data-\[state\=active\]\:id-font-semibold[data-state="active"] {
font-weight: 600;
}
.data-\[placeholder\]\:id-text-muted-foreground[data-placeholder] {
color: #71717a;
color: hsl(var(--muted-foreground));
}
.data-\[state\=active\]\:id-text-black[data-state="active"] {
--tw-text-opacity: 1;
color: #000;
color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}
.data-\[state\=active\]\:id-text-foreground[data-state="active"] {
color: #09090b;
color: hsl(var(--foreground));
}
.data-\[disabled\]\:id-opacity-50[data-disabled] {
opacity: 0.5;
}
.data-\[state\=active\]\:id-shadow-none[data-state="active"] {
--tw-shadow: 0 0 rgba(0, 0, 0, 0);
--tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
box-shadow:
0 0 #0000,
0 0 #0000,
0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.data-\[state\=active\]\:id-shadow-sm[data-state="active"] {
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow:
0 0 #0000,
0 0 #0000,
0 1px 2px #0000000d;
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.data-\[state\=open\]\:id-animate-in[data-state="open"] {
animation-name: enter;
animation-duration: 0.15s;
--tw-enter-opacity: initial;
--tw-enter-scale: initial;
--tw-enter-rotate: initial;
--tw-enter-translate-x: initial;
--tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:id-animate-out[data-state="closed"] {
animation-name: exit;
animation-duration: 0.15s;
--tw-exit-opacity: initial;
--tw-exit-scale: initial;
--tw-exit-rotate: initial;
--tw-exit-translate-x: initial;
--tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:id-fade-out-0[data-state="closed"] {
--tw-exit-opacity: 0;
}
.data-\[state\=open\]\:id-fade-in-0[data-state="open"] {
--tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:id-zoom-out-95[data-state="closed"] {
--tw-exit-scale: 0.95;
}
.data-\[state\=open\]\:id-zoom-in-95[data-state="open"] {
--tw-enter-scale: 0.95;
}
.data-\[side\=bottom\]\:id-slide-in-from-top-2[data-side="bottom"] {
--tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:id-slide-in-from-right-2[data-side="left"] {
--tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:id-slide-in-from-left-2[data-side="right"] {
--tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:id-slide-in-from-bottom-2[data-side="top"] {
--tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:id-slide-out-to-left-1\/2[data-state="closed"] {
--tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:id-slide-out-to-top-\[48\%\][data-state="closed"] {
--tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:id-slide-in-from-left-1\/2[data-state="open"] {
--tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:id-slide-in-from-top-\[48\%\][data-state="open"] {
--tw-enter-translate-y: -48%;
}
@media (max-width: 1280px) {
.max-\[1280px\]\:id-w-\[76px\] {
width: 76px;
}
}
@media (min-width: 1200px) {
html[dir="ltr"] .sm\:id-mr-0 {
margin-right: 0;
}
html[dir="rtl"] .sm\:id-mr-0 {
margin-left: 0;
}
html[dir="ltr"] .sm\:id-mr-5 {
margin-right: 1.25rem;
}
html[dir="rtl"] .sm\:id-mr-5 {
margin-left: 1.25rem;
}
html[dir="ltr"] .sm\:id-mr-6 {
margin-right: 1.5rem;
}
html[dir="rtl"] .sm\:id-mr-6 {
margin-left: 1.5rem;
}
.sm\:id-h-\[36px\] {
height: 36px;
}
.sm\:id-w-\[600px\] {
width: 600px;
}
.sm\:id-w-screenSm {
width: 1200px;
}
.sm\:id-flex-row {
flex-direction: row;
}
.sm\:id-justify-end {
justify-content: flex-end;
}
.sm\:id-space-x-2> :not([hidden])~ :not([hidden]) {
--tw-space-x-reverse: 0;
}
html[dir="ltr"] .sm\:id-space-x-2> :not([hidden])~ :not([hidden]) {
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
html[dir="rtl"] .sm\:id-space-x-2> :not([hidden])~ :not([hidden]) {
margin-left: calc(0.5rem * var(--tw-space-x-reverse));
margin-right: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
margin-right: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.sm\:id-rounded-lg {
border-radius: 0.5rem;
border-radius: var(--radius);
}
html[dir="ltr"] .sm\:id-text-left {
text-align: left;
}
html[dir="rtl"] .sm\:id-text-left {
text-align: right;
}
.sm\:id-text-\[12px\] {
font-size: 12px;
}
.sm\:id-leading-\[36px\] {
line-height: 36px;
}
}
@media (min-width: 1240px) {
.md\:id-w-screenMd {
width: 1240px;
}
}
@media (min-width: 1280px) {
.min-\[1280px\]\:id-w-\[116px\] {
width: 116px;
}
}
@media (min-width: 1360px) {
.min-\[1360px\]\:id-w-\[156px\] {
width: 156px;
}
}
@media (min-width: 1440px) {
.lg\:id-w-screenLg {
width: 1440px;
}
.id-dark .dark\:lg\:hover\:\[paint-order\:markers\]:hover {
paint-order: markers;
}
}
.ltr\:id-end-5:where([dir="ltr"], [dir="ltr"] *) {
inset-inline-end: 1.25rem;
}
.ltr\:id-ms-auto:where([dir="ltr"], [dir="ltr"] *) {
margin-inline-start: auto;
}
.ltr\:id--translate-x-1\/2:where([dir="ltr"], [dir="ltr"] *) {
--tw-translate-x: -50%;
transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
html[dir="ltr"] .ltr\:id-text-left:where([dir="ltr"], [dir="ltr"] *) {
text-align: left;
}
html[dir="rtl"] .ltr\:id-text-left:where([dir="ltr"], [dir="ltr"] *) {
text-align: right;
}
html[dir="ltr"] .rtl\:id-left-0:where([dir="rtl"], [dir="rtl"] *) {
left: 0;
}
html[dir="rtl"] .rtl\:id-left-0:where([dir="rtl"], [dir="rtl"] *) {
right: 0;
}
html[dir="ltr"] .rtl\:id-left-auto:where([dir="rtl"], [dir="rtl"] *) {
left: auto;
}
html[dir="rtl"] .rtl\:id-left-auto:where([dir="rtl"], [dir="rtl"] *) {
right: auto;
}
html[dir="ltr"] .rtl\:id-right-6:where([dir="rtl"], [dir="rtl"] *) {
right: 1.5rem;
}
html[dir="rtl"] .rtl\:id-right-6:where([dir="rtl"], [dir="rtl"] *) {
left: 1.5rem;
}
html[dir="ltr"] .rtl\:id-right-\[50\%\]:where([dir="rtl"], [dir="rtl"] *) {
right: 50%;
}
html[dir="rtl"] .rtl\:id-right-\[50\%\]:where([dir="rtl"], [dir="rtl"] *) {
left: 50%;
}
.rtl\:id-start-5:where([dir="rtl"], [dir="rtl"] *) {
inset-inline-start: 1.25rem;
}
.rtl\:id-mx-auto:where([dir="rtl"], [dir="rtl"] *) {
margin-left: auto;
margin-right: auto;
}
.rtl\:id-me-auto:where([dir="rtl"], [dir="rtl"] *) {
margin-inline-end: auto;
}
html[dir="ltr"] .rtl\:id-mr-1:where([dir="rtl"], [dir="rtl"] *) {
margin-right: 0.25rem;
}
html[dir="rtl"] .rtl\:id-mr-1:where([dir="rtl"], [dir="rtl"] *) {
margin-left: 0.25rem;
}
html[dir="ltr"] .rtl\:id-mr-3:where([dir="rtl"], [dir="rtl"] *) {
margin-right: 0.75rem;
}
html[dir="rtl"] .rtl\:id-mr-3:where([dir="rtl"], [dir="rtl"] *) {
margin-left: 0.75rem;
}
html[dir="ltr"] .rtl\:id-mr-\[10px\]:where([dir="rtl"], [dir="rtl"] *) {
margin-right: 10px;
}
html[dir="rtl"] .rtl\:id-mr-\[10px\]:where([dir="rtl"], [dir="rtl"] *) {
margin-left: 10px;
}
.rtl\:id-translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
--tw-translate-x: 50%;
transform: translate(50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:id-rotate-180:where([dir="rtl"], [dir="rtl"] *) {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:id-scale-x-\[-1\]:where([dir="rtl"], [dir="rtl"] *) {
--tw-scale-x: -1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(-1) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
html[dir="ltr"] .rtl\:id-text-left:where([dir="rtl"], [dir="rtl"] *) {
text-align: left;
}
html[dir="rtl"] .rtl\:id-text-left:where([dir="rtl"], [dir="rtl"] *) {
text-align: right;
}
html[dir="ltr"] .\[\&\:has\(\[role\=checkbox\]\)\]\:id-pr-0:has([role="checkbox"]) {
padding-right: 0;
}
html[dir="rtl"] .\[\&\:has\(\[role\=checkbox\]\)\]\:id-pr-0:has([role="checkbox"]) {
padding-left: 0;
}
html[dir="ltr"] .\[\&\:not\(\:first-child\)\]\:id-border-l-\[0\.5px\]:not(:first-child) {
border-left-width: 0.5px;
}
html[dir="rtl"] .\[\&\:not\(\:first-child\)\]\:id-border-l-\[0\.5px\]:not(:first-child) {
border-right-width: 0.5px;
}
html[dir="ltr"] .\[\&\:not\(\:last-child\)\]\:id-border-r-\[0\.5px\]:not(:last-child) {
border-right-width: 0.5px;
}
html[dir="rtl"] .\[\&\:not\(\:last-child\)\]\:id-border-r-\[0\.5px\]:not(:last-child) {
border-left-width: 0.5px;
}
.\[\&\>\.highlight-dot\]\:id-size-\[5px\]>.highlight-dot {
width: 5px;
height: 5px;
}
.\[\&\>\.highlight-dot\]\:id-shrink-0>.highlight-dot {
flex-shrink: 0;
}
.\[\&\>\.highlight-dot\]\:id-translate-y-\[10\.5px\]>.highlight-dot {
--tw-translate-y: 10.5px;
transform: translate(var(--tw-translate-x), 10.5px) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\>\.highlight-dot\]\:id-rounded-full>.highlight-dot {
border-radius: 9999px;
}
.\[\&\>\.highlight-dot\]\:id-bg-\[\#222\]>.highlight-dot {
--tw-bg-opacity: 1;
background-color: #222;
background-color: rgba(34, 34, 34, var(--tw-bg-opacity, 1));
}
.\[\&\>b\]\:id-font-semibold>b {
font-weight: 600;
}
.\[\&\>div\]\:id-mt-4>div {
margin-top: 1rem;
}
.\[\&\>div\]\:id-table-cell>div {
display: table-cell;
}
.\[\&\>div\]\:id-border-\[1px\]>div {
border-width: 1px;
}
.\[\&\>div\]\:id-border-solid>div {
border-style: solid;
}
.\[\&\>div\]\:id-border-\[\#ddd\]>div {
--tw-border-opacity: 1;
border-color: #ddd;
border-color: rgba(221, 221, 221, var(--tw-border-opacity, 1));
}
.\[\&\>div\]\:id-p-4>div {
padding: 1rem;
}
.\[\&\>div\]\:id-px-4>div {
padding-left: 1rem;
padding-right: 1rem;
}
.\[\&\>div\]\:id-py-\[6px\]>div {
padding-top: 6px;
padding-bottom: 6px;
}
.\[\&\>div\]\:id-leading-\[18px\]>div {
line-height: 18px;
}
.\[\&\>img\]\:\!id-mx-auto>img {
margin-left: auto !important;
margin-right: auto !important;
}
.\[\&\>img\]\:id-mb-0\.5>img {
margin-bottom: 0.125rem;
}
.\[\&\>img\]\:id-mb-2>img {
margin-bottom: 0.5rem;
}
.\[\&\>img\]\:id-mb-\[3px\]>img {
margin-bottom: 3px;
}
.\[\&\>img\]\:id-inline-block>img {
display: inline-block;
}
.\[\&\>img\]\:id-size-4>img {
width: 1rem;
height: 1rem;
}
.\[\&\>img\]\:id-size-\[12px\]>img {
width: 12px;
height: 12px;
}
.\[\&\>img\]\:id-size-\[14px\]>img {
width: 14px;
height: 14px;
}
.\[\&\>img\]\:\!id-h-full>img {
height: 100% !important;
}
.\[\&\>img\]\:\!id-w-auto>img {
width: auto !important;
}
.\[\&\>span\]\:id-mt-4>span {
margin-top: 1rem;
}
.\[\&\>span\]\:id-line-clamp-1>span {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.\[\&\>span\]\:id-block>span {
display: block;
}
.\[\&\>span\]\:id-w-full>span {
width: 100%;
}
.\[\&\>svg\]\:id-size-3\.5>svg {
width: 0.875rem;
height: 0.875rem;
}
.\[\&\>svg\]\:id-size-6>svg {
width: 1.5rem;
height: 1.5rem;
}
.\[\&\>tr\]\:last\:id-border-b-0:last-child>tr {
border-bottom-width: 0px;
}
.\[\&\>u\]\:id-no-underline>u {
text-decoration-line: none;
}
.\[\&_\.chatbox-tip\]\:id-mx-0 .chatbox-tip {
margin-left: 0;
margin-right: 0;
}
.\[\&_\.chatbox-tip\]\:id-mb-0 .chatbox-tip {
margin-bottom: 0;
}
.\[\&_img\]\:id-mx-1 img {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.\[\&_img\]\:id-ms-1 img {
margin-inline-start: 0.25rem;
}
.\[\&_img\]\:id-inline-block img {
display: inline-block;
}
.\[\&_img\]\:id-inline img {
display: inline;
}
.\[\&_img\]\:id-h-4 img {
height: 1rem;
}
.\[\&_img\]\:id-h-\[12px\] img {
height: 12px;
}
.\[\&_img\]\:id-w-auto img {
width: auto;
}
.\[\&_img\]\:id-align-baseline img {
vertical-align: baseline;
}
.\[\&_img\]\:id-align-bottom img {
vertical-align: bottom;
}
.\[\&_img\]\:id-align-text-bottom img {
vertical-align: text-bottom;
}
.\[\&_span\]\:id-inline-block span {
display: inline-block;
}
.\[\&_svg\]\:id-size-3 svg {
width: 0.75rem;
height: 0.75rem;
}
.\[\&_svg\]\:id-size-\[14px\] svg {
width: 14px;
height: 14px;
}
.\[\&_tr\:last-child\]\:id-border-0 tr:last-child {
border-width: 0px;
}
.\[\&_tr\]\:id-border-b tr {
border-bottom-width: 1px;
}
.sticky .\[\.sticky_\&\]\:id-border-t {
border-top-width: 1px;
}
.sticky .\[\.sticky_\&\]\:id-pb-5 {
padding-bottom: 1.25rem;
}
.sticky .\[\.sticky_\&\]\:id-pt-5 {
padding-top: 1.25rem;
}
.sticky .\[\.sticky_\&\]\:id-pt-\[14px\] {
padding-top: 14px;
}
</style>
<style>
.detail-symbol {
width: 1em;
height: 1em;
font-size: 26px;
}
.loading-container {
position: absolute;
text-align: center;
display: block;
z-index: 10;
width: 100%;
height: 100%;
}
.loading-container .loading-masker-container {
filter: blur(1px);
position: relative;
pointer-events: none;
width: 100%;
height: 100%;
}
.loading-container .loading-masker {
content: "";
position: absolute;
inset: 0;
opacity: 0.4;
z-index: 99;
background-color: #fff;
}
.loading-container .loading-indicator-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.loading-container .loading-indicator-container .loading-indicator {
display: inline-block;
position: relative;
margin: 0;
width: 48px;
height: 48px;
animation-duration: 5.6s;
animation-timing-function: linear;
animation-name: vectorRoute;
animation-iteration-count: infinite;
top: 50%;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item {
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #ff6a00;
animation-duration: 1.4s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
margin: auto;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(1) {
top: 0;
bottom: 0;
left: 0;
animation-name: vectorDotsX;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(2) {
left: 0;
right: 0;
animation-name: vectorDotsY;
opacity: 0.8;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(3) {
top: 0;
bottom: 0;
right: 0;
animation-name: vectorDotsXR;
opacity: 0.6;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(4) {
left: 0;
right: 0;
bottom: 0;
animation-name: vectorDotsYR;
opacity: 0.2;
}
@keyframes vectorRoute {
0% {
transform: rotate(0);
}
5% {
transform: rotate(90deg);
}
25% {
transform: rotate(90deg);
}
30% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
55% {
transform: rotate(270deg);
}
75% {
transform: rotate(270deg);
}
80% {
transform: rotate(360deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes vectorDotsX {
25% {
left: 0;
}
45%,
50% {
left: 16.8px;
width: calc(12px * 1.2);
height: calc(12px * 1.2);
}
90% {
left: 0;
height: 12px;
width: 12px;
}
}
@keyframes vectorDotsY {
25% {
top: 0;
}
45%,
50% {
top: 16.8px;
height: calc(12px * 1.2);
width: calc(12px * 1.2);
}
90% {
top: 0;
height: 12px;
width: 12px;
}
}
@keyframes vectorDotsXR {
25% {
right: 0;
}
45%,
50% {
right: 16.8px;
width: calc(12px * 1.2);
height: calc(12px * 1.2);
}
90% {
right: 0;
height: 12px;
width: 12px;
}
}
@keyframes vectorDotsYR {
25% {
bottom: 0;
}
45%,
50% {
bottom: 16.8px;
width: calc(12px * 1.2);
height: calc(12px * 1.2);
}
90% {
bottom: 0;
height: 12px;
width: 12px;
}
}
#the-new-header {
margin-bottom: 10px;
}
#the-new-header.tnh-fixed .sub-menu-layout {
display: flex;
flex-direction: row;
gap: 40px;
margin: 0 auto;
padding: 0 40px;
min-width: 1240px;
max-width: 1600px;
}
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item {
display: inline-block;
position: relative;
transition: color 0.3s;
border-bottom: 4px solid #fff;
color: #222;
font-size: 14px;
line-height: 36px;
-webkit-text-decoration: none;
text-decoration: none;
}
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after,
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
position: absolute;
bottom: 0;
transition:
width 0.3s,
transform 0.3s;
background: #222;
width: 0;
height: 3px;
content: "";
}
html[dir="ltr"] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
left: 50%;
transform: translate(-50%);
}
html[dir="rtl"] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
right: 50%;
transform: translate(50%);
}
html[dir="ltr"] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after {
right: 50%;
transform: translate(50%);
}
html[dir="rtl"] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after {
left: 50%;
transform: translate(-50%);
}
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:hover:after {
width: 100%;
}
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item.active:after,
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item.active:before {
width: 100%;
}
.icbu-buyer-pc-top-banner:empty {
display: none;
}
</style><noscript>
<style>
.detail-symbol {
width: 1em;
height: 1em;
font-size: 26px;
}
.loading-container {
position: absolute;
text-align: center;
display: block;
z-index: 10;
width: 100%;
height: 100%;
}
.loading-container .loading-masker-container {
filter: blur(1px);
position: relative;
pointer-events: none;
width: 100%;
height: 100%;
}
.loading-container .loading-masker {
content: "";
position: absolute;
inset: 0;
opacity: 0.4;
z-index: 99;
background-color: #fff;
}
.loading-container .loading-indicator-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.loading-container .loading-indicator-container .loading-indicator {
display: inline-block;
position: relative;
margin: 0;
width: 48px;
height: 48px;
animation-duration: 5.6s;
animation-timing-function: linear;
animation-name: vectorRoute;
animation-iteration-count: infinite;
top: 50%;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item {
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #ff6a00;
animation-duration: 1.4s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
margin: auto;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(1) {
top: 0;
bottom: 0;
left: 0;
animation-name: vectorDotsX;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(2) {
left: 0;
right: 0;
animation-name: vectorDotsY;
opacity: 0.8;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(3) {
top: 0;
bottom: 0;
right: 0;
animation-name: vectorDotsXR;
opacity: 0.6;
}
.loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(4) {
left: 0;
right: 0;
bottom: 0;
animation-name: vectorDotsYR;
opacity: 0.2;
}
@keyframes vectorRoute {
0% {
transform: rotate(0);
}
5% {
transform: rotate(90deg);
}
25% {
transform: rotate(90deg);
}
30% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
55% {
transform: rotate(270deg);
}
75% {
transform: rotate(270deg);
}
80% {
transform: rotate(360deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes vectorDotsX {
25% {
left: 0;
}
45%,
50% {
left: 16.8px;
width: calc(12px * 1.2);
height: calc(12px * 1.2);
}
90% {
left: 0;
height: 12px;
width: 12px;
}
}
@keyframes vectorDotsY {
25% {
top: 0;
}
45%,
50% {
top: 16.8px;
height: calc(12px * 1.2);
width: calc(12px * 1.2);
}
90% {
top: 0;
height: 12px;
width: 12px;
}
}
@keyframes vectorDotsXR {
25% {
right: 0;
}
45%,
50% {
right: 16.8px;
width: calc(12px * 1.2);
height: calc(12px * 1.2);
}
90% {
right: 0;
height: 12px;
width: 12px;
}
}
@keyframes vectorDotsYR {
25% {
bottom: 0;
}
45%,
50% {
bottom: 16.8px;
width: calc(12px * 1.2);
height: calc(12px * 1.2);
}
90% {
bottom: 0;
height: 12px;
width: 12px;
}
}
#the-new-header {
margin-bottom: 10px;
}
#the-new-header.tnh-fixed .sub-menu-layout {
display: flex;
flex-direction: row;
gap: 40px;
margin: 0 auto;
padding: 0 40px;
min-width: 1240px;
max-width: 1600px;
}
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item {
display: inline-block;
position: relative;
transition: color 0.3s;
border-bottom: 4px solid #fff;
color: #222;
font-size: 14px;
line-height: 36px;
-webkit-text-decoration: none;
text-decoration: none;
}
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after,
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
position: absolute;
bottom: 0;
transition:
width 0.3s,
transform 0.3s;
background: #222;
width: 0;
height: 3px;
content: "";
}
html[dir="ltr"] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
left: 50%;
transform: translate(-50%);
}
html[dir="rtl"] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
right: 50%;
transform: translate(50%);
}
html[dir="ltr"] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after {
right: 50%;
transform: translate(50%);
}
html[dir="rtl"] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after {
left: 50%;
transform: translate(-50%);
}
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:hover:after {
width: 100%;
}
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item.active:after,
#the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item.active:before {
width: 100%;
}
.icbu-buyer-pc-top-banner:empty {
display: none;
}
</style>
</noscript>
<!-- htmlbefore -->
<div class="root-layout" id="container" bis_skin_checked="1">
<div class="layout-body id-pt-2 id-px-10" bis_skin_checked="1">
<div class="layout-left id-overflow-hidden id-w-[59%]" bis_skin_checked="1">
<div class="" data-section="SectionOverview" bis_skin_checked="1">
<div class="module_breadcrumbNew" data-aplus-ae="x1_58f9c3d1" data-module-name="module_breadcrumbNew"
data-spm-anchor-id="a2700.details.0.i1.494a3f8aFah63P" bis_skin_checked="1">
<div
class="detail-breadcrumb-layout id-min-w-700px id-flex id-max-w-4xl id-justify-center id-pb-3 id-text-xs id-font-normal"
bis_skin_checked="1">
<nav aria-label="breadcrumb" class="id-w-screen lg:id-w-screenLg">
<ol
class="id-flex id-flex-wrap id-items-center id-gap-1 id-text-sm id-text-muted-foreground first-line:id-break-words">
<li class="id-inline-flex id-items-center id-gap-1.5 hover:id-underline">
<a class="id-transition-colors hover:id-text-foreground id-text-xs"
href="https://linksupergacorwd.com/">KUDALIAR89</a>
</li>
<li aria-hidden="true" class="[&>svg]:id-size-3.5" role="presentation">
<svg class="lucide lucide-chevron-right" fill="none" height="24" stroke="currentColor"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24"
xmlns="http://www.w3.org/2000/svg">
<path d="m9 18 6-6-6-6"></path>
</svg>
</li>
<li class="id-inline-flex id-items-center id-gap-1.5 hover:id-underline">
<a class="id-transition-colors hover:id-text-foreground id-text-xs"
href="https://linksupergacorwd.com/">GAME ONLINE</a>
</li>
<li aria-hidden="true" class="[&>svg]:id-size-3.5" role="presentation">
<svg class="lucide lucide-chevron-right" fill="none" height="24" stroke="currentColor"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24"
xmlns="http://www.w3.org/2000/svg">
<path d="m9 18 6-6-6-6"></path>
</svg>
</li>
<li class="id-inline-flex id-items-center id-gap-1.5 hover:id-underline">
<a class="id-transition-colors hover:id-text-foreground id-text-xs"
href="https://linksupergacorwd.com/">SLOT ONLINE</a>
</li>
</ol>
</nav>
</div>
</div>
<div class="module_title" data-aplus-ae="x2_5393b544" data-module-name="module_title"
data-spm-anchor-id="a2700.details.0.i2.494a3f8aFah63P" bis_skin_checked="1">
<div class="product-title-container" bis_skin_checked="1">
<h1 title="KUDALIAR89 â¨ï¸ Platform Hiburan Online Akses Disini Dengan Link Resmi Kami">
<img
src="https://s.alicdn.com/@img/imgextra/i1/O1CN01FN0HTW1XwYWfDM0iS_!!6000000002988-2-tps-207-84.png" />KUDALIAR89 â¨ï¸ Platform Hiburan Online Akses Disini Dengan Link Resmi Kami
</h1>
</div>
</div>
<div class="module_comment" data-aplus-ae="x3_2f25a068" data-module-name="module_comment"
data-spm-anchor-id="a2700.details.0.i3.494a3f8aFah63P" bis_skin_checked="1">
<div class="detail-product-comment" bis_skin_checked="1">
<span class="detail-review-item detail-star detail-separator"><span
class="detail-review-item detail-separator">There are best reviews</span></span><span
class="detail-review-item detail-separator">88.222.168 sold</span><span
class="detail-honorary-title detail-separator"><a
class="id-truncate id-max-w-full id-font-normal id-ms-1 id-underline"
href="https://linksupergacorwd.com/" rel="noreferrer" target="_blank"><b>#1</b> most popular
in KUDALIAR89</a></span>
</div>
</div>
<div class="module_company" data-aplus-ae="x4_34591ad0" data-module-name="module_company"
data-spm-anchor-id="a2700.details.0.i4.494a3f8aFah63P" bis_skin_checked="1">
<div class="product-company" style="
background-image: url(https://s.alicdn.com/@img/imgextra/i4/O1CN01vkS5p71sQabHhuw1U_!!6000000005761-2-tps-2250-144.png);
" bis_skin_checked="1">
<img alt="company-logo" class="company-logo" loading="lazy" src="https://landingpage-image.xyz/uploads/default/1786604151-icon-kudaliar89.webp" />
<div class="product-company-info" bis_skin_checked="1">
<span class="company-name"><a href="https://linksupergacorwd.com/" rel="noreferrer"
style="direction: ltr; unicode-bidi: embed" target="_blank" title="KUDALIAR89">KUDALIAR89</a></span>
<div class="id-size-0.5 id-bg-[#222] id-rounded-full id-mx-2 id-flex-shrink-0" bis_skin_checked="1">
</div>
<a class="verify-icon" href="https://sale.alibaba.com/p/d7v3mp6m3" rel="nofollow noreferrer"
target="_blank"><img loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i2/O1CN01OhiUgP22fNY7nmUGL_!!6000000007147-2-tps-153-39.png" /></a><span
class="id-truncate">AKUN SLOT GACOR</span>
</div>
</div>
</div>
<div class="module_productImage" data-aplus-ae="x5_87189ee" data-module-name="module_productImage"
data-spm-anchor-id="a2700.details.0.i5.494a3f8aFah63P" bis_skin_checked="1">
<div class="main-index" data-module="MainImage" bis_skin_checked="1">
<div class="id-flex id-justify-around id-relative id-aspect-[16/10]" bis_skin_checked="1">
<div class="id-relative id-flex-1 id-overflow-hidden" data-submodule="ProductImageMain"
id="ProductImageMain" bis_skin_checked="1">
<div aria-roledescription="carousel" class="id-relative id-h-full id-w-full"
data-testid="product-image-view" role="region" bis_skin_checked="1">
<div class="id-overflow-hidden id-h-full" bis_skin_checked="1">
<div class="id-flex id--ml-4 id-h-full" style="transform: translate3d(0px, 0px, 0px)"
bis_skin_checked="1">
<div aria-roledescription="slide"
class="id-min-w-0 id-shrink-0 id-grow-0 id-basis-full id-pl-4 id-h-full id-cursor-pointer"
role="group" bis_skin_checked="1">
<div class="id-h-full id-w-full id-overflow-hidden id-rounded-xl" bis_skin_checked="1">
<div class="id-relative id-h-full id-w-full id-flex id-items-center id-justify-center"
data-testid="media-image" bis_skin_checked="1">
<div class="id-absolute id-inset-0 -id-z-10 id-bg-black id-opacity-5"
bis_skin_checked="1"></div>
<div
class="[&>img]:!id-w-auto [&>img]:!id-h-full [&>img]:!id-mx-auto !id-h-full id-inline-block current-main-image"
style="
cursor: crosshair;
width: auto;
height: auto;
font-size: 0px;
position: relative;
user-select: none;
" bis_skin_checked="1">
<a href="https://linksupergacorwd.com/">
<img src="https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png" style="
object-fit: contain;
width: 100%;
height: 100%;
display: block;
pointer-events: none;
" /></a>
</div>
</div>
</div>
</div>
<div aria-roledescription="slide"
class="id-min-w-0 id-shrink-0 id-grow-0 id-basis-full id-pl-4 id-h-full id-cursor-pointer"
role="group" bis_skin_checked="1">
<div class="id-h-full id-w-full id-overflow-hidden id-rounded-xl" bis_skin_checked="1">
<div class="id-relative id-h-full id-w-full id-flex id-items-center id-justify-center"
data-testid="media-image" bis_skin_checked="1">
<div class="id-absolute id-inset-0 -id-z-10 id-bg-black id-opacity-5"
bis_skin_checked="1"></div>
<div
class="[&>img]:!id-w-auto [&>img]:!id-h-full [&>img]:!id-mx-auto !id-h-full id-inline-block"
style="
cursor: crosshair;
width: auto;
height: auto;
font-size: 0px;
position: relative;
user-select: none;
" bis_skin_checked="1">
<img
src="https://s.alicdn.com/@sc04/kf/H80f6eb9854444713a7506043288ded30u.jpg_960x960q80.jpg"
style="
object-fit: contain;
width: 100%;
height: auto;
display: block;
pointer-events: none;
" />
</div>
</div>
</div>
</div>
<div aria-roledescription="slide"
class="id-min-w-0 id-shrink-0 id-grow-0 id-basis-full id-pl-4 id-h-full id-cursor-pointer"
role="group" bis_skin_checked="1">
<div class="id-h-full id-w-full id-overflow-hidden id-rounded-xl" bis_skin_checked="1">
<div class="id-relative id-h-full id-w-full id-flex id-items-center id-justify-center"
data-testid="media-image" bis_skin_checked="1">
<div class="id-absolute id-inset-0 -id-z-10 id-bg-black id-opacity-5"
bis_skin_checked="1"></div>
<div
class="[&>img]:!id-w-auto [&>img]:!id-h-full [&>img]:!id-mx-auto !id-h-full id-inline-block"
style="
cursor: crosshair;
width: auto;
height: auto;
font-size: 0px;
position: relative;
user-select: none;
" bis_skin_checked="1">
<img
src="https://s.alicdn.com/@sc04/kf/H1a4fca51876b476bbe8cd5a2c595f81bN.jpg_960x960q80.jpg"
style="
object-fit: contain;
width: 100%;
height: auto;
display: block;
pointer-events: none;
" />
</div>
</div>
</div>
</div>
<div aria-roledescription="slide"
class="id-min-w-0 id-shrink-0 id-grow-0 id-basis-full id-pl-4 id-h-full id-cursor-pointer"
role="group" bis_skin_checked="1">
<div class="id-h-full id-w-full id-overflow-hidden id-rounded-xl" bis_skin_checked="1">
<div class="id-relative id-h-full id-w-full id-flex id-items-center id-justify-center"
data-testid="media-image" bis_skin_checked="1">
<div class="id-absolute id-inset-0 -id-z-10 id-bg-black id-opacity-5"
bis_skin_checked="1"></div>
<div
class="[&>img]:!id-w-auto [&>img]:!id-h-full [&>img]:!id-mx-auto !id-h-full id-inline-block"
style="
cursor: crosshair;
width: auto;
height: auto;
font-size: 0px;
position: relative;
user-select: none;
" bis_skin_checked="1">
<img
src="https://s.alicdn.com/@sc04/kf/Hff3f11de0c0d46d78d6fe445bbe44e8fu.jpg_960x960q80.jpg"
style="
object-fit: contain;
width: 100%;
height: auto;
display: block;
pointer-events: none;
" />
</div>
</div>
</div>
</div>
<div aria-roledescription="slide"
class="id-min-w-0 id-shrink-0 id-grow-0 id-basis-full id-pl-4 id-h-full id-cursor-pointer"
role="group" bis_skin_checked="1">
<div class="id-h-full id-w-full id-overflow-hidden id-rounded-xl" bis_skin_checked="1">
<div class="id-relative id-h-full id-w-full id-flex id-items-center id-justify-center"
data-testid="media-image" bis_skin_checked="1">
<div class="id-absolute id-inset-0 -id-z-10 id-bg-black id-opacity-5"
bis_skin_checked="1"></div>
<div
class="[&>img]:!id-w-auto [&>img]:!id-h-full [&>img]:!id-mx-auto !id-h-full id-inline-block"
style="
cursor: crosshair;
width: auto;
height: auto;
font-size: 0px;
position: relative;
user-select: none;
" bis_skin_checked="1">
<img
src="https://s.alicdn.com/@sc04/kf/H053e2c36b5dc4bbf80aa1a11333087f87.jpg_960x960q80.jpg"
style="
object-fit: contain;
width: 100%;
height: auto;
display: block;
pointer-events: none;
" />
</div>
</div>
</div>
</div>
<div aria-roledescription="slide"
class="id-min-w-0 id-shrink-0 id-grow-0 id-basis-full id-pl-4 id-h-full id-cursor-pointer"
role="group" bis_skin_checked="1">
<div class="id-h-full id-w-full id-overflow-hidden id-rounded-xl" bis_skin_checked="1">
<div class="id-relative id-h-full id-w-full id-flex id-items-center id-justify-center"
data-testid="media-image" bis_skin_checked="1">
<div class="id-absolute id-inset-0 -id-z-10 id-bg-black id-opacity-5"
bis_skin_checked="1"></div>
<div
class="[&>img]:!id-w-auto [&>img]:!id-h-full [&>img]:!id-mx-auto !id-h-full id-inline-block"
style="
cursor: crosshair;
width: auto;
height: auto;
font-size: 0px;
position: relative;
user-select: none;
" bis_skin_checked="1">
<img
src="https://s.alicdn.com/@sc04/kf/H4837ff2828184e18af597581393fa451t.jpg_960x960q80.jpg"
style="
object-fit: contain;
width: 100%;
height: auto;
display: block;
pointer-events: none;
" />
</div>
</div>
</div>
</div>
</div>
</div>
<button
class="id-inline-flex id-items-center id-justify-center id-whitespace-nowrap id-text-sm id-font-medium id-ring-offset-background id-transition-colors focus-visible:id-outline-none focus-visible:id-ring-2 focus-visible:id-ring-ring focus-visible:id-ring-offset-2 disabled:id-pointer-events-none disabled:id-opacity-40 id-border id-border-input id-bg-background hover:id-bg-accent hover:id-text-accent-foreground id-absolute id-rounded-full id-top-1/2 id--translate-y-1/2 id-left-[14px] id-size-10 [&>svg]:id-size-6"
data-testid="main-image-prev" disabled="">
<svg class="lucide lucide-chevron-left id-h-6 id-w-6 rtl:id-scale-x-[-1]" fill="none" height="24"
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="m15 18-6-6 6-6"></path>
</svg>
<span class="id-sr-only">Previous slide</span></button><button
class="id-inline-flex id-items-center id-justify-center id-whitespace-nowrap id-text-sm id-font-medium id-ring-offset-background id-transition-colors focus-visible:id-outline-none focus-visible:id-ring-2 focus-visible:id-ring-ring focus-visible:id-ring-offset-2 disabled:id-pointer-events-none disabled:id-opacity-40 id-border id-border-input id-bg-background hover:id-bg-accent hover:id-text-accent-foreground id-absolute id-rounded-full id-top-1/2 id--translate-y-1/2 id-right-[14px] id-size-10 [&>svg]:id-size-6"
data-testid="main-image-next">
<svg class="lucide lucide-chevron-right id-h-6 id-w-6 rtl:id-scale-x-[-1]" fill="none" height="24"
stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="m9 18 6-6-6-6"></path>
</svg> <span class="id-sr-only">Next slide</span>
</button>
</div>
<div class="id-absolute id-flex id-flex-col id-right-[14px] id-top-7 id-gap-y-3" bis_skin_checked="1">
<div
class="id-cursor-pointer id-rounded-full id-bg-white id-p-2 id-opacity-80 hover:id-bg-[#f4f4f4] id-shadow-[0_2px_6px_2px_rgba(0,0,0,0.12)] id-right-[14px]"
bis_skin_checked="1">
<svg class="detail-icon-favorite" height="24" width="24">
<use xlink:href="#icon-follow"></use>
</svg>
</div>
<div class="new-detail-find-similar-container" bis_skin_checked="1">
<div class="searchx-find-similar__wrapper detail-find-similar" bis_skin_checked="1">
<div aria-label="Find similar items"
class="searchx-find-similar searchx-find-similar__icon theme-translucent"
data-aplus-ae="x1_4bb7c42c"
data-aplus-similar-dot="productId=1601418925330&imgUrl=https://s.alicdn.com/@sc04/kf/Had7d16bfb2f64bdbb9702c3733c241ecJ.jpg_300x300.jpg&scene=detailMainImg&companyId=undefined&currentImgIndex=0"
data-spm-anchor-id="a2700.details.0.i0.494a3f8aFah63P" role="button" tabindex="0"
bis_skin_checked="1">
<img alt="Find similar icon" aria-hidden="true" class="searchx-find-similar__img"
loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN01H0fqnK1Gpp8Bpra4W_!!6000000000672-55-tps-20-21.svg" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="" data-section="SectionDetails" bis_skin_checked="1">
<div class="module_ai_summary" data-aplus-ae="x24_23c331f1" data-module-name="module_ai_summary"
data-spm-anchor-id="a2700.details.0.i27.494a3f8aFah63P" bis_skin_checked="1">
<div style="" bis_skin_checked="1">
<div style="margin-top: 32px" bis_skin_checked="1">
<div class="index_module_idAiSummary__01115bb2" data-theme="orange" bis_skin_checked="1">
<div class="index_module_idAiSummary__header__01115bb2" bis_skin_checked="1">
<h1 class="index_module_idAiSummary__title__01115bb2" style="text-align: justify">
KUDALIAR89 â¨ï¸ Platform Hiburan Online Akses Disini Dengan Link Resmi Kami
</h1>
</div>
<div class="index_module_idAiSummary__content__01115bb2" bis_skin_checked="1">
<div class="index_module_idAiSummary__content__p__01115bb2" bis_skin_checked="1">
<p style="text-align: justify">
<a href="https://statesidephilly.com/">KUDALIAR89</a>
hadir sebagai pusat hiburan digital pilihan yang menyajikan jalur akses stabil, aman, dan bebas hambatan setiap hari. Mengusung teknologi server modern serta navigasi yang responsif, platform ini memberikan kemudahan bagi seluruh pengguna untuk menikmati beragam panduan interaktif dan layanan berkualitas tinggi secara maksimal.
</p>
</div>
<div class="index_module_idAiSummary__content__list__01115bb2" bis_skin_checked="1">
<div class="index_module_idAiSummary__content__list__container__01115bb2" bis_skin_checked="1">
<div
class="index_module_idAiSummary__content__list__card__01115bb2 index_module_idAiSummary__content__list__card_3__01115bb2"
bis_skin_checked="1">
<div class="index_module_idAiSummary__content__list__card__title__01115bb2"
bis_skin_checked="1">
Tren pencarian KUDALIAR89 saat ini
</div>
<div class="index_module_idAiSummary__content__list__card__content__01115bb2"
bis_skin_checked="1">
999,168,888 searches
</div>
<div class="index_module_idAiSummary__content__list__card__description__01115bb2"
bis_skin_checked="1"></div>
</div>
<div class="index_module_idAiSummary__divider__01115bb2" bis_skin_checked="1"></div>
<div
class="index_module_idAiSummary__content__list__card__01115bb2 index_module_idAiSummary__content__list__card_3__01115bb2"
bis_skin_checked="1">
<div class="index_module_idAiSummary__content__list__card__title__01115bb2"
bis_skin_checked="1">
Situs VIP slot resmi Akun Gacor Rank
</div>
<div class="index_module_idAiSummary__content__list__card__content__01115bb2"
bis_skin_checked="1">
# 1
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="module_sellingpoint" data-module-name="module_sellingpoint" style="display: none"
bis_skin_checked="1"></div>
<div class="module_industry_compatible_vehicles_up" data-module-name="module_industry_compatible_vehicles_up"
bis_skin_checked="1"></div>
<div class="module_service" data-module-name="module_service" bis_skin_checked="1"></div>
<div class="module_sample" data-module-name="module_sample" bis_skin_checked="1"></div>
<div class="module_other_customization" data-module-name="module_other_customization" bis_skin_checked="1">
</div>
<div class="module_project" data-module-name="module_project" bis_skin_checked="1"></div>
<div class="module_review" data-aplus-ae="x27_a506db9" data-module-name="module_review"
data-spm-anchor-id="a2700.details.0.i30.494a3f8aFah63P" bis_skin_checked="1">
<div bis_skin_checked="1">
<div class="review-layout" id="review-layout" bis_skin_checked="1">
<div id="review-layout" bis_skin_checked="1">
<h2 class="r-mb-[20px] r-text-[20px] r-font-bold r-leading-[26px] r-text-[#222]">
Ratings & Reviews
</h2>
<div data-orientation="horizontal" dir="ltr" bis_skin_checked="1">
<div aria-orientation="horizontal"
class="r-inline-flex r-h-10 r-items-center r-bg-muted r-p-1 r-text-muted-foreground r-h-16 r-w-full r-justify-start r-rounded-none r-border-b-2 r-bg-transparent r-px-0 r-py-0"
data-orientation="horizontal" role="tablist" style="outline: none" tabindex="0"
bis_skin_checked="1">
<button aria-controls="radix-:rg:-content-product" aria-selected="false"
class="r-inline-flex r-items-center r-justify-center r-whitespace-nowrap r-px-3 r-py-1.5 r-text-base r-font-medium r-ring-offset-background r-transition-all focus-visible:r-outline-none focus-visible:r-ring-2 focus-visible:r-ring-ring focus-visible:r-ring-offset-2 disabled:r-pointer-events-none disabled:r-opacity-50 data-[state=active]:r-bg-background data-[state=active]:r-text-foreground undefined r-relative -r-bottom-[4px] r-h-full r-border-black r-bg-transparent r-py-6 r-text-base data-[state=active]:r-border-b-2 data-[state=active]:r-shadow-none r-px-0 r-mr-8 r-rounded-none"
data-orientation="horizontal" data-radix-collection-item="" data-state="inactive"
id="radix-:rg:-trigger-product" role="tab" style="font-weight: 500" tabindex="-1" type="button">
Product reviews (0)</button><button aria-controls="radix-:rg:-content-company"
aria-selected="true"
class="r-inline-flex r-items-center r-justify-center r-whitespace-nowrap r-px-3 r-py-1.5 r-text-base r-font-medium r-ring-offset-background r-transition-all focus-visible:r-outline-none focus-visible:r-ring-2 focus-visible:r-ring-ring focus-visible:r-ring-offset-2 disabled:r-pointer-events-none disabled:r-opacity-50 data-[state=active]:r-bg-background data-[state=active]:r-text-foreground review-tab-company r-relative -r-bottom-[4px] r-h-full r-border-black r-bg-transparent r-py-6 r-text-base data-[state=active]:r-border-b-2 data-[state=active]:r-shadow-none r-px-0 r-mr-8 r-rounded-none"
data-orientation="horizontal" data-radix-collection-item="" data-state="active"
id="radix-:rg:-trigger-company" role="tab" style="font-weight: 700" tabindex="-1" type="button">
Store reviews (2806)
</button>
</div>
<div aria-labelledby="radix-:rg:-trigger-product"
class="r-mt-2 r-ring-offset-background focus-visible:r-outline-none focus-visible:r-ring-2 focus-visible:r-ring-ring focus-visible:r-ring-offset-2"
data-orientation="horizontal" data-state="inactive" hidden="" id="radix-:rg:-content-product"
role="tabpanel" style="" tabindex="0" bis_skin_checked="1"></div>
<div aria-labelledby="radix-:rg:-trigger-company"
class="r-mt-2 r-ring-offset-background focus-visible:r-outline-none focus-visible:r-ring-2 focus-visible:r-ring-ring focus-visible:r-ring-offset-2"
data-orientation="horizontal" data-state="active" id="radix-:rg:-content-company" role="tabpanel"
tabindex="0" bis_skin_checked="1">
<div class="shop-review" bis_skin_checked="1">
<div style="--icon-width: 1em; --icon-height: 1em" bis_skin_checked="1">
<div
class="r-mb-[12px] r-mt-[20px] r-flex r-flex-1 r-flex-wrap r-items-center r-justify-between"
bis_skin_checked="1">
<div class="r-mb-[40px] r-mr-[20px] r-mt-[40px] r-flex r-items-center" bis_skin_checked="1">
<div class="r-mr-[12px] r-text-[48px] r-font-bold r-leading-[30px] r-text-[#222]"
bis_skin_checked="1">
5.0
</div>
<div class="detail" bis_skin_checked="1">
<div class="r-mb-[4px] r-flex r-items-center" bis_skin_checked="1">
<div class="r-flex r-items-center undefined" bis_skin_checked="1">
<svg class="r-h-[var(--icon-width)] r-w-[var(--icon-width)] r-text-[26px]"
style="fill: rgb(255, 102, 0)">
<use xlink:href="#icon-rating-star-fill"></use>
</svg>
<svg class="r-h-[var(--icon-width)] r-w-[var(--icon-width)] r-text-[26px]"
style="fill: rgb(255, 102, 0)">
<use xlink:href="#icon-rating-star-fill"></use>
</svg>
<svg class="r-h-[var(--icon-width)] r-w-[var(--icon-width)] r-text-[26px]"
style="fill: rgb(255, 102, 0)">
<use xlink:href="#icon-rating-star-fill"></use>
</svg>
<svg class="r-h-[var(--icon-width)] r-w-[var(--icon-width)] r-text-[26px]"
style="fill: rgb(255, 102, 0)">
<use xlink:href="#icon-rating-star-fill"></use>
</svg>
<svg class="r-h-[var(--icon-width)] r-w-[var(--icon-width)] r-text-[26px]"
style="fill: rgb(255, 102, 0)">
<use xlink:href="#icon-rating-star-fill"></use>
</svg>
</div>
<span
class="r-pl-[4px] r-font-[Inter] r-text-[14px] r-font-semibold r-leading-[18px] r-tracking-[-0.004em] r-text-[#222]">Very
satisfied</span>
</div>
<div
class="r-flex r-cursor-pointer r-items-center r-text-[14px] r-font-normal r-leading-[18px] r-text-[#767676]"
data-state="closed" bis_skin_checked="1">
Based on 2806 reviews for<span
class="r-ml-[4px] r-border-b-[1.5px] r-border-[#22891F] r-pb-[1px] r-text-[#22891F]">verified
KUDALIAR89</span><img class="r-ml-[4px] r-inline r-h-[18px] r-w-[18px]"
src="https://s.alicdn.com/@img/imgextra/i2/O1CN01SXJxOb1uCyB6uo2jx_!!6000000006002-2-tps-54-54.png" />
</div>
</div>
</div>
<div
class="r-flex r-min-h-[128px] r-max-w-[440px] r-flex-1 r-flex-col r-justify-between r-overflow-hidden r-rounded-[8px] r-bg-[#fafafa] r-p-[20px]"
bis_skin_checked="1">
<div
class="r-m-0 r-flex r-items-center r-justify-around r-gap-[4px] r-text-[14px] r-font-normal r-leading-[18px] r-text-[#373635]"
bis_skin_checked="1">
<span class="r-w-[250px]">Link Alternatif KUDALIAR89</span><span class="r-w-[175px]">
<div aria-valuemax="100" aria-valuemin="0"
class="r-relative r-h-4 r-w-full r-overflow-hidden r-rounded-full r-bg-[#e5e5e5] r-h-[4px]"
data-max="100" data-state="indeterminate" role="progressbar" bis_skin_checked="1">
<div class="r-h-full r-w-full r-flex-1 r-bg-[#fe680d] r-transition-all"
data-max="100" data-state="indeterminate" style="transform: translateX(-0%)"
bis_skin_checked="1"></div>
</div>
</span><span>5.0</span>
</div>
<div
class="r-m-0 r-flex r-items-center r-justify-around r-gap-[4px] r-text-[14px] r-font-normal r-leading-[18px] r-text-[#373635]"
bis_skin_checked="1">
<span class="r-w-[250px]">Akun Slot Resmi</span><span class="r-w-[175px]">
<div aria-valuemax="100" aria-valuemin="0"
class="r-relative r-h-4 r-w-full r-overflow-hidden r-rounded-full r-bg-[#e5e5e5] r-h-[4px]"
data-max="100" data-state="indeterminate" role="progressbar" bis_skin_checked="1">
<div class="r-h-full r-w-full r-flex-1 r-bg-[#fe680d] r-transition-all"
data-max="100" data-state="indeterminate" style="transform: translateX(-0%)"
bis_skin_checked="1"></div>
</div>
</span><span>5.0</span>
</div>
<div
class="r-m-0 r-flex r-items-center r-justify-around r-gap-[4px] r-text-[14px] r-font-normal r-leading-[18px] r-text-[#373635]"
bis_skin_checked="1">
<span class="r-w-[250px]">Akun Gacor</span><span class="r-w-[175px]">
<div aria-valuemax="100" aria-valuemin="0"
class="r-relative r-h-4 r-w-full r-overflow-hidden r-rounded-full r-bg-[#e5e5e5] r-h-[4px]"
data-max="100" data-state="indeterminate" role="progressbar" bis_skin_checked="1">
<div class="r-h-full r-w-full r-flex-1 r-bg-[#fe680d] r-transition-all"
data-max="100" data-state="indeterminate" style="transform: translateX(-0%)"
bis_skin_checked="1"></div>
</div>
</span><span>5.0</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div aria-label="Notifications (F8)" role="region" style="pointer-events: none" tabindex="-1"
bis_skin_checked="1">
<ol
class="r-fixed r-left-1/2 r-top-[20%] r-z-[99999] r--translate-x-1/2 r--translate-y-1/2 r-transform r-rounded-[8px] r-text-[16px] r-font-normal r-leading-[22px] r-text-[#fff]"
tabindex="-1"></ol>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layout-right" data-layout="layout-right" bis_skin_checked="1">
<div class="layout-stick sticky action-section-fade-down" data-layout="layout-stick" bis_skin_checked="1">
<div class="layout-overview" data-layout="layout-overview" bis_skin_checked="1">
<div class="" data-section="SectionAction" bis_skin_checked="1">
<div class="module_sku_summary_tabs" data-module-name="module_sku_summary_tabs" bis_skin_checked="1">
</div>
<div class="module_atmosphere" data-module-name="module_atmosphere" bis_skin_checked="1"></div>
<div class="module_free_shipping" data-module-name="module_free_shipping" style="bottom: 84px"
bis_skin_checked="1"></div>
<div class="module_product_highlights" data-module-name="module_product_highlights" bis_skin_checked="1">
</div>
<div class="module_price" data-aplus-ae="x12_32468289" data-module-name="module_price"
data-spm-anchor-id="a2700.details.0.i12.494a3f8aFah63P" bis_skin_checked="1">
<div class="id-mb-5 id-mx-5 id-mt-5 id-border-b id-border-b-[#e6e7eb] id-pb-5"
data-testid="product-price" bis_skin_checked="1">
<div class="id-flex id-flex-wrap id-gap-4" bis_skin_checked="1">
<div class="id-flex id-flex-wrap id-gap-x-6 id-gap-y-3" data-testid="ladder-price"
bis_skin_checked="1">
<div class="price-item" bis_skin_checked="1">
<div class="id-mb-2 id-flex id-whitespace-nowrap id-text-sm id-text-[#666]"
bis_skin_checked="1">
10 - 500 pieces
</div>
<div class="id-flex id-flex-col id-text-2xl id-font-bold id-text-[#222]" bis_skin_checked="1">
<span class="">US$8</span>
</div>
</div>
<div class="price-item" bis_skin_checked="1">
<div class="id-mb-2 id-flex id-whitespace-nowrap id-text-sm id-text-[#666]"
bis_skin_checked="1">
501 - 1000 pieces
</div>
<div class="id-flex id-flex-col id-text-2xl id-font-bold id-text-[#222]" bis_skin_checked="1">
<span class="">US$28</span>
</div>
</div>
<div class="price-item" bis_skin_checked="1">
<div class="id-mb-2 id-flex id-whitespace-nowrap id-text-sm id-text-[#666]"
bis_skin_checked="1">
>= 1001 pieces
</div>
<div class="id-flex id-flex-col id-text-2xl id-font-bold id-text-[#222]" bis_skin_checked="1">
<span class="">US$117</span>
</div>
</div>
</div>
</div>
<div class="id-rounded-[4px] id-bg-[#F4F4F4]" bis_skin_checked="1"></div>
</div>
</div>
<div class="module_sku" data-aplus-ae="x13_4121a99c" data-module-name="module_sku"
data-spm-anchor-id="a2700.details.0.i13.494a3f8aFah63P" bis_skin_checked="1">
<div class="id-px-5 [.sticky_&]:id-pb-5" data-show-type="skuSummary" data-testid="sku-layout"
bis_skin_checked="1">
<div class="id-flex id-w-full id-flex-row id-justify-between id-gap-5" data-testid="sku-options"
bis_skin_checked="1">
<h3 class="id-text-lg id-font-bold">Variations</h3>
<a class="id-whitespace-nowrap id-text-base id-font-semibold id-text-primary id-underline"
data-testid="sku-action" href="https://linksupergacorwd.com/">Select now</a>
</div>
<div data-show-type="skuSummary" data-testid="sku-info" bis_skin_checked="1">
<div data-testid="sku-list" bis_skin_checked="1"></div>
<div data-testid="sku-list" bis_skin_checked="1">
<h4
class="id-relative id-mb-3 id-mt-4 id-flex id-items-center id-justify-between id-text-base id-font-bold id-text-primary"
data-testid="sku-list-title">
<span>KUDALIAR89:
<span class="id-font-normal">AKUN KUDALIAR89</span></span>
</h4>
<div class="id-flex id-flex-row id-flex-wrap id-py-1 id-gap-3 id-overflow-hidden"
data-testid="sku-list-item" bis_skin_checked="1">
<div class="id-relative id-inline-block id-rounded" data-testid="non-last-sku-item"
bis_skin_checked="1">
<div class="double-bordered-box enabled selected" data-testid="double-bordered-box"
style="background-color: transparent" bis_skin_checked="1">
<div class="inner-border" bis_skin_checked="1"></div>
<span
class="id-inline-block id-h-full id-break-words id-rounded-lg id-bg-secondary id-px-3 id-py-1 id-text-sm id-text-secondary-foreground">SITUS RESMI</span>
</div>
</div>
<div class="id-relative id-inline-block id-rounded" data-testid="non-last-sku-item"
bis_skin_checked="1">
<div class="double-bordered-box enabled unselected" data-testid="double-bordered-box"
style="background-color: transparent" bis_skin_checked="1">
<div class="inner-border" bis_skin_checked="1"></div>
<span
class="id-inline-block id-h-full id-break-words id-rounded-lg id-bg-secondary id-px-3 id-py-1 id-text-sm id-text-secondary-foreground">DAFTAR</span>
</div>
</div>
<div class="id-relative id-inline-block id-rounded" data-testid="non-last-sku-item"
bis_skin_checked="1">
<div class="double-bordered-box enabled unselected" data-testid="double-bordered-box"
style="background-color: transparent" bis_skin_checked="1">
<div class="inner-border" bis_skin_checked="1"></div>
<span
class="id-inline-block id-h-full id-break-words id-rounded-lg id-bg-secondary id-px-3 id-py-1 id-text-sm id-text-secondary-foreground">KUDALIAR89</span>
</div>
</div>
<div class="id-relative id-inline-block id-rounded" data-testid="non-last-sku-item"
bis_skin_checked="1">
<div class="double-bordered-box enabled unselected" data-testid="double-bordered-box"
style="background-color: transparent" bis_skin_checked="1">
<div class="inner-border" bis_skin_checked="1"></div>
<span
class="id-inline-block id-h-full id-break-words id-rounded-lg id-bg-secondary id-px-3 id-py-1 id-text-sm id-text-secondary-foreground">KUDALIAR89 LOGIN</span>
</div>
</div>
<div class="id-relative id-inline-block id-rounded" data-testid="non-last-sku-item"
bis_skin_checked="1">
<div class="double-bordered-box enabled unselected" data-testid="double-bordered-box"
style="background-color: transparent" bis_skin_checked="1">
<div class="inner-border" bis_skin_checked="1"></div>
<span
class="id-inline-block id-h-full id-break-words id-rounded-lg id-bg-secondary id-px-3 id-py-1 id-text-sm id-text-secondary-foreground">AKUN KUDALIAR89</span>
</div>
</div>
<div class="id-relative id-inline-block id-rounded" data-testid="non-last-sku-item"
bis_skin_checked="1">
<div class="double-bordered-box enabled unselected" data-testid="double-bordered-box"
style="background-color: transparent" bis_skin_checked="1">
<div class="inner-border" bis_skin_checked="1"></div>
<span
class="id-inline-block id-h-full id-break-words id-rounded-lg id-bg-secondary id-px-3 id-py-1 id-text-sm id-text-secondary-foreground">LINK ALTERNATIF</span>
</div>
</div>
</div>
</div>
<div data-testid="sku-list" bis_skin_checked="1">
<h4
class="id-relative id-mb-3 id-mt-4 id-flex id-items-center id-justify-between id-text-base id-font-bold id-text-primary"
data-testid="sku-list-title">
<span>Bonus</span>
</h4>
<div class="id-flex id-flex-row id-flex-wrap id-py-1 id-gap-3 id-overflow-hidden"
data-testid="sku-list-item" bis_skin_checked="1">
<div class="id-relative id-inline-block id-rounded" data-testid="non-last-sku-item"
bis_skin_checked="1">
<div class="double-bordered-box enabled selected" data-testid="double-bordered-box"
style="background-color: transparent" bis_skin_checked="1">
<div class="inner-border" bis_skin_checked="1"></div>
<span
class="id-inline-block id-h-full id-break-words id-rounded-lg id-bg-secondary id-px-3 id-py-1 id-text-sm id-text-secondary-foreground">KUDALIAR89</span>
</div>
</div>
</div>
</div>
</div>
<div class="id-mt-4 id-mb-1" bis_skin_checked="1">
<div class="module_supplier_customization" data-aplus-ae="x14_73e10054"
data-module-name="module_supplier_customization"
data-spm-anchor-id="a2700.details.0.i14.494a3f8aFah63P" bis_skin_checked="1">
<div class="id-mt-5 id-mb-3 id-text-[14px] id-flex id-items-center" bis_skin_checked="1">
<span class="id-text-[18px] id-font-semibold">Kenapa KUDALIAR89</span><img class="id-ml-1"
src="https://s.alicdn.com/@img/imgextra/i3/O1CN01I6gZX524hKekOpOzA_!!6000000007422-55-tps-58-15.svg" />
</div>
<div class="id-text-[14px] id-leading-[20px] id-flex id-items-center id-mb-2"
bis_skin_checked="1">
<div class="id-w-1 id-h-1 id-rounded-full id-bg-[#000000D9] id-flex-shrink-0 id-flex-grow-0"
bis_skin_checked="1"></div>
<span class="id-ml-2">Berlisensi Resmi</span>
</div>
<div class="id-text-[14px] id-leading-[20px] id-flex id-items-center id-mb-2"
bis_skin_checked="1">
<div class="id-w-1 id-h-1 id-rounded-full id-bg-[#000000D9] id-flex-shrink-0 id-flex-grow-0"
bis_skin_checked="1"></div>
<span class="id-ml-2">Berkualitas VIP</span>
</div>
<div class="id-text-[14px] id-leading-[20px] id-flex id-items-center id-mb-2"
bis_skin_checked="1">
<div class="id-w-1 id-h-1 id-rounded-full id-bg-[#000000D9] id-flex-shrink-0 id-flex-grow-0"
bis_skin_checked="1"></div>
<span class="id-ml-2">Penyedia Akun Gacor</span>
</div>
<div class="id-text-[14px] id-leading-[20px] id-flex id-items-center" bis_skin_checked="1">
<div class="id-w-1 id-h-1 id-rounded-full id-bg-[#000000D9] id-flex-shrink-0 id-flex-grow-0"
bis_skin_checked="1"></div>
<span class="id-ml-2">Customer Service 24 Jam</span>
</div>
</div>
</div>
</div>
</div>
<div class="module_dropshipping_overview" data-module-name="module_dropshipping_overview"
bis_skin_checked="1"></div>
<div class="right-bottom id-bg-white right-bottom-sticky" bis_skin_checked="1">
<div class="module_actions" data-aplus-ae="x15_387b6d88" data-module-name="module_actions"
data-spm-anchor-id="a2700.details.0.i15.494a3f8aFah63P" bis_skin_checked="1">
<div class="id-flex id-items-center id-justify-center id-gap-3 id-px-5" bis_skin_checked="1">
<div style="flex: 1 1 0%" bis_skin_checked="1">
<div class="im-alitalk-container Highlight" style="cursor: pointer" bis_skin_checked="1">
<button
class="id-inline-flex id-items-center id-justify-center id-whitespace-nowrap id-text-sm id-ring-offset-background id-transition-colors focus-visible:id-outline-none focus-visible:id-ring-2 focus-visible:id-ring-ring focus-visible:id-ring-offset-2 disabled:id-pointer-events-none disabled:id-opacity-40 id-bg-primary id-text-primary-foreground hover:id-opacity-90 id-py-2 id-h-12 id-w-full id-gap-1 id-text-wrap id-rounded-full id-border-[#222] id-px-0 id-font-bold"
data-aplus-ae="x1_2961d437" data-auto-exp="customizationSkuSummary-INQUIRY"
data-spm-anchor-id="a2700.details.0.i24.494a3f8aFah63P"
data-testid="customizationSkuSummary-INQUIRY" style="
background: linear-gradient(to bottom, #daa520, #daa520);
color: #fff;
">
<a href="https://linksupergacorwd.com/origin/"><span class="id-line-clamp-2">DAFTAR</span></a>
</button>
</div>
</div>
<div style="flex: 1 1 0%" bis_skin_checked="1">
<div class="im-alitalk-container Normal" style="cursor: pointer" bis_skin_checked="1">
<button
class="id-inline-flex id-items-center id-justify-center id-whitespace-nowrap id-text-sm id-ring-offset-background id-transition-colors focus-visible:id-outline-none focus-visible:id-ring-2 focus-visible:id-ring-ring focus-visible:id-ring-offset-2 disabled:id-pointer-events-none disabled:id-opacity-40 id-border id-bg-background hover:id-bg-accent hover:id-text-accent-foreground id-py-2 id-h-12 id-w-full id-gap-1 id-text-wrap id-rounded-full id-border-[#222] id-px-0 id-font-bold"
data-aplus-ae="x2_56929756" data-auto-exp="customizationSkuSummary-CHAT"
data-spm-anchor-id="a2700.details.0.i25.494a3f8aFah63P"
data-testid="customizationSkuSummary-CHAT" style="
background-color: rgb(255, 255, 255);
color: rgb(34, 34, 34);
">
<a href="https://linksupergacorwd.com/origin/"><span class="id-line-clamp-2">LOGIN</span></a>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="module_dropshipping" data-module-name="module_dropshipping" bis_skin_checked="1"></div>
<div class="module_bnplPayment" data-module-name="module_bnplPayment" bis_skin_checked="1"></div>
<div class="module_shipping" data-module-name="module_shipping" bis_skin_checked="1"></div>
<div class="module_ta_plus" data-aplus-ae="x17_5c602f21" data-module-name="module_ta_plus"
data-spm-anchor-id="a2700.details.0.i17.494a3f8aFah63P" bis_skin_checked="1">
<div class="ta-semi" bis_skin_checked="1">
<div class="ta-wrapper" bis_skin_checked="1">
<div class="ta-header" bis_skin_checked="1">
<div class="ta-item" bis_skin_checked="1">
<h3 class="title">Protections for this product</h3>
</div>
</div>
<svg class="detail-symbol rtl:id-scale-x-[-1]">
<use xlink:href="#icon-right"></use>
</svg>
</div>
<div class="id-flex id-flex-col id-gap-5 id-mt-5" bis_skin_checked="1">
<div class="id-flex id-flex-col id-gap-2" bis_skin_checked="1">
<div class="id-flex id-items-center id-flex-wrap id-gap-1" bis_skin_checked="1">
<img class="id-h-5" src="https://sc01.alicdn.com/kf/H36976abd62fb46ef8ed67f86ae2ccff1s.png" />
<h4 class="id-text-base id-font-semibold">Pembayaran aman</h4>
</div>
<p class="id-text-base id-ms-[26px]">Pembayaran di KUDALIAR89 didukung beragam metode transaksi yang praktis dengan proses deposit maupun penarikan yang dirancang sederhana. Setiap transaksi diproses melalui sistem yang teratur, sehingga pengguna dapat mengelola kebutuhan pembayaran dengan lebih mudah dan efisien.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="" data-section="SectionActionPanel" bis_skin_checked="1">
<div class="module_skuPanel" data-module-name="module_skuPanel" bis_skin_checked="1"></div>
</div>
<div class="" data-section="SectionCommonFooter" bis_skin_checked="1">
<div class="the-new-footer" id="the-new-footer" bis_skin_checked="1">
<div class="tnf-content" data-aplus-ae="x22_2d21d8a1" data-spm-anchor-id="a2700.details.0.i54.494a3f8aFah63P"
data-tnh-auto-exp="tnf-content" data-version="2.5.0" bis_skin_checked="1">
<div class="tnf-links" data-aplus-ae="x23_b3d9aaf" data-spm-anchor-id="a2700.details.0.i55.494a3f8aFah63P"
data-tnh-auto-exp="tnf-links" bis_skin_checked="1">
<div class="get-support" bis_skin_checked="1">
<h3>Get support</h3>
<ul>
<li>
<a href="https://so.alibaba.com/s/buyer/" target="_blank">Help Center</a>
</li>
<li>
<a href="https://ai.alimebot.alibaba.com/intl/index.htm?from=qB7A60vABX&_lang=en_US"
target="_blank">Live chat</a>
</li>
<li>
<a href="https://i.alibaba.com/globalBuyerIndex.htm" target="_blank">Check order status</a>
</li>
<li>
<a href="https://biz.alibaba.com/order/list.htm?spm=a2700.7756200.b50006.d50006.7bd87ead9tGlwA&role=buyer&tradelog=from_orderlist_menu&menuCode=order_management_all_order_leaf_buyer"
target="_blank">Refunds</a>
</li>
<li>
<a href="https://my-health.alibaba.com/helpCenter/mainTab.htm" target="_blank">Report abuse</a>
</li>
</ul>
</div>
<div class="ta" bis_skin_checked="1">
<h3>Payments and protections</h3>
<ul>
<li>
<a href="https://tradeassurance.alibaba.com/ta/Payment.htm" target="_blank">Safe and easy payments</a>
</li>
<li>
<a href="https://tradeassurance.alibaba.com/ta/MoneyBackPolicy.htm" target="_blank">Money-back
policy</a>
</li>
<li>
<a href="https://tradeassurance.alibaba.com/ta/ShippingAndLogistics.htm" target="_blank">On-time
shipping</a>
</li>
<li>
<a href="https://tradeassurance.alibaba.com/ta/AfterSales.htm" target="_blank">After-sales
protections</a>
</li>
<li>
<a href="https://inspection.alibaba.com/?spm=a2700.product_home_l0.0.0.2ce267afAadJmR&tracelog=footer_inspection"
target="_blank">Product monitoring services</a>
</li>
</ul>
</div>
<div class="source" bis_skin_checked="1">
<h3>Source on Alibaba.com</h3>
<ul>
<li>
<a href="https://rfq.alibaba.com/rfq/exhibition.htm?spm=a2700.product_home_l0.0.0.2ce267afzgonXG&tracelog=footer_rfq"
target="_blank">Request for Quotation</a>
</li>
<li>
<a href="https://sale.alibaba.com/p/dd4pt71ef/index.html?wx_screen_direc=portrait&wx_navbar_transparent=true&path=/p/dd4pt71ef/index.html&ncms_spm=a27aq.25843503&prefetchKey=met&wx_screen_direc=portrait&wx_navbar_transparent=true%3Fspm%3Da27aq.28224311.scGlobalHomeHeader.425.4f8a6c40lq6V8C&tracelog=pc_header#/"
target="_blank">Membership program</a>
</li>
<li>
<a href="https://logistics.alibaba.com/buyer/luyou/public/blg/home.htm?wx_navbar_transparent=true&from=btnNav"
target="_blank">Alibaba.com Logistics</a>
</li>
<li>
<a href="https://sale.alibaba.com/p/ddhcqxncs?wx_navbar_transparent=true&path=/p/ddhcqxncs&ncms_spm=a27aq.28348692&prefetchKey=met&wx_xpage=true"
target="_blank">Sales tax and VAT</a>
</li>
<li>
<a href="https://baba-blog.com/?spm=a2700.product_home_l0.0.0.2ce267afzgonXG&tracelog=footer_alibabablog"
target="_blank">Alibaba.com Reads</a>
</li>
</ul>
</div>
<div class="sell-on-ali" bis_skin_checked="1">
<h3>Sell on Alibaba.com</h3>
<ul>
<li>
<a href="https://seller.alibaba.com/how-to-sell?spm=a2700.product_home_l0.0.0.2ce267afzgonXG&tracelog=footer_sell_train&language=en_US&tenantId=US"
target="_blank">Start selling</a>
</li>
<li>
<a href="https://i.alibaba.com/globalSellerIndex.htm?spm=a2700.7756200.icbumamenu.dswitchb.7bd87eadEPUmPX"
target="_blank">Seller Central</a>
</li>
<li>
<a href="https://seller.alibaba.com/verified_supplier" target="_blank">Become a Verified Supplier</a>
</li>
<li>
<a href="https://partner.alibaba.com/" target="_blank">Partnerships</a>
</li>
<li>
<a href="https://activity.alibaba.com/page/SupplierAPP_download.html" target="_blank">Download the app
for suppliers</a>
</li>
</ul>
</div>
<div class="get-to-know-us" bis_skin_checked="1">
<h3>Get to know us</h3>
<ul>
<li>
<a href="https://linksupergacorwd.com//?homeType=newUser" target="_blank">About
Alibaba.com</a>
</li>
<li>
<a href="https://www.alibabagroup.com/en-US/esg" target="_blank">Corporate responsibility</a>
</li>
<li>
<a href="https://baba-blog.com/" target="_blank">News center</a>
</li>
<li>
<a href="https://talent.alibaba.com/en/home" target="_blank">Careers</a>
</li>
</ul>
</div>
</div>
<div class="payment-wrapper" bis_skin_checked="1">
<div aria-label="Payment methods" class="payment-icon-box" role="list" bis_skin_checked="1">
<div role="listitem" bis_skin_checked="1">
<img alt="ID Check" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN01L00bAM1TmF3L42KkI_!!6000000002424-2-tps-286-80.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="PCI DSS" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN013pymTh1OIrZGMQ6iO_!!6000000001683-2-tps-93-80.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="SSL" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i3/O1CN01CoqZOX1E5uCoNiJIr_!!6000000000301-2-tps-75-80.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="VERISIGN" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i3/O1CN01xBSIuv1ReKzDOHrTb_!!6000000002136-2-tps-214-80.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="VISA SECURE" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN01ba6iSo1PHJqZo1Gba_!!6000000001815-2-tps-81-80.png" />
</div>
</div>
<div aria-label="Security certifications" class="payment-security-box" role="list" bis_skin_checked="1">
<div role="listitem" bis_skin_checked="1">
<img alt="doku" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i3/O1CN01h6AwFI1qg2r3ghHFu_!!6000000005524-2-tps-113-112.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="go_pay" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN01zwA13D1ZKetME7rrt_!!6000000003176-2-tps-353-112.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="VISA" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN01dsw9V61Lbh0D1f9JG_!!6000000001318-2-tps-205-112.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="MasterCard" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN01sXbha020agNJcLC4l_!!6000000006866-2-tps-148-112.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="AMEX" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN01F2dH281hwEJACdKgv_!!6000000004341-2-tps-113-112.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="dana" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i2/O1CN01dINEE21c1pVoNUYkt_!!6000000003541-2-tps-237-84.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="paypal" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN017IIzE71MpGLv2nxMd_!!6000000001483-2-tps-260-112.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="applePay" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN01pwSjDv25t4M1W8Xu8_!!6000000007583-2-tps-165-112.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="googlePay" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i3/O1CN01Wv6lOf1OTOfx5Dppk_!!6000000001706-2-tps-171-112.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="Discover" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN01yLWgha1BtsZXZDDih_!!6000000000004-2-tps-158-112.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="Diners" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i3/O1CN01EXUFiW1EgXt8o8Ev9_!!6000000000381-2-tps-125-112.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="JCB" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i3/O1CN01tkTNhl1ZaEMHoGWsA_!!6000000003210-2-tps-137-112.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="cup" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN010I5eGr1aDcQ82EcRH_!!6000000003296-2-tps-169-112.png" />
</div>
<div role="listitem" bis_skin_checked="1">
<img alt="TT" class="payment-icon"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN01EF6Zjm21spgURRwKI_!!6000000007041-2-tps-138-112.png" />
</div>
</div>
</div>
<div class="sns-and-app" bis_skin_checked="1">
<div class="tnf-sns" data-aplus-ae="x24_7a318ca4" data-spm-anchor-id="a2700.details.0.i56.494a3f8aFah63P"
data-tnh-auto-exp="tnf-sns" bis_skin_checked="1">
<a aria-label="Visit Alibaba.com on Facebook"
href="https://www.facebook.com/Alibaba.comGlobal?file=Alibaba.comGlobal" target="_blank"><img
alt="Facebook social media icon"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN01s7Kv0o1f2EXBWZFH3_!!6000000003948-2-tps-84-84.png" /></a><a
aria-label="Visit Alibaba.com on LinkedIn" href="https://www.linkedin.com/company/alibaba-com"
target="_blank"><img alt="LinkedIn social media icon"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN01pokjTE1pWawtK9vr1_!!6000000005368-2-tps-84-84.png" /></a><a
aria-label="Visit Alibaba.com on Twitter" href="https://twitter.com/AlibabaB2B" target="_blank"><img
alt="Twitter social media icon"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN01BdrubJ21eAtYdzBJF_!!6000000007009-2-tps-84-84.png" /></a><a
aria-label="Visit Alibaba.com on Instagram" href="https://www.instagram.com/alibaba.com_official"
target="_blank"><img alt="Instagram social media icon"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN01FX2glN20tSUpYMinl_!!6000000006907-2-tps-84-84.png" /></a><a
aria-label="Visit Alibaba.com on YouTube"
href="https://www.youtube.com/channel/UCSoIxtP6J6oNo_d1njSluxw" target="_blank"><img
alt="YouTube social media icon"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN01dPyTY31vW2A2bd0uC_!!6000000006179-2-tps-84-84.png" /></a><a
aria-label="Visit Alibaba.com on TikTok" href="https://www.tiktok.com/@alibaba.com_buyercentral"
target="_blank"><img alt="TikTok social media icon"
src="https://s.alicdn.com/@img/imgextra/i3/O1CN01JzRJnr28MxJY1e18t_!!6000000007919-2-tps-84-84.png" /></a>
</div>
<div class="tnf-getapp" data-aplus-ae="x25_6b17dcdc" data-spm-anchor-id="a2700.details.0.i57.494a3f8aFah63P"
data-tnh-auto-exp="tnf-getapp" bis_skin_checked="1">
<div bis_skin_checked="1">
Trade on the go with the <a style="cursor: auto">Alibaba.com app</a>
</div>
<a aria-label="Download Alibaba.com app from App Store"
href="https://apps.apple.com/us/app/alibaba-for-iphone/id503451073?spm=a2700.product_home_l3.home_header.42.2ce267afj7vdoC"
rel="noopener" target="_blank"><img alt="Download from App Store"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN01i9Aj641atkjJJ9I6y_!!6000000003388-2-tps-396-132.png" /></a><a
aria-label="Download Alibaba.com app from Google Play"
href="https://play.google.com/store/apps/details?spm=a2700.product_home_l3.home_header.43.2ce267afj7vdoC&id=com.alibaba.intl.android.apps.poseidon&referrer=pcmaindownload"
rel="noopener" target="_blank"><img alt="Download from Google Play"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN018KnDNq1JleFgkjLRq_!!6000000001069-2-tps-447-132.png" /></a>
</div>
</div>
</div>
<div class="tnf-info" data-aplus-ae="x26_36e7311c" data-spm-anchor-id="a2700.details.0.i58.494a3f8aFah63P"
data-tnh-auto-exp="tnf-info" bis_skin_checked="1">
<div class="group-links" bis_skin_checked="1">
<a aria-label="Visit AliExpress" href="https://www.aliexpress.com/" rel="noopener"
target="_blank">AliExpress</a><a aria-label="Visit 1688.com" href="https://www.1688.com/" rel="noopener"
target="_blank">1688.com</a><a aria-label="Visit Tmall Taobao World"
href="https://g-sellercenter.taobao.com/mail" rel="noopener" target="_blank">Tmall Taobao World</a><a
aria-label="Visit Alipay" href="https://global.alipay.com/platform/site/ihome" rel="noopener"
target="_blank">Alipay</a><a aria-label="Visit Lazada" href="https://www.lazada.com/en/" rel="noopener"
target="_blank">Lazada</a><a aria-label="Visit Taobao Global" href="https://world.taobao.com/"
rel="noopener" target="_blank">Taobao Global</a><a aria-label="Visit TAO" href="https://jp.tao.co/"
rel="noopener" target="_blank">TAO</a><a data-spm-protocol="i" href="https://www.trendyol.com"
target="_blank">Trendyol</a><a data-spm-protocol="i" href="https://www.europages.co.uk"
target="_blank">Europages</a>
</div>
<div class="tnh-infos-content" bis_skin_checked="1">
<a aria-label="Read more about Policies and rules" href="https://rulechannel.alibaba.com/icbu#/"
rel="noopener" target="_blank"><span>Policies and rules</span></a><a
aria-label="Read more about Legal Notice"
href="https://rulechannel.alibaba.com/icbu?spm=a2700.product_home_l0.0.0.2ce267afC1wZlo&type=detail&ruleId=20002006&cId=147#/rule/detail?ruleId=20002006&cId=147"
rel="noopener" target="_blank"><span>Legal Notice</span></a><a
aria-label="Read more about Product Listing Policy"
href="https://rulechannel.alibaba.com/icbu?type=detail&ruleId=2047&cId=1396#/rule/detail?cId=1396&ruleId=2047"
rel="noopener" target="_blank"><span>Product Listing Policy</span></a><a
aria-label="Read more about Intellectual Property Protection" href="https://ipp.aidcgroup.net/#/ippHome"
rel="noopener" target="_blank"><span>Intellectual Property Protection</span></a><a
aria-label="Read more about Privacy Policy"
href="https://rulechannel.alibaba.com/icbu?type=detail&ruleId=2034&cId=1306#/rule/detail?cId=1306&ruleId=2034"
rel="noopener" target="_blank"><span>Privacy Policy</span></a><a aria-label="Read more about Terms of Use"
href="https://rulechannel.alibaba.com/icbu?type=detail&ruleId=2041&cId=1307#/rule/detail?cId=1307&ruleId=2041"
rel="noopener" target="_blank"><span>Terms of Use</span></a><a
aria-label="Read more about Integrity Compliance" href="https://aidc.jubao.alibaba.com/" rel="noopener"
target="_blank"><span>Integrity Compliance</span></a>
</div>
<div class="legal" bis_skin_checked="1">
<div class="copyright" bis_skin_checked="1">
© 1999-2025 Alibaba.comãçæææï¼æå·é¿éå·´å·´æµ·å¤ä¿¡æ¯ææ¯æéå
¬å¸
</div>
<div bis_skin_checked="1">å¢å¼çµä¿¡ä¸å¡ç»è¥è®¸å¯è¯ï¼æµB2-20241358</div>
<a aria-label="View business license verification"
href="https://zzlz.gsxt.gov.cn/businessCheck/verifKey.do?showType=p&serial=91330108MACUEGT78K-SAIC_SHOW_10000091330108MACUEGT78K1725005320775&signData=MEQCIHmj5/76tVTLUJf9XvRrfyZRu5n5IT9//O1xw0dHqnvrAiBrY+wz63YR+yq2t7Ch6/MO3IGXROZyKAfNZMDEOHUKpg=="
rel="noopener" target="_blank"><img alt="Business license verification icon"
src="https://img.alicdn.com/tfs/TB1VtZtebH1gK0jSZFwXXc7aXXa-65-70.gif" /></a><img
alt="GSXT verification icon" class="gsxt"
src="https://img.alicdn.com/tfs/TB1QhYprKT2gK0jSZFvXXXnFXXa-20-20.png" /><a
aria-label="View public security record"
href="https://beian.mps.gov.cn/#/query/webSearch?code=33010002000366" rel="noopener noreferrer"
target="_blank">æµå
¬ç½å®å¤33010002000366</a><a aria-label="View ICP record" href="http://beian.miit.gov.cn/"
rel="noopener" target="_blank">æµICPå¤2024067534å·-3</a>
</div>
</div>
</div>
</div>
<div class="" data-section="SectionCommonSideBar" bis_skin_checked="1">
<div class="detail-sidebar-layout" bis_skin_checked="1">
<nav class="detail-sidebar">
<div class="detail-sidebar-chat-now sidebar-item" bis_skin_checked="1">
<div class="im-alitalk-container [&_.chatbox-tip]:id-mb-0 [&_.chatbox-tip]:id-mx-0"
style="cursor: pointer" bis_skin_checked="1">
<div class="chatbox hover-tip" bis_skin_checked="1">
<div class="chatbox-icon-wrapper" bis_skin_checked="1">
<div class="chatbox-icon" bis_skin_checked="1">
<span>
<svg fill="none" height="28" viewBox="0 0 28 28" width="28" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_410_3204)">
<path d="M6.99996 9.33335H21V10.9375H6.99996V9.33335Z" fill="#222222"></path>
<path d="M12.8333 13.125H6.99996V14.7292H12.8333V13.125Z" fill="#222222"></path>
<path
d="M3.79163 21.5834C3.30838 21.5834 2.91663 21.1916 2.91663 20.7084V5.54169C2.91663 5.05844 3.30838 4.66669 3.79163 4.66669H24.2083C24.6915 4.66669 25.0833 5.05844 25.0833 5.54169V20.7084C25.0833 21.1916 24.6915 21.5834 24.2083 21.5834H13.1833L8.92204 24.2466C8.33925 24.6109 7.58329 24.1919 7.58329 23.5046V21.5834H3.79163ZM9.18746 19.9792V22.189L12.7232 19.9792H23.4791V6.27085H4.52079V19.9792H9.18746Z"
fill="#222222"></path>
</g>
<defs>
<clippath id="clip0_410_3204">
<rect fill="white" height="28" width="28"></rect>
</clippath>
</defs>
</svg>
</span>
</div>
</div>
<div class="chatbox-tip" bis_skin_checked="1">Messenger</div>
</div>
</div>
</div>
<div class="id-h-px id-bg-[#ddd] id-w-[calc(100%-16px)] id-my-2 id-mx-2" bis_skin_checked="1"></div>
<div bis_skin_checked="1">
<a aria-label="Install Alibaba Lens" class="sidebar-item lens-item lens-module-link"
data-aplus-ae="x1_2ed0ffeb" data-aplus-clk="x1_2ed0ffeb" data-layout-right-toolbar="true"
data-params="action=lens" data-spm-anchor-id="a2700.details.0.0"
href="https://chromewebstore.google.com/detail/alibaba-lens/jjpbbahenfdgofabbgcnnfejgcigadpd?utm_source=alibaba_toolbar&utm_medium=a2700_details"
target="_blank"><img alt="Alibaba Lens icon" class="lens-icon searchx-toolbar-lens-icon-item sidebar-icon"
loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i1/O1CN01UeeN351xpqhGSUHH1_!!6000000006493-2-tps-48-48.png?webp=close&avif=close" />
<div class="sidebar-text lens-icon-item-text" bis_skin_checked="1">Alibaba Lens</div>
<div class="searchx-layout-right-toolbar__lens-tip lens-module-panel" bis_skin_checked="1">
<div
class="pc-search-education-tip pc-search-education-tip_arrow pc-search-education-tip_arrow_left searchx-layout-right-toolbar__lens-tip-wrapper"
data-aplus-ae="1" data-dot-params='{"scene":"filter","uniqKey":"search-right-tool-lens"}'
data-spm-anchor-id="a2700.details.0.i102.494a3f8aFah63P" bis_skin_checked="1">
<div class="pc-search-education-tip_inner" bis_skin_checked="1">
<div class="pc-search-education-tip_title" bis_skin_checked="1">
<div class="searchx-layout-right-toolbar__lens-tip-title" bis_skin_checked="1">
<img alt="Alibaba Lens brand" class="lens-title-img" loading="lazy"
src="https://s.alicdn.com/@img/imgextra/i4/O1CN0147Z2Ag1nK760OmHTh_!!6000000005070-2-tps-292-35.png?webp=close&avif=close" />
</div>
</div>
<div class="pc-search-education-tip_content" bis_skin_checked="1">
Save time and money with our FREE price comparison plug-in to find
similar items for less
</div>
<div class="pc-search-education-tip_more pc-search-education-tip_action action-align-left"
data-aplus-clk="x1_71f14c89"
data-dot-params='{"scene":"filter","uniqKey":"search-right-tool-lens"}'
data-spm-anchor-id="a2700.details.0.i103.494a3f8aFah63P" bis_skin_checked="1">
<div class="lens-learn-more" bis_skin_checked="1">
Download extension
</div>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="id-h-px id-bg-[#ddd] id-w-[calc(100%-16px)] id-my-2 id-mx-2" bis_skin_checked="1"></div>
<a class="detail-sidebar-survey sidebar-item"
href="https://survey.alibaba.com/uone/sg/survey/e5zeKlhHe?devicetype=PC&cna=yWtEIQ0r%2FzoCAS%2F2pIJAF6eH&productId=1601418925330"
rel="noreferrer" target="_blank"><img alt="Survey" class="sidebar-icon"
src="https://s.alicdn.com/@sc02/kf/S62d6561d206e4c55828621569ac08eb5l/85x84.png" /><span
class="sidebar-text">Survey</span></a>
<div class="id-h-px id-bg-[#ddd] id-w-[calc(100%-16px)] id-my-2 id-mx-2" bis_skin_checked="1"></div>
<div class="detail-sidebar-back-to-top sidebar-item" bis_skin_checked="1">
<img alt="Go to top" class="sidebar-icon"
src="https://s.alicdn.com/@sc02/kf/Sef669d1c8e7a4eb0a1e68eb2580b5534i/85x84.png" /><span
class="sidebar-text">Back to top</span>
</div>
</nav>
</div>
</div>
</div>
<div id="layout-other" bis_skin_checked="1"></div>
<!-- tangram:7095 begin-->
<script data-preserved="seo-script" type="application/ld+json">
[
{
"@context": "https://schema.org/",
"@type": "Product",
"@id": "1601418925330",
"name": "KUDALIAR89 â¨ï¸ Platform Hiburan Online Akses Disini Dengan Link Resmi Kami",
"image": [
"https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png",
"https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png",
"https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png",
"https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png",
"https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png",
"https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png"
],
"description": "Jelajahi platform hiburan online KUDALIAR89 lewat link resmi kami. Dapatkan panduan lengkap, indikator analisis presisi, dan transaksi otomatis tanpa potongan.",
"sku": "1601418925330",
"mpn": "1601418925330-00",
"brand": {
"@type": "Brand",
"name": "KUDALIAR89"
},
"offers": {
"@type": "Offer",
"url": "https://linksupergacorwd.com/",
"offerCount": 1,
"availability": "http://schema.org/InStock",
"priceCurrency": "USD",
"price": "2.39",
"priceValidUntil": "2026-06-28"
},
"review": [
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "anonymous"
},
"reviewRating": {
"@type": "Rating",
"ratingValue": "5.0",
"bestRating": "5"
}
}
]
},
{
"@context": "https://schema.org",
"@type": "ImageObject",
"contentUrl": "https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png",
"creditText": "Akun JP",
"creator": {
"@type": "Person",
"name": "KUDALIAR89"
}
},
{
"@context": "https://schema.org",
"@type": "ImageObject",
"contentUrl": "https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png",
"creditText": "Akun Slot",
"creator": {
"@type": "Person",
"name": "KUDALIAR89"
}
},
{
"@context": "https://schema.org",
"@type": "ImageObject",
"contentUrl": "https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png",
"creditText": "Akun Gacor",
"creator": {
"@type": "Person",
"name": "KUDALIAR89"
}
},
{
"@context": "https://schema.org",
"@type": "ImageObject",
"contentUrl": "https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png",
"creditText": "slot Gacor",
"creator": {
"@type": "Person",
"name": "KUDALIAR89"
}
},
{
"@context": "https://schema.org",
"@type": "ImageObject",
"contentUrl": "https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png",
"creditText": "Akun KUDALIAR89",
"creator": {
"@type": "Person",
"name": "KUDALIAR89"
}
},
{
"@context": "https://schema.org",
"@type": "ImageObject",
"contentUrl": "https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png",
"creditText": "AKUN KUDALIAR89",
"creator": {
"@type": "Person",
"name": "KUDALIAR89"
}
}
]
</script>
<script data-preserved="seo-script" type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Slot Resmi",
"item": "https://linksupergacorwd.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "AKUN KUDALIAR89",
"item": "https://linksupergacorwd.com/"
},
{
"@type": "ListItem",
"position": 3,
"name": "KUDALIAR89",
"item": "https://linksupergacorwd.com/"
}
]
}
</script>
<!-- tangram:7095 end-->
<!-- tangram:6714 begin-->
<!-- tangram:6714 end-->
<div id="one-tap-login" bis_skin_checked="1">
<div style="
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
display: none;
z-index: 9999;
transition: opacity 0.3s;
" bis_skin_checked="1"></div>
<div style="
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.8);
width: 600px;
height: 400px;
background-color: white;
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px;
opacity: 0;
display: none;
z-index: 9999;
transition:
opacity 0.3s,
transform 0.3s;
border-radius: 8px;
overflow-y: auto;
" bis_skin_checked="1">
<button style="
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
font-size: 32px;
cursor: pointer;
">
�
</button>
<div style="width: 100%; height: 100%; box-sizing: border-box; padding-top: 20px" bis_skin_checked="1"></div>
</div>
</div>
<div class="buyer-assurance-dialog-mask" data-testid="assurance-dialog" style="display: none" bis_skin_checked="1">
<div class="buyer-assurance-dialog" style="height: 0px" bis_skin_checked="1">
<div bis_skin_checked="1">
<div class="skeleton-item" bis_skin_checked="1">
<div class="adm-skeleton-paragraph" bis_skin_checked="1">
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
</div>
</div>
<div class="skeleton-item" bis_skin_checked="1">
<div class="adm-skeleton-paragraph" bis_skin_checked="1">
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
</div>
</div>
<div class="skeleton-item" bis_skin_checked="1">
<div class="adm-skeleton-paragraph" bis_skin_checked="1">
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
</div>
</div>
<div class="skeleton-item" bis_skin_checked="1">
<div class="adm-skeleton-paragraph" bis_skin_checked="1">
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
</div>
</div>
<div class="skeleton-item" bis_skin_checked="1">
<div class="adm-skeleton-paragraph" bis_skin_checked="1">
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
<div class="adm-skeleton adm-skeleton-animated adm-skeleton-paragraph-line" bis_skin_checked="1"></div>
</div>
</div>
<span class="close-icon"></span>
</div>
</div>
</div>
<style>
canvas {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
z-index: 9999;
}
.overlay {
position: fixed;
inset: 0;
pointer-events: none;
z-index: 9999;
}
.bg-gif {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
object-fit: cover;
opacity: 0;
z-index: 1;
animation: showGif 5s ease-in-out forwards;
}
.main-image {
position: absolute;
left: 50%;
bottom: -200px;
transform: translateX(-50%);
width: 400px;
opacity: 0;
z-index: 2;
animation: flyAndPause 5s ease-in-out forwards;
}
@keyframes flyAndPause {
0% {
bottom: -200px;
opacity: 0;
}
40% {
bottom: 50%;
transform: translate(-50%, 50%);
opacity: 1;
}
90% {
bottom: 50%;
transform: translate(-50%, 50%);
opacity: 1;
}
100% {
bottom: 50%;
transform: translate(-50%, 50%);
opacity: 0;
}
}
@keyframes showGif {
0% {
opacity: 0;
}
39% {
opacity: 0;
}
40% {
opacity: 0.3;
}
90% {
opacity: 0.3;
}
100% {
opacity: 0;
}
}
</style>
<script>
const main = document.getElementById("mainImage");
const gif = document.getElementById("bgGif");
main.addEventListener("animationend", () => {
main.remove();
gif.remove();
});
</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"b37c8eeacc894239ab3fae4239d14eda","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"2c054168ed564920a76caf19e3885479","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"27729e24105b4ca59c918a15048868f0","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"8fe648ad984342b192fca76d02dc5ee4","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"933865a69f59466fb2a4488b51fc8029","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"1a20bd6b27384ff3be29477471a43c9b","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"1a20bd6b27384ff3be29477471a43c9b","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"1a20bd6b27384ff3be29477471a43c9b","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"837e0540709d457b8ddbcfdb424a7a12","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"837e0540709d457b8ddbcfdb424a7a12","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"837e0540709d457b8ddbcfdb424a7a12","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"837e0540709d457b8ddbcfdb424a7a12","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<style>
.SLOT {
margin: 0;
padding: 0;
font-family: 'Playfair Display', 'Segoe UI', serif;
background-color: transparent;
color: #ffd700;
overflow: hidden;
}
.popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.popup-container {
position: relative;
width: 90%;
max-width: 420px;
background: linear-gradient(145deg, rgba(15, 12, 5, 0.95), rgba(30, 24, 10, 0.9));
border-radius: 20px;
overflow: hidden;
text-align: center;
animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(218, 165, 32, 0.3);
padding-bottom: 20px;
border: 1px solid rgba(255, 215, 0, 0.25);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* ð Emas berdenyut yang mewah */
@keyframes goldPulse {
0%, 100% {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 0 20px rgba(218, 165, 32, 0.3), 0 0 0 1px rgba(255, 215, 0, 0.2);
}
50% {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 0 35px rgba(255, 215, 0, 0.5), 0 0 0 1px rgba(255, 215, 0, 0.4);
}
}
/* ⨠Shiny diagonal emas yang elegan */
.popup-container::before {
content: "";
position: absolute;
top: -100%;
left: -100%;
width: 200%;
height: 200%;
background: linear-gradient(
135deg,
rgba(255, 255, 255, 0) 45%,
rgba(255, 215, 0, 0.25) 50%,
rgba(255, 255, 255, 0) 55%
);
animation: shineDiagonal 5s linear infinite;
z-index: 2;
pointer-events: none;
}
@keyframes shineDiagonal {
0% {
transform: translate(-100%, -100%) rotate(30deg);
}
100% {
transform: translate(100%, 100%) rotate(30deg);
}
}
.popup-image {
width: 100%;
display: block;
border-bottom: 1px solid rgba(218, 165, 32, 0.3);
}
.clk-btn-sgp {
width: 97%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
font-family: 'Poppins', sans-serif;
font-weight: 700;
padding: 20px;
position: relative;
overflow: hidden;
}
/* Gold Accent Line */
.clk-btn-sgp::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 30px);
height: 2px;
background: linear-gradient(90deg,
transparent,
#000000,
#ffd700,
#000000,
transparent);
opacity: 0.6;
filter: blur(1px);
}
.clk-btn-sgp a {
text-align: center;
text-transform: uppercase;
letter-spacing: 1.5px;
padding: 16px 12px;
margin: 0;
border-radius: 14px;
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
position: relative;
overflow: hidden;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 2px solid transparent;
box-shadow: 0 8px 0px #000000;
clip-path: polygon(var(--blade-cut) 0%, 100% 0%, 100% calc(100% - var(--blade-cut)), calc(100% - var(--blade-cut)) 100%, 0% 100%, 0% var(--blade-cut));
z-index: 1;
}
/* Gold Border Effect */
.clk-btn-sgp a::after {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: linear-gradient(45deg,
#ffd700,
#b8860b,
#fff8dc,
#daa520,
#ffd700);
border-radius: 16px;
z-index: -1;
opacity: 0;
transition: opacity 0.3s ease;
}
.clk-btn-sgp a:hover::after {
opacity: 1;
}
.clk-btn-sgp a:hover {
transform: translateY(-6px) scale(1.03);
border-color: #ffd700;
}
/* LOGIN BUTTON - Dark Gold Gradient */
.login {
color: #000000 !important;
background: linear-gradient(145deg, #ffd700, #daa520);
border: 2px solid #fff8dc;
font-weight: 800;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
position: relative;
}
.login::before {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
opacity: 0.8;
transition: all 0.3s ease;
filter: drop-shadow(0 0 2px #000);
}
.login:hover {
background: linear-gradient(145deg, #2b220b, #120e05);
box-shadow:
0 12px 0px #000000,
0 20px 40px rgba(218, 165, 32, 0.4),
0 0 30px rgba(255, 215, 0, 0.3);
color: #ffd700 !important;
border-color: #ffd700;
}
.login:hover::before {
opacity: 1;
transform: translateY(-50%) rotate(15deg);
filter: drop-shadow(0 0 8px #ffd700);
}
/* REGISTER BUTTON - Bright Gold Gradient */
.register {
color: #000000 !important;
background: linear-gradient(145deg, #f0e68c, #ffd700);
border: 2px solid #b8860b;
font-weight: 800;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
position: relative;
}
.register::before {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
opacity: 0.8;
transition: all 0.3s ease;
}
.register:hover {
background: linear-gradient(145deg, #ffd700, #b8860b);
box-shadow:
0 12px 0px #000000,
0 20px 40px rgba(255, 215, 0, 0.5),
0 0 35px rgba(255, 215, 0, 0.4);
color: #ffffff !important;
border-color: #ffd700;
}
.register:hover::before {
opacity: 1;
transform: translateY(-50%) scale(1.2) rotate(360deg);
filter: drop-shadow(0 0 5px #ffd700);
}
/* Button Text Container */
.clk-btn-sgp a span {
display: inline-block;
transition: transform 0.3s ease;
}
.clk-btn-sgp a:hover span {
transform: translateX(3px);
}
/* Responsive Design */
@media (max-width: 768px) {
.clk-btn-sgp {
grid-template-columns: 1fr;
gap: 12px;
}
.clk-btn-sgp a {
padding: 18px 12px;
}
.login::before,
.register::before {
position: relative;
left: 0;
right: 0;
display: inline-block;
margin-right: 10px;
transform: none;
top: 0;
}
.login:hover::before,
.register:hover::before {
transform: none;
}
}
/* Subtle Glow Animation */
@keyframes subtleGlow {
0%, 100% {
box-shadow:
0 15px 35px rgba(0, 0, 0, 0.6),
inset 0 1px 0 rgba(255, 215, 0, 0.2);
}
50% {
box-shadow:
0 15px 35px rgba(0, 0, 0, 0.6),
inset 0 1px 0 rgba(255, 215, 0, 0.3),
0 0 20px rgba(218, 165, 32, 0.25);
}
}
.info-table {
width: 90%;
margin: 20px auto;
border-collapse: collapse;
color: #fff8dc;
font-size: 14px;
position: relative;
z-index: 3;
background: rgba(15, 12, 5, 0.6);
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(218, 165, 32, 0.2);
}
.info-table th {
background: linear-gradient(135deg, #b8860b, #ffd700);
padding: 14px 10px;
font-size: 15px;
color: #000000;
border: none;
font-weight: 800;
letter-spacing: 0.8px;
text-transform: uppercase;
}
.info-table td {
padding: 12px;
border-bottom: 1px solid rgba(218, 165, 32, 0.15);
text-align: left;
}
.info-table tr:last-child td {
border-bottom: none;
}
.popup-footer {
font-size: 13px;
color: #e6ca65;
padding: 20px 10px;
position: relative;
z-index: 3;
line-height: 1.6;
font-family: 'Playfair Display', serif;
}
@keyframes rotateScaleIn {
0% {
opacity: 0;
transform: scale(0.3) rotate(-10deg);
}
50% {
transform: scale(1.05) rotate(2deg);
}
100% {
opacity: 1;
transform: scale(1) rotate(0deg);
}
}
/* Efek partikel emas */
.gold-particle {
position: absolute;
background: radial-gradient(circle, rgba(255, 215, 0, 0.9) 0%, rgba(218, 165, 32, 0.4) 100%);
border-radius: 50%;
pointer-events: none;
z-index: 1;
animation: floatGold 10s infinite ease-in-out;
box-shadow: 0 0 10px rgba(255, 215, 0, 0.7);
}
@keyframes floatGold {
0%, 100% {
transform: translateY(0) translateX(0);
opacity: 0;
}
10% {
opacity: 0.8;
}
90% {
opacity: 0.8;
}
100% {
transform: translateY(-120px) translateX(40px);
opacity: 0;
}
}
/* Efek border emas mewah */
.luxury-border {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid rgba(255, 215, 0, 0.3);
border-radius: 20px;
pointer-events: none;
z-index: 4;
background: linear-gradient(135deg,
rgba(255, 215, 0, 0) 0%,
rgba(255, 215, 0, 0.12) 50%,
rgba(255, 215, 0, 0) 100%);
}
/* Tombol Close */
.close-btn {
position: absolute;
top: 15px;
right: 15px;
width: 32px;
height: 32px;
background: rgba(15, 12, 5, 0.7);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 10;
transition: all 0.3s ease;
border: 1px solid rgba(255, 215, 0, 0.4);
}
.close-btn:hover {
background: rgba(218, 165, 32, 0.9);
transform: rotate(90deg);
box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
}
.close-btn::before,
.close-btn::after {
content: '';
position: absolute;
width: 16px;
height: 2px;
background: #ffd700;
}
.close-btn:hover::before,
.close-btn:hover::after {
background: #000000;
}
.close-btn::before {
transform: rotate(45deg);
}
.close-btn::after {
transform: rotate(-45deg);
}
/* Responsif untuk layar kecil */
@media (max-width: 480px) {
.popup-container {
width: 95%;
max-width: 350px;
}
.popup-buttons a {
font-size: 14px;
padding: 16px 0;
}
.info-table {
font-size: 13px;
}
.popup-footer {
font-size: 12px;
}
.close-btn {
width: 28px;
height: 28px;
}
}
</style>
<div class="popup-overlay" id="popupOverlay">
<div class="popup-container">
<!-- Tombol Close -->
<div class="close-btn" onclick="closePopup()"></div>
<!-- Partikel emas untuk efek elegan -->
<div class="gold-particle" style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;"></div>
<div class="gold-particle" style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;"></div>
<div class="gold-particle" style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;"></div>
<div class="gold-particle" style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;"></div>
<div class="gold-particle" style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;"></div>
<!-- Border mewah -->
<div class="luxury-border"></div>
<div class="SLOT">
<img src="https://landingpage-image.xyz/uploads/default/1784090369-live-kudaliar89.png" alt="Popup Banner" class="popup-image" />
<div class="clk-btn-sgp" style="font-size: 20px;">
<a href="https://linksupergacorwd.com/origin/" target="_blank" rel="nofollow noreferrer"
class="login">LOGIN</a>
<a href="https://linksupergacorwd.com/origin/" target="_blank" rel="nofollow noreferrer"
class="register">DAFTAR</a>
</div>
<div class="popup-footer">
KUDALIAR89 â¨ï¸ Platform Hiburan Online Akses Disini Dengan Link Resmi Kami<br/>
<span style="color: #daa520; font-weight: 600; text-shadow: 0 0 5px rgba(55, 99, 212, 0.5);">© COPYRIGHT 2026 KUDALIAR89</span>
</div>
</div>
</div>
</div>
<script>
function closePopup() {
const popupOverlay = document.getElementById('popupOverlay');
popupOverlay.style.opacity = '0';
popupOverlay.style.transition = 'opacity 0.3s ease';
setTimeout(() => {
popupOverlay.style.display = 'none';
}, 300);
}
// Menutup popup ketika mengklik area di luar popup
document.getElementById('popupOverlay').addEventListener('click', function(event) {
if (event.target === this) {
closePopup();
}
});
</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"f3e3f404a5d2456d8a78a19870d65322","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"a88344252b174973b669aff1dc2b36f8","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"2e41e6c75ae2404fb275c47031bcea81","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"0571803e164141d4b71be16554808a01","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v3d52b47920f24c319d37e2661827c42b1787588026925" integrity="sha512-d9sL6GJLXn6fInD1+TVXhTcQOsmxeHfmHAvwGDIxp5TO+uo1fiWW7mHomMj4MLRlCsJDTqXzWLHJFFlPCEIj/A==" data-cf-beacon='{"version":"2024.11.0","token":"930ecffa77694902b82bd7e7cacd8f92","r":1}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"97cb6b3ce1604259be84d92d91255d59","r":1,"spa":2}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"62edfa67bf3e4124a42a5bb9c8f31b02","r":1,"spa":2}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"62edfa67bf3e4124a42a5bb9c8f31b02","r":1,"spa":2}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"62edfa67bf3e4124a42a5bb9c8f31b02","r":1,"spa":2}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"62edfa67bf3e4124a42a5bb9c8f31b02","r":1,"spa":2}' crossorigin="anonymous"></script>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://linksupergacorwd.com/ |
|
2026-10-16 17:27:01 |
| 2 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-16 17:27:00 |
| 3 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-16 17:27:00 |
| 4 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-16 17:26:59 |
| 5 |
https://www.ellensburgcanyonwinery… |
|
2026-10-16 17:26:59 |
| 6 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-16 17:26:58 |
| 7 |
https://datahkpools.xyz/ |
|
2026-10-16 17:26:58 |
| 8 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-16 17:26:58 |
| 9 |
https://www.gaobottle.com/ |
|
2026-10-16 17:26:57 |
| 10 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-16 17:26:56 |
| 11 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 17:26:52 |
| 12 |
https://m.kaskus.co.id/home |
|
2026-10-16 17:26:51 |
| 13 |
https://softseller.com/SS/ |
|
2026-10-16 17:26:51 |
| 14 |
https://fiat-500-key-replacement33… |
|
2026-10-16 17:26:50 |
| 15 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 17:26:50 |
| 16 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-16 17:26:48 |
| 17 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 17:26:48 |
| 18 |
https://www.ossm.edu/ |
|
2026-10-16 17:26:47 |
| 19 |
https://www.texarkanatwins.com/%25… |
|
2026-10-16 17:26:46 |
| 20 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-16 17:26:45 |