@charset 'utf-8';
/* 参考 df999999 风格：红色导航 + 京东红强调色 */

:root {
    --df-primary: #e4393c;
    --df-primary-dark: #c81623;
    --df-nav-bg: #e4393c;
    --df-nav-border: #d42e31;
    --df-topbar-bg: #f8f8f8;
    --df-topbar-border: #e8e8e8;
    --df-text: #666;
    --df-orange: #f06701;
}

/* 顶部欢迎条 */
.header {
    background: var(--df-topbar-bg) !important;
    border-bottom: 1px solid var(--df-topbar-border) !important;
    color: var(--df-text);
}

.header .pull-right a:hover,
.user_login_info li a:hover,
.user_login_info1 .info_sum_box em,
.user_login_info .user_login_info1 .user_info + a:hover {
    color: var(--df-primary) !important;
}

/* 主导航 */
.head8 .nav {
    border-top: 3px solid var(--df-primary) !important;
    background: var(--df-nav-bg) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

.head8 .nav .container .navItem,
.head8 .nav .container .navItem li {
    border-left-color: var(--df-nav-border) !important;
    border-right-color: var(--df-nav-border) !important;
}

.head8 .nav .container .navItem a {
    color: #fff !important;
    transition: color .2s ease, background-color .2s ease;
}

.head8 .nav .container .navItem a:hover,
.head8 .nav .container .navItem li.curr a,
.head8 .nav .container .navItem li.active a {
    color: #ffeb3b !important;
    text-decoration: none;
}

.head8 .navItem li a:before {
    color: #ffcccc !important;
}

.head8 .nav .container .navItem a:hover:before,
.head8 .nav .container .navItem li.curr a:before {
    color: #ffeb3b !important;
}

/* 旧版金色导航栏兼容 */
.nav_list {
    background-color: var(--df-nav-bg) !important;
}

.nav_list li a {
    background-color: var(--df-nav-bg) !important;
}

.nav_list li a:hover,
.nav_list .active a {
    color: var(--df-primary) !important;
}

.nav_list .line a:after {
    background: var(--df-nav-border) !important;
}

/* 首页与通用强调色 */
.main_left i,
.color_res:hover,
a:hover {
    color: var(--df-primary);
}

.btn-danger,
.header_login .login,
.bg_red,
.recharge-btn {
    background-color: var(--df-primary) !important;
    border-color: var(--df-primary-dark) !important;
}

.btn-danger:hover,
.header_login .login:hover,
.bg_red:hover {
    background-color: var(--df-primary-dark) !important;
}

.header_login .register {
    background-color: #ff9726 !important;
}

.main_common_bor {
    border-color: #ececec !important;
}

.main_left {
    border-top-color: var(--df-primary) !important;
}

.smallmoney,
.show_money em {
    color: var(--df-primary) !important;
}