:root {
    --header-color-main: #151519;
    --header-color-main-o: rgba(169, 130, 82, 0.6);
    --header-color-hover: rgb(161, 160, 158);
    --header-color-white: #ffffff;
    --header-color-white-o: rgba(255, 255, 255, 0.3);
    --header-color-black: #000000;
    --header-color-black-o: rgba(0, 0, 0, 0.3);
    --header-color-tr: transparent;
}

/* ------------------------------------------ */
/* pc閬稿柈鑳屾櫙鑹� */
.inpage_nav {
    background-color: transparent;
}

/* pc涓嬫痪閬稿柈鑳屾櫙鑹� */
.mini-header .inpage_nav {
    background-color: white;
}

/* pc瀛愬堡鑳屾櫙鑹� */
.inpage_nav .submenu_container {
    background-color: var(--header-color-black);
}

/* 閬稿柈瀛楄壊 */
.inpage_nav .main_nav .dropmenu,
.inpage_nav .main_nav .has_dropmenu>a,
.inpage_nav .main_nav>a {
    color: var(--header-color-main);
}

/* 瀛愬堡瀛楄壊 */
.inpage_nav .submenu_container .submenu_item .fz-D,
.inpage_nav .submenu_container .submenu .link_list a {
    color: var(--header-color-main);
}

/* 閬稿柈灞曢枊icon */
.inpage_nav .has_dropmenu .more::before,
.inpage_nav .has_dropmenu .more.active:before {
    background-color: var(--header-color-main);
}

/* 鎼滃皨,鏈冨摗,璩肩墿杌奿con,璩肩墿杌婃暩瀛楄儗鏅� */
.inpage-header .btn_search i,
.inpage-header .btn_cart i,
.inpage-header .btn_login i,
.inpage-header .btn_cart .shopnum {
    background-color: var(--header-color-main);
}

/* 鎼滃皨,鏈冨摗,璩肩墿杌奿con,璩肩墿杌婃暩瀛楄儗鏅�:hover */
.inpage-header .btn_search:hover i,
.inpage-header .btn_cart:hover i,
.inpage-header .btn_login:hover i,
.inpage-header .btn_cart:hover .shopnum {
    background-color: var(--header-color-hover);
}

/* 璩肩墿杌婃暩瀛楄壊  */
.inpage-header .btn_cart .shopnum {
    color: var(--header-color-white);
}

/* 鎼滃皨,鏈冨摗,璩肩墿杌奿con 妗嗙窔 */
.inpage-header .btn_cart,
.inpage-header .btn_login {
    border: 1.5px solid var(--header-color-main);
}

/* 鎼滃皨,鏈冨摗,璩肩墿杌奿con 妗嗙窔:hover */
.inpage-header .btn_cart:hover,
.inpage-header .btn_login:hover {
    border-color: var(--header-color-hover);
}

/* 澶氳獮绯籹elect鎸夐垥,搴曠窔 */
.inpage-header .top_block .lang .lang-toggle:before,
.lang .lang-toggle:before,
.inpage-header .top_block .lang .lang-toggle:after,
.lang .lang-toggle:after {
    background-color: var(--header-color-main);
    border-bottom: 3px solid var(--header-color-main);
}

/* 澶氳獮绯籹elect瀛� */
.inpage-header .top_block .lang .lang-toggle,
.lang .lang-toggle {
    color: var(--header-color-main);
}

/* 澶氳獮绯籱enu鑳屾櫙,妗嗙窔 */
.inpage-header .top_block .lang .lang-dropmenu,
.lang .lang-dropmenu {
    background-color: var(--header-color-black);
    border: 1px solid var(--header-color-main);
}

/* 澶氳獮绯籱enu瀛� */
.inpage-header .top_block .lang .lang-dropmenu a,
.lang .lang-dropmenu a {
    color: var(--header-color-main);

}

/* 澶氳獮绯籱enu搴曠窔 */
.inpage-header .top_block .lang .lang-dropmenu a:after,
.lang .lang-dropmenu a:after {
    border-bottom: 1px solid var(--header-color-main);
}

/* 闋侀copyright瀛楄壊 */
.inpage_nav .copyright {
    color: var(--header-color-main);
}

/* 鍏ㄧ珯鎼滃皨褰堢獥闂滈枆鑹� */
.inpage_lightbox .mid .close {
    background-color: var(--header-color-main);
}

/* 鍏ㄧ珯鎼滃皨褰堢獥鏀惧ぇ閺¤壊 */
.inpage_lightbox .mid .box form button div {
    background-color: var(--header-color-main);
}

/* 鍏ㄧ珯鎼滃皨褰堢獥搴曠窔鑹� */
.inpage_lightbox .mid .box form input {
    border-color: var(--header-color-main);
}

@media (min-width: 1100px) {

    /* pc閬稿柈瀛楄壊hover */
    .inpage_nav .main_nav .has_dropmenu:hover a,
    .inpage_nav .main_nav>a:hover {
        color: #e60012;
    }

    /* pc瀛愬堡瀛楄壊:hover */
    .inpage_nav .submenu_container .submenu_item:hover a.fz-D,
    .inpage_nav .submenu_container .submenu .link_list a:hover {
        color: #e60012;
    }

    /* 鐭簳绶氳壊 */
    .inpage_nav .main_nav .dropmenu:after,
    .inpage_nav .main_nav .has_dropmenu>a:after,
    .inpage_nav .main_nav>a:after {
        background-color: var(--header-color-main);
    }

    /* 鐭簳绶�,icon:hover */
    .dropmenu:hover .inpage_nav .main_nav .dropmenu:hover:after,
    .inpage_nav .main_nav .has_dropmenu>a:hover:after,
    .inpage_nav .main_nav>a:hover:after,
    .inpage_nav .dropmenu:hover .more:before {
        background-color: var(--header-color-hover);
    }

}

/* 鎵嬫骞崇増 */
/* ------------------------------------------ */
@media (max-width: 1100px) {

    /* 骞虫澘,鎵嬫鑳屾櫙鑹� */
    .inpage-header {
        background-color: transparent;
    }

    /* 骞虫澘,鎵嬫涓嬫粦鑳屾櫙鑹� */
    .mini-header .inpage-header {
        background-color: white;
    }

    /* 骞虫澘,鎵嬫灞曢枊鑳屾櫙鑹� */
    .nav-open .inpage_nav {
        background-color: white;
    }

    /* 婕㈠牎閬稿柈 */
    .inpage-header .nav-toggle .hamburger span {
        background-color: var(--header-color-main);
    }

    /* 搴曠窔 */
    .inpage_nav .main_nav>a:after,
    .inpage_nav .main_nav .dropmenu .has_dropmenu>a:after {
        border-color: var(--header-color-main);
    }

    /* 澶氳獮绯绘绶� */
    .inpage-header .top_block .lang .lang-dropmenu,
    .lang .lang-dropmenu {
        border: 1px solid var(--header-color-main);
    }
}

/* ------------------------------------------ */
/* 璩肩墿杌婂綀绐� */
/* -------------------------------------------------- */
/* 闂滈枆瀛楄壊 */
.cart_close span {
    color: var(--header-color-white);
    background-color: var(--header-color-main);
}

/* 绲愬赋鎸夐垥鑹� */
.shopBtn {
    color: var(--header-color-white);
    background-color: var(--header-color-main);
}

/* -------------------------------------------------- */
/* 鐧诲叆褰堢獥 */
/* -------------------------------------------------- */
/* 鐧诲叆,瑷诲唺鎸夐垥鑹� */
#login_from .box .block .button_box .link_button {
    color: var(--header-color-white);
    background-color: var(--header-color-main);
}

/* 鐧诲叆,瑷诲唺鎸夐垥hover鑹� */
#login_from .box .block .button_box .link_button:hover {
    color: var(--header-color-white);
    background-color: var(--header-color-hover);
}

/* 褰堢獥鍙夊弶鑹� */
.featherlight-close-icon {
    color: var(--header-color-white);
    background-color: var(--header-color-main);
}

/* 褰堢獥鍙夊弶鑹�:hover */
.featherlight-close-icon:hover {
    color: var(--header-color-white);
    background-color: var(--header-color-hover);
}

/* -------------------------------------------------- */