@charset "utf-8";
address, dl, ol, p, ul {
    margin-bottom: 1rem
}
ul, ol {
    list-style: none;
}
caption, th {
    text-align: left
}

dd, h1, h2, h3, h4, h5, h6, label {
    margin-bottom: .5rem
}

address, legend {
    line-height: inherit
}

progress, sub, sup {
    vertical-align: baseline
}

button, hr, input {
    overflow: visible
}

pre, textarea {
    overflow: auto
}

.breadcrumb, .dropdown-menu, .icon-list, .list, .list-inline, .list-unstyled, .nav, .navbar-nav, .navigation, .navigation__sub > ul, .pagination, .price-table__info, .top-nav {
    list-style: none
}



article, aside, dialog, figcaption, figure, footer, header, hgroup, legend, main, nav, section {
    display: block
}

section {
    color: #000;
}

label, output {
    display: inline-block
}

html {
    box-sizing: border-box;
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar
}

*, ::after, ::before {
    box-sizing: inherit
}


body {
    margin: 0;
    font-family: Nunito,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(255,255,255,.85);
    background-color: #f5f5f5;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, legend, main, nav, section {
    display: block
}
a {
    /*color: #a4d0ff;*/
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:hover {
        color: #58a8ff;
        text-decoration: none
    }

    a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

code, kbd, pre, samp {
    font-size: 1em
}

img {
    vertical-align: middle;
    border-style: none;width:100%;
}

svg:not(:root) {
    overflow: hidden
}

[role=button], a, area, button, input, label, select, summary, textarea {
    touch-action: manipulation
}
    button:focus {
        outline: dotted 1px;
        outline: -webkit-focus-ring-color auto 5px
    }

button, input, optgroup, select, textarea {
    margin: 0;
    font-size: inherit;
    line-height: inherit
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

input[type=radio], input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    color: inherit;
    white-space: normal
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    
}

.blockquote, hr {
    margin-bottom: 1rem
}

.display-1, .display-2, .display-3, .display-4, .lead {
    font-weight: 300
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}
.h-12{font-size:12px;}
.lead {
    font-size: 1.25rem
}

.display-1 {
    font-size: 6rem
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-4 {
    font-size: 3.5rem
}

hr {
    box-sizing: content-box;
    height: 0;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid rgba(255,255,255,.125)
}
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

:active, :focus {
    outline: 0 !important
}

html {
    font-size: 13px
}

a {
    cursor: pointer
}
    a:hover, a:focus {
        text-decoration: none;
    }
/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
a {
    blr: expression(this.onFocus=this.blur())
}:focus {
    outline: 0;
}
input {
    border:0;
    outline: none;
} 
pre {
    background-color: rgba(255,255,255,.8);
    border-radius: 2px;
    padding: 1.5rem
}

button, input, optgroup, select, textarea {
    font-family: Nunito,sans-serif
}
.content:not(.content--boxed):not(.content--full) {
    padding: 102px 30px 0 250px
}
.content--full {
    padding: 102px 30px 0
}
 .main {
    position: relative
}
 /*头部横幅开始*/
.header, .sa-backdrop {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0
}
.header {
    height: 72px;
    color: #fff;
    display: flex;
    align-items: center;
    padding-right: 1.5rem;
    background-color: #666;
    /*background-color: #4eb7f5;*/
    transition: background-color 1s,box-shadow 1s
}

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

    .header .sa-backdrop {
        position: absolute
    }

.header--scrolled {
    background-color: #333
    /*background-color: #039be0;*/
}

.logo {
    padding-left: 2.2rem;
    height: 72px;
    display: flex;
    align-items: center;
    position: relative;
    min-width: 250px;
}

    .logo > h1 {
        line-height: 100%;
        font-size: 1.3rem;
        font-weight: 400;
        margin: 0
    }

        .logo > h1 > a {
            color: #fff
        }
        /*搜索开始*/
.top-nav {
    margin: 0 0 0 auto;
    padding: 0
}

    .top-nav > li {
        display: inline-block;
        vertical-align: middle
    }

        .top-nav > li > a {
            display: block;
            color: #fff;
            border-radius: 2px;
            text-align: center;
            line-height: 100%;
            position: relative;
            transition: background-color .3s
        }

            .top-nav > li > a:not(.header__nav__text) {
                padding: .65rem .15rem;
                min-width: 50px
            }

                .top-nav > li > a:not(.header__nav__text) > .zmdi {
                    font-size: 1.65rem;
                    line-height: 100%
                }

            .top-nav > li > a.active, .top-nav > li > a:hover {
                background-color: rgba(255,255,255,.2)
            }

        .top-nav > li .dropdown-menu--block {
            padding: 0
        }
        /*搜索结束*/
.header .header-right {
    
    position: absolute;
    right: 20px;
}
/**搜索开始20200820*/
.header .search {

    line-height: 100%;
    display: inline-block;
}
    .header .search button {
        margin: 0;
        padding: 0;
        font-size: 1.5rem;
        color: #f5f5f5;
        border: none;
    }

    .header .search input {
        color: #f5f5f5;
        background: rgba(0, 0, 0, 0.00);
        border-bottom: 1px solid #f5f5f5;
        /*border:none;*/
        padding-left: 5px;
        font-size: 1.2rem;
    }
        .header .search input::-moz-placeholder {
            color: #f5f5f5;
            font-size: 1rem;
        }
        .header .search input::-webkit-input-placeholder {
            color: #f5f5f5;
            font-size: 1rem;
        }
/**搜索结束20200820*/
 /*头部结束*/
.clock, .user, .user__info {
    border-radius: 2px
}
/*时钟开始*/
.clock {
    background: rgba(255,255,255,.08);
    line-height: 100%;
    padding: .7rem 1rem;
    font-size: 1.5rem;
    margin-left: 1rem;
    
}

.time > span:not(:last-child):after {
    content: ':';
    width: 10px;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -1px;
    right: -2px
}
/*时钟结束*/
/*页面load开始*/
.page-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.96);
    z-index: 999999999999999999;
    align-items: center;
    justify-content: center;
    display: flex
}

.page-loader__spinner {
    position: relative;
    width: 50px;
    height: 50px
}

    .page-loader__spinner svg {
        animation: rotate 2s linear infinite;
        transform-origin: center center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

        .page-loader__spinner svg circle {
            stroke-dasharray: 1,200;
            stroke-dashoffset: 0;
            animation: dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;
            stroke-linecap: round
        }
@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes color {
    0%,100% {
        stroke: #dc3545
    }

    40% {
        stroke: #007bff
    }

    66% {
        stroke: #28a745
    }

    80%,90% {
        stroke: #ffc107
    }
}
/*页面load结束*/
/*窗体css开始*/
.card, .card-h5 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #FFF;
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,.075);
}

.card {
    /*min-height: 90%;*/
    margin-bottom: 30px;
}

    .card:not([class*="card-outline-"]) {
        border: 0;
    }

.card-header, .card-subtitle, .card-text:last-child, .navbar-nav {
    margin-bottom: 0;
}

.card-footer, .card-header {
    padding: 20px 25px 10px;
    background-color: transparent;
}

.card-header {
    border-bottom: 1px solid transparent;
}

.card-header, .caret::before, .dropdown, .dropup {
    position: relative;
}

    .card-header:first-child {
        border-radius: 2px 2px 0 0;
    }

.card-block p:only-child, .card-title, .custom-control {
    margin-bottom: 0;
}

.card-title {
    font-size: 18px;
    font-weight: 600;
}

.card-subtitle {
    color: #9c9c9c;
    display: block;
    font-size: 1rem;
    margin-top: .5rem;
}

.card-search {
    padding: 0 25px;
    position: relative;
}

.card-block {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 25px 20px 25px;
    position: relative;
}
/*.card-footer:not(.card-footer--highlight), .card-header + .card-block {
    padding-top: 0;
}*/
.card-tools {
    display: block;
    float: none;
    top: 15px;
    position: absolute;
    padding: 0;
    right: 20px;
}

    .card-tools a:not(.file-help) {
        float: left;
        margin-right: 5px;
    }


/*搜索*/
.search-card {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #FFF;
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,.075);
    font-size: 16px;
}

    .search-card i {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .search-card .search-form {
        width: 100%;
        padding-left: 40px;
        height: 40px;
        line-height: 40px;
    }
    .search-card .input-search{
        border:none;
    }
    .search-card .input-search:focus {
        border: none;
    } 
    .search-card .search-btn {
        position: absolute;
        right: -1px;
        top: -1px;
        bottom: -1px;
        border-radius: 2px;
        background: #1ab394;
        padding-top: 3px;
        width: 80px;
        text-align: center;
    }

        .search-card .search-btn .btn {
            width: 100%;
            height: 100%;
        }

.search-result h4 {
    margin-bottom: 0;
    color: #1E0FBE;
}

.search-result .search-link {
    color: #006621;
}

.search-result p {
    font-size: 12px;
    margin-top: 5px;
}
.search-result img {
   width:auto;
}
/*窗体css结束*/
/*分页css开始*/
/*#Pagination {
    width: 100%;margin:20px 0; height:40px;
}*/
.table_pagination {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    height: 40px;
}

    .table_pagination .new_pagination li, .table_pagination .pagination span, .table_pagination .pagination a {
        width: 30px;
        height: 30px;
        margin-right: 5px;
        display: inline-block;
        font-size: 12px;
    }

        .table_pagination .new_pagination li a, .table_pagination .pagination span, .table_pagination .pagination a {
            background-color: #efefef;
            border: 1px solid #efefef;
            display: inline-block;
            color: #8a8a8a;
            border-radius: 50%;
            cursor: pointer;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
        }

            .table_pagination .new_pagination li a:hover, .table_pagination .pagination span:hover, .table_pagination .pagination a:hover {
                background-color: #eee;
                border: 1px solid #2ebcfc;
            }

            .table_pagination .new_pagination li.active a, .table_pagination .pagination span.current {
                background-color: #2ebcfc;
                color: #FFF;
                cursor: default;
            }

            .table_pagination .new_pagination li a[disabled], .table_pagination .pagination span[rel="prev"], .table_pagination .pagination span[rel="next"] {
                opacity: .6;
                color: #000;
                background-color: #efefef;
            }

    .table_pagination .pagination {
    }
/*分页css结束*/


.loading {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    background: url("../images/oval.svg") no-repeat center center #3498DB;
    background-size: 32px 32px;
    width: 100%;
    height: 100%;
    z-index: 999;
    filter: alpha(opacity=60);
    -moz-opacity: 0.5;
    opacity: 0.5;
    /*min-height:600px;*/
}

/*Tabs*/
.nav, .navbar {
    flex-wrap: wrap
}
.nav-tabs .dropdown-menu, .nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.nav {
    display: flex;
    padding-left: 0;
    margin-bottom: 0
}

.nav-link {
    display: block;
    padding: 1rem 1.5rem
}

    .nav-link:focus, .nav-link:hover {
        text-decoration: none
    }

    .nav-link.disabled {
        color: #039be0
    }

.nav-tabs {
    border-bottom: 2px solid #f5f5f5
}

    .nav-tabs .nav-item {
        margin-bottom: -2px
    }

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
        border-color: #fff
    }

    .nav-tabs .nav-link.disabled {
        color: #999;
        background-color: transparent;
        border-color: transparent
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #039be0;
        background-color: transparent;
        border-color: #fff #fff #4eb7f5
    }

    .nav-tabs .dropdown-menu {
        margin-top: -2px
    }
.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}



.nav-link, .nav-tabs .nav-link {
    color: #039be0
}
    .nav-tabs .nav-link {
        border: 0;
        transition: color .3s;
        position: relative;
        font-size: 1.1rem
    }

        .nav-tabs .nav-link:before {
            content: "";
            height: 2px;
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            background-color: #4eb7f5;
            transform: scale(0);
            transition: all .3s
        }


.nav-tabs .nav-link.active:before {
    transform: scale(1)
}
.tab-content {
    padding: 1.5rem 0
}

.nav-link:not(.disabled):hover {
    color:#007bff
}

.nav-link.disabled {
    cursor: default
}
/*表单*/
.form-group {
    margin-bottom: 2rem
}
.form-control, .form-control-file, .form-control-range, .form-text {
    display: block
}
    .form-control, .form-control:disabled, .form-control:focus, .form-control[readonly] {
        background-color: transparent
    }
.form-control {
    width: 100%;
    padding: .6rem 2rem;
    font-size: 1rem;
    line-height: 1.25;
    /*color: rgba(255,255,255,.85);*/
    color:#333;
    background-image: none;
    background-clip: padding-box;
    /*border: 1px solid rgba(255,255,255,.2);*/
    border-bottom:1px solid #f1f1f1;
    border-radius: 0;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .form-control:focus {
        color: #333;
        /*border-color: rgba(255,255,255,.4);*/
        border-bottom:1px solid #2196F3;
        outline: 0;
        box-shadow: none;
    }

    .form-control::placeholder {
        color: #333;
        opacity: 1
    }

select.form-control:not([size]):not([multiple]) {
    height: calc(2.45rem + 2px);
}

select.form-control:focus::-ms-value {
    color: #333;
    background-color: transparent
}

.col-form-label {
    padding-top: calc(.6rem - 1px * 2);
    padding-bottom: calc(.6rem - 1px * 2);
    margin-bottom: 0
}

.col-form-label-lg {
    padding-top: calc(.5rem - 1px * 2);
    padding-bottom: calc(.5rem - 1px * 2);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem - 1px * 2);
    padding-bottom: calc(.25rem - 1px * 2);
    font-size: .875rem
}

.col-form-legend, .form-control-plaintext {
    padding-top: .6rem;
    padding-bottom: .6rem;
    margin-bottom: 0
}

.col-form-legend {
    font-size: 1rem
}

.form-control-plaintext {
    line-height: 1.25;
    border: solid transparent;
    border-width: 1px 0
}

.custom-file-input.is-valid ~ .custom-file-control, .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-file-input:valid ~ .custom-file-control, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    border-color: #28a745
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .form-control-plaintext.input-group-addon, .input-group-lg > .input-group-btn > .form-control-plaintext.btn, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .form-control-plaintext.input-group-addon, .input-group-sm > .input-group-btn > .form-control-plaintext.btn {
    padding-right: 0;
    padding-left: 0
}
/*.form-group .input-group {
    padding: .6rem 0;
}*/
.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    padding: .25rem .55rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0
}

.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px)
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0
}

.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.3125rem + 2px)
}

.form-group {
    margin-bottom: 2rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    margin-bottom: .5rem
}

    .form-check.disabled .form-check-label {
        color: rgba(255,255,255,.7)
    }

.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0
}

.form-check-input {
    position: absolute;
    margin-left: -1.25rem
}

    .form-check-input:only-child {
        position: static
    }

.form-check-inline {
    display: inline-block
}

    .form-check-inline .form-check-label {
        vertical-align: middle
    }

    .form-check-inline + .form-check-inline {
        margin-left: .75rem
    }
.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    width: 250px;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(220,53,69,.8);
    border-radius: .2rem
}

.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .custom-select.is-valid ~ .invalid-feedback, .custom-select.is-valid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .form-control.is-valid ~ .invalid-feedback, .form-control.is-valid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .custom-select:valid ~ .invalid-feedback, .was-validated .custom-select:valid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .was-validated .form-control:valid ~ .invalid-feedback, .was-validated .form-control:valid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-valid ~ .custom-control-description, .form-check-input.is-valid + .form-check-label, .was-validated .custom-control-input:valid ~ .custom-control-description, .was-validated .form-check-input:valid + .form-check-label {
    color: #28a745
}

.custom-control-input.is-valid ~ .custom-control-indicator, .was-validated .custom-control-input:valid ~ .custom-control-indicator {
    background-color: rgba(40,167,69,.25)
}

.custom-control-input.is-invalid ~ .custom-control-description, .form-check-input.is-invalid + .form-check-label, .was-validated .custom-control-input:invalid ~ .custom-control-description, .was-validated .form-check-input:invalid + .form-check-label {
    color: #dc3545
}

.custom-file-input.is-valid ~ .custom-file-control::before, .was-validated .custom-file-input:valid ~ .custom-file-control::before {
    border-color: inherit
}

.custom-file-input.is-invalid ~ .custom-file-control, .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-file-input:invalid ~ .custom-file-control, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #dc3545
}

.custom-control-input.is-invalid ~ .custom-control-indicator, .was-validated .custom-control-input:invalid ~ .custom-control-indicator {
    background-color: rgba(220,53,69,.25)
}

.custom-file-input.is-invalid ~ .custom-file-control::before, .was-validated .custom-file-input:invalid ~ .custom-file-control::before {
    border-color: inherit
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .form-inline .form-check {
        width: 100%
    }

.input-group .form-control {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

    .input-group .form-control:active, .input-group .form-control:focus, .input-group .form-control:hover, .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
        z-index: 3
    }

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: flex;
    align-items: center
}
.input-group-addon, .input-group-btn {
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: rgba(255,255,255,.85);
    text-align: center;
    background-color: transparent;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 0
}

.custom-control-input:active ~ .custom-control-indicator, .custom-control-input:checked ~ .custom-control-indicator {
    color: #fff;
    background-color: transparent
}

.input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: .25rem .55rem;
    font-size: .875rem;
    border-radius: 0
}

.input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0
}

.input-group-addon input[type=radio], .input-group-addon input[type=checkbox] {
    margin-top: 0
}

.input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:not(:last-child) {
    border-right: 0
}

.input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .input-group-btn:not(:last-child) > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-control + .input-group-addon:not(:first-child) {
    border-left: 0
}


.aside-toggled, .sidebar, .sidebar--hidden {
    overflow: hidden
}

.form-control:focus ~ .form-group__bar:before {
    width: 100%
}

.form-control:disabled, .form-control[readonly] {
    opacity: .6
}

.form-group {
    position: relative
}
.form-control {
    border-width: 0 0 1px;
    padding-left: 10px;
    padding-right: 10px;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-overflow-style: none
}

.aside-toggled, .sidebar, .sidebar--hidden {
    overflow: hidden
}

.form-control:focus ~ .form-group__bar:before {
    width: 100%
}

.form-control:disabled, .form-control[readonly] {
    opacity: .6
}

.form-group {
    position: relative
}

select::-ms-expand {
    display: none
}
.select{position:relative;}
.select:before {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 1;
    right: 1px;
    bottom: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #d1d1d1
}
/*select.form-control:after {
    position: absolute;
    right: 10px;
    color: #000;
    content: '\f0d7';
}*/
.form-group__bar {
    position: absolute;
    left: 0;
    /*bottom: 0;*/
    z-index: 1;
    width: 100%
}
    .form-group__bar::after, .form-group__bar::before {
        content: '';
        position: absolute;
        height: 2px;
        width: 0;
        bottom: 0;
        transition: all .2s;
        transition-timing-function: ease;
        background-color: #2196F3;
    }

    /*.form-group__bar::before {
        left: 50%;
    }*/
    .form-group__bar::after {
        right: 50%;
    }

/*   .form-group__bar:before {
        content: '';
        position: absolute;
        height: 1px;
        width: 0;
        bottom: 0;
        transition: all .4s;
        transition-timing-function: ease;
        background-color: #4eb7f5;
        left: 0
    }*/
.icon-toggle {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    line-height: 35px
}

    .icon-toggle .zmdi {
        z-index: 2;
        font-size: 1.5rem;
        color: rgba(255,255,255,.25);
        transition: color .3s
    }

    .icon-toggle input[type=checkbox] {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        cursor: pointer;
        opacity: 0
    }

        .icon-toggle input[type=checkbox]:checked ~ .zmdi {
            color: #fff
        }

    .icon-toggle:hover .zmdi {
        color: rgba(255,255,255,.5)
    }

.input-group .form-group {
    flex: 2;
    margin: 0
}

    .input-group .form-group .form-control {
        width: 100%
    }

    .input-group .form-group .form-group__bar, .input-group .form-group--float > label {
        z-index: 3
    }

.input-group-addon {
    padding: 0 1rem !important
}

    .input-group-addon + .form-group .form-control {
        padding-right: 1rem;
        padding-left: 1rem;
        border-left: 1px solid rgba(255,255,255,.2)
    }
.control-label{font-weight:600;color:#666;}
.form-group span {
    display: inline-block
}
/*验证*/
.help-block{color:red;}

/*icon 框*/
#IconsList {
    height:400px;
    overflow-y:auto;
}
#IconsList a {
    font-size:24px;margin:5px 10px;
}
#iconinfo {
    font-size: 36px;
}

.collect-filed-list{
    margin:0;padding:0;
}
.collect-filed-list li{
    padding: 3px 0;
}
.input-group {
    margin-bottom: 2rem;
}
/*标签*/
.quick-stats__item {
    padding: 1.5rem 1.5rem 1.45rem;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0,0,0,.08);
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    border:1px solid #f1f1f1;
}
    .quick-stats__item.bg {
        border: 1px solid #dc3545;
    }
    .quick-stats__item.bg1 {
        background: #dc3545;
        opacity:.5;
    }
    .quick-stats__item.bg-blue {
        background-color: #2196F3 !important;
        background-color: rgba(0,0,0,0.2);
    }

    .quick-stats__item.bg-amber {
        background-color: #ffc107 !important;
    }

    .quick-stats__item.bg-purple {
        background-color: #d559ea !important;
    }

    .quick-stats__item.bg-red {
        background-color: #ff5652 !important;
    }
    .quick-stats__item.bg-white {
        background-color: #fff !important;
    }
    .quick-stats__item::after {
        display: block;
        clear: both;
    }

.quick-stats__info {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    position: relative;
}

    .quick-stats__info > h2 {
        font-weight: 400;
        margin: 0 auto;
        font-size: 2rem;
        color: #fff;
        
    }
    .quick-stats__info > h4 {
        font-weight: 400;
        margin: 0 auto;
        font-size: 2rem;
        color: #fff;
    }

    .quick-stats__info > small {
        font-size: 1rem;
        display: block;
        color: #fff;
        margin-top: .6rem;
        text-align: left;
    }

    .quick-stats__info > h2, .quick-stats__info > small {
        line-height: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .quick-stats__info small.quick_right {
        text-align:right;
    }
.quick_btn {
    position: absolute;
    right: -5px;
    bottom: -10px;
}
.quick_btn a{ margin-right:2px;}




/*TimeLine*/
.datefg {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    height: 30px;
    background-color: transparent;
}

    .datefg .fgx {
        height: 1px;
        background: #f5f5f5;
        top: 15px;
        position: absolute;
        width: 100%;
    }

    .datefg span {
        text-align: center;
        background: #fff;
        position: absolute;
        top: 5px;
        left: 45%;
        width: 100px;
        font-size: 16px;
        font-weight: bold;
    }

.vertical-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

    .vertical-container::after {
        content: '';
        display: table;
        clear: both;
    }

#vertical-timeline {
    position: relative;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

    #vertical-timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 4px;
        background: #f1f1f1;
    }

.vertical-timeline-content .btn {
    float: right;
    margin-right: 10px;
}

#vertical-timeline.light-timeline:before {
    background: #e7eaec;
}

.dark-timeline .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
}

.dark-timeline.center-orientation .vertical-timeline-content:before {
    border-color: transparent transparent transparent #f5f5f5;
}

.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
}

.dark-timeline .vertical-timeline-content,
.dark-timeline.center-orientation .vertical-timeline-content {
    background: #f5f5f5;
}

@media only screen and (min-width: 1170px) {
    #vertical-timeline.center-orientation {
        margin-top: 3em;
        margin-bottom: 3em;
    }

        #vertical-timeline.center-orientation:before {
            left: 50%;
            margin-left: -2px;
        }
}

@media only screen and (max-width: 1170px) {
    .center-orientation.dark-timeline .vertical-timeline-content:before {
        border-color: transparent #f5f5f5 transparent transparent;
    }
}

.vertical-timeline-block {
    position: relative;
    margin: 2em 0;
}

    .vertical-timeline-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .vertical-timeline-block:first-child {
        margin-top: 0;
    }

    .vertical-timeline-block:last-child {
        margin-bottom: 0;
    }

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-block {
        margin: 4em 0;
    }

        .center-orientation .vertical-timeline-block:first-child {
            margin-top: 0;
        }

        .center-orientation .vertical-timeline-block:last-child {
            margin-bottom: 0;
        }
}

.vertical-timeline-date {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 16px;
    border: 3px solid #f1f1f1;
    text-align: center;
}

    .vertical-timeline-date span {
        display: block;
        width: 48px;
        height: 48px;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -24px;
        margin-top: -12px;
        font-weight: 600;
    }

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-date {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        font-size: 16px;
    }
}

.vertical-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
}

    .vertical-timeline-content:after {
        content: "";
        display: table;
        clear: both;
    }

    .vertical-timeline-content h2 {
        font-weight: 400;
        margin-top: 4px;
    }

    .vertical-timeline-content p {
        /*margin: 1em 0;*/
        line-height: 1.6;
    }

    .vertical-timeline-content div.growupinfo {
        /*margin: 1em 0;*/
        line-height: 1.6;
    }

    .vertical-timeline-content::before {
        content: '';
        position: absolute;
        top: 16px;
        right: 100%;
        height: 0;
        width: 0;
        border: 7px solid transparent;
        border-right: 7px solid white;
    }

@media only screen and (min-width: 768px) {
    .vertical-timeline-content h2 {
        font-size: 18px;
    }

    .vertical-timeline-content p {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

        .center-orientation .vertical-timeline-content::before {
            top: 24px;
            left: 100%;
            border-color: transparent;
            border-left-color: white;
        }
    /*.center-orientation .vertical-timeline-content .btn {
    float: left;
  }*/

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
        float: right;
    }

        .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
            top: 24px;
            left: auto;
            right: 100%;
            border-color: transparent;
            border-right-color: white;
        }
    /*.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
    float: right;
  }*/

    .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
        visibility: hidden;
    }
}
.navy-bg, .bg-success {
    background-color: #1ab394;
    color: #ffffff;
}

.blue-bg, .bg-primary {
    background-color: #1c84c6;
    color: #ffffff;
}

.lazur-bg, .bg-info {
    background-color: #23c6c8;
    color: #ffffff;
}

.yellow-bg, .bg-warning {
    background-color: #f8ac59;
    color: #ffffff;
}


/**工作日*/
.workdate .row div {
    padding: 2rem;
    font-size: 1.5rem;
}
    .workdate .row div span {
        text-align: center;width:100%;display:block;
    }
.workdate .table th, .workdate .table td {
    text-align: center;
    font-size: 1.5rem;
}
.workdate .table td {
    padding: 2rem;
}
.workdate .table td:hover {
    background:#f5f5f5;
}
.workdate .row div a,.workdate .table td a {
    display: block;
    width: 100%;
    height: 100%;
}
    .workdate .table td.red, .workdate .table td a.red {
        color: red
    }

    /**净值发送*/
.masMessage .prolist .fa-times-circle-o, .masMessage .prolist .fa-check-circle-o {
    font-size: 16px; margin-right:5px;
}
.masMessage .memberlist .fa {
    font-size: 18px;
    margin-right: 3px;
}

.table thead tr i{font-size:16px; color:#999;}

/**审批*/
.approval_person {
    width:60px;height:60px; line-height:60px;
    background-color: #f5f5f5;
    border-radius: 50%;
    text-align:center;
    vertical-align:middle;
}