@charset "UTF-8";
/* perfeggs */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v36/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aPdu3mhPy1Fig.woff2) format('woff2');
}

:root {
  /* 基础色 */
  --color-sp-900: #E84D00;
  --color-sp-600: #FF9600;
  --color-sp-500-base: 255, 165, 22;
  --color-sp-500: rgb(var(--color-sp-500-base));
  --color-sp-400: #FFB645;
  --color-sp-300: #FFCB7C;
  --color-sp-100: #FFE0B0;
  --color-ap-900: #004B91;
  --color-ap-600: #00AAEA;
  --color-ap-500-base: 0, 183, 235;
  --color-ap-500: rgb(var(--color-ap-500-base));
  --color-ap-400: #6BCCF0;
  --color-ap-300: #A8E0F6;
  --color-ap-100: #DDF3FB;
  --color-m-900: #C02F00;
  --color-m-600: #F44C14;
  --color-m-500-base: 255, 83, 24;
  --color-m-500: rgb(var(--color-m-500-base));
  --color-m-400: #FF6C3D;
  --color-m-300: #FF8760;
  --color-m-100: #FFCBBA;

  /* 功能色 */
  --color-sp-default: var(--color-sp-500);
  --color-sp-hover: var(--color-sp-400);
  --color-sp-click: var(--color-sp-600);
  --color-sp-bg-1: rgba(var(--color-sp-500-base), 0.1);
  --color-sp-bg-2: rgba(var(--color-sp-500-base), 0.2);
  --color-sr-reverse: #1B1D1F;
  --color-ap-default: var(--color-ap-500);
  --color-ap-hover: var(--color-ap-400);
  --color-ap-click: var(--color-ap-600);;
  --color-ap-bg-1: rgba(var(--color-ap-500-base), 0.1);
  --color-ap-bg-2: rgba(var(--color-ap-500-base), 0.2);
  --color-ar-reverse: var(--color-gray-0);
  --color-m-default: var(--color-m-500);
  --color-m-hover: var(--color-m-400);
  --color-m-click: var(--color-m-600);
  --color-m-bg-1: rgba(var(--color-m-500-base), 0.1);
  --color-m-bg-2: rgba(var(--color-m-500-base), 0.2);
  --color-m-reverse: var(--color-gray-0);

  /* 背景色 */
  --color-bg-site: #FFFFFF;
  --color-bg-app-1: #413535;
  --color-bg-app-2: #FFFCE9;
  --color-bg-footer-1: #FFA516;
  --color-bg-footer-2: #FEE98E;
  --color-bg-nav: #FFA516;

  /* 前景色 */
  --color-neutral-1: #1B1D1F;
  --color-neutral-2: #4E545A;
  --color-neutral-3: #848C94;
  --color-neutral-4: #CBCED2;
  
  /* 容器色 */
  --color-container-1: #FFFFFF;
  --color-container-2: #FFF3DF;
  --color-container-3: #FFDFB0;
  --color-container-4: #F3F3F3;
  
  /* 次要前景色 */
  --color-secondary-neutral-1: #1B1D1F;
  --color-secondary-neutral-2: #4E545A;
  --color-secondary-neutral-3: #848C94;
  --color-secondary-neutral-4: #CBCED2;
  
  /* 次要容器色 */
  --color-secondary-container-1: #FFFFFF;
  --color-secondary-container-2: #FFFCE9;
  --color-secondary-container-3: #F2F2FF;
  --color-secondary-container-4: #F5F5F5;

  /* 常量色 */
  /* blue */
  --color-blue-600: #396DEA;
  --color-blue-500-base: 55, 130, 255;
  --color-blue-500: rgb(var(--color-blue-500-base));
  --color-blue-400: #318FFF;
  --color-blue-100: #E3F1FF;
  --color-blue-bg-1: rgba(var(--color-blue-500-base), 0.1);
  --color-blue-bg-2: rgba(var(--color-blue-500-base), 0.2);
  
  /* red */
  --color-red-600: #C92021;
  --color-red-500-base: 214, 40, 40;
  --color-red-500: rgb(var(--color-red-500-base));
  --color-red-400: #E8332E;
  --color-red-100: #FFEBED;
  --color-red-bg-1: rgba(var(--color-red-500-base), 0.1);
  --color-red-bg-2: rgba(var(--color-red-500-base), 0.2);
  
  /* green */
  --color-green-600: #00C55B;
  --color-green-500-base: 38, 207, 118;
  --color-green-500: rgb(var(--color-green-500-base));
  --color-green-100: #E5F8EB;
  --color-green-bg-1: rgba(var(--color-green-500-base), 0.1);
  --color-green-bg-2: rgba(var(--color-green-500-base), 0.2);
  
  /* yellow */
  --color-yellow-600: #FC792F;
  --color-yellow-500-base: 255, 150, 51;
  --color-yellow-500: rgb(var(--color-yellow-500-base));
  --color-yellow-100: #FFF8E4;
  --color-yellow-bg-1: rgba(var(--color-yellow-500-base), 0.1);
  --color-yellow-bg-2: rgba(var(--color-yellow-500-base), 0.2);
  
  /* gray */
  --color-gray-900: #000000;
  --color-gray-600: #4E545A;
  --color-gray-500: #848C94;
  --color-gray-300: #CBCED2;
  --color-gray-100: #E9EBEF;
  --color-gray-0: #FFFFFF;

  /* Radius */
  --border-radius-primary: 12px;
  --border-radius-secondary: 8px;
  --border-radius-button: 25px;

  /* Shadow */
  --shadow-low: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  --shadow-medium: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  --shadow-high: 0px 8px 16px 0px rgba(0, 0, 0, 0.16);
}

body.__xs {
  /* Radius */
  --border-radius-primary: 1.2rem;
  --border-radius-secondary: 0.8rem;
  --border-radius-button: 2.5rem;


  /* goods item */
  --padding-detail-goods: 1rem;
  --border-width-detail-goods-action: 0.2rem;
  --border-radius-detail-goods-tag: 0.8rem;
  --border-radius-detail-goods-icon: 0.8rem;
}

html[dir="rtl"] {
  --padding-detail-step:  0 10px 0 20px;
  --padding-detail-step-xs: 0 1rem 0 2rem;
}

:root {
  /* ====== 设计变量 ====== */
  /* 字体 */
  --font-family-base: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,PingFang SC,Microsoft Yahei,Hiragino Sans GB,Heiti SC,sans-serif;
  --font-family: 'Noto Sans', var(--font-family-base);

  /* 主题色 */
  --color-primary: #1C46F5;
  --color-action-primary: #CB4A16;
  --color-primary-variant: #FFE4DC;

  /* 功能色 */
  --color-action: #4B69FF;
  --color-text-button: var(--color-blue-500);
  --color-action-variant: #DCE6FF;
  --color-success: #26CF76;
  --color-success-variant: #E6F9EF;
  --color-warning: #FFCD2A;
  --color-warning-variant: #FFF4E1;
  --color-error: #FA3333;
  --color-error-variant: #FFDFDF;

  /* 中性色 */
  --color-neutral-1: #1B1D1F;
  --color-neutral-2: #4E545A;
  --color-neutral-3: #848C94;
  --color-neutral-4: #CBCED2;
  --color-secondary-neutral-1: #1B1D1F;
  --color-secondary-neutral-2: #4E545A;
  --color-secondary-neutral-3: #848C94;
  --color-secondary-neutral-4: #CBCED2;

  /* 填充色 */
  --color-fill-bg-1: #FFFFFF;
  --color-fill-bg-2: #EAEAEA;

  --color-fill-container-1: #FFFFFF;
  --color-fill-container-2: #E8EDFE;
  --color-fill-container-3: #FFFFFF;
  --color-fill-secondary-container-1: #FFFFFF;
  --color-fill-secondary-container-2: #E8EDFE;
  --color-fill-secondary-container-3: #111519;

  /* 反色 */
  --color-reverse: #1F232A;

  /* 装饰色 */
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-gray-10: #EAEAF8;
  --color-gray-30: #BFC0D4;
  --color-gray-50: #6B6C7F;

  /* Other */
  --other-black-60: rgba(0, 1, 18, .6);
  --other-black-90: rgba(0, 1, 18, .9);

  /* red */
  --color-red-10: #FFDFDF;
  --color-red-50: #FA3333;
  --color-red-60: #E62626;

  /* yellow */
  --color-yellow-10: #FFF4E1;
  --color-yellow-50: #FFCD2A;
  --color-yellow-60: #FB9701;

  /* blue */
  --color-blue-10: #DCE6FF;
  --color-blue-30: #8599FF;
  --color-blue-50: #4B69FF;
  --color-blue-60: #305FE1;

  /* font */
  --font-color-1: var(--color-neutral-1);
  --font-color-2: var(--color-neutral-2);


  /* ====== 位置变量 ====== */

  /* 通用 */
  --font-size-primary: 16px;
  --font-size-primary-xs: 1.3rem;

  --border-radius-primary: 12px;
  --border-radius-primary-xs: 1.2rem;
  --border-radius-secondary: 8px;
  --border-radius-secondary-xs: 0.8rem;

  --border-color-primary: var(--color-neutral-3);
  --border-color-hover-primary: var(--color-neutral-2);

  --bg-nav: var(--color-bg-nav);
  --bg-footer: var(--color-bg-footer-1);
  --bg-body: var(--color-fill-bg-1);
  --bg-body-detail: var(--color-fill-container-1);
  --bg-body-home: var(--color-fill-bg-1);
  --bg-dialog: var(--color-fill-container-1);
  --color-dialog: var(--color-neutral-1);
  --border-radius-dialog: var(--border-radius-secondary);
  --border-radius-dialog-xs: var(--border-radius-secondary-xs);
  --border-radius-dialog-button: 40px;
  --border-radius-dialog-button-xs: 4rem;
  --bg-dialog-button-primary: var(--color-neutral-2);
  --color-dialog-button-primary: var(--color-fill-bg-1);
  --color-dialog-button-secondary: var(--color-neutral-2);
  --bg-toast: var(--color-fill-container-1);
  --color-toast: var(--color-neutral-1);
  --border-radius-toast: var(--border-radius-secondary);
  --border-radius-toast-xs: var(--border-radius-secondary-xs);
  --bg-image-placeholder: #CBCED2;
  --bg-banner-img-container: #CBCED2;
  /* text */
  --font-weight-title: 600;
  --color-text-primary: var(--color-neutral-1);
  --color-text-secondary: var(--color-neutral-2);
  --color-text-tip: var(--color-neutral-3);
  --color-text-error: var(--color-error);

  --color-link: var(--color-action);

  --bg-loading: url(https://img-cdn-sg.payermax.com/jm-site/brand/Perfeggs/loading.svg);

  /* nav */
  --bg-login-button: #FFF;
  --border-radius-login-button: 25px;
  --border-radius-login-button-xs: 2.5rem;

  --bg-tab-selected: var(--color-action);
  --bg-tab-hover: var(--color-fill-container-2);

  /* search */
  --bg-search-bar: transparent;
  --border-color-search-bar: var(--color-fill-container-1);
  --color-search-bar-inner: var(--color-fill-container-1);
  --border-width-search-bar: 1px;
  --border-width-search-bar-xs: 0.1rem;
  --border-radius-search-bar: var(--border-radius-primary);
  --border-radius-search-bar-xs: var(--border-radius-primary-xs);
  --color-search-bar-button: var(--color-neutral-1);
  --color-search-bar-dashed: var(--color-neutral-4);
  --color-search-bar-input: var(--color-fill-container-1);
  --color-search-bar-input-placeholder: var(--color-fill-container-1);
  /* search-xs */
  --color-search-bar-inner-xs: var(--color-neutral-1);
  --color-search-bar-input-xs: var(--color-neutral-1);
  --color-search-bar-input-placeholder-xs: var(--color-neutral-3);

  --bg-search-dialog: var(--color-fill-container-1);
  --bg-search-dialog-search-bar: var(--color-fill-container-1);
  --bg-search-dialog-mask: var(--other-black-90);
  --color-search-dialog: var(--color-neutral-1);
  --border-radius-search-dialog: var(--border-radius-primary);
  --border-radius-search-dialog-xs: var(--border-radius-primary-xs);

  --bg-search-history-item: rgba(255, 255, 255, 0.05);
  --color-search-history-item: rgba(255, 255, 255, 0.7);
  --border-radius-search-history-item: 13px;
  --border-radius-search-history-item-xs: 1.3rem;

  --color-search-loading-text: var(--color-neutral-1);
  --color-search-empty-text: rgba(255, 255, 255, 0.7);

  --color-search-result-title: rgba(255, 255, 255, 0.7);
  --color-search-result-item-text: var(--color-neutral-1);
  --border-radius-search-result-item-image: var(--border-radius-secondary);
  --border-radius-search-result-item-image-xs: var(--border-radius-secondary-xs);

  /* logged-in */
  --bg-logged-in-popup: var(--color-fill-container-1);
  --border-radius-logged-in-popup: var(--border-radius-secondary);
  --border-radius-logged-in-popup-xs: var(--border-radius-secondary-xs);
  --border-radius-logged-in-popup-action: var(--border-radius-primary);
  --border-radius-logged-in-popup-action-xs: var(--border-radius-primary-xs);
  --color-logged-in-popup-action: var(--color-neutral-1);
  /* --bg-logged-in-popup-action-hover: ; */
  --bg-logged-in-popup-action-selected: var(--bg-tab-selected);
  --display-logged-in-popup-component: none;

  /* country select dialog */
  --bg-country-select-dialog: var(--color-fill-container-1);
  --border-radius-country-select-dialog: var(--border-radius-secondary);
  --border-radius-country-select-dialog-xs: var(--border-radius-secondary-xs);

  /* chat */
  --fixed-bottom-chat-icon: 64px;
  --fixed-right-chat-icon: 24px;
  --fixed-bottom-chat-icon-xs: 6.4rem;
  --fixed-right-chat-icon-xs: 2.4rem;
  --bgi-chat-icon: url(https://img-cdn-sg.payermax.com/jm-site/brand/Dadagold/chat-icon.png);
  --bg-chat-unread-count: #F44444;
  --color-chat-unread-count: var(--color-white);
  --border-color-chat-unread-count: var(--color-white);

  /* ====== personal center start ======  */
  --bg-user-container-nav: transparent;
  --bg-user-container-nav-item: transparent;
  --bg-user-container-nav-item-selected: var(--bg-tab-selected);
  --bg-user-container-nav-item-hover: var(--bg-tab-hover);
  --color-user-container-nav-item: var(--color-neutral-1);
  --border-radius-user-container-nav-item: var(--border-radius-primary);

  --bg-user-container-content: transparent;

  /* my profile */
  --color-my-profile-label: var(--color-neutral-3);
  --color-my-profile-value: var(--color-neutral-1);
  --color-my-profile-title: var(--color-neutral-1);
  --padding-my-profile-form: 24px;
  --bg-my-profile-form: var(--color-fill-container-3);
  --bg-my-profile-input: var(--color-neutral-1);
  --color-my-profile-input: var(--color-fill-bg-1);
  --border-width-my-profile-input: 1px;
  --border-color-my-profile-input: var(--color-neutral-3);
  --border-radius-my-profile-input: var(--border-radius-primary);

  --color-my-profile-button: var(--color-neutral-1);
  --bg-my-profile-button: var(--color-action);
  --border-radius-my-profile-button: var(--border-radius-secondary);

  --bg-my-profile-nickname-dialog: var(--color-fill-container-1);
  --border-radius-my-profile-nickname-dialog: var(--border-radius-secondary);
  --border-radius-my-profile-nickname-dialog-xs: var(--border-radius-secondary-xs);

  --bg-my-profile-nickname-dialog-input: var(--color-white);
  --border-radius-my-profile-nickname-dialog-input: var(--border-radius-secondary);
  --border-radius-my-profile-nickname-dialog-input-xs: var(--border-radius-secondary-xs);
  --color-my-profile-nickname-dialog-input: var(--color-fill-bg-1);
  --color-my-profile-nickname-dialog-input-placeholder: var(--color-neutral-3);
  --border-color-my-profile-nickname-dialog-input: var(--color-neutral-3);

  --border-radius-my-profile-nickname-dialog-button: var(--border-radius-secondary);
  --border-radius-my-profile-nickname-dialog-button-xs: var(--border-radius-secondary-xs);
  --bg-my-profile-nickname-dialog-button: var(--color-action);
  --color-my-profile-nickname-dialog-button: var(--color-neutral-1);

  --bg-my-profile-gender-dialog: var(--color-fill-container-1);
  --border-radius-my-profile-gender-dialog: var(--border-radius-secondary);
  --border-radius-my-profile-gender-dialog-xs: var(--border-radius-secondary-xs);

  /* my coupon */
  --bg-my-coupon-tab-content: transparent;
  --bg-my-coupon-sub-type: var(--color-fill-container-1);
  --color-my-coupon-sub-type: var(--color-neutral-3);
  --bg-my-coupon-sub-type-active: var(--color-action);
  --color-my-coupon-sub-type-active: var(--color-neutral-1);
  --border-radius-my-coupon-sub-type-active: var(--border-radius-primary);
  --border-radius-my-coupon-sub-type-active-xs: var(--border-radius-primary-xs);

  /* redeem voucher */
  --bg-redeem-voucher-input: var(--color-neutral-1);
  --color-redeem-voucher-input: var(--color-fill-bg-1);
  --color-redeem-voucher-input-placeholder: var(--color-neutral-3);
  --border-width-redeem-voucher-input: 1px;
  --border-width-redeem-voucher-input-xs: 0.1rem;
  --border-color-redeem-voucher-input: var(--color-neutral-3);
  --border-radius-redeem-voucher-input: var(--border-radius-secondary);
  --border-radius-redeem-voucher-input-xs: var(--border-radius-secondary-xs);

  --bg-redeem-voucher-button: linear-gradient(90deg, var(--color-primary) 0%, #FF9D42 100%);
  --border-color-redeem-voucher-button: transparent;
  --color-redeem-voucher-button: var(--color-neutral-1);
  --border-radius-redeem-voucher-button: var(--border-radius-secondary);
  --border-radius-redeem-voucher-button-xs: var(--border-radius-primary-xs);
  --color-redeem-voucher-rule: var(--color-neutral-3);
  --bg-redeem-voucher-rule-dotted: var(--color-neutral-3);

  /* order list */
  --bg-my-order-item: var(--color-fill-container-3);
  --border-radius-my-order-item: var(--border-radius-primary);
  --border-radius-my-order-item-xs: var(--border-radius-primary-xs);
  --color-my-order-item-neutral-1: var(--color-neutral-1);
  --color-my-order-item-neutral-2: var(--color-neutral-3);
  --color-my-order-item-neutral-3: var(--color-neutral-4);
  --border-radius-my-order-item-icon: var(--border-radius-primary);
  --border-radius-my-order-item-icon-xs: var(--border-radius-primary-xs);

  /* ====== personal center end ======  */

  /* ====== home page start ====== */
  --bg-image-home: unset;

  /* banner / carousel */
  --width-carousel-indicator-circle: 6px;
  --radius-carousel-indicator: 12px;
  --border-radius-carousel-indicator-circle: 50%;
  --bg-carousel-indicator-circle: #333333;
  --bg-carousel-indicator-circle-active: var(--color-primary);
  --bg-carousel-indicator: var(--color-secondary-neutral-4);
  --bg-carousel-indicator-active: var(--color-primary);
  --display-titleBar-container: none;
  --height-banner: 260px;
  --height-banner-xs: 13rem;
  --radius-banner-noBorder: 16px;
  --radius-banner-noBorder-xs: .8rem;
  --bg-carousel-titlebar: linear-gradient(180deg, var(--color-fill-container-1) 0%, var(--color-fill-container-3) 100%);

  --margin-top-carousel-titlebar-content: 1rem;
  --color-carousel-titlebar-title: var(--color-neutral-1);
  --color-carousel-titlebar-subtitle: var(--color-neutral-3);
  --color-carousel-titlebar-button: var(--color-neutral-1);

  --border-radius-carousel-titlebar-button: var(--border-radius-primary);
  --border-radius-carousel-titlebar-button-xs: var(--border-radius-primary-xs);
  --bg-carousel-titlebar-button: var(--color-action);

  /* marqueue */
  --bg-home-marqueue: var(--color-fill-container-3);
  --color-home-marqueue: var(--color-primary);
  --border-radius-home-marqueue: var(--border-radius-primary);
  --border-radius-home-marqueue-xs: var(--border-radius-primary-xs);

  /* recommend */
  --color-recommend-button: var(--color-black);
  --bg-recommend-button: var(--color-white);
  --border-radius-recommend-button: var(--border-radius-secondary);
  --border-radius-recommend-button-xs: var(--border-radius-secondary-xs);

  /* section / application */
  --bg-application: var(--color-fill-container-1);
  --bg-fun-application: var(--color-fill-container-1);
  --border-radius-application: 12px;
  --border-radius-application-xs: 1.2rem;

  --border-radius-application-img: 24px;
  --border-radius-application-img-xs: 1.2rem;
  --border-width-application-img: 0;
  --border-width-application-img-xs: 0;
  --border-color-application-img: var(--color-neutral-4);
  --width-app-img: 200px;
  --height-app-img: 200px;
  --width-app-img-xs: 10rem;
  --height-app-img-xs: 10rem;
  --display-app-item-after: none;
  --margin-app-img:10px auto 0;
  --margin-app-img-xs:.5rem auto 0;
  --color-app-item-title: var(--color-neutral-1);
  --color-app-intro-desc: var(--color-gray-0);


  --color-application-name: var(--color-neutral-1);

  --border-radius-application-button: var(--border-radius-primary);
  --border-radius-application-button-xs: var(--border-radius-primary-xs);
  --bg-application-button: var(--color-fill-container-1);
  --color-application-button: var(--color-neutral-1);

  /* contact us */
  --bg-contact-us-dialog: var(--color-fill-container-1);
  --border-radius-contact-us-dialog: var(--border-radius-secondary);
  --border-radius-contact-us-dialog-xs: var(--border-radius-secondary-xs);
  --text-align-contact-us: left;
  /* ====== home page end ====== */

  /* ====== detail page start ======  */
  /* page intro */
  --bg-page-intro: transparent;
  --bg-shareit-app-detail: var(--color-bg-app-1);
  --padding-page-intro: 0 48px 0 0;
  --padding-page-intro-xs: 0 0 0;
  --padding-page-intro-rtl: 0 0 0 48px;
  --padding-page-intro-xs-rtl: 0 0 0;

  --bg-page-intro-text: transparent;
  --padding-page-intro-text: 12px;
  --padding-page-intro-text-xs: 1.2rem;

  --height-app-intro-img-xs: 13.2rem;
  --height-app-intro-img: 140px;
  --margin-app-intro-text: 0;
  --margin-app-intro-text-xs:0;
  --border-width-app-logo:0;
  --border-width-app-logo-xs:0;

  --border-radius-page-intro-banner: 0;

  --border-radius-page-intro-app-logo: var(--border-radius-primary);
  --border-radius-page-intro-app-logo-xs: var(--border-radius-primary-xs);
  --border-width-page-intro-app-logo: 3px;
  --border-width-page-intro-app-logo-xs: 0.15rem;
  --border-color-page-intro-app-logo: var(--bg-body-detail);

  --border-radius-merchant-info-locale-select: var(--border-radius-primary);
  --border-radius-merchant-info-locale-select-xs: var(--border-radius-primary-xs);
  --padding-merchant-info-locale-select: 4px;
  --padding-merchant-info-locale-select-xs: 0.2rem;
  --bg-merchant-info-locale-select: transparent;
  --color-merchant-info-locale-select-country: var(--color-action);

  --bg-page-intro-activity-info: #B9A278;
  --color-page-intro-activity-info: var(--bg-body-detail);

  /* component */
  --bg-detail-component: var(--color-bg-app-2);
  --margin-top-detail-component: 14px;
  --margin-top-detail-component-xs: 1.4rem;
  --padding-detail-component: 0 24px 24px;
  --padding-detail-component-xs: 0 1.2rem 1.6rem;
  --width-detail-step-slash: 44px;
  --width-detail-step-slash-xs: 4.4rem;
  --height-detail-step-slash: 24px;
  --height-detail-step-slash-xs: 2.4rem;
  --bgi-detail-step-slash: url(https://img-cdn-sg.payermax.com/jm-site/brand/Perfeggs/step_bg.png);
  --color-detail-step: #FFFFFF;
  --padding-detail-step:  0 20px 0 10px;
  --padding-detail-step-xs: 0 2rem 0 1rem;
  --color-detail-step-title: var(--color-secondary-neutral-1);
  --bg-goods-pop-button: var(--color-primary);
  --color-goods-pop-button: var(--color-white);

  /* tabs */
  --bg-detail-tabs: rgba(255, 255, 255, 0.2);
  --width-detail-tabs: fit-content;
  --border-bottom-detail-tabs: none;
  --margin-detail-tabs: 0;
  --margin-detail-tabs-xs: 0 0.8rem;
  --padding-detail-tabs: 0;
  --padding-detail-tabs-xs: 0;
  --color-detail-tabs-item: #FFFFFF;
  --padding-detail-tabs-item-xs: 0 1rem;
  --color-detail-tabs-item-active: var(--color-secondary-neutral-1);
  --bg-detail-tabs-item-active: var(--color-secondary-container-2);
  --min-width-detail-tabs-item: 180px;
  --display-detail-tabs-item-pseudo-element: block;
  --flex-detail-tabs-item-xs: 1;

  /* goods item */
  --padding-detail-goods: 10px;
  --color-detail-goods-from: rgba(var(--color-m-500-base), 0.7);
  --border-width-detail-goods: 1px;
  --border-width-detail-goods-action: 2px;
  --bg-detail-goods-icon: #F5F5F5;
  --border-radius-detail-goods-icon: 8px;
  --border-radius-detail-goods-tag: 8px;
  --bg-detail-goods-tag: var(--color-m-default);
  /* --bgi-detail-goods-discount-tag-icon: ; */
  --color-detail-goods-tag: var(--color-gray-0);
  --bg-detail-goods-tips-dialog: var(--color-fill-container-1);
  --border-radius-detail-goods-tips-dialog: var(--border-radius-secondary);
  --border-radius-detail-goods-tips-dialog-xs: var(--border-radius-secondary-xs);
  --color-detail-goods-style-title: var(--color-neutral-1);
  --color-detail-goods-style-title-promo: #F68D3E;
  /* --bgi-detail-goods-style-promo-icon: ; */
  /* --bgi-detail-goods-countdown-clock-icon: ; */
  /* --bgi-detail-goods-countdown-lock-icon: ; */
  --bg-detail-goods-progress: #E4E4F0;
  --bg-detail-goods-progress-soldout: var(--color-secondary-neutral-2);
  --color-detail-goods-progress: var(--color-white);
  --bg-detail-goods-progress-inner: var(--color-primary);

  /* payment item */
  --bg-detail-payment: var(--color-secondary-container-1);
  --border-radius-detail-payment: var(--border-radius-primary);
  --border-radius-detail-payment-xs: var(--border-radius-primary-xs);
  --border-width-detail-payment: 1px;
  --border-width-detail-payment-action: 2px;
  --border-width-detail-payment-xs: 0.1rem;
  --border-width-detail-payment-action-xs: 0.2rem;
  --border-color-detail-payment: var(--color-secondary-neutral-4);
  --padding-detail-payment: 10px;
  --padding-detail-payment-xs: 0;
  --border-color-detail-payment-action: var(--color-ap-default);
  --bg-detail-payment-icon: #F4F4FF;
  --bg-detail-payment-tag: var(--color-primary);
  --color-detail-payment-tag: var(--color-neutral-1);
  --border-radius-detail-payment-tag: var(--border-radius-secondary);
  --border-radius-detail-payment-tag-xs: var(--border-radius-secondary-xs);
  --bg-detail-payment-mark:var(--color-ap-default);
  --bg-detail-payment-mark-hook: var(--color-fill-secondary-container-1);
  --color-detail-payment-name: var(--color-secondary-neutral-1);
  --color-detail-payment-amount: var(--color-secondary-neutral-1);
  --color-detail-payment-amount-origin: #05082E80;
  --bg-detail-payment-tips-dialog: var(--color-fill-container-1);
  --border-radius-detail-payment-tips-dialog: var(--border-radius-secondary);
  --border-radius-detail-payment-tips-dialog-xs: var(--border-radius-secondary-xs);

  /* user form */
  --bg-detail-user-form-input: var(--color-secondary-container-1);
  --border-radius-detail-user-form-item: var(--border-radius-primary);
  --border-radius-detail-user-form-item-xs: var(--border-radius-primary-xs);
  --color-detail-user-form-subtitle: rgba(5, 8, 46, .7);
  --color-detail-user-form-input: rgba(5, 8, 46, 1);
  --color-detail-user-form-placeholder: rgba(5, 8, 46, .5);
  --color-detail-user-form-desc: rgba(5, 8, 46, .5);
  --border-color-detail-user-form-input: #d0d3f3;
  --border-color-detail-user-form-input-focus: var(--color-action);
  --border-color-detail-user-form-input-error: var(--color-error);
  --bg-detail-user-form-input-error: rgba(250, 51, 51, 0.1);
  --bg-detail-user-id-tips-dialog: var(--color-fill-container-1);
  --border-radius-detail-user-id-tips-dialog: var(--border-radius-secondary);
  --border-radius-detail-user-id-tips-dialog-xs: var(--border-radius-secondary-xs);
  --color-switch-remember-me: var(--color-gray-0);
  /* empty select */
  --bg-image-empty-select-url: url(//img-cdn-sg.payermax.com/jm-site/brand/PlayKash/no-search-result-common-qian.svg);

  /* jolly bean */
  --reward-jollybean-display: none;

  /* order confirm dialog */
  --bg-detail-order-confirm-dialog: var(--color-fill-container-1);
  --border-radius-detail-order-confirm-dialog: var(--border-radius-secondary);
  --border-radius-detail-order-confirm-dialog-xs: var(--border-radius-secondary-xs);
  --bg-detail-order-confirm-dialog-goods-box: var(--color-container-2);
  --border-radius-detail-order-confirm-dialog-goods-box: var(--border-radius-secondary);
  --border-radius-detail-order-confirm-dialog-goods-box-xs: var(--border-radius-secondary-xs);
  --color-dlg-confirm: var(--color-neutral-1);
  --color-app-dlg-confirm: var(--color-neutral-1);
  --color-dlg-confirm-secondary: var(--color-neutral-3);
  --color-goods-desc-dlg-confirm-secondary: var(--color-neutral-3);
  ---border-color-dlg-confirm-secondary: var(--color-secondary-neutral-4);


  /* bottom acctions */
  --bottom-actions-container-width-xs: 95.76%;
  --bottom-actions-container-width: 100%;
  --bottom-actions-container-radius: 50px;
  --bottom-actions-container-overflow: hidden;
  --bg-bottom-actions: var(--color-fill-container-1);
  --bg-bottom-actions-buy-button: var(--color-ap-default);
  --border-radius-bottom-actions-buy-button: 50px;
  --border-radius-bottom-actions-buy-button-xs: 5rem;
  --border-color-bottom-actions-buy-button: transparent;
  --border-color-bottom-actions-buy-button-width: 0;
  --color-bottom-actions-buy-button: var(--color-fill-container-1);
  --bottom-actions-container-bottom-offset:12px;

  --color-bottom-actions-amount-label: #05082EB3;
  --color-bottom-actions-amount-value: var(--color-secondary-neutral-1);
  --color-bottom-actions-amount-origin: var(--color-red-50);
  --color-bottom-actions-discount-percent: var(--color-gray-0);
  --color-bottom-actions-buy-button-sold-out: #FFFFFF;
  --padding-top-bottom-actions-discount-percent: 12px;
  --padding-top-bottom-actions-discount-percent-xs: 1.2rem;
  --height-bottom-actions-buy-button: 100%;
  --height-bottom-actions-buy-button-xs: 100%;
  --height-bottom-button-container: 52px;
  --height-bottom-button-container-xs: 5.2rem;
  --padding-bottom-button-container: 0 0 0 12px;
  --padding-bottom-button-container-xs: 0 0 0 1.2rem;
  --display-bottom-actions-buy-button-skew: block;
  --bgi-bottom-actions-discount: url(https://img-cdn-sg.payermax.com/jm-site/brand/Perfeggs/discount_bg.png);
  --bgi-bottom-action-coupon-empty: url(https://img-cdn-sg.payermax.com/jm-site/brand/PlayKash/playKash-detail-coupon-empty.png);
  --bg-bottom-actions-amount-dialog: var(--color-fill-container-1);
  --bg-bottom-actions-buy-button-sold-out: #BEC8F6;
  --box-shadow-bottom-actions-xs: none;


  --border-radius-bottom-actions-amount-dialog: var(--border-radius-secondary);
  --border-radius-bottom-actions-amount-dialog-xs: var(--border-radius-secondary-xs);

  --color-goods-title: var(--color-gray-0);

  --filter-arrow-icon: invert(.7);



  /* confirm-payment-dialog */
  --bg-detail-confirm-payment-dialog: var(--color-fill-container-1);
  --color-detail-confirm-payment-dialog: var(--color-neutral-2);
  --color-detail-confirm-payment-dialog-title: var(--color-neutral-1);
  --border-radius-detail-confirm-payment-dialog: var(--border-radius-secondary);
  --border-radius-detail-confirm-payment-dialog-xs: var(--border-radius-secondary-xs);

  /* dialog  */
  --color-tip-title: var(--color-neutral-1);
  --color-goods-pop-title: var(--color-neutral-1);

  /* calc-dialog */
  --color-calc-label: var(--color-neutral-3);
  --color-calc-title: var(--color-neutral-1);
  --bg-calc-divider: var(--color-neutral-4);
  --color-calc-value: var(--color-neutral-1);
  --color-calc-value-discount: #FA3333;

  /* country-select-dialog */
  --bg-country-select-dlg: var(--color-fill-container-1);
  --bg-current-country: var(--color-sp-bg-1);
  --color-country-select-text: var(--color-neutral-1);

  --color-404-desc:var(--color-neutral-1);

  /* top-app */
  --overflow-app-top: hidden;
  --bg-app-top: var(--color-bg-app-2);
  --radius-app-top:20px;
  --width-app-top-xs: 35rem;
  --radius-app-top-xs: 2rem;
  --margin-app-top-xs: 1.5rem auto 1.6rem auto;
  --display-app-item-btn: none;


  /* detail footer part */
  --bg-detail-footer-part: var(--color-bg-app-1);
  --color-detail-footer-part-goods-title: var(--color-neutral-1);
  --color-detail-footer-part-section-title: var(--color-gray-0);
  --color-detail-footer-part-section-content: var(--color-gray-100);
  --bg-detail-footer-part-section-item: rgba(255, 255, 255, 0.2);
  --padding-detail-footer-part-section-item: var(--border-radius-primary);
  --padding-detail-footer-part-section-item-xs: var(--border-radius-primary-xs);

  /* ====== detail page end ======  */

  /* ====== result page start ======  */
  --bg-result-main: var(--color-fill-container-1);
  --padding-result-main: 0 0 34px;
  --bg-result-container: var(--color-fill-container-1);
  --bg-result-bottom: var(--color-fill-bg-1);
  --bg-result-order-detail: var(--color-fill-container-3);
  --padding-result-order-detail: 16px 30px;
  --margin-result-order-detail: 0 0 0 40px;
  --radius-result-order-detail: 8px;
  --bg-result-button-part: var(--color-fill-container-1);
  --bg-result-status-container: var(--color-fill-container-3);
  --padding-result-status-container: 1px 30px 64px 35px ;
  --color-result-email-title: var(--color-neutral-1);
  --color-result-email-title-xs: var(--color-neutral-1);
  --weight-result-email-title: 600;
  --weight-result-email-title-xs: 600;
  --weight-email-input: 600;
  --color-result-left-label: var(--color-neutral-2);
  --color-result-right-content: var(--color-neutral-1);
  --color-email-input:var(--color-neutral-1);
  --color-cdk-title: var(--color-neutral-1);
  --color-cdk-time: var(--color-neutral-2);
  --color-cdk-value: var(--color-neutral-1);
  --margin-color-result-divide: 0 30px;
  --margin-how-to-use: 23px 30px 0 30px;
  --margin-how-to-use-xs:0;
  --color-how-to-use-title: var(--color-neutral-1);
  --color-how-to-use-title-xs: var(--color-neutral-1);
  --color-how-to-use-content: var(--color-neutral-3);
  --border-color-result-divide: var(--color-secondary-neutral-4);
  --border-color-result-pc-divide:var(--color-secondary-neutral-4);
  --bg-email-box:var(--color-white);
  --bg-out-email-box:var(--color-white);
  --bg-email-disable-box: transparent;
  --border-color-email-outer: var(--color-secondary-neutral-4);
  --border-color-email-button-before: var(--color-secondary-neutral-4);
  --radius-email-box: 12px;
  --radius-email-box-xs: 1.2rem;
  --border-email-disable-box-xs: 1px solid var(--color-secondary-neutral-4);
  --padding-email-container: 0 30px;
  --display-cdk-part-before: none;
  --url-cdk-part:url(https://img-cdn-sg.payermax.com/jm-site/brand/PlayKash/cdk-bg.png);
  --padding-result-button-part:0 30px;
  --display-result-contact-us: none;
  --color-result-border-left: rgba(132, 140, 148, .3);
  --color-result-border-left-xs: rgba(132, 140, 148, .3);
  --color-status-name: var(--color-neutral-1);
  --color-result-step-container: var(--color-neutral-2);
  --border-color-circle-step-icon: var(--color-neutral-3);
  --url-result-step-done-icon:url(https://img-cdn-sg.payermax.com/jm-site/brand/PlayKash/done.svg);
  --url-result-step-failed-icon:url(https://img-cdn-sg.payermax.com/jm-site/brand/PlayKash/warning.svg);
  --url-result-step-success-icon:url(https://img-cdn-sg.payermax.com/jm-site/brand/PlayKash/success.svg);
  --url-result-step-waiting-icon:url(https://img-cdn-sg.payermax.com/jm-site/brand/PlayKash/pending.svg);
  --color-result-step-title: var(--color-neutral-2);
  --color-success-result-step-title: var(--color-neutral-2);
  --color-result-flex-container-title: var(--color-neutral-3);
  --border-result-flex-container: transparent;
  --bg-result-flex-container: transparent;
  --bg-result-flex-container-number: transparent;
  --color-order-number: var(--color-neutral-1);
  --padding-result-flex-container-title: 0 8px 0 0;
  --padding-result-flex-container-title-xs: 0 .4rem 0 0;
  --bg-guide-delivery-container:var(--color-white);
  --border-color-guide-delivery-container: var(--color-secondary-neutral-4);
  --radius-guide-delivery-container: 8px;
  --box-shadow-guide-delivery-container: none;
  --color-app-goods-info: var(--color-neutral-1);
  --weight-app-goods-info: 600;
  --border-color-gap-line: var(--color-neutral-4);
  --border-color-gap-line-light: var(--color-secondary-neutral-4);
  --color-guide-user-info-title: var(--color-neutral-3);
  --color-download-info-title: var(--color-neutral-3);
  --color-guide-user-info: var(--color-neutral-1);
  --color-download-info-content:var(--color-neutral-1);
  --color-status-user-info: var(--color-neutral-1);
  --radius-result-default-button: 24px;
  --radius-result-default-button-xs: 2.4rem;
  --border-color-result-default-button: var(--color-secondary-neutral-4);
  --color-result-default-button: var(--color-primary);
  --border-color-result-primary-button: var(--color-primary);
  --color-result-primary-button: var(--color-white);
  /* ====== result page end ======  */

  /* footer */
  --flex-direction-footer: column;
  --align-item-footer: flex-start;
  --align-item-footer-xs: flex-start;

  --color-footer-section-title: var(--color-neutral-1);
  --font-size-footer-section-title: 14px;
  --font-size-footer-section-title-xs: 0.7rem;

  --padding-footer-locale-select: 8px 12px;
  --padding-footer-locale-select-xs: 0.4rem 0.6rem;
  --border-color-footer-locale-select: rgba(0, 0, 0, 0.3);
  --border-radius-footer-locale-select: 25px;
  --border-radius-footer-locale-select-xs: 2.5rem;
  --color-text-footer-locale-select: var(--color-neutral-1);

  --border-color-footer-locale-select-icon: transparent;
  --width-footer-locale-select-icon: 20px;
  --width-footer-locale-select-icon-xs: 2rem;

  --margin-footer-copyright: 10px;
  --margin-footer-copyright-xs: 1.2rem;
  --text-align-footer-copyright-xs: left;
  --color-footer-email-text: var(--color-yellow-50);
  --color-footer-help-center-text: var(--color-primary);
  --color-footer-desc-text: rgba(0, 0, 0, 0.6);
  --color-footer-terms-policy-text: rgba(0, 0, 0, 0.8);
  /* promote code */
  --apply-primary-btn-color: var(--color-sp-default);
  --apply-primary-btn-radius: 25px;
  --apply-primary-btn-radius-xs: 2.5rem;
  --bg-promo-code-form-input: var(--color-container-1);
  --promo-code-form-input-color: var(--color-neutral-1);
  --promo-code-enter-border-radius-xs: 2.5rem;
  --promo-code-enter-border-radius: 25px;

  /* country-language-settings-drawer */
  --bg-country-language-settings-drawer-inner: var(--color-fill-container-1);
  --bg-country-language-settings-drawer-inner-actions: var(--color-fill-container-1);
  --color-country-language-settings-drawer-inner-confirm: var(--color-sp-default);
  --color-country-language-settings-drawer-inner-cancel: var(--color-neutral-3);
  --bold-country-language-settings-drawer-inner-btn: bold;
  --color-country-language-settings-drawer-tab: var(--color-neutral-3);
  --color-country-language-settings-drawer-tab-selected: var(--color-neutral-1);
  --bg-country-language-settings-drawer-tabs:var(--color-container-2);
  --mask-country-language-settings-drawer-inner: transparent;
  --bg-country-language-settings-drawer-tab-indicator: var(--color-sp-default);
  --color-country-language-settings-column-item:var(--color-neutral-1);
  --border-color-country-language-settings-input: var(--color-secondary-neutral-4);
  --color-country-language-settings-input:var(--color-neutral-1);
  --bg-country-language-settings-input: var(--color-fill-container-1);
  --radius-country-language-settings-input: 8px;
  --bg-country-language-settings-dropdown: var(--color-fill-container-1);
  --color-country-language-settings-dropdown: var(--color-neutral-1);
  --bg-country-language-settings-selected-item: var(--color-container-2);

  --bg-default-button: var(--color-fill-secondary-container-1);
  --border-color-default-button: var(--color-secondary-neutral-4);
  --color-default-button: var(--color-neutral-1);
  --bg-confirm-button: var(--color-sp-default);
  --radius-default-button: 25px;
  --radius-default-confirm-payment-button:25px;
  --color-primary-button: var(--color-neutral-1);
  --color-intro-item-subTitle: var(--color-neutral-3);
  --color-intro-item-text: var(--color-neutral-1);
  --color-pc-uid-container-desc: var(--color-neutral-1);

  --color-user-not-found-dlg-content: var(--color-neutral-2);
  --color-user-not-found-dlg-title: var(--color-neutral-1);
  --bg-user-not-found-dlg: var(--color-fill-container-1);

}

/* 首页背景 */
body:not(.__xs) .page.shareitHomeContainer {
  background: linear-gradient(to top, #FFF3DF, #FFF 860px) !important;
}

.page.shareitHomeContainer .container {
  padding-bottom: 0;
}

.page.shareitHomeContainer .block-single-img {
  max-width: 1180px;
}

.__xs .layout-content .page.shareitHomeContainer .block-container.block-single-img {
  margin: 0;
}

/* 登录弹框 */
.sp-login-dialog .sp-login-dialog-title,
.sp-login-method-item .sp-login-method-name,
.sp-login-dialog .sp-login-dialog-terms {
  color: var(--color-neutral-1) !important;
}

.actionbar .actionbar-content .userInfo .login-button {
  color: var(--color-sp-600) !important;
}

.app-intro .app-top .app-title .app-intro-name {
  font-size: 18px !important;
}

.__xs .app-intro .app-top .app-title .app-intro-name {
  font-size: 1.8rem !important;
}

.page-intro-merchant-info .label-text {
  font-size: 10px !important;
}

.__xs .page-intro-merchant-info .label-text {
  font-size: 1rem !important;
}

.page-intro-merchant-info .country-select .country-info {
  font-size: 12px !important;
}

.__xs .page-intro-merchant-info .country-select .country-info {
  font-size: 1.2rem !important;
}

.amount-calc-detail-dlg .el-dialog__body .bottom-nologin .bottom-nologin-content .nologin-desc {
  color: var(--color-neutral-1);
}

.share-container .el-dialog .el-dialog__body .share-title,
.jm-drawer .container .title,
.jm-dialog .el-dialog__header .title {
  color: var(--color-neutral-1);
}

.share-container .el-dialog .el-dialog__body .share-title .title-close {
  filter: var(--filter-arrow-icon);
}

.share-container .el-dialog .el-dialog__body .share-item-container .share-item-name {
  color: var(--color-neutral-1);
}

.jm-drawer .container .btn--primary,
.jm-dialog .btn-container .btn--primary {
  color: var(--color-sr-reverse);
}

/* tabs */
.shareit-app-detail .shareit-detail-common-page .content .content-right-part .sptabs .sptabs_nav-container .nav-item.hilite.more::after,
.shareit-app-detail .shareit-detail-common-page .content .content-right-part .sptabs .sptabs_nav-container .nav-item.hilite:last-child::after {
  background: var(--color-secondary-container-2) !important;
}

[dir="ltr"] .shareit-app-detail .shareit-detail-common-page .content .content-right-part[data-v-6337cfc3] .sptabs .sptabs_nav-container .nav-item.hilite.more::after {
  right: -12px !important;
}

[dir="ltr"] .shareit-app-detail .shareit-detail-common-page .content .content-right-part .sptabs .sptabs_nav-container .nav-item.hilite:last-child::after {
  left: -12px !important;
}

[dir="ltr"] .__xs .shareit-app-detail .shareit-detail-common-page .content .content-right-part[data-v-6337cfc3] .sptabs .sptabs_nav-container .nav-item.hilite.more::after {
  right: -1.2rem !important;
}

[dir="ltr"] .__xs .shareit-app-detail .shareit-detail-common-page .content .content-right-part .sptabs .sptabs_nav-container .nav-item.hilite:last-child::after {
  left: -1.2rem !important;
}

[dir="rtl"] .shareit-app-detail .shareit-detail-common-page .content .content-right-part[data-v-6337cfc3] .sptabs .sptabs_nav-container .nav-item.hilite.more::after {
  left: -12px !important;
}

[dir="rtl"] .shareit-app-detail .shareit-detail-common-page .content .content-right-part .sptabs .sptabs_nav-container .nav-item.hilite:last-child::after {
  right: -12px !important;
}

[dir="rtl"] .__xs .shareit-app-detail .shareit-detail-common-page .content .content-right-part[data-v-6337cfc3] .sptabs .sptabs_nav-container .nav-item.hilite.more::after {
  left: -1.2rem !important;
}

[dir="rtl"] .__xs .shareit-app-detail .shareit-detail-common-page .content .content-right-part .sptabs .sptabs_nav-container .nav-item.hilite:last-child::after {
  right: -1.2rem !important;
}

.shareit-app-detail .shareit-detail-common-page .user-info .form-user-info .step-title,
.shareit-app-detail .shareit-detail-common-page .component-block {
  border-radius: 12px 12px 0 0;
}

.shareit-app-detail .shareit-detail-common-page .content-part {
  border-radius: 0 0 12px 12px;
}

.shareit-app-detail .shareit-detail-common-page .user-info .form-user-info > .form-block {
  border-radius: 12px;
}

/* goods item */
.goods-item .goods-info .goods-name {
  line-height: 18px;
}

.__xs .goods-item .goods-info .goods-name {
  line-height: 1.8rem;
}

/* remember me */
.remember-switch .el-switch.is-checked .el-switch__core {
  border-color: var(--color-ap-default) !important;
  background: var(--color-ap-default) !important;
}

/* promo code */
.user-info .promote-code .promote-code {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: var(--border-radius-primary);
}

.user-info .promote-code .promote-title {
  color: var(--color-gray-0);
}

.user-info .promote-code .promote-text {
  color: var(--color-gray-100);
}

.promote-code-form .el-form-item__label {
  color: var(--color-neutral-2) !important;
}

.promote-code-form .el-input__inner {
  border-color: var(--color-neutral-4);
  border-radius: var(--border-radius-primary) !important;
}

.promote-code-form .explain {
  display: none;
}

/* section-box */
.section-box .section-item .section-title .arrow-icon {
  filter: unset !important;
}

/* bottom actions */
.bottom-actions .button-main {
  background: unset !important;
}

.bottom-actions .bottom-button-container {
  border-radius: var(--border-radius-button);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}

.order-confirm-dlg .item.price .value {
  color: var(--color-m-default) !important;
}

.order-confirm-dlg .el-dialog .el-dialog__footer .el-button {
  border-radius: 25px !important;
}

.__xs  .order-confirm-dlg .el-dialog .el-dialog__footer .el-button {
  border-radius: 2.5rem !important;
}

.shareit-app .el-loading-mask {
  background-color: #FFF !important;
}

/* 404 */
.page .content .desc,
.page .content .tips {
  color: var(--color-neutral-1) !important;
}

.page .content .tips {
  margin-top: 10px;
}