*,*::before,*::after{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}address,cite,dfn,em,var{font-style:normal}small{font-size:14px}ul,ol{list-style:none}a{text-decoration:none}a:link,a:visited,a:hover,a:active{color:rgba(0,0,0,.85);text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}q::before,q::after{content:""}legend{color:#000}fieldset,img{border:none}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}hr{border:none;height:1px}#nuxt-app::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}#nuxt-app::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0}.el-loading-spinner{top:30%}.el-message{min-width:auto;top:120px !important;max-width:90% !important;box-shadow:0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12)}@media only screen and (max-width: 800px){.el-message{top:61px !important;min-width:90% !important;max-width:90%;z-index:9999999}}.el-tabs__item:focus.is-active.is-focus:not(:active){box-shadow:none !important}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{box-shadow:none !important}.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){box-shadow:none !important}

@font-face {
  font-family: "iconfont"; /* Project id 3344356 */
  src: url(/_nuxt/fonts/iconfont.63e7bb0.woff2) format('woff2'),
       url(/_nuxt/fonts/iconfont.fec56c2.woff) format('woff'),
       url(/_nuxt/fonts/iconfont.b9e1079.ttf) format('truetype'),
       url(/_nuxt/img/iconfont.da929d4.svg#iconfont) format('svg');
       font-display: swap;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-discount:before {
  content: "\e900";
}
.icon-wish-big:before {
  content: "\e8be";
}
.icon-cart:before {
  content: "\e8bd";
}
.icon-doku:before {
  content: "\e8bc";
}
.icon-mapclub:before {
  content: "\e8bb";
}
.icon-email:before {
  content: "\e8b9";
}
.icon-whatsapp:before {
  content: "\e8ba";
}
.icon-copy:before {
  content: "\e8b8";
}
.icon-return:before {
  content: "\e8b6";
}
.icon-wait:before {
  content: "\e8b7";
}
.icon-vietnamese:before {
  content: "\e8b5";
}
.icon-indonesian:before {
  content: "\e8b4";
}
.icon-english:before {
  content: "\e8b3";
}
.icon-wish-fill:before {
  content: "\e89f";
}
.icon-wish-line:before {
  content: "\e8b2";
}
.icon-arrow-down:before {
  content: "\e884";
}
.icon-arrow-up:before {
  content: "\e885";
}
.icon-arrow-left:before {
  content: "\e886";
}
.icon-arrow-right:before {
  content: "\e887";
}
.icon-arrowtriangle-down:before {
  content: "\e888";
}
.icon-arrowtriangle-up:before {
  content: "\e889";
}
.icon-account:before {
  content: "\e88c";
}
.icon-facebook:before {
  content: "\e88d";
}
.icon-delete:before {
  content: "\e890";
}
.icon-delivery:before {
  content: "\e893";
}
.icon-stock:before {
  content: "\e894";
}
.icon-top:before {
  content: "\e895";
}
.icon-available:before {
  content: "\e897";
}
.icon-search:before {
  content: "\e899";
}
.icon-homedelivery:before {
  content: "\e89a";
}
.icon-share:before {
  content: "\e89b";
}
.icon-menu:before {
  content: "\e89c";
}
.icon-instagram:before {
  content: "\e89d";
}
.icon-order:before {
  content: "\e89e";
}
.icon-eyes-open:before {
  content: "\e8a0";
}
.icon-twitter:before {
  content: "\e8a1";
}
.icon-eyes-close:before {
  content: "\e8a4";
}
.icon-store:before {
  content: "\e8a5";
}
.icon-close-line:before {
  content: "\e88b";
}
.icon-check-line:before {
  content: "\e8a7";
}
.icon-close-circle:before {
  content: "\e88e";
}
.icon-clear-fill:before {
  content: "\e891";
}
.icon-warn-circle:before {
  content: "\e892";
}
.icon-check-circle:before {
  content: "\e8a3";
}
.icon-info-circle:before {
  content: "\e8a8";
}
.icon-check-fill:before {
  content: "\e8a9";
}
.icon-warn-fill:before {
  content: "\e8aa";
}
.icon-info-fill:before {
  content: "\e8ab";
}
.icon-facebook2:before {
  content: "\e8ac";
}
.icon-google:before {
  content: "\e8ad";
}
.icon-defaultimage:before {
  content: "\e8ae";
}
.icon-password:before {
  content: "\e8af";
}
.icon-filter:before {
  content: "\e8b0";
}
.icon-search-big:before {
  content: "\e8a2";
}
.icon-a-sports_station1:before {
  content: "\e8a6";
}
.icon-a-sports_station2:before {
  content: "\e8b1";
}

:root,
element {
  --theme-color-primary: #409EFF;
  --advertisement-background-color:rgb(213, 0, 50);
  --header-font-color: #000;
  --header-background-color: #fff;
  --header-logo-pc-height:60px;
  --header-logo-mobile-height:36px;
  --footer-background-color:#fff;
  --footer-font-color:#000;
  --header-mobile-height:60px;
  --header-nav-active-underline:2px solid var(--advertisement-background-color);
  --header-sub-nav-active-underline-color:2px solid var(--advertisement-background-color);

  /* font */
  --font-color-primary: rgba(0, 0, 0, 0.8);
  --font-color-regular: rgba(0, 0, 0, 0.7);
  --font-color-secondary: rgba(0, 0, 0, 0.45);
  --font-color-placeholder: rgba(0, 0, 0, 0.2);
  --font-color-default: var(--font-color-primary);
  --font-color-price: #d43232;
  --font-color-error: #e40613;
  --font-size-main: 18px;
  --font-size-primary: 16px;
  --font-size-secondary: 15px;
  --font-size-defalut: 14px;
  --font-size-info: 12px;
  --font-weight-bold: 600;
  --font-weight-medium: 500;
  --font-color-regular: 400;
  --font-weight-lighter: 300;
  --font-weight-thin: 200;

    /* page */
    --page-max-width: 1380px;

    /* 默认button 字体颜色 */
    --btn-font-color: #fff;
    --btn-background-color: #0071E3;
    --btn-border-color: #0071E3;

    /* border */
    --border-color-primary: var(--theme-color-primary);
    --border-color-regular: rgba(0, 0, 0, 0.12);
    --border-color-default: var(--border-color-regular);
    --border-color-lighter:rgba(0, 0, 0, 0.08);
    --border-color-error:#F56C6C;
    --border-size-small: 1px;
    --border-size-medium: 2px;
    --border-small-default: 1px solid var(--border-color-default);
    --border-medium-default: 2px solid var(--border-color-default);
    --border-small-lighter:1px solid var(--border-color-lighter);

    /* border radius */
    --border-radius-default: 4px;
    --border-radius-small: 2px;
    --border-radius-medium: 4px;

    /* checkbox */
    --checkbox-checked-background-color:#0071e3;


    /* input */
    --input-focus-border-color:rgba(0,0,0,.25);
    --input-hover-border-color:rgba(0,0,0,.25);
    --input-border-radius:4px;
    --input-small-height:36px;
    --input-medium-height:44px;
    --input-large-height:56px;

    --pdp-left-image-height:655px;

    /* button */
    --btn-color-primary: var(--theme-color-primary);
    --btn-color-default: #1e1e1e;
    --btn-color-pay: #990000;
    --btn-color-pay-hover: #C1002D;
    --btn-border-radius: var(--border-radius-medium);
    --btn-mini-height: 28px;
    --btn-mini-font-size: 12px;
    --btn-small-height: 36px;
    --btn-small-font-size: 14px;
    --btn-medium-height: 44px;
    --btn-medium-font-size: 14px;
    --btn-small-border-radius:4px;
    --btn-medium-border-radius:4px;
    --btn-large-height: 56px;
    --btn-large-font-size: 16px;
    --btn-large-border-radius:4px;

    /* login register */  
    --login-page-title-font-size:34px;
    --login-title-font-weight:var(--font-weight-medium);
    --login-title-font-color:var(--font-color-primary);
    --login-title-line-height:24px;
    --login-input-icon-color:var(--font-color-primary);
    --login-input-icon-weight:600;
    --login-input-icon-color:var(--font-color-primary);
    --login-forget-link-font-size:var(--font-size-defalut);
    --login-forget-link-font-color:var(--font-weight-lighter);
    --login-forget-link-font-weight:var(--font-color-primary);
    --login-forget-link-line-height:18px;
    --login-forget-link-margin:0 0 18px 0;
    --login-form-item-margin:0 0 28px 0;
    --login-left-max-width: 720px;
    --login-right-form-width: 480px;
    --login-right-form-max-width: 800px;
    --login-right-form-outer-padding: 40px;
    --login-right-form-outer-margin: 20px auto;
    --login-border-color: rgba(0, 0, 0, 0.08);
    --login-error-box-background-color: #fff2f0;
    --login-error-box-border-color: #ffccc6;
    --login-button-color: var(--btn-border-color);
    --login-font-color: var(--font-color-primary);
    --login-button-background-disabled-color: rgba(0, 0, 0, 0.03);
    --guest-login-right-width: 382px;
}