body {
    --BG-0: #ededed;
    --BG-1: #f7f7f7;
    --BG-2: #555555;
    --BG-3: #f5f5f5;
    --BG-4: #e5e5e5;
    --BG-5: #d7d7d7;
    --RED: #fa5151;
    --ORANGE: #fa9d3b;
    --YELLOW: #ffc300;
    --GREEN: #91d300;
    --BLUE: #10aeff;
    --INDIGO: #1485ee;
    --PURPLE: #6467f0;
    --WHITE-RGB: 255, 255, 255;
    --BLACK-RGB: 0, 0, 0;
    --LINK-RGB: 87, 107, 149;
    --PRIMARY-RGB: 255, 77, 79;
    --PRIMARY-HOVER-RGB: 245, 47, 50;
    --SECONDARY-RGB: 108, 117, 125;
    --SECONDARY-HOVER-RGB: 90, 98, 104;
    --SUCCESS-RGB: 40, 167, 69;
    --SUCCESS-HOVER-RGB: 33, 136, 56;
    --DANGER-RGB: 220, 53, 69;
    --DANGER-HOVER-RGB: 200, 35, 51;
    --WARNING-RGB: 255, 193, 7;
    --WARNING-HOVER-RGB: 224, 168, 0;
    --INFO-RGB: 23, 162, 184;
    --INFO-HOVER-RGB: 19, 132, 150;
    --LIGHT-RGB: 248, 249, 250;
    --LIGHT-HOVER-RGB: 226, 230, 234;
    --DARK-RGB: 52, 58, 64;
    --DARK-HOVER-RGB: 35, 39, 43;
    --GRAY-RGB: 229, 229, 229;
    --GRAY-HOVER-RGB: 202, 202, 202;
}

body {
    font-size: 16px;
    line-height: 1.41176471;
    font-weight: 300;
}

* {
    margin: 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin: 0;
    padding: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0;
    margin-left: 0;
}

p {
    margin-bottom: 0;
}

a {
    color: #252525;
    text-decoration: none;
    outline: none;
}

a:visited {
}

a:hover {
    text-decoration: none;
}

ul, li {
    list-style: none;
}

.container {
    max-width: 1000px;
    margin: 0 auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 1000px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 1000px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 1000px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1000px;
    }
}

@font-face {
    font-family: 'zhengcuhei';
    src: url('../font/web/zhengcuhei.eot');
    src: url('../font/web/zhengcuhei.eot?#iefix') format('embedded-opentype'),
    url('../font/web/zhengcuhei.woff') format('woff'),
    url('../font/web/zhengcuhei.TTF') format('truetype'),
    url('../font/web/zhengcuhei.svg') format('svg');
}

.font-family-zhengcuhei {
    font-family: "zhengcuhei";
}

@font-face {
    font-family: 'zhongsong';
    src: url('../font/web/zhongsong.eot');
    src: url('../font/web/zhongsong.eot?#iefix') format('embedded-opentype'),
    url('../font/web/zhongsong.woff') format('woff'),
    url('../font/web/zhongsong.TTF') format('truetype'),
    url('../font/web/zhongsong.svg') format('svg');
}

.font-family-zhongsong {
    font-family: "zhongsong";
}

@font-face {
    font-family: 'meiyan';
    src: url('../font/web/meiyan.eot');
    src: url('../font/web/meiyan.eot?#iefix') format('embedded-opentype'),
    url('../font/web/meiyan.woff') format('woff'),
    url('../font/web/meiyan.TTF') format('truetype'),
    url('../font/web/meiyan.svg') format('svg');
}

.font-family-meiyan {
    font-family: "meiyan";
}

.max-width-100 {
    max-width: 100% !important
}

.max-height-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-prewrap {
    white-space: pre-wrap;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-line-through {
    text-decoration: line-through;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-indent {
    text-indent: 2em;
}

.text-shadow {
    text-shadow: 0 0 2px rgba(var(--BLACK-RGB), 0.5);
}

.text-shadow-white {
    text-shadow: 0 0 2px rgba(var(--WHITE-RGB), 0.5);
}

.text-default {
    color: var(--BG-2) !important;
}

.text-theme {
    color: #808080 !important;
}

.text-gray {
    color: rgba(var(--BLACK-RGB), 0.5) !important;
}

.text-black {
    color: rgba(var(--BLACK-RGB), 1) !important;
}

.text-white {
    color: rgba(var(--WHITE-RGB), 1) !important;
}

.text-white-85 {
    color: rgba(var(--WHITE-RGB), 0.85);
}

.text-white-50 {
    color: rgba(var(--WHITE-RGB), 0.5);
}

.text-red {
    color: var(--RED) !important;
}

.text-red:hover,
.text-red:focus {
    color: #dc3548;
}

.text-primary {
    color: rgba(var(--PRIMARY-RGB), 1) !important;
}

.text-primary:hover,
.text-primary:focus {
    color: rgba(var(--PRIMARY-HOVER-RGB), 1);
}

.text-secondary {
    color: rgba(var(--SECONDARY-RGB), 1);
}

.text-secondary:hover,
.text-secondary:focus {
    color: rgba(var(--SECONDARY-HOVER-RGB), 1);
}

.text-success {
    color: rgba(var(--SUCCESS-RGB), 1);
}

.text-success:hover,
.text-success:focus {
    color: rgba(var(--SUCCESS-HOVER-RGB), 1);
}

.text-info {
    color: rgba(var(--INFO-RGB), 1);
}

.text-info:hover,
.text-info:focus {
    color: rgba(var(--INFO-HOVER-RGB), 1);
}

.text-warning {
    color: rgba(var(--WARNING-RGB), 1);
}

.text-warning:hover,
.text-warning:focus {
    color: rgba(var(--WARNING-HOVER-RGB), 1);
}

.text-danger {
    color: rgba(var(--DANGER-RGB), 1);
}

.text-danger:hover,
.text-danger:focus {
    color: rgba(var(--DANGER-HOVER-RGB), 1);
}

.text-light {
    color: rgba(var(--LIGHT-RGB), 1);
}

.text-light:hover,
.text-light:focus {
    color: rgba(var(--LIGHT-HOVER-RGB), 1);
}

.text-dark {
    color: rgba(var(--DARK-RGB), 1);
}

.text-dark:hover,
.text-dark:focus {
    color: rgba(var(--DARK-HOVER-RGB), 1);
}

.text-link {
    color: rgba(var(--LINK-RGB), 1);
}

.text-link:hover,
.text-link:focus {
    color: rgba(var(--LINK-RGB), 1);
}

.text-body {
    color: #212529;
}

.text-muted {
    color: rgba(var(--SECONDARY-RGB), 1);
}

.text-black-50 {
    color: rgba(var(--BLACK-RGB), 0.5);
}

.text-white-50 {
    color: rgba(var(--WHITE-RGB), 0.5);
}

.font-weight-light {
    font-weight: 300;
}

.font-weight-normal {
    font-weight: 400;
}

.font-weight-bold {
    font-weight: 700;
}

.font-italic {
    font-style: italic;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 8px !important;
}

.pt-1,
.py-1 {
    padding-top: 8px !important;
}

.pr-1,
.px-1 {
    padding-right: 8px !important;
}

.pb-1,
.py-1 {
    padding-bottom: 8px !important;
}

.pl-1,
.px-1 {
    padding-left: 8px !important;
}

.p-2 {
    padding: 16px !important;
}

.pt-2,
.py-2 {
    padding-top: 16px !important;
}

.pr-2,
.px-2 {
    padding-right: 16px !important;
}

.pb-2,
.py-2 {
    padding-bottom: 16px !important;
}

.pl-2,
.px-2 {
    padding-left: 16px !important;
}

.p-3 {
    padding: 24px !important;
}

.pt-3,
.py-3 {
    padding-top: 24px !important;
}

.pr-3,
.px-3 {
    padding-right: 24px !important;
}

.pb-3,
.py-3 {
    padding-bottom: 24px !important;
}

.pl-3,
.px-3 {
    padding-left: 24px !important;
}

.p-4 {
    padding: 32px !important;
}

.pt-4,
.py-4 {
    padding-top: 32px !important;
}

.pr-4,
.px-4 {
    padding-right: 32px !important;
}

.pb-4,
.py-4 {
    padding-bottom: 32px !important;
}

.pl-4,
.px-4 {
    padding-left: 32px !important;
}

.p-5 {
    padding: 40px !important;
}

.pt-5,
.py-5 {
    padding-top: 40px !important;
}

.pr-5,
.px-5 {
    padding-right: 40px !important;
}

.pb-5,
.py-5 {
    padding-bottom: 40px !important;
}

.pl-5,
.px-5 {
    padding-left: 40px !important;
}

.p-pg {
    padding: 12px !important;
}

.pt-pg {
    padding-top: 12px !important;
}

.pr-pg {
    padding-right: 12px !important;
}

.pb-pg {
    padding-bottom: 12px !important;
}

.pl-pg {
    padding-left: 12px !important;
}

.padding-top-default {
    padding-top: 15px !important;
}

.padding-bottom-default {
    padding-bottom: 15px !important;
}

.padding-left-default {
    padding-left: 15px !important;
}

.padding-right-default {
    padding-right: 15px !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 8px !important;
}

.mt-1,
.my-1 {
    margin-top: 8px !important;
}

.mr-1,
.mx-1 {
    margin-right: 8px !important;
}

.mb-1,
.my-1 {
    margin-bottom: 8px !important;
}

.ml-1,
.mx-1 {
    margin-left: 8px !important;
}

.m-2 {
    margin: 16px !important;
}

.mt-2,
.my-2 {
    margin-top: 16px !important;
}

.mr-2,
.mx-2 {
    margin-right: 16px !important;
}

.mb-2,
.my-2 {
    margin-bottom: 16px !important;
}

.ml-2,
.mx-2 {
    margin-left: 16px !important;
}

.m-3 {
    margin: 24px !important;
}

.mt-3,
.my-3 {
    margin-top: 24px !important;
}

.mr-3,
.mx-3 {
    margin-right: 24px !important;
}

.mb-3,
.my-3 {
    margin-bottom: 24px !important;
}

.ml-3,
.mx-3 {
    margin-left: 24px !important;
}

.m-4 {
    margin: 32px !important;
}

.mt-4,
.my-4 {
    margin-top: 32px !important;
}

.mr-4,
.mx-4 {
    margin-right: 32px !important;
}

.mb-4,
.my-4 {
    margin-bottom: 32px !important;
}

.ml-4,
.mx-4 {
    margin-left: 32px !important;
}

.m-5 {
    margin: 40px !important;
}

.mt-5,
.my-5 {
    margin-top: 40px !important;
}

.mr-5,
.mx-5 {
    margin-right: 40px !important;
}

.mb-5,
.my-5 {
    margin-bottom: 40px !important;
}

.ml-5,
.mx-5 {
    margin-left: 40px !important;
}

.m-pg {
    margin: 12px !important;
}

.mt-pg {
    margin-top: 12px !important;
}

.mr-pg {
    margin-right: 12px !important;
}

.mb-pg {
    margin-bottom: 12px !important;
}

.ml-pg {
    margin-left: 12px !important;
}

.flex-row {
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-column {
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.flex-fill {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.flex-grow-0 {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.flex-grow-1 {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.flex-shrink-1 {
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.justify-content-start {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-content-end {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.justify-content-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-content-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.align-items-start {
    -ms-flex-align: start;
    align-items: flex-start;
}

.align-items-end {
    -ms-flex-align: end;
    align-items: flex-end;
}

.align-items-center {
    -ms-flex-align: center;
    align-items: center;
}

.align-items-baseline {
    -ms-flex-align: baseline;
    align-items: baseline;
}

.align-items-stretch {
    -ms-flex-align: stretch;
    align-items: stretch;
}

.align-content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.align-content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.align-content-center {
    -ms-flex-line-pack: center;
    align-content: center;
}

.align-content-between {
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.align-content-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.align-self-auto {
    -ms-flex-item-align: auto;
    align-self: auto;
}

.align-self-start {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.align-self-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.align-self-center {
    -ms-flex-item-align: center;
    align-self: center;
}

.align-self-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.align-self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.align-baseline {
    vertical-align: baseline;
}

.align-top {
    vertical-align: top;
}

.align-middle {
    vertical-align: middle;
}

.align-bottom {
    vertical-align: bottom;
}

.align-text-bottom {
    vertical-align: text-bottom;
}

.align-text-top {
    vertical-align: text-top;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.display-none {
    display: none;
}

.display-inline {
    display: inline;
}

.display-inline-block {
    display: inline-block;
}

.display-block {
    display: block;
}

.display-table {
    display: table;
}

.display-table-row {
    display: table-row;
}

.display-table-cell {
    display: table-cell;
}

.display-flex {
    display: -ms-flexbox;
    display: flex;
}

.display-inline-flex {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-inherit {
    overflow: inherit;
}

.overflow-visible {
    overflow: visible;
}

.position-unset {
    position: unset !important;
}

.position-static {
    position: static;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.position-sticky {
    position: -webkit-sticky;
    position: sticky;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.border {
    position: relative;
    z-index: 1;
}

.border:after {
    content: " ";
    width: calc(200% - 1px);
    height: calc(200% - 1px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border: 1px solid rgba(var(--BLACK-RGB), 0.07);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
}

.border-top {
    position: relative;
}

.border-top:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid rgba(var(--BLACK-RGB), 0.07);
    color: rgba(var(--BLACK-RGB), 0.07);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.border-right {
    position: relative;
}

.border-right:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    border-right: 1px solid rgba(var(--BLACK-RGB), 0.07);
    color: rgba(var(--BLACK-RGB), 0.07);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

.border-bottom {
    position: relative;
}

.border-bottom:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid rgba(var(--BLACK-RGB), 0.07);
    color: rgba(var(--BLACK-RGB), 0.07);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.border-left {
    position: relative;
}

.border-left:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    border-left: 1px solid rgba(var(--BLACK-RGB), 0.07);
    color: rgba(var(--BLACK-RGB), 0.07);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

.border-0 {
    border: 0;
}

.border-0:after,
.border-0:before {
    border: 0;
}

.border-top-0:after {
    border-top: 0;
}

.border-right-0:after {
    border-right: 0;
}

.border-bottom-0:after {
    border-bottom: 0;
}

.border-left-0:after {
    border-left: 0;
}

.border-round,
.border-round:after {
    border-radius: 8px;
}

.border-round-circle,
.border-round-circle:after {
    border-radius: 50%;
}

.border-round-pill,
.border-round-pill:after {
    border-radius: 9999px;
}

.border-red:after {
    border-color: var(--RED);
}

.border-white:after {
    border-color: rgba(var(--WHITE-RGB), 1);
}

.border-white-85:after {
    border-color: rgba(var(--WHITE-RGB), 0.85);
}

.border-primary,
.border-primary::after {
    border-color: rgba(var(--PRIMARY-RGB), 1);
}

.border-secondary,
.border-secondary::after {
    border-color: rgba(var(--SECONDARY-RGB), 1);
}

.border-success,
.border-success::after {
    border-color: rgba(var(--SUCCESS-RGB), 1);
}

.border-danger,
.border-danger::after {
    border-color: rgba(var(--DANGER-RGB), 1);
}

.border-warning,
.border-warning::after {
    border-color: rgba(var(--WARNING-RGB), 1);
}

.border-info,
.border-info::after {
    border-color: rgba(var(--INFO-RGB), 1);
}

.border-light,
.border-light::after {
    border-color: rgba(var(--LIGHT-RGB), 1);
}

.border-dark,
.border-dark::after {
    border-color: rgba(var(--DARK-RGB), 1);
}

.border-gray,
.border-gray::after {
    border-color: rgba(var(--GRAY-RGB), 1);
}

.round,
.round::after {
    border-radius: 8px;
}

.round-sm,
.round-sm::after {
    border-radius: 4px;
}

.round-md,
.round-md::after {
    border-radius: 6px;
}

.round-lg,
.round-lg::after {
    border-radius: 16px;
}

.round-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.round-right {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.round-bottom {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.round-left {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.round-circle,
.round-circle::after {
    border-radius: 50%;
}

.round-pill,
.round-pill::after {
    border-radius: 9999px !important;
}

.round-0 {
    border-radius: 0;
}

.shadow-mini {
    box-shadow: 0 2px 4px rgba(var(--BLACK-RGB), 0.055);
}

.shadow-sm {
    box-shadow: 0 4px 8px rgba(var(--BLACK-RGB), 0.075);
}

.shadow-md {
    box-shadow: 0 8px 16px rgba(var(--BLACK-RGB), 0.1);
}

.shadow {
    box-shadow: 0 16px 32px rgba(var(--BLACK-RGB), 0.07);
}

.shadow-lg {
    box-shadow: 0 32px 64px rgba(var(--BLACK-RGB), 0.175);
}

.shadow-none {
    box-shadow: none;
}

.shadow-primary-mini {
    box-shadow: 0 2px 4px rgba(var(--PRIMARY-RGB), 0.4);
}

.shadow-primary-sm {
    box-shadow: 0 4px 8px rgba(var(--PRIMARY-RGB), 0.4);
}

.shadow-primary-md {
    box-shadow: 0 8px 16px rgba(var(--PRIMARY-RGB), 0.4);
}

.shadow-primary {
    box-shadow: 0 16px 32px rgba(var(--PRIMARY-RGB), 0.4);
}

.shadow-primary-lg {
    box-shadow: 0 32px 64px rgba(var(--PRIMARY-RGB), 0.4);
}

.shadow-secondary-mini {
    box-shadow: 0 2px 4px rgba(var(--SECONDARY-RGB), 0.4);
}

.shadow-secondary-sm {
    box-shadow: 0 4px 8px rgba(var(--SECONDARY-RGB), 0.4);
}

.shadow-secondary-md {
    box-shadow: 0 8px 16px rgba(var(--SECONDARY-RGB), 0.4);
}

.shadow-secondary {
    box-shadow: 0 16px 32px rgba(var(--SECONDARY-RGB), 0.4);
}

.shadow-secondary-lg {
    box-shadow: 0 32px 64px rgba(var(--SECONDARY-RGB), 0.4);
}

.shadow-success-mini {
    box-shadow: 0 2px 4px rgba(var(--SUCCESS-RGB), 0.4);
}

.shadow-success-sm {
    box-shadow: 0 4px 8px rgba(var(--SUCCESS-RGB), 0.4);
}

.shadow-success-md {
    box-shadow: 0 8px 16px rgba(var(--SUCCESS-RGB), 0.4);
}

.shadow-success {
    box-shadow: 0 16px 32px rgba(var(--SUCCESS-RGB), 0.4);
}

.shadow-success-lg {
    box-shadow: 0 32px 64px rgba(var(--SUCCESS-RGB), 0.4);
}

.shadow-info-mini {
    box-shadow: 0 2px 4px rgba(var(--INFO-RGB), 0.4);
}

.shadow-info-sm {
    box-shadow: 0 4px 8px rgba(var(--INFO-RGB), 0.4);
}

.shadow-info-md {
    box-shadow: 0 8px 16px rgba(var(--INFO-RGB), 0.4);
}

.shadow-info {
    box-shadow: 0 16px 32px rgba(var(--INFO-RGB), 0.4);
}

.shadow-info-lg {
    box-shadow: 0 32px 64px rgba(var(--INFO-RGB), 0.4);
}

.shadow-warning-mini {
    box-shadow: 0 2px 4px rgba(var(--WARNING-RGB), 0.4);
}

.shadow-warning-sm {
    box-shadow: 0 4px 8px rgba(var(--WARNING-RGB), 0.4);
}

.shadow-warning-md {
    box-shadow: 0 8px 16px rgba(var(--WARNING-RGB), 0.4);
}

.shadow-warning {
    box-shadow: 0 16px 32px rgba(var(--WARNING-RGB), 0.4);
}

.shadow-warning-lg {
    box-shadow: 0 32px 64px rgba(var(--WARNING-RGB), 0.4);
}

.shadow-danger-mini {
    box-shadow: 0 2px 4px rgba(var(--DANGER-RGB), 0.4);
}

.shadow-danger-sm {
    box-shadow: 0 4px 8px rgba(var(--DANGER-RGB), 0.4);
}

.shadow-danger-md {
    box-shadow: 0 8px 16px rgba(var(--DANGER-RGB), 0.4);
}

.shadow-danger {
    box-shadow: 0 16px 32px rgba(var(--DANGER-RGB), 0.4);
}

.shadow-danger-lg {
    box-shadow: 0 32px 64px rgba(var(--DANGER-RGB), 0.4);
}

.shadow-light-mini {
    box-shadow: 0 2px 4px rgba(var(--LIGHT-RGB), 0.4);
}

.shadow-light-sm {
    box-shadow: 0 4px 8px rgba(var(--LIGHT-RGB), 0.4);
}

.shadow-light-md {
    box-shadow: 0 8px 16px rgba(var(--LIGHT-RGB), 0.4);
}

.shadow-light {
    box-shadow: 0 16px 32px rgba(var(--LIGHT-RGB), 0.4);
}

.shadow-light-lg {
    box-shadow: 0 32px 64px rgba(var(--LIGHT-RGB), 0.4);
}

.shadow-dark-mini {
    box-shadow: 0 2px 4px rgba(var(--DARK-RGB), 0.4);
}

.shadow-dark-sm {
    box-shadow: 0 4px 8px rgba(var(--DARK-RGB), 0.4);
}

.shadow-dark-md {
    box-shadow: 0 8px 16px rgba(var(--DARK-RGB), 0.4);
}

.shadow-dark {
    box-shadow: 0 16px 32px rgba(var(--DARK-RGB), 0.4);
}

.shadow-dark-lg {
    box-shadow: 0 32px 64px rgba(var(--DARK-RGB), 0.4);
}

.shadow-gray-mini {
    box-shadow: 0 2px 4px rgba(var(--GRAY-RGB), 0.4);
}

.shadow-gray-sm {
    box-shadow: 0 4px 8px rgba(var(--GRAY-RGB), 0.4);
}

.shadow-gray-md {
    box-shadow: 0 8px 16px rgba(var(--GRAY-RGB), 0.4);
}

.shadow-gray {
    box-shadow: 0 16px 32px rgba(var(--GRAY-RGB), 0.4);
}

.shadow-gray-lg {
    box-shadow: 0 32px 64px rgba(var(--GRAY-RGB), 0.4);
}

.bg-white {
    background-color: rgba(var(--WHITE-RGB), 1) !important;
}

.bg-white-85 {
    background-color: rgba(var(--WHITE-RGB), 0.85);
}

.bg-gray {
    background-color: rgba(var(--GRAY-RGB), 1) !important;
}

.bg-black {
    background-color: rgba(var(--BLACK-RGB), 1) !important;
}

.bg-black-85 {
    background-color: rgba(var(--BLACK-RGB), 0.85);
}

.bg-black-30 {
    background-color: rgba(var(--BLACK-RGB), 0.30);
}

.bg-black-20 {
    background-color: rgba(var(--BLACK-RGB), 0.20);
}

.bg-red {
    background-color: var(--RED) !important;
}

.bg-primary {
    background-color: rgba(var(--PRIMARY-RGB), 1) !important;
}

.bg-secondary {
    background-color: rgba(var(--SECONDARY-RGB), 1) !important;
}

.bg-success {
    background-color: rgba(var(--SUCCESS-RGB), 1) !important;
}

.bg-info {
    background-color: rgba(var(--INFO-RGB), 1) !important;
}

.bg-warning {
    background-color: rgba(var(--WARNING-RGB), 1) !important;
}

.bg-danger {
    background-color: rgba(var(--DANGER-RGB), 1) !important;
}

.bg-light {
    background-color: rgba(var(--LIGHT-RGB), 1) !important;
}

.bg-dark {
    background-color: rgba(var(--DARK-RGB), 1) !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-page {
    background-color: rgba(var(--LIGHT-RGB), 1) !important;
}

.zhezhao-top:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(var(--BLACK-RGB), 0.25) 0, transparent 100%);
    background: linear-gradient(to bottom, rgba(var(--BLACK-RGB), 0.25) 0, transparent 100%);
    pointer-events: none;
}

.zhezhao-bottom:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 50px;
    background: -webkit-linear-gradient(bottom, rgba(var(--BLACK-RGB), 0.25) 0, transparent 70%);
    background: linear-gradient(to top, rgba(var(--BLACK-RGB), 0.25) 0, transparent 100%);
    pointer-events: none;
    background: -webkit-linear-gradient(bottom, rgba(45, 45, 45, 0.7), rgba(45, 45, 45, 0));
    background: linear-gradient(to top, rgba(45, 45, 45, 0.7), rgba(45, 45, 45, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#ff000000');
}

.width-25 {
    width: 25% !important;
}

.width-33 {
    width: 33.33% !important;
}

.width-55 {
    width: 55% !important;
}

.width-50 {
    width: 50% !important;
}

.width-60 {
    width: 60% !important;
}

.width-65 {
    width: 65% !important;
}

.width-70 {
    width: 70% !important;
}

.width-75 {
    width: 75% !important;
}

.width-100 {
    width: 100% !important;
}

.width-auto {
    width: auto !important;
}

.height-25 {
    height: 25% !important;
}

.height-50 {
    height: 50% !important;
}

.height-75 {
    height: 75% !important;
}

.height-100 {
    height: 100% !important;
}

.height-auto {
    height: auto !important;
}

.min-width-100 {
    min-width: 100% !important;
}

.max-width-100 {
    max-width: 100% !important;
}

.max-height-100 {
    max-height: 100% !important;
}

.min-height-100 {
    min-height: 100% !important;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-15 {
    font-size: 15px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-17 {
    font-size: 17px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-26 {
    font-size: 26px;
}

.font-size-28 {
    font-size: 28px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-32 {
    font-size: 32px;
}

.font-size-34 {
    font-size: 34px;
}

.font-size-36 {
    font-size: 36px;
}

.font-size-38 {
    font-size: 38px;
}

.font-size-40 {
    font-size: 40px;
}

.font-size-42 {
    font-size: 42px;
}

.font-size-44 {
    font-size: 44px;
}

.font-size-46 {
    font-size: 46px;
}

.font-size-48 {
    font-size: 48px;
}

.font-size-50 {
    font-size: 50px;
}

.font-size-52 {
    font-size: 52px;
}

.font-size-54 {
    font-size: 54px;
}

.font-size-56 {
    font-size: 56px;
}

.font-size-58 {
    font-size: 58px;
}

.font-size-60 {
    font-size: 60px;
}

.font-size-62 {
    font-size: 62px;
}

.font-size-64 {
    font-size: 64px;
}

.line-height-1 {
    line-height: 1;
}

.line-height-10 {
    line-height: 10px;
}

.line-height-12 {
    line-height: 12px;
}

.line-height-14 {
    line-height: 14px;
}

.line-height-16 {
    line-height: 16px;
}

.line-height-18 {
    line-height: 18px;
}

.line-height-20 {
    line-height: 20px;
}

.line-height-22 {
    line-height: 22px;
}

.line-height-24 {
    line-height: 24px;
}

.line-height-26 {
    line-height: 26px;
}

.line-height-28 {
    line-height: 28px;
}

.line-height-30 {
    line-height: 30px;
}

.line-height-32 {
    line-height: 32px;
}

.line-height-34 {
    line-height: 34px;
}

.line-height-36 {
    line-height: 36px;
}

.line-height-0 {
    line-height: 0%;
}

.z-index-99 {
    z-index: 99;
}

.z-index-100 {
    z-index: 100;
}

/*.btn:not([class^='btn-mini']) {
    min-width: 124px !important;
    width: 184px;
}*/

/*.btn:not(.btn-sm):not(.btn-md):not(.btn-lg) {
    width: 184px;
    display: block;
}*/

[class*="btn-outline"]:after {
    border: 1px solid rgba(var(--BLACK-RGB), .2);
    border-radius: 16px;
    box-sizing: border-box;
    content: " ";
    height: 200%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 200%;
}

.btn-loading::before {
    width: 16px;
    height: 16px;
    margin: -8px 16px 0 0;
}

.btn-sm,
.btn-group-sm .btn {
    width: auto !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
}

.btn-md,
.btn-group-md .btn {
    width: auto !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
}

.btn-lg,
.btn-group-lg .btn {
    width: auto !important;
    padding: 10px 28px !important;
}

.btn-block {
    display: block !important;
}

.btn-group {
    position: relative !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    vertical-align: middle !important;
}

.btn-group .btn {
    width: auto !important;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn:not(:first-child):after {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.btn-group > [class*="btn-outline-"] + [class*="btn-outline-"]:after {
    border-left: none;
}

.btn-group > .btn:not(:last-child),
.btn-group > .btn:not(:last-child):after {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/*default*/
.btn-default {
    color: rgba(var(--BLACK-RGB), 0.5) !important;
    background-color: rgba(var(--BLACK-RGB), 0.05) !important;
}

.btn-default.disabled {
    color: rgba(var(--BLACK-RGB), 0.3) !important;
}

.btn-outline-default {
    color: rgba(var(--BLACK-RGB), 0.5) !important;
    border-width: 0 !important;
    background-color: transparent !important;
}

.btn-outline-default::after {
    border-color: rgba(var(--BLACK-RGB), 0.1) !important;
}

.btn-outline-default.disabled {
    color: rgba(var(--BLACK-RGB), 0.1) !important;
}

.btn-outline-default.disabled::after {
    border-color: rgba(var(--BLACK-RGB), 0.1) !important;
}

/*primary*/
.btn-primary {
    color: rgba(var(--WHITE-RGB), 1) !important;
    background-color: rgba(var(--PRIMARY-RGB), 1) !important;
}

.btn-primary.disabled {
    background-color: rgba(var(--PRIMARY-RGB), 0.6) !important;
}

.btn-outline-primary {
    color: rgba(var(--PRIMARY-RGB), 1) !important;
    border-width: 0 !important;
    background-color: transparent !important;
}

.btn-outline-primary::after {
    border-color: rgba(var(--PRIMARY-RGB), 1) !important;
}

.btn-outline-primary.disabled {
    color: rgba(var(--PRIMARY-RGB), 0.6) !important;
}

.btn-outline-primary.disabled::after {
    border-color: rgba(var(--PRIMARY-RGB), 0.6) !important;
}

.btn-primary.loading::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) !important;
}

/*secondary*/
.btn-secondary {
    color: rgba(var(--WHITE-RGB), 1);
    background-color: rgba(var(--SECONDARY-RGB), 1);
}

.btn-secondary.disabled {
    background-color: rgba(var(--SECONDARY-RGB), 0.6);
}

.btn-outline-secondary {
    color: rgba(var(--SECONDARY-RGB), 1);
    border-width: 0;
    background-color: transparent;
}

.btn-outline-secondary::after {
    display: block;
    border-color: rgba(var(--SECONDARY-RGB), 1);
}

.btn-outline-secondary.disabled {
    color: rgba(var(--SECONDARY-RGB), 0.6);
}

.btn-outline-secondary.disabled::after {
    border-color: rgba(var(--SECONDARY-RGB), 0.6);
}

/*success*/
.btn-success {
    color: rgba(var(--WHITE-RGB), 1);
    background-color: rgba(var(--SUCCESS-RGB), 1);
}

.btn-success.disabled {
    background-color: rgba(var(--SUCCESS-RGB), 0.6);
}

.btn-outline-success {
    color: rgba(var(--SUCCESS-RGB), 1);
    border-width: 0;
    background-color: transparent;
}

.btn-outline-success::after {
    display: block;
    border-color: rgba(var(--SUCCESS-RGB), 1);
}

.btn-outline-success.disabled {
    color: rgba(var(--SUCCESS-RGB), 0.6);
}

.btn-outline-success.disabled::after {
    border-color: rgba(var(--SUCCESS-RGB), 0.6);
}

/*danger*/
.btn-danger {
    color: rgba(var(--WHITE-RGB), 1);
    background-color: rgba(var(--DANGER-RGB), 1);
}

.btn-danger.disabled {
    background-color: rgba(var(--DANGER-RGB), 0.6);
}

.btn-outline-danger {
    color: rgba(var(--DANGER-RGB), 1);
    border-width: 0;
    background-color: transparent;
}

.btn-outline-danger::after {
    display: block;
    border-color: rgba(var(--DANGER-RGB), 1);
}

.btn-outline-danger.disabled {
    color: rgba(var(--DANGER-RGB), 0.6);
}

.btn-outline-danger.disabled::after {
    border-color: rgba(var(--DANGER-RGB), 0.6);
}

/*warning*/
.btn-warning {
    color: rgba(var(--WHITE-RGB), 1);
    background-color: rgba(var(--WARNING-RGB), 1);
}

.btn-warning.disabled {
    background-color: rgba(var(--WARNING-RGB), 0.6);
}

.btn-outline-warning {
    color: rgba(var(--WARNING-RGB), 1);
    border-width: 0;
    background-color: transparent;
}

.btn-outline-warning::after {
    display: block;
    border-color: rgba(var(--WARNING-RGB), 1);
}

.btn-outline-warning.disabled {
    color: rgba(var(--WARNING-RGB), 0.6);
}

.btn-outline-warning.disabled::after {
    border-color: rgba(var(--WARNING-RGB), 0.6);
}

/*info*/
.btn-info {
    color: rgba(var(--WHITE-RGB), 1);
    background-color: rgba(var(--INFO-RGB), 1);
}

.btn-info.disabled {
    background-color: rgba(var(--INFO-RGB), 0.6);
}

.btn-outline-info {
    color: rgba(var(--INFO-RGB), 1);
    border-width: 0;
    background-color: transparent;
}

.btn-outline-info::after {
    display: block;
    border-color: rgba(var(--INFO-RGB), 1);
}

.btn-outline-info.disabled {
    color: rgba(var(--INFO-RGB), 0.6);
}

.btn-outline-info.disabled::after {
    border-color: rgba(var(--INFO-RGB), 0.6);
}

/*light*/
.btn-light {
    color: rgba(var(--BLACK-RGB), 0.9);
    background-color: rgba(var(--LIGHT-RGB), 1);
}

.btn-light.disabled {
    background-color: rgba(var(--LIGHT-RGB), 0.6);
}

.btn-outline-light {
    color: rgba(var(--LIGHT-RGB), 1);
    border-width: 0;
    background-color: transparent;
}

.btn-outline-light::after {
    display: block;
    border-color: rgba(var(--LIGHT-RGB), 1);
}

.btn-outline-light.disabled {
    color: rgba(var(--LIGHT-RGB), 0.6);
}

.btn-outline-light.disabled::after {
    border-color: rgba(var(--LIGHT-RGB), 0.6);
}

/*dark*/
.btn-dark {
    color: rgba(var(--WHITE-RGB), 1);
    background-color: rgba(var(--DARK-RGB), 1);
}

.btn-dark.disabled {
    background-color: rgba(var(--DARK-RGB), 0.6);
}

.btn-outline-dark {
    color: rgba(var(--DARK-RGB), 1);
    border-width: 0;
    background-color: transparent;
}

.btn-outline-dark::after {
    display: block;
    border-color: rgba(var(--DARK-RGB), 1);
}

.btn-outline-dark.disabled {
    color: rgba(var(--DARK-RGB), 0.6);
}

.btn-outline-dark.disabled::after {
    border-color: rgba(var(--DARK-RGB), 0.6);
}

/*gray*/
.btn-gray {
    color: rgba(var(--BLACK-RGB), 0.9);
    background-color: rgba(var(--GRAY-RGB), 1);
}

.btn-gray.disabled {
    background-color: rgba(var(--GRAY-RGB), 0.6);
}

.btn-outline-gray {
    color: rgba(var(--GRAY-RGB), 1);
    border-width: 0;
    background-color: transparent;
}

.btn-outline-gray::after {
    display: block;
    border-color: rgba(var(--GRAY-RGB), 1);
}

.btn-outline-gray.disabled {
    color: rgba(var(--GRAY-RGB), 0.6);
}

.btn-outline-gray.disabled::after {
    border-color: rgba(var(--GRAY-RGB), 0.6);
}

.tab-bar-item.tab-bar-item-custom {
    position: relative;
}

.tab-bar-item.tab-bar-item-custom::after {
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    z-index: 1;
    width: 96px;
    height: 48px;
    margin-left: -24px;
    border-radius: 48px 48px 0 0;
    border-top: 1px solid rgba(var(--BLACK-RGB), 0.1);
    transform-origin: 0 0;
    transform: scale(.5);
    background-color: var(--BG-1);
    /*box-shadow: 0 -2px 8px -1px rgba(var(--BLACK-RGB), 0.1);*/
}

.tab-bar-item.tab-bar-item-custom::before {
    content: "";
    position: absolute;
    top: -7.5px;
    left: 50%;
    z-index: 2;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(var(--PRIMARY-HOVER-RGB), 1) 20%, rgba(var(--PRIMARY-RGB), 1) 80%, rgba(var(--PRIMARY-HOVER-RGB), 1) 100%);
    /*box-shadow: 0 0 8px 1px rgba(var(--PRIMARY-RGB), 0.4);*/
}

.tab-bar-item.tab-bar-item-custom .tab-bar-icon i, .tab-bar-icon img {
    position: relative;
    z-index: 3;
    color: rgba(var(--WHITE-RGB), 1);
    transform: scale(1.3) translateY(-5px);
    animation: move 2s 0s infinite;
}

.tab-bar-item.tab-bar-item-custom .tab-bar-name {
}

@keyframes move {

    0%,
    65% {
        transform: scale(1.3) translateY(-5px) rotate(0deg);
    }

    70% {
        transform: scale(1.3) translateY(-5px) rotate(6deg);
    }

    75% {
        transform: scale(1.3) translateY(-5px) rotate(-6deg);
    }

    80% {
        transform: scale(1.3) translateY(-5px) rotate(6deg);
    }

    85% {
        transform: scale(1.3) translateY(-5px) rotate(-6deg);
    }

    90% {
        transform: scale(1.3) translateY(-5px) rotate(6deg);
    }

    95% {
        transform: scale(1.3) translateY(-5px) rotate(-6deg);
    }

    100% {
        transform: scale(1.3) translateY(-5px) rotate(0deg);
    }
}

.switch-sm {
    width: 32px;
    height: 16px;
}

.switch-sm:after {
    width: 12px;
    height: 12px;
}

.switch-sm:checked:after {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
}

.switch-md {
    width: 44px;
    height: 20px;
}

.switch-md:after {
    width: 16px;
    height: 16px;
}

.switch-md:checked:after {
    -webkit-transform: translateX(24px);
    transform: translateX(24px);
}

.switch-lg {
    width: 52px;
    height: 28px;
}

.switch-lg:after {
    width: 24px;
    height: 24px;
}

.switch-lg:checked:after {
    -webkit-transform: translateX(24px);
    transform: translateX(24px);
}

/*input-group*/
.input-group {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group-append, .input-group-prepend {
    position: relative;
    padding: 8px 16px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group > .input-group-control + .input-group-control {
    margin-left: -1px;
}

.input-group > .input-group-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    padding: 8px 16px;
    box-sizing: border-box;
}

.input-group > .input-group-append:after,
.input-group > .input-group-prepend:after,
.input-group > .input-group-control:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(200% - 2px);
    height: calc(200% - 2px);
    border: 1px solid rgba(var(--BLACK-RGB), 0.1);
    border-radius: 16px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
}

.input-group > .input-group-append:not(:first-child):after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}

.input-group > .input-group-prepend:not(:last-child):after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.input-group > .input-group-control:not(:first-child):after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .input-group-control:not(:last-child):after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group + .input-group {
    margin-top: 16px;
}

.dropload-up, .dropload-down {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.dropload-down {
    height: 50px;
}

.dropload-refresh, .dropload-update, .dropload-load, .dropload-no-data {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: rgba(var(--BLACK-RGB), 0.5);
    font-size: 14px;
}

.list-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 16px 0;
    position: relative;
}

.list-box:first-child {
    padding-top: 0;
}

.list-box:last-child {
    padding-bottom: 0;
}

.list-box:before {
    content: " ";
    position: absolute;
    left: 56px;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid rgba(var(--BLACK-RGB), 0.07);
    color: rgba(var(--BLACK-RGB), 0.07);
    transform-origin: 0 0;
    transform: scaleY(0.5);
}

.list-box:first-child:before {
    display: none;
}

.list-box .list-box-hd {
    margin-right: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.list-box .list-box-bd {
    flex: 1;
    min-width: 0;
}

.list-box .list-box-thumb {
    width: 100%;
    max-height: 100%;
    vertical-align: top;
}

.list-box-name {
    width: auto;
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-box-content {
    line-height: 1.6;
    margin-top: 8px;
}

.list-box-image {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0;
    margin: -4px;
}

.list-box-image .list-box-image-item {
    position: relative;
    z-index: 1;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    width: 33.33333333%;
    box-sizing: border-box;
    padding: 4px;
}

.list-box-image .list-box-image-item image {
    max-width: 100%;
}

.list-box-image .list-box-image-item:only-child {
    flex: 0 0 100%;
    max-width: 160px;
    width: 100%;
}

.list-box-info {
    font-size: 14px;
    color: rgba(var(--BLACK-RGB), 0.5);
    list-style: none;
    overflow: hidden;
}

.list-box-info-meta {
    float: left;
    padding-right: 8px;
}

.list-box-info-meta-extra {
    position: relative;
    padding-left: 8px;
}

.list-box-info-meta-extra:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    border-left: 1px solid rgba(var(--BLACK-RGB), 0.07);
    color: rgba(var(--BLACK-RGB), 0.07);
    transform-origin: 0 0;
    transform: scaleX(0.5);
}

.list-box-other {
    list-style: none;
    overflow: hidden;
    margin-top: 8px;
}

/*小程序*/
body[data-platform='weapp'] {
    font-size: 16px;
}

/*body[class='bg-white'][data-platform='weapp']::before {
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    height: 1px;
    border-top: 1px solid rgba(var(--BLACK-RGB), 0.07);
    color: rgba(var(--BLACK-RGB), 0.07);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}*/

body[class='bg-white'][data-platform='weapp']::after {
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -2;
    background: linear-gradient(180deg, rgba(var(--WHITE-RGB), 1) 0%, rgba(var(--LIGHT-RGB), 1) 20%) !important;
    background-attachment: fixed !important;
    min-height: 100vh;
}

body[class='bg-white'][data-platform='weapp'] .half-screen-dialog-custom .mask {
    background-color: rgba(var(--WHITE-RGB), 0.8);
}

body[class='bg-white'][data-platform='weapp'] .half-screen-dialog-custom .half-screen-dialog {
    box-shadow: 0 -8px 16px -2px rgba(var(--BLACK-RGB), 0.1);
}

body[class='bg-white'][data-platform='weapp'] .dialog-custom .mask {
    background-color: rgba(var(--WHITE-RGB), 0.8);
}

body[class='bg-white'][data-platform='weapp'] .dialog-custom .dialog {
    box-shadow: 0 0 16px -4px rgba(var(--BLACK-RGB), 0.3);
}

body[class='bg-white'][data-platform='weapp'] .popup-custom .mask {
    background-color: rgba(var(--WHITE-RGB), 0.8);
}

body[class='bg-white'][data-platform='weapp'] .popup-custom .popup-btn {
    color: rgba(var(--BLACK-RGB), 0.5);
}

body[class='bg-white'][data-platform='weapp'] .action-sheet-custom .mask {
    background-color: rgba(var(--WHITE-RGB), 0.8);
}

body[class='bg-white'][data-platform='weapp'] .action-sheet-custom .action-sheet {
    box-shadow: 0 -8px 16px -2px rgba(var(--BLACK-RGB), 0.1);
}

body[class='bg-light'][data-platform='weapp'] .half-screen-dialog-custom .mask {
    background-color: rgba(245, 245, 245, 0.8);
}

body[class='bg-light'][data-platform='weapp'] .half-screen-dialog-custom .half-screen-dialog {
    box-shadow: 0 -8px 16px -2px rgba(var(--BLACK-RGB), 0.1);
}

body[class='bg-light'][data-platform='weapp'] .dialog-custom .mask {
    background-color: rgba(245, 245, 245, 0.8);
}

body[class='bg-light'][data-platform='weapp'] .dialog-custom .dialog {
    box-shadow: 0 0 16px -4px rgba(var(--BLACK-RGB), 0.1);
}

body[class='bg-light'][data-platform='weapp'] .popup-custom .mask {
    background-color: rgba(245, 245, 245, 0.8);
}

body[class='bg-light'][data-platform='weapp'] .popup-custom .popup-btn {
    color: rgba(var(--BLACK-RGB), 0.5);
}

body[class='bg-light'][data-platform='weapp'] .action-sheet-custom .mask {
    background-color: rgba(245, 245, 245, 0.8);
}

body[class='bg-light'][data-platform='weapp'] .action-sheet-custom .action-sheet {
    box-shadow: 0 -8px 16px -2px rgba(var(--BLACK-RGB), 0.1);
}

/*微信*/
body[class='bg-light'][data-platform='wechat'] {
    background: linear-gradient(180deg, #ededed 0%, rgba(var(--LIGHT-RGB), 1) 20%) !important;
    background-attachment: fixed !important;
    min-height: 100vh;
}

body[class='bg-light'][data-platform='wechat'] .half-screen-dialog-custom .mask {
    background-color: rgba(237, 237, 237, 0.8);
}

body[class='bg-light'][data-platform='wechat'] .half-screen-dialog-custom .half-screen-dialog {
    box-shadow: 0 -8px 16px -2px rgba(var(--BLACK-RGB), 0.1);
}

body[class='bg-light'][data-platform='wechat'] .dialog-custom .mask {
    background-color: rgba(237, 237, 237, 0.8);
}

body[class='bg-light'][data-platform='wechat'] .dialog-custom .dialog {
    box-shadow: 0 0 16px -4px rgba(var(--BLACK-RGB), 0.1);
}

body[class='bg-light'][data-platform='wechat'] .popup-custom .mask {
    background-color: rgba(237, 237, 237, 0.8);
}

body[class='bg-light'][data-platform='wechat'] .popup-custom .popup-btn {
    color: rgba(var(--BLACK-RGB), 0.5);
}

body[class='bg-light'][data-platform='wechat'] .action-sheet-custom .mask {
    background-color: rgba(237, 237, 237, 0.8);
}

body[class='bg-light'][data-platform='wechat'] .action-sheet-custom .action-sheet {
    box-shadow: 0 -8px 16px -2px rgba(var(--BLACK-RGB), 0.1);
}

.upload-image .hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 10px;
    align-items: center;
}

.upload-image .hd .title {
    flex: 1;
    color: rgba(var(--BLACK-RGB), 0.5);
    text-align: left;
}

.upload-image .hd .info {
    color: rgba(var(--BLACK-RGB), 0.5);
}

.upload-image .bd {
}

.upload-image .bd .list {
    display: flex;
    flex-wrap: wrap;
    margin: -6px;
}

.upload-image .bd .list .item {
    position: relative;
    z-index: 1;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    width: 33.33333333%;
    height: 29.33333333vw;
    box-sizing: border-box;
    padding: 6px;
    border-radius: 8px;
}

.upload-image .bd .list .item.input-box {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    font-size: 36px;
    color: rgba(var(--BLACK-RGB), 0.3);
}

.upload-image .bd .list .item.input-box::after {
    content: " ";
    width: calc(200% - 24px);
    height: calc(200% - 24px);
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 1;
    border: 1px solid rgba(var(--BLACK-RGB), 0.07);
    transform: scale(0.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: 8px;
}

.upload-image .bd .list .item.input-box.only-child,
.upload-image .bd .list .item.input-box:only-child {
    min-height: 160px;
}

.upload-image .bd .list .item .image {
    width: 100%;
    border-radius: 8px;
}

.upload-image .bd .list .item .button-group {
    position: absolute;
    bottom: 24px;
    left: 16px;
    right: 16px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

.upload-image .bd .list .item .button-group .button {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background-color: rgba(var(--BLACK-RGB), .5);
    border-radius: 50%;
    line-height: 1;
    color: rgba(var(--WHITE-RGB), .9);
    font-size: 14px;
    /*border: 1px solid rgba(var(--WHITE-RGB), .6);*/
    text-align: center;
    margin-right: 8px;
}

.upload-image .bd .list .item .button-group .button:last-child {
    margin-right: 0;
}

.upload-image .bd .list .item.only-child,
.upload-image .bd .list .item:only-child {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.upload-image .bd .list .item.only-child .image,
.upload-image .bd .list .item:only-child .image {
    width: 100%;
    height: auto;
}

.upload-image .bd .list .item:only-child .button-group {
    bottom: 24px;
    left: auto;
    right: 24px;
}

.upload-image .bd .list .item.only-child .button-group .button:last-child,
.upload-image .bd .list .item:only-child .button-group .button:last-child {
    margin-right: 0;
}

.upload-image .bd .list .item.only-child .button-group .button,
.upload-image .bd .list .item:only-child .button-group .button {
    width: 28px;
    height: 28px;
    font-size: 18px;
    margin-right: 10px;
}

.upload-image .bd .list .item .status {
    position: relative;
}

.upload-image .bd .list .item .status:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(var(--BLACK-RGB), 0.5);
}

.upload-image .bd .list .item .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

/*
.table {
    border-collapse: collapse;
}

.table td, .table th {
    padding: .95rem .75rem;
    border-bottom: 1px solid rgba(var(--BLACK-RGB), 0.05);
}

.table thead th {
    border-top: 1px solid rgba(var(--BLACK-RGB), 0.05);
}

.table tbody + tbody {
    border-top: 1px solid rgba(var(--BLACK-RGB), 0.05);
}

.table-border {
    border: 1px solid rgba(var(--BLACK-RGB), 0.05);
}

.table-border td, .table-border th {
    border: 1px solid rgba(var(--BLACK-RGB), 0.05);
}

.table-border thead td, .table-border thead th {
    border-bottom-width: 1px;
}

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(var(--BLACK-RGB), 0.05);
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: rgba(var(--PRIMARY-RGB), 1);
    color: rgba(var(--WHITE-RGB), 1);
}

.table-border-primary tbody + tbody, .table-border-primary td, .table-border-primary th, .table-border-primary thead th {
    border-color: rgba(var(--PRIMARY-RGB), 1);
}

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: rgba(var(--SECONDARY-RGB), 1);
    color: rgba(var(--WHITE-RGB), 1);
}

.table-border-secondary tbody + tbody, .table-border-secondary td, .table-border-secondary th, .table-border-secondary thead th {
    border-color: rgba(var(--SECONDARY-RGB), 1);
}

.table-success, .table-success > td, .table-success > th {
    background-color: rgba(var(--SUCCESS-RGB), 1);
    color: rgba(var(--WHITE-RGB), 1);
}

.table-border-success tbody + tbody, .table-border-success td, .table-border-success th, .table-border-success thead th {
    border-color: rgba(var(--SUCCESS-RGB), 1);
}

.table-info, .table-info > td, .table-info > th {
    background-color: rgba(var(--INFO-RGB), 1);
    color: rgba(var(--WHITE-RGB), 1);
}

.table-border-info tbody + tbody, .table-border-info td, .table-border-info th, .table-border-info thead th {
    border-color: rgba(var(--INFO-RGB), 1);
}

.table-warning, .table-warning > td, .table-warning > th {
    background-color: rgba(var(--WARNING-RGB), 1);
    color: rgba(var(--WHITE-RGB), 1);
}

.table-border-warning tbody + tbody, .table-border-warning td, .table-border-warning th, .table-border-warning thead th {
    border-color: rgba(var(--WARNING-RGB), 1);
}

.table-danger, .table-danger > td, .table-danger > th {
    background-color: rgba(var(--DANGER-RGB), 1);
    color: rgba(var(--WHITE-RGB), 1);
}

.table-border-danger tbody + tbody, .table-border-danger td, .table-border-danger th, .table-border-danger thead th {
    border-color: rgba(var(--DANGER-RGB), 1);
}

.table-light, .table-light > td, .table-light > th {
    background-color: rgba(var(--LIGHT-RGB), 1);
}

.table-border-light tbody + tbody, .table-border-light td, .table-border-light th, .table-border-light thead th {
    border-color: rgba(var(--LIGHT-RGB), 1);
}

.table-dark, .table-dark > td, .table-dark > th {
    background-color: rgba(var(--DARK-RGB), 1);
    color: rgba(var(--WHITE-RGB), 1);
}

.table-border-dark tbody + tbody, .table-border-dark td, .table-border-dark th, .table-border-dark thead th {
    border-color: rgba(var(--DARK-RGB), 1);
}

.table-active, .table-active > td, .table-active > th {
    background-color: rgba(var(--LIGHT-RGB), 1);
}
*/

.table {
    border-collapse: collapse;
}

.table td, .table th {
    padding: .95rem .75rem;
    position: relative;
    z-index: 0;
}

.table td:after,
.table th:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(200% - 1px);
    height: 1px;
    border-color: rgba(var(--BLACK-RGB), 0.07);
    border-style: solid;
    border-width: 0 0 1px 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.table th:after {
    top: 0;
    height: calc(200% - 1px);
    border-width: 1px 0 1px 0;
}

.table.border:after {
    border-width: 0 0 0 1px;
}

.table.border td:after, .table.border th:after {
    top: 0;
    height: calc(200% - 1px);
    border-right-width: 1px;
}

.table.border.table-borderless thead tr:first-child th {
    padding-top: 16px;
}

.table.border.table-borderless tbody tr:last-child td {
    padding-bottom: 16px;
}

.table.border.table-borderless:after {
    border-width: 1px;
}

.table-borderless td, .table-borderless th {
    padding: .55rem .55rem;
}

.table-borderless td:after, .table-borderless th:after {
    border-width: 0 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(var(--BLACK-RGB), 0.05);
}

.table.border-primary td:after, .table.border-primary th:after {
    border-color: rgba(var(--PRIMARY-RGB), 1);
}

.table.border-secondary td:after, .table.border-secondary th:after {
    border-color: rgba(var(--SECONDARY-RGB), 1);
}

.table.border-success td:after, .table.border-success th:after {
    border-color: rgba(var(--SUCCESS-RGB), 1);
}

.table.border-info td:after, .table.border-info th:after {
    border-color: rgba(var(--INFO-RGB), 1);
}

.table.border-warning td:after, .table.border-warning th:after {
    border-color: rgba(var(--WARNING-RGB), 1);
}

.table.border-danger td:after, .table.border-danger th:after {
    border-color: rgba(var(--DANGER-RGB), 1);
}

.table.border-light td:after, .table.border-light th:after {
    border-color: rgba(var(--LIGHT-RGB), 1);
}

.table.border-dark td:after, .table.border-dark th:after {
    border-color: rgba(var(--DARK-RGB), 1);
}

.table-active, .table-active > td, .table-active > th {
    background-color: rgba(var(--LIGHT-RGB), 1);
}