:root {
    --primary-color-1:#f2e559;
    --primary-rgb-1:228,2,13;
    --primary-color-2:#34176c;
    --primary-color-3:#34176c;
    --primary-color-4:#267bae;
    --primary-color-5:#fb5151;
    --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:#34176c !important;
}
.bg-primary-3 {
    background-color:#ffdd00 !important;
}
.bg-primary-4 {
    background-color:#267bae !important;
}
.bg-primary-5 {
    background-color:#fb5151 !important;
}
.bg-color-1 {
    background-color:#d9d9d9 !important;
}
.bg-color-2 {
    background-color:#eee !important;
}
.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:#f2e559 !important;
}
.font-color-6 {
    color:#267bae !important;
}
.font-color-7 {
    color:#ffdd00 !important;
}
.font-color-8 {
    color:#34176c !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: #34176c;
}
.br-img-zx{
    background-image: url('../icon/panelbg.jpg');
    background-size: cover;
    background-position: center center;
}
.active{
    color: #f9b400;
}