@charset "UTF-8";
/*UI样式*/

.panel {
    position: relative;
    margin-bottom: 1.875rem;
    background-color: #fff;
    border: 0 solid transparent;
    border-radius: .286rem;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-content > .row {
    padding-left: 30px;
    padding-right: 30px
}

.panel-content > .row > [class*=col-] {
    padding-left: 30px;
    padding-right: 30px
}

.panel-heading {
    position: relative;
    padding: 0;
    border-bottom: 1px solid transparent;
    border-top-right-radius: .214rem;
    border-top-left-radius: .214rem
}

.panel-heading + .alert {
    border-radius: 0
}

.panel-heading > .nav-tabs {
    border-bottom: none
}

.panel-heading-tab {
    padding: 10px 30px 0;
    background-color: #62a8ea
}

.panel-heading-tab > .nav-tabs .nav-link {
    color: #fff
}

.panel-heading-tab > .nav-tabs .nav-link.hover, .panel-heading-tab > .nav-tabs .nav-link:hover {
    color: #76838f
}

.panel-heading-tab > .nav-tabs .nav-link.active, .panel-heading-tab > .nav-tabs .nav-link:active {
    color: #76838f;
    background-color: #fff
}

.panel-heading + .nav-tabs {
    margin-top: -.715rem
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-body {
    position: relative;
    padding: 30px 30px
}

.panel-body::after {
    content: "";
    display: table;
    clear: both
}

.panel-heading + .panel-body {
    padding-top: 0
}

.panel-body .h1:first-child, .panel-body .h2:first-child, .panel-body .h3:first-child, .panel-body .h4:first-child, .panel-body .h5:first-child, .panel-body .h6:first-child, .panel-body h1:first-child, .panel-body h2:first-child, .panel-body h3:first-child, .panel-body h4:first-child, .panel-body h5:first-child, .panel-body h6:first-child {
    margin-top: 0
}

.panel-body > :last-child {
    margin-bottom: 0
}

.panel-body > .list-group-dividered:only-child > .list-group-item:last-child {
    border-bottom-color: transparent
}

.panel-footer {
    padding: 0 30px 15px;
    border-top: 1px solid transparent;
    background-color: transparent;
    border-bottom-right-radius: .214rem;
    border-bottom-left-radius: .214rem
}

.table + .panel-footer {
    padding-top: 15px;
    border-color: #e4eaec
}

.panel-title {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 30px;
    font-size: 18px;
    color: #37474f
}

.panel-title > .icon {
    margin-right: 10px
}

.panel-title > .tag {
    margin-left: 10px
}

.panel-title .small, .panel-title small {
    color: #76838f
}

.panel-title > .small > a, .panel-title > a, .panel-title > small > a {
    color: inherit
}

.panel-desc {
    display: block;
    padding: 5px 0 0;
    margin: 0;
    font-size: 1rem;
    color: #76838f
}

.panel-actions {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
    z-index: 1
}

@media (max-width: 479px) {
    .panel-actions {
        right: 20px
    }
}

ul .panel-actions {
    list-style: none
}

ul .panel-actions > li {
    display: inline-block;
    margin-left: 8px
}

ul .panel-actions > li:first-child {
    margin-left: 0
}

.panel-actions a.dropdown-toggle {
    text-decoration: none
}

.panel-actions .dropdown {
    display: inline-block
}

.panel-actions .dropdown-toggle {
    display: inline-block
}

.panel-actions .panel-action {
    display: inline-block;
    padding: 8px 10px;
    color: #a3afb7;
    text-decoration: none;
    cursor: pointer;
    background-color: transparent
}

.panel-actions .panel-action:hover {
    color: #526069
}

.panel-actions .panel-action:active {
    color: #526069
}

.panel-actions .progress {
    width: 100px;
    margin: 0
}

.panel-actions .pagination {
    margin: 0
}

ul.panel-actions {
    list-style: none
}

ul.panel-actions > li {
    display: inline-block;
    margin-left: 8px
}

ul.panel-actions > li:first-child {
    margin-left: 0
}

.panel-toolbar {
    padding: 5px 15px;
    margin: 0;
    background-color: transparent;
    border-bottom: 1px solid #e4eaec;
    border-top: 1px solid #e4eaec
}

.panel-bordered .panel-toolbar {
    border-top-color: transparent
}

.panel-toolbar .btn {
    color: #a3afb7;
    padding: 5px 10px
}

.panel-toolbar .btn.icon {
    width: 1em;
    text-align: center
}

.panel-toolbar .btn.active, .panel-toolbar .btn:active, .panel-toolbar .btn:hover {
    color: #76838f
}

.panel-loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    display: none;
    width: 100%;
    height: 100%;
    border-radius: .286rem;
    opacity: .6
}

.panel-loading .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.panel > :not(.panel-loading):not(.collapsing) {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.panel.is-loading > :not(.panel-loading) {
    opacity: .3
}

.panel.is-loading .panel-loading {
    display: block;
    opacity: 1
}

.panel-footer-chart {
    padding: 0
}

.panel-control {
    padding: 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel-body.scrollable-vertical {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {
    padding-left: 30px;
    padding-right: 30px
}

@media (max-width: 479px) {
    .panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {
        padding-left: 20px;
        padding-right: 20px
    }
}

.panel-body.scrollable-vertical > .scrollable-bar {
    margin-top: 0;
    margin-bottom: 30px;
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    -webkit-transform: translateX(-26px);
    -ms-transform: translateX(-26px);
    -o-transform: translateX(-26px);
    transform: translateX(-26px)
}

.panel-bordered > .panel-body.scrollable-vertical > .scrollable-bar {
    margin-bottom: 30px;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px)
}

.panel-body.scrollable-horizontal {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {
    padding-top: 0;
    padding-bottom: 30px
}

.panel-bordered > .panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {
    padding-top: 30px;
    padding-bottom: 30px
}

.panel-body.scrollable-horizontal > .scrollable-bar {
    margin-left: 0;
    margin-right: 30px;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    -webkit-transform: translateY(-26px);
    -ms-transform: translateY(-26px);
    -o-transform: translateY(-26px);
    transform: translateY(-26px)
}

@media (max-width: 479px) {
    .panel-body.scrollable-horizontal > .scrollable-bar {
        margin-right: 20px;
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px)
    }
}

.panel-bordered > .panel-body.scrollable-horizontal > .scrollable-bar {
    -webkit-transform: translateY(-26px);
    -ms-transform: translateY(-26px);
    -o-transform: translateY(-26px);
    transform: translateY(-26px)
}

.panel-bordered > .panel-heading {
    border-bottom: 1px solid #e4eaec
}

.panel-bordered > .panel-heading > .panel-title {
    padding-bottom: 20px
}

.panel-bordered > .panel-footer {
    border-top: 1px solid #e4eaec;
    padding-top: 15px
}

.panel-bordered > .panel-body {
    padding-top: 30px
}

.panel-bordered > .table > tbody:first-child > tr:first-child td, .panel-bordered > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

.panel.is-dragging {
    opacity: .8
}

.panel.is-dragging {
    cursor: move
}

.panel > .nav-tabs-vertical .nav-tabs {
    margin-left: -1px
}

.panel > .nav-tabs-vertical .nav-tabs > li > a {
    border-left: none;
    border-radius: 0
}

.panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse {
    margin-right: -1px
}

.panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse > li > a {
    border-right: none;
    border-radius: 0
}

.panel:hover .panel-actions .show-on-hover {
    display: inline-block
}

.panel .panel-actions .show-on-hover {
    display: none
}

.panel.is-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    border-radius: 0
}

.panel.is-fullscreen .panel-loading {
    border-radius: 0
}

.panel.is-fullscreen .panel-actions [data-toggle=collapse] {
    display: none
}

.panel.is-close {
    display: none
}

.panel.is-collapse .panel-body {
    display: none;
    height: 0
}

.panel > .alert {
    padding-left: 30px;
    padding-right: 30px
}

.panel > .alert-dismissible {
    padding-right: 50px
}

@media (max-width: 479px) {
    .panel > .alert {
        padding-left: 20px;
        padding-right: 20px
    }

    .panel > .alert-dismissible {
        padding-right: 40px
    }
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
    padding-left: 30px 30px;
    padding-right: 30px 30px
}

.panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
    border-top-right-radius: .214rem;
    border-top-left-radius: .214rem
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
    border-top-left-radius: .214rem;
    border-top-right-radius: .214rem
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
    border-top-left-radius: .214rem
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
    border-top-right-radius: .214rem
}

.panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
    border-bottom-right-radius: .214rem;
    border-bottom-left-radius: .214rem
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: .214rem;
    border-bottom-right-radius: .214rem
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: .214rem
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: .214rem
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #e4eaec
}

.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0
}

.panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0
}

.panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
    border-bottom: 0
}

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0
}

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel > .table-responsive .table > tbody > tr > td:first-child, .panel > .table-responsive .table > tbody > tr > th:first-child, .panel > .table-responsive .table > tfoot > tr > td:first-child, .panel > .table-responsive .table > tfoot > tr > th:first-child, .panel > .table-responsive .table > thead > tr > td:first-child, .panel > .table-responsive .table > thead > tr > th:first-child, .panel > .table-responsive .table > tr > td:first-child, .panel > .table-responsive .table > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > td:first-child, .panel > .table > tfoot > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > thead > tr > th:first-child, .panel > .table > tr > td:first-child, .panel > .table > tr > th:first-child {
    padding-left: 30px
}

@media (max-width: 479px) {
    .panel > .table-responsive .table > tbody > tr > td:first-child, .panel > .table-responsive .table > tbody > tr > th:first-child, .panel > .table-responsive .table > tfoot > tr > td:first-child, .panel > .table-responsive .table > tfoot > tr > th:first-child, .panel > .table-responsive .table > thead > tr > td:first-child, .panel > .table-responsive .table > thead > tr > th:first-child, .panel > .table-responsive .table > tr > td:first-child, .panel > .table-responsive .table > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > td:first-child, .panel > .table > tfoot > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > thead > tr > th:first-child, .panel > .table > tr > td:first-child, .panel > .table > tr > th:first-child {
        padding-left: 20px
    }
}

.panel > .table-responsive .table > tbody > tr > td:last-child, .panel > .table-responsive .table > tbody > tr > th:last-child, .panel > .table-responsive .table > tfoot > tr > td:last-child, .panel > .table-responsive .table > tfoot > tr > th:last-child, .panel > .table-responsive .table > thead > tr > td:last-child, .panel > .table-responsive .table > thead > tr > th:last-child, .panel > .table-responsive .table > tr > td:last-child, .panel > .table-responsive .table > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > td:last-child, .panel > .table > tfoot > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > thead > tr > th:last-child, .panel > .table > tr > td:last-child, .panel > .table > tr > th:last-child {
    padding-right: 30px
}

@media (max-width: 479px) {
    .panel > .table-responsive .table > tbody > tr > td:last-child, .panel > .table-responsive .table > tbody > tr > th:last-child, .panel > .table-responsive .table > tfoot > tr > td:last-child, .panel > .table-responsive .table > tfoot > tr > th:last-child, .panel > .table-responsive .table > thead > tr > td:last-child, .panel > .table-responsive .table > thead > tr > th:last-child, .panel > .table-responsive .table > tr > td:last-child, .panel > .table-responsive .table > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > td:last-child, .panel > .table > tfoot > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > thead > tr > th:last-child, .panel > .table > tr > td:last-child, .panel > .table > tr > th:last-child {
        padding-right: 20px
    }
}

.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 1px solid #e4eaec
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item, .panel > .panel-body > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: .214rem;
    border-top-left-radius: .214rem
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: .214rem;
    border-bottom-left-radius: .214rem
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel > .list-group .list-group-item {
    padding-right: 30px;
    padding-left: 30px
}

@media (max-width: 479px) {
    .panel > .list-group .list-group-item {
        padding-left: 20px;
        padding-right: 20px
    }
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel.panel-transparent {
    background: 0 0;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel.panel-transparent > .panel-footer, .panel.panel-transparent > .panel-heading {
    border-color: transparent
}

.panel-default .panel-heading {
    color: #76838f;
    background-color: #e4eaec;
    border: none
}

.panel-default .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #e4eaec
}

.panel-default .panel-heading .tag-pill {
    color: #e4eaec;
    background-color: #76838f
}

.panel-default .panel-title {
    color: #76838f
}

.panel-default .panel-action {
    color: #76838f
}

.panel-default .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #e4eaec
}

.panel-default .panel-title {
    color: #37474f
}

.panel-primary .panel-heading {
    color: #fff;
    background-color: #62a8ea;
    border: none
}

.panel-primary .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #62a8ea
}

.panel-primary .panel-heading .tag-pill {
    color: #62a8ea;
    background-color: #fff
}

.panel-primary .panel-title {
    color: #fff
}

.panel-primary .panel-action {
    color: #fff
}

.panel-primary .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #62a8ea
}

.panel-success .panel-heading {
    color: #fff;
    background-color: #46be8a;
    border: none
}

.panel-success .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #3dae6a
}

.panel-success .panel-heading .tag-pill {
    color: #46be8a;
    background-color: #fff
}

.panel-success .panel-title {
    color: #fff
}

.panel-success .panel-action {
    color: #fff
}

.panel-success .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #3dae6a
}

.panel-info .panel-heading {
    color: #fff;
    background-color: #57c7d4;
    border: none
}

.panel-info .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #3bcdc4
}

.panel-info .panel-heading .tag-pill {
    color: #57c7d4;
    background-color: #fff
}

.panel-info .panel-title {
    color: #fff
}

.panel-info .panel-action {
    color: #fff
}

.panel-info .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #3bcdc4
}

.panel-warning .panel-heading {
    color: #fff;
    background-color: #f2a654;
    border: none
}

.panel-warning .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #f18246
}

.panel-warning .panel-heading .tag-pill {
    color: #f2a654;
    background-color: #fff
}

.panel-warning .panel-title {
    color: #fff
}

.panel-warning .panel-action {
    color: #fff
}

.panel-warning .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #f18246
}

.panel-danger .panel-heading {
    color: #fff;
    background-color: #f96868;
    border: none
}

.panel-danger .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #f85974
}

.panel-danger .panel-heading .tag-pill {
    color: #f96868;
    background-color: #fff
}

.panel-danger .panel-title {
    color: #fff
}

.panel-danger .panel-action {
    color: #fff
}

.panel-danger .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #f85974
}

.panel-dark .panel-heading {
    color: #fff;
    background-color: #526069;
    border: none
}

.panel-dark .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #526069
}

.panel-dark .panel-heading .tag-pill {
    color: #526069;
    background-color: #fff
}

.panel-dark .panel-title {
    color: #fff
}

.panel-dark .panel-action {
    color: #fff
}

.panel-dark .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #526069
}

.panel-line .panel-heading {
    background: 0 0;
    border: none;
    border-top: 3px solid transparent
}

.panel-line.panel-default .panel-heading {
    color: #e4eaec;
    border-top-color: #e4eaec;
    background: 0 0
}

.panel-line.panel-default .panel-title {
    color: #e4eaec
}

.panel-line.panel-default .panel-action {
    color: #e4eaec
}

.panel-line.panel-default .panel-title {
    color: #37474f
}

.panel-line.panel-default .panel-action {
    color: #a3afb7
}

.panel-line.panel-primary .panel-heading {
    color: #62a8ea;
    border-top-color: #62a8ea;
    background: 0 0
}

.panel-line.panel-primary .panel-title {
    color: #62a8ea
}

.panel-line.panel-primary .panel-action {
    color: #62a8ea
}

.panel-line.panel-success .panel-heading {
    color: #46be8a;
    border-top-color: #46be8a;
    background: 0 0
}

.panel-line.panel-success .panel-title {
    color: #46be8a
}

.panel-line.panel-success .panel-action {
    color: #46be8a
}

.panel-line.panel-info .panel-heading {
    color: #57c7d4;
    border-top-color: #57c7d4;
    background: 0 0
}

.panel-line.panel-info .panel-title {
    color: #57c7d4
}

.panel-line.panel-info .panel-action {
    color: #57c7d4
}

.panel-line.panel-warning .panel-heading {
    color: #f2a654;
    border-top-color: #f2a654;
    background: 0 0
}

.panel-line.panel-warning .panel-title {
    color: #f2a654
}

.panel-line.panel-warning .panel-action {
    color: #f2a654
}

.panel-line.panel-danger .panel-heading {
    color: #f96868;
    border-top-color: #f96868;
    background: 0 0
}

.panel-line.panel-danger .panel-title {
    color: #f96868
}

.panel-line.panel-danger .panel-action {
    color: #f96868
}

.panel-line.panel-dark .panel-heading {
    color: #526069;
    border-top-color: #526069;
    background: 0 0
}

.panel-line.panel-dark .panel-title {
    color: #526069
}

.panel-line.panel-dark .panel-action {
    color: #526069
}

@media (max-width: 767px) {
    .panel-actions {
        position: relative;
        top: auto;
        right: auto;
        display: block;
        margin: auto;
        padding: 0 30px 15px;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .panel-actions-keep {
        position: absolute;
        top: 50%;
        right: 30px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@media (max-width: 479px) {
    .panel-actions {
        padding-left: 20px
    }

    .panel-actions-keep {
        right: 15px
    }

    .panel-actions .progress {
        min-width: 80px
    }

    .panel-actions .show-on-hover {
        display: none
    }

    .panel-body, .panel-footer, .panel-title {
        padding-left: 20px;
        padding-right: 20px
    }
}

.panel-group {
    margin-bottom: 22px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: .286rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel-group .panel + .panel {
    margin-top: 10px
}

.panel-group .panel-title {
    position: relative;
    padding: 15px 30px;
    font-size: 1rem
}

.panel-group .panel-title:after, .panel-group .panel-title:before {
    position: absolute;
    top: 15px;
    right: 30px;
    font-family: "Web Icons";
    -webkit-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s
}

.panel-group .panel-title:before {
    content: ""
}

.panel-group .panel-title:after {
    content: ""
}

.panel-group .panel-title[aria-expanded=false]:before {
    opacity: .4
}

.panel-group .panel-title[aria-expanded=false]:after {
    opacity: 0;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.panel-group .panel-title[aria-expanded=true]:before {
    opacity: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.panel-group .panel-title[aria-expanded=true]:after {
    opacity: 1
}

.panel-group .panel-title:focus, .panel-group .panel-title:hover {
    color: #76838f;
    text-decoration: none
}

.panel-group .panel-title:focus {
    outline: 0
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse {
    margin: 0
}

.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #e4eaec
}

.panel-group .panel-collapse .panel-body {
    padding: 15px 30px
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #e4eaec
}

.panel-group-continuous .panel {
    border-radius: 0
}

.panel-group-continuous .panel:first-child {
    border-radius: .286rem .286rem 0 0
}

.panel-group-continuous .panel:last-child {
    border-radius: 0 0 .286rem .286rem
}

.panel-group-continuous .panel + .panel {
    margin-top: 0;
    border-top: 1px solid #e4eaec
}

.panel-group-simple .panel {
    background: 0 0
}

.panel-group-simple .panel-title {
    padding-left: 0;
    padding-bottom: 10px
}

.panel-group-simple .panel-title:after, .panel-group-simple .panel-title:before {
    right: 5px
}

.panel-group-simple .panel-collapse .panel-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px
}

.panel-group-simple .panel + .panel {
    margin-top: 0
}


/*自定义样式*/
html, body {
    height: 100%;
}

.app-sub-nav .nav-tabs {
    border-bottom: none;
}

.btn-cursor-pointer {
    cursor: pointer;
}

/*把脑残替换的恢复过来*/
.form-inline .form-group {
    margin-right: 20px;
}

@media (min-width: 480px) {
    .form-inline .form-group, .form-inline .form-control {
        display: inline-block;
        margin-bottom: 0;
        width: auto;
        vertical-align: middle;
    }
}

/*在帮脑残修复一下*/
table .form-inline .form-group {
    margin-right: 0px;
}

@media (min-width: 480px) {
    table .form-inline .form-group, table .form-inline .form-control {
        display: block;
        width: 100%;
    }
}

.modal-open .select2-container {
    z-index: auto !important;
}

/*CSS*/
@media (min-width: 767px) {
    .metadmin-fmbx dl .city-css .form-control {
        width: auto;
    }

    .metadmin-fmbx dl .city-css .form-control {
        width: auto;
    }

    .appmain #showmap {
        width: 60%;
    }
}

.launch_affix_save {
    position: fixed;
    bottom: 0px;
    z-index: 999999;
    height: 60px;
    margin-left: -15px;
    width: 100%;
    margin-bottom: 0;
}

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

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}


/*统计总页面*/
.page-profile .card-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-profile .card-footer {
    padding: 0px;
    border-radius: .215rem;
    background-color: #f6f9fd;
    border-top: none;
}

.page-profile .card-footer > div > div {
    padding: 10px 0px;
}

.page-profile .profile-stat-count {
    display: block;
    margin-bottom: 3px;
    color: #526069;
    font-size: 20px;
    font-weight: 300;
}

.page-profile .profile-stat-count + span {
    color: #a3afb7;
}

/*表格头部排序样式*/
.orderby-arrow.desc:before {
    content: '\2193';
    font-weight: bold;
    margin-left: 5px;
}

.orderby-arrow.asc:before {
    content: '\2191';
    font-weight: bold;
    margin-left: 5px;
}

.metadmin-main table td .loader-ellipsis {
    width: 0.45em;
    height: 0.45em;
    font-size: 15px;
}

.h-700 {
    height: 700px;
}

li.village-list-item > button.close {
    position: static !important;
    font-size: 1.2rem;
    outline: none;
}

.filterList, .villageList{
    overflow-y: auto;
}

.filterList li.village-list-item > button.close {
    margin-top: 10px;
}

li.village-list-item > button.close:hover {
    color: #f2353c;
}

li.village-list-item > h5 {
    font-weight: 600 !important;
    display: inline-block !important;
    margin-bottom: .5rem;
}

li.village-list-item > p {
    margin-bottom: 0 !important;
}

.villageList li.village-list-item > h5 {
    cursor: pointer
}

.btn-group-toggle-menu {
    left: -49px !important;
    padding: 5px;
    min-width: 120px;
}

.btn-group-toggle-menu a, .btn-group-toggle-menu button {
    display: inherit;
    border-radius: 0;
}