:root {
    --primary-color-1:#f2e559;
    --primary-rgb-1:228,2,13;
    --primary-color-2: #806a48;
    --primary-color-3: #ff5900;
    --primary-color-4:#267bae;
    --primary-color-5:#fb5151;
    --primary-color-6: #c49b52;
    --primary-color-7: #86803a;
    --warning-color:#ff6b00;
    --error-color:#e4020d;
    --success-color:#19e891;
    --white-color:#fff;
    --font-color-1:#040404;
    --font-color-2:#666666;
    --font-color-3:#cccccc;
    --font-color-4:#e7e7e7;
    --font-color-5:#f2e559;
    --font-color-6:#f9b400;
    --font-color-7:#ffdd00;
    --font-color-8:#34176c;
    --font-color-9:#fb5151;
    --bg-color-1:#d9d9d9;
    --bg-color-2:#eeeeee;
    --border-color:#e7e7e7;
}
.bg-primary-0 {
    background-color: #f8f8f8 !important;
}
.bg-primary-1 {
    background-color:#f2e559 !important;
}

.bg-primary-2 {
    background-color: #bd864f !important;
}
.bg-primary-3 {
    background-color:#ffdd00 !important;
}
.bg-primary-4 {
    background-color: #ae264a !important;
}
.bg-primary-5 {
    background-color:#fb5151 !important;
}
.bg-color-1 {
    background-color: #e0d4c9 !important;
}
.bg-color-2 {
    background-color:#eee !important;
}
.bg-color-3 {
    background-color:#e7e7e7 ;
}

.bg-warning {
    background-color:#ff6b00 !important;
}
.bg-error {
    background-color:#e4020d !important;
}
.bg-success {
    background-color:#19e891 !important;
}
.bg-white {
    background-color:#fff !important;
}
.font-color-1 {
    color:#040404 !important;
}
.font-color-2 {
    color:#666 !important;
}
.font-color-3 {
    color:#ccc !important;
}
.font-color-4 {
    color:#e7e7e7 !important;
}
.font-color-5 {
    color:#cc8e47 !important;
}
.font-color-6 {
    color: #ae7e26 !important;
}
.font-color-7 {
    color:#ffdd00 !important;
}
.font-color-8 {
    color: #ae4626 !important;
}
.font-color-9 {
    color:#fb5151 !important;
}
.font-primary-1 {
    color:#e4020d !important;
}
.font-primary-2 {
    color:#f9b400 !important;
}
.font-primary-3 {
    color:#1b2181 !important;
}
.font-primary-4 {
    color:#ffd7d9 !important;
}
.font-warning {
    color:#ff6b00 !important;
}
.font-error {
    color:#e4020d !important;
}
.font-success {
    color:#19e891 !important;
}
.font-white {
    color:#fff !important;
}
.border-color {

    border-color:#e7e7e7 !important;
}
.border-color2 {
    border-color: #d7d7d7 !important;
}
.border-primary-1 {
    border-color:#e4020d !important;
}
.border-primary-2 {
    border-color:#f9b400 !important;
}
.border-primary-3 {
    border-color:#1b2181 !important;
}
.border-primary-4 {
    border-color:#ffd7d9 !important;
}
.border-warning {
    border-color:#ff6b00 !important;
}
.border-error {
    border-color:#e4020d !important;
}
.border-success {
    border-color:#19e891 !important;
}
.border-white {
    border-color:#fff !important;
}

.br-color-b-1{
  border-color: #f2e559;
}
.br-color-b-2{
    border-color: #ae4626;
}
.br-img-zx{
    background-image: url('../icon/login.png');
    background-size: cover;
    background-position: center center;
}

.your-element2 {
    background: linear-gradient(
            rgba(255, 255, 255, 0.5), /* 这里设置透明度为50%的白色 */ rgba(255, 255, 255, 0.5)
    ), url('../icon/login.png');
    /*background-image: url('../../../static/icon/panelbg.jpg'); !* 设置背景图片 *!*/
    /*!*background-size: auto; !* 保持图片原始尺寸 *!*!*/
    /*background-repeat: no-repeat; !* 防止图片重复 *!*/
    background-size: cover; /* 这将确保图片完全覆盖整个div */
    background-position: center; /* 这将使图片居中 */
    background-repeat: no-repeat; /* 避免图片重复 */
    /*!*height: 300px; !* 根据需要调整元素的高度 *!*!*/
}
.active{
    color: #f9b400;
}
.sel-nav{
    color: white;
    border-color: #a6954f;
    background-color: #a6954f;
}