*{box-sizing: border-box}
body{font-size: 12px;line-height: 2;background: #f8f8f8}
body{font-size: 12px;line-height: 2;background: #f8f8f8}
ol,ul,p{margin: 0;padding: 0}
li{list-style: none}
.navbar-nav{color: #fff;margin-bottom: 0;width: 100%;line-height: 30px;}
header{background: #54639a;min-height: 70px!important;}
header>.container{height: 100%}
header .logo{height: 100%;display: inline-block}
header .logo img{height: 42px;margin-top: 12px;}
.show{display: block!important;}
.pointer{cursor: pointer}
.text-overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
body{padding-top: 80px}
.active>a{color: #54639a;}
.color_e4696c{color: #e4696c}
.color_999{color: #999}
.color_666{color: #666}
.bg_color_fff{background: #FFFFFF}
.fs_12{font-size: 12px;line-height: 2;}
.fs_13{font-size: 13px}
.fs_14{font-size: 14px}
.fs_15{font-size: 15px}
.fs_16{font-size: 16px}
.fs_18{font-size: 18px}
.fs_20{font-size: 20px}
.fs_22{font-size: 22px}
.font_weight_600{font-weight: 600}
.font_weight_300{font-weight: 300}
.display_flex{display: flex}
.flex_1{flex: 1}
.flex_2{flex: 2}
.flex_3{flex: 3}
.flex_4{flex: 4}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    /*--bs-card-title-color: ;*/
    /*--bs-card-subtitle-color: ;*/
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    /*--bs-card-box-shadow: ;*/
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    /*--bs-card-cap-color: ;*/
    /*--bs-card-height: ;*/
    /*--bs-card-color: ;*/
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}
.card > hr {
    margin-right: 0;
    margin-left: 0;
}
.card > .list-group {
    border-top: inherit;
    border-bottom: inherit;
}
.card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
    border-top: 0;
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color);
}

.card-subtitle {
    margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0;
    color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link + .card-link {
    margin-left: var(--bs-card-spacer-x);
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
    margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0;
}
.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
    margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
    margin-bottom: var(--bs-card-group-margin);
}

/* 滚动条样式 */
/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width:10px;
    height: 10px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
    background: #fff;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:#ea0052;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.2);
}
.feedback_alert{position: fixed;z-index: 99999;width: 90%;right: 5%;top: 100px;animation: fadeIn 1s ease-in-out;}
.container{padding-left: 5px;padding-right: 5px}
.icon-brother{padding-left: 30px;line-height: 2.2;}
.clearfix:after, .clearfix:before {content: "";display: block;clear: both;}
.float-r{float: right;}
.float-l{float: left;}
.toast{
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 5px;
    width: 24rem;
    margin-left: -12rem;
    z-index: 999999999;
    opacity: 1;
    line-height: 2.5;
    text-align: center;
    padding: 0 6px;
}
.toast.info{
    box-shadow: 0 0 6px rgba(0,0,0,0.4);
    color: #666;
}
.toast.error{
    box-shadow: 0 0 6px rgba(223,123,123,0.4);
    color: #ca0000;
}
.pop_up_bg{
    position: fixed;
    background: rgba(0,0,0,0.4);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}
@keyframes fadeIn {
    from{
        right: -90%;
    }
    to{
        right: 5%;
    }
}
@-webkit-keyframes fadeIn {
    from{
        right: -90%;
    }
    to{
        right: 5%;
    }
}


@media (min-width: 992px) {
    body{font-size: 14px;line-height: 1.5;}
    .feedback_alert{width: 500px;right: 20px;top: 100px}
    .container{padding-left: 15px;padding-right: 15px}
    .navbar-nav{line-height:70px;width: auto;min-width:568px;max-width:720px;}
    .navbar-nav .menu_item{padding: 0;text-align: center;flex: 1;}
    @keyframes fadeIn {
        from{
            right: -500px;
        }
        to{
            right: 20px;
        }
    }
    @-webkit-keyframes fadeIn {
        from{
            right: -500px;
        }
        to{
            right: 20px;
        }
    }
}