:root {
    /*===================================================================================*/
    /*--------闋侀潰闁撹窛瑷畾--------*/
    /*===================================================================================*/
    --pd-xs: 0;
    --pd-md: 50px;
    --pd-lg: 4.79vw;
    --pd-xxl: 4.79vw;
    --pd-inside-xs: 40px;
    --pd-inside-md: 13.22vw;
    --pd-inside-lg: 13.22vw;
    --pd-inside-xxl: 13.22vw;
    --pd-mobile-top: 50px;
    --pd-mobile-bottom: 60px;
    /*===================================================================================*/
    /*--------鍏ㄥ煙瑷畾--------*/
    /*===================================================================================*/
    /*--------涓昏鑹茬郴--------*/
    /*涓昏壊锛岄爯瑷偤#7d5141*/
    --color-main: #e60012;
    --color-main-dark: #56423a;
    /*杓旇壊锛岄爯瑷偤#5f796f*/
    --color-second: #1d1a16;
    /*璀﹀憡鑹诧紝闋愯ō鐐�#ce2f2f*/
    --color-alert: #eb4d4d;
    /*鏁樿堪鏂囧瓧椤忚壊*/
    --color-text: #191f23;
    /*鏁樿堪鏂囧瓧椤忚壊 / 03鐗坆anner鏁稿瓧椤忚壊*/
    --color-text-light: #858585;
    /*楹靛寘灞戦€ｇ祼椤忚壊*/
    --color-breadcrumbs: #535353;
    /*楹靛寘灞戦€ｇ祼鐢熸晥椤忚壊*/
    --color-breadcrumbs-active: #000;
    /*H1椤忚壊锛氭瘡涓€闋佹渶澶х殑鎶牠*/
    --color-h1: #000;
    /*绶氭椤忚壊*/
    --color-border: #e5e4e4;
    --color-border-dark: #7d5141;
    /*榛為粸椤忚壊锛岄爯瑷偤#c6c6c6*/
    --color-dot: #c6c6c6;
    /*灏庤灏哄锛岄爯瑷偤5px*/
    --size-radius: 5px;
    /*瀛楀瀷绋*/
    --font-family: "PingFang", "PingFangTC", "Microsoft JhengHei", sans-serif;
    --font-family-title: 'Noto Sans TC', "PingFang", "PingFangTC", "Microsoft JhengHei", sans-serif;
    --font-family-en: 'Montserrat', 'Noto Sans TW', "PingFang", "PingFangTC", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    /*===================================================================================*/
    /*--------HEADER--------*/
    /*===================================================================================*/
    /*鎵嬫header楂樺害*/
    --height-nav-xs: 60px;
    /*鎵嬫閬稿柈闋呯洰a鐨勮楂�*/
    --line-height-nav-xs: 50px;
    /*header楂樺害-骞虫澘浠ヤ笂锛岄爯瑷�11.7vw*/
    --height-nav-md: 7.7vw;
    /*header楂樺害绺皬-骞虫澘浠ヤ笂:72px*/
    --height-nav-mini-md: 64px;
    /*header楂樺害绺皬-骞虫澘浠ヤ笂:72px / 4.5vw*/
    --height-nav-mini-xxl: 72px;
    /*鎵嬫瀛愰伕鍠搴�*/
    --width-nav-xs: 70vw;
    --width-nav-md: 35vw;
    /*logo楂樺害:鏈€灏忓埌鏈€澶�*/
    --height-logo: 2.34vw;
    --height-logo-min: 50px;
    --height-logo-max: 65px;
    /*妗屾header鑳屾櫙鑹�*/
    --color-bg-header: rgba(255, 255, 255, 1);
    /*棣栭爜闄愬畾!!妗屾header鑳屾櫙鑹�*/
    --color-bg-header-index: rgba(255, 255, 255, 0);
    /*鏈冨摗璩肩墿杌婃绶氶鑹诧紝闋愯ō鐐�#636363*/
    --color-cart-border: #636363;
    /*杩斿洖椤忚壊闋愯ō鐐�#383838*/
    --color-btn-back: #383838;
    /*===================================================================================*/
    /*--------鍏憡--------*/
    /*===================================================================================*/
    /*鍏憡楂樺害*/
    --height-countdown-xs: 70px;
    --height-countdown-lg: 60px;
    /*===================================================================================*/
    /*--------閬稿柈--------*/
    /*===================================================================================*/
    /*閬稿柈鍏ㄥ煙瑷畾*/
    /*鍏ㄧ珯!!鎵嬫婕㈠牎绶氭椤忚壊闋愯ō鐐�--#000*/
    --color-hamburger-xs-inpage: #000;
    /*鍏ㄧ珯!!妗岄潰婕㈠牎绶氭椤忚壊闋愯ō鐐�--#000*/
    --color-hamburger-lg-inpage: #000;
    /*鍏ㄧ珯!!妗岄潰婕㈠牎闁嬪暉寰岋紝绶氭椤忚壊锛岄爯瑷偤#fff*/
    --color-hamburger-lg-active: #fff;
    /*棣栭爜灏堢敤!!鎵嬫婕㈠牎绶氭椤忚壊闋愯ō鐐�#000*/
    --color-hamburger-xs-index: #000;
    /*棣栭爜灏堢敤!!妗岄潰鎵嬫婕㈠牎绶氭椤忚壊闋愯ō鐐�#fff锛�*/
    --color-hamburger-lg-index: #000;
    /*涓嬫媺閬稿柈鑳屾櫙鑹查鑹�(绗竴灞�)*/
    --color-bg-nav-dropmenu: #161616;
    /*涓嬫媺閬稿柈鏂囧瓧椤忚壊(绗竴灞�)*/
    --color-text-nav-dropmenu: #fff;
    /*涓嬫媺閬稿柈鏂囧瓧椤忚壊(鎵€鏈夊瓙灞�)*/
    --color-text-nav-nested: #333;
    /*鎵嬫婕㈠牎*/
    /*閬稿柈1瑷畾*/
    --color-bg-nav-hover-1-overlay: #fff;
    /*閬稿柈2瑷畾*/
    --height-xl-nav-2: 45px;
    --height-xxxl-nav-2: 55px;
    --color-bg-nav-2-sub: #fff;
    /*閬稿柈2/4/5瑷畾*/
    --color-subtext-xs-nav-4: #656565;
    --height-xl-nav-4: 45px;
    --height-xxl-nav-4: 56px;
    --height-xxxl-nav-4: 64px;
    /*===================================================================================*/
    /*--------Banner--------*/
    /*===================================================================================*/
    /*banner鎵嬫楂樺害锛寁2/v3鍏辩敤锛岄爯瑷�109%锛屽湒鐗囬爯瑷昂瀵�640*700 */
    --height-banner-mobile: 40%;
    /*v2 banner 妗屾楂樺害锛岃ō瑷堝湒闋愯ō19.2%锛屾渶灏忛珮搴�200px锛�17.18% --v2v3绲变竴寰岄珮搴﹂爯瑷偤27% */
    --height-banner-desktop-v2: 17.18%;
    /*v3 banner 妗屾楂樺害锛岄爯瑷�28.85%锛屾渶灏忛珮搴�250px;v2v3绲变竴寰岄珮搴﹂爯瑷偤27%  */
    --height-banner-desktop-v3: 20%;
    /*banner澶ф鐨勫瓧楂旓紝闋愯ō鐐鸿嫳鏂囧瓧楂�*/
    --font-family-banner: var(--font-family-en);
    /*scrolldown 鏂囧瓧椤忚壊*/
    --color-scrolldown-text: var(--color-text);
    /*scrolldown 绶氭椤忚壊闋愯ō鐐�#b3b3b3*/
    --color-scrolldown-border: #b3b3b3;
    /*澶ф椤岃垏涓嬫柟璺濋洟锛屽钩鏉夸互涓婇爯瑷偤6.7vw*/
    --height-banner-bottom-md: 6.7vw;
    /*===================================================================================*/
    /*--------Footer--------*/
    /*===================================================================================*/
    /*寰垫墠鍗€濉婅儗鏅�*/
    --color-bg-careers-footer: #1a191d;
    /* 寰垫墠妯欓 */
    --color-title-careers-footer: #fff;
    /* 寰垫墠鍏ф枃 */
    --color-text-careers-footer: #a4a4a4;
    /* 寰垫墠绶氭 */
    --color-border-careers-footer: #383838;
    /* 寰垫墠鎸夐垥鑳屾櫙 */
    --color-btn-careers-bg-footer:var(--color-main);
    /* 寰垫墠鎸夐垥鏂囧瓧 */
    --color-btn-careers-text-footer: #fff;
    --padding-top-careers-footer: 4.79vw;
    --padding-bottom-careers-footer: 4.79vw;
    /*logo楂樺害*/
    --height-logo-footer: 75px;
    /*鍦板湒楂樺害锛岀煯鐨勯爯瑷�25.88vw*/
    --height-map-footer: 38.54vw;
    /*鍦板湒鏈€灏忛珮搴�*/
    --min-height-map-footer: 300px;
    /* 闋佸熬鑳屾櫙 */
    --color-bg-footer: #1a191d;
    /* 闋佸熬搴曠窔 */
    --color-border-footer: #383838;
    /* 闋佸熬妯欓 */
    --color-title-footer: #fff;
    /* 闋佸熬鍏ф枃 */
    --color-text-footer: #a4a4a4;
    /* 闋佸熬瑷傞柋鑳屾櫙 */
    --color-input-bg-footer: #1e1d20;
    /* 闋佸熬瑷傞柋鏂囧瓧 */
    --color-input-text-footer: #fff;
    --padding-top-footer: 5.72vw;
    --padding-bottom-footer: 3.95vw;
    /*===================================================================================*/
    /*--------甯哥敤瑷畾--------*/
    /*===================================================================================*/

    /*===================================================================================*/
    /*--------鐢㈠搧--------*/
    /*===================================================================================*/
    /*鐢㈠搧banner鍦栫墖姣斾緥*/
    --ratio-pd-banner: 72.7%;
    /*鐢㈠搧鍦栫墖姣斾緥锛屾€庨杭绠楅珮闄や互瀵�*100锛�*/
    --ratio-pd-gallery: 112%;
    /*!!閲嶈!!鐢㈠搧鍦栫墖椤ず妯″紡锛屽鏋滄槸婊跨増鍦栫敤cover / 鍘昏儗鍦栫敤contain锛屽鏋滃鎴舵湁鑹ソ缈掓叄闋愯ōcover鏄彲浠ョ殑*/
    --mode-bgsize-product: cover;
    /*--鐢㈠搧鍒楄〃闋�---*/
    /*绡╅伕鍣ㄥぇ妯欐枃瀛楅鑹�*/
    --color-filter-title: #b7b8b9;
    --color-filter-go: #fff;
    --color-filter-hover: var(--color-second);
    /*鐢㈠搧鎶樻墸鑳屾櫙椤忚壊*/
    --color-bg-discount-label: #d83636;
    /*鐢㈠搧鎶樻墸鏂囧瓧椤忚壊*/
    --color-text-discount-label: #fff;
    /* --- */
    /*---鐢㈠搧绱扮瘈闋�---*/
    /*label*/
    --color-bg-label-new: rgb(52, 226, 203);
    --color-text-label-new: var(--color-text);
    --color-bg-label-hot: rgb(253, 76, 76);
    --color-text-label-hot: #fff;
    /*瑭曞児搴曠窔 */
    --color-line-comment: #eaeaea;
    /*璨╁敭鍍规牸*/
    --color-price-sp: var(--color-text);
    /*鍘熷児*/
    --color-price-orig: #959595;
    /*鍔犲叆璩肩墿杌婃寜閳曡壊*/
    --color-btn-cart: var(--color-main-dark);
    /*鍔犲叆璩肩墿杌婃枃瀛楄壊*/
    --color-btn-cart-text: #fff;
    /*娲诲嫊鍗€濉婂乏閭�*/
    --border-event-detail: 2px solid #ffd000;
    --colot-text-event-detail: #666;
    /*鍒嗕韩鎸夐垥椤忚壊*/
    --color-share: #000;
    /*宸︽柟閬稿柈鏂囧瓧椤忚壊 / 涓嬫媺閬稿柈鏂囧瓧椤忚壊*/
    --color-pd-nav-left: #858585;
    /*===================================================================================*/
    /*--------闂滄柤鎴戝€�--------*/
    /*===================================================================================*/
    /* 鍕曠暙鏁稿瓧宸﹁儗鏅� */
    --color-count-bg1: var(--color-main);
    /* 鍕曠暙鏁稿瓧鍙宠儗鏅� */
    --color-count-bg2: #1a191d;
    /*history鑳屾櫙鑹� */
    --color-intro-bg: #f8f8f8;
    /*history鑳屾櫙绶氱殑椤忚壊锛岃嫢瑕佹敼icon*鐨勫舰寮忚鍒癮i瑁￠潰鏀�*/
    --color-history-line: #2c2c2b;
    /*涓嬫柟杓挱鐩哥墖姣斾緥 */
    --ratio-about-gallery: 66.6%;
    /*===================================================================================*/
    /*--------涓嬭級灏堝崁--------*/
    /*===================================================================================*/
    --color-download-num: #ededed;
    /*===================================================================================*/
    /*--------鑱怠鎴戝€�--------*/
    /*===================================================================================*/
    --color-contact-text: #b3b3b3;
    --color-contact-line: #8b8b8b;
    /*鎰熻瑵瑕栫獥:闂滈枆鎸夐垥鑳屾櫙鑹�*/
    --color-border-thanks: var(--color-main);
    /*鎰熻瑵瑕栫獥:闂滈枆鎸夐垥鍙夊弶椤忚壊*/
    --color-border-thanks: #fff;
    /*琛ㄥ柈娆勪綅鑳屾櫙鑹�*/
    --color-bg-input: #f5f5f6;
    /*琛ㄥ柈娆勪綅鏂囧瓧鑹�*/
    --color-text-input: var(--color-text);
    /*鐢熸动瑕忓妰鎸夐垥鑳屾櫙鑹�*/
    --color-btn-careers: #000;
    /*鐢熸动瑕忓妰鎸夐垥鏂囧瓧椤忚壊*/
    --color-btn-careers-text: #fff;
    /*鐢熸动瑕忓妰鎸夐垥hover鑳屾櫙鑹�*/
    --color-btn-careers-hover-bg: var(--color-main);
    /*鐢熸动瑕忓妰鎸夐垥hover鏂囧瓧椤忚壊*/
    --color-btn-careers-hover-text:#fff;
    /*v3 鐢熸动瑕忓妰鑳屾櫙椤忚壊*/
    --color-bg-careers-v3: #191919;
    /*鐢熸动瑕忓妰鎸夐垥鑳屾櫙鑹�*/
    --color-btn-careers-v3: #56423a;
    /*鐢熸动瑕忓妰鎸夐垥鏂囧瓧椤忚壊*/
    --color-btn-careers-text-v3: #fff;
    /*鐢熸动瑕忓妰鎸夐垥hover鑳屾櫙鑹�*/
    --color-btn-careers-hover-bg-v3: #a7725c;
    /*鐢熸动瑕忓妰鎸夐垥hover鏂囧瓧椤忚壊*/
    --color-btn-careers-hover-text-v3: #fff;
    /*===================================================================================*/
    /*--------鍫卞悕灏堝崁--------*/
    /*===================================================================================*/
    --color-bg-sign-up-info: #f8f8f8;
    /*鐢ㄦ柤鎵嬫*/
    /*===================================================================================*/
    /*--------妯欑堡绯荤当--------*/
    /*===================================================================================*/
    --color-bg-tag: #f3f3f3;
    --color-text-tag: var(--color-text);
    --color-hover-bg-tag: var(--color-main);
    --color-hover-text-tag: #f3f3f3;
}