*, :before, :after {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

a {
    color: inherit;
    text-decoration: none
}

address, h1, h2, h3, h4, h5, h6, abbr, acronym, b, cite, code, del, dfn, em, i, ins, kbd, q, s, samp, strong, u, var {
    font: inherit
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

button, input, select, textarea {
    color: inherit;
    font: inherit
}

textarea {
    resize: none
}

body, html {
    height: 100%
}

html {
    color: #333;
    background: #fff;
    font-family: "Microsoft YaHei";
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img, iframe {
    border: 0
}

img {
    max-width: 100%
}

iframe {
    width: 100%
}

input {
    -moz-appearance: none;
    -webkit-appearance: none
}

label {
    display: inline-block
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

:focus {
    outline: 0
}

input::-webkit-inner-spin-button {
    visibility: hidden;
    display: none
}

input::-webkit-datetime-edit, input::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

.gg-clear {
    zoom: 1
}

    .gg-clear:after {
        display: block;
        clear: both;
        content: '';
        height: 0;
        visibility: hidden
    }

.gg-hide, .gg-hidden {
    display: none
}

.gg-left {
    float: left
}

.gg-right {
    float: right
}

.gg-bold {
    font-weight: bold
}

.gg-fs-lg {
    font-size: larger
}

.gg-fs-lgr {
    font-size: large
}

.gg-fs-sm {
    font-size: small
}

.gg-fs-smr {
    font-size: smaller
}

.gg-l {
    text-align: left
}

.gg-c {
    text-align: center
}

.gg-r {
    text-align: right
}

.gg-t {
    vertical-align: top
}

.gg-m {
    vertical-align: middle
}

.gg-b {
    vertical-align: bottom
}

.gg-w-auto {
    width: auto
}

.gg-w-1 {
    width: 1%
}

.gg-w-5 {
    width: 5%
}

.gg-w-10 {
    width: 10%
}

.gg-w-15 {
    width: 15%
}

.gg-w-20 {
    width: 20%
}

.gg-w-25 {
    width: 25%
}

.gg-w-30 {
    width: 30%
}

.gg-w-33 {
    width: 33.33%
}

.gg-w-35 {
    width: 35%
}

.gg-w-40 {
    width: 40%
}

.gg-w-45 {
    width: 45%
}

.gg-w-50 {
    width: 50%
}

.gg-w-55 {
    width: 55%
}

.gg-w-60 {
    width: 60%
}

.gg-w-65 {
    width: 65%
}

.gg-w-66 {
    width: 66.67%
}

.gg-w-70 {
    width: 70%
}

.gg-w-75 {
    width: 75%
}

.gg-w-80 {
    width: 80%
}

.gg-w-85 {
    width: 85%
}

.gg-w-90 {
    width: 90%
}

.gg-w-95 {
    width: 95%
}

.gg-w-100 {
    width: 100%
}

.disabled, :disabled {
    cursor: not-allowed !important
}

    :disabled:not(.btn):not(.icon[type='radio']):not(.icon[type='checkbox']) {
        color: gray !important;
        background: #eee !important
    }

@font-face {
    font-family: 'zyhfont';
    src: url('/Styles/fonts/zyhfont.eot?rf7e7n');
    src: url('/Styles/fonts/zyhfont.eot?rf7e7n#iefix') format('embedded-opentype'),url('/Styles/fonts/zyhfont.ttf?rf7e7n') format('truetype'),url('/Styles/fonts/zyhfont.woff?rf7e7n') format('woff'),url('/Styles/fonts/zyhfont.svg?rf7e7n#icomoon') format('svg');
    font-weight: normal;
    font-style: normal
}

.icon {
    display: inline-block;
    line-height: 1;
    font-family: 'zyhfont' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .icon[data-icon]:before {
        content: attr(data-icon)
    }

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: .25em solid;
    border-bottom: 0;
    border-left: .25em dashed transparent;
    border-right: .25em dashed transparent
}

.caret-up {
    border-top: 0;
    border-bottom: .25em solid
}

.caret-left, .caret-right {
    border-top: .25em dashed transparent;
    border-bottom: .25em dashed transparent
}

.caret-left {
    border-left: 0;
    border-right: .25em solid
}

.caret-right {
    border-left: .25em solid;
    border-right: 0
}

.icon.close {
    z-index: 10;
    position: absolute;
    right: -.5em;
    top: -.5em;
    color: unset;
    background: #fff;
    border-radius: 100%;
    cursor: pointer
}

    .icon.close:before {
        content: ''
    }

    .icon.close:hover {
        opacity: .6
    }

.icon[type='radio'], .icon[type='checkbox'] {
    width: 1em;
    height: 1em
}

    .icon[type='radio']:before, .icon[type='checkbox']:before {
        color: gray;
        background: #fff
    }

    .icon[type='radio']:checked:before, .icon[type='checkbox']:checked:before {
        color: #5cb85c
    }

    .icon[type='radio']:before {
        content: ''
    }

    .icon[type='radio']:checked:before {
        content: ''
    }

    .icon[type='checkbox']:before {
        content: ''
    }

    .icon[type='checkbox']:checked:before {
        content: ''
    }

.switch {
    display: inline-block;
    width: 3em;
    padding: 3px;
    line-height: 1;
    border: 1px solid #bbb;
    border-radius: 25%/50%;
    background: #fff;
    cursor: pointer
}

    .switch > .icon[type='checkbox'] {
        position: relative;
        left: 0;
        -webkit-transition: .5s;
        transition: .5s
    }

        .switch > .icon[type='checkbox']:checked {
            left: 100%;
            margin-left: -1em
        }

            .switch > .icon[type='checkbox']:before, .switch > .icon[type='checkbox']:checked:before {
                content: ''
            }

    .icon.disabled[type='radio']:before, .icon.disabled[type='radio']:checked:before, .icon[type='radio']:disabled:before, .icon[type='radio']:disabled:checked:before, .icon.disabled[type='checkbox']:before, .icon.disabled[type='checkbox']:checked:before, .icon[type='checkbox']:disabled:before, .icon[type='checkbox']:disabled:checked:before, .switch.disabled > .icon[type='checkbox']:before, .switch.disabled > .icon[type='checkbox']:checked:before {
        color: #bbb
    }

.btn {
    display: inline-block;
    padding: 0 1em;
    color: unset;
    text-align: center;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: .5em;
    background: unset;
    cursor: pointer
}

    .btn:hover {
        opacity: .6
    }

    .btn.activate {
        color: #337ab7;
        box-shadow: none
    }

    .btn.disabled, .btn:disabled {
        color: gray;
        background: unset
    }

        .btn.disabled:hover, .btn:disabled:hover {
            opacity: 1
        }

.btn-default {
    color: unset;
    border-color: #bbb;
    background: #fff
}

    .btn-default.activate {
        color: unset;
        box-shadow: inset 0 0 5px rgba(0,0,0,.2)
    }

    .btn-default.disabled, .btn-default:disabled {
        color: gray;
        background: #eee
    }

.btn-primary {
    color: #fff;
    border-color: transparent;
    background: #337ab7
}

    .btn-primary.activate {
        color: #fff;
        box-shadow: inset 0 0 5px
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: gray;
        background: #eee
    }

.btn-info {
    color: #fff;
    border-color: transparent;
    background: #5bc0de
}

    .btn-info.activate {
        color: #fff;
        box-shadow: inset 0 0 5px
    }

    .btn-info.disabled, .btn-info:disabled {
        color: gray;
        background: #eee
    }

.btn-success {
    color: #fff;
    border-color: transparent;
    background: #5cb85c
}

    .btn-success.activate {
        color: #fff;
        box-shadow: inset 0 0 5px
    }

    .btn-success.disabled, .btn-success:disabled {
        color: gray;
        background: #eee
    }

.btn-warn {
    color: #fff;
    border-color: transparent;
    background: #f0ad4e
}

    .btn-warn.activate {
        color: #fff;
        box-shadow: inset 0 0 5px
    }

    .btn-warn.disabled, .btn-warn:disabled {
        color: gray;
        background: #eee
    }

.btn-danger {
    color: #fff;
    border-color: transparent;
    background: #d9534f
}

    .btn-danger.activate {
        color: #fff;
        box-shadow: inset 0 0 5px
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: gray;
        background: #eee
    }

.btn-condense {
    padding: 0 .5em
}

.btn-group > .input-inline, .btn-group > .btn, .btn-group > .dropdown {
    float: left
}

.btn-group:not(.btn-group-separate) > :not(:first-child) {
    margin-left: -1px
}

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

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

.btn-group:not(.btn-group-separate) > :not(:first-child):not(:last-child), .btn-group:not(.btn-group-separate) > :not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group.btn-group-separate > :not(:first-child) {
    margin-left: .5em
}

.btn-group-vertical > .input-inline, .btn-group-vertical > .btn, .btn-group-vertical > .dropdown {
    display: block;
    width: 100%
}

.btn-group-vertical:not(.btn-group-separate) > :not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical:not(.btn-group-separate) > :first-child:not(:last-child), .btn-group-vertical:not(.btn-group-separate) > :first-child:not(:last-child) > .btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group-vertical:not(.btn-group-separate) > :last-child:not(:first-child), .btn-group-vertical:not(.btn-group-separate) > :last-child:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-vertical:not(.btn-group-separate) > :not(:first-child):not(:last-child), .btn-group-vertical:not(.btn-group-separate) > :not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical.btn-group-separate > :not(:first-child) {
    margin-top: .5em
}

.btn-group-condense > .btn, .btn-group-condense > .dropdown > .btn {
    padding: 0 .5em
}

.form-verify, .form-verify-arrow {
    position: absolute
}

.form-verify {
    display: none;
    z-index: 999;
    padding: 0 .5em;
    color: #fff;
    white-space: nowrap;
    border-radius: .5em;
    background: #d9534f
}

.form-verify-arrow {
    left: .5em;
    bottom: -.3em;
    width: 0;
    height: 0;
    border-color: #d9534f transparent transparent;
    border-width: .5em .5em 0;
    border-style: solid dashed dashed
}

.input, .radio, .checkbox {
    display: block;
    width: 100%
}

.input-inline, .radio-inline, .checkbox-inline {
    display: inline-block
}

.input, .input-inline {
    padding-left: .5em;
    border: 1px solid #bbb;
    border-radius: .5em;
    background: #fff
}

    .input:focus, .input-inline:focus {
        box-shadow: 0 0 5px rgba(0,0,0,.3)
    }

.radio, .radio-inline, .checkbox, .checkbox-inline {
    border: 1px solid transparent
}

.dropdown {
    position: relative
}

    .dropdown > :first-child {
        display: block;
        width: 100%
    }

    .dropdown:not(.disabled):hover > :first-child:not(.disabled):not(:disabled) + .dropdown-menu {
        display: block
    }

.dropdown-menu {
    display: none;
    z-index: 1;
    position: absolute;
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
    min-width: 100%;
    color: unset;
    white-space: nowrap;
    border: 1px solid #bbb;
    border-radius: .5em;
    background: #fff
}

.dropdown-menu-top-left, .dropdown-menu-top-right {
    top: auto;
    bottom: 100%
}

.dropdown-menu-bottom-left, .dropdown-menu-bottom-right {
    top: 100%;
    bottom: auto
}

.dropdown-menu-top-left, .dropdown-menu-bottom-left {
    left: 0;
    right: auto
}

.dropdown-menu-top-right, .dropdown-menu-bottom-right {
    left: auto;
    right: 0
}

.dropdown-menu-left-top, .dropdown-menu-left-bottom {
    left: auto;
    right: 100%
}

.dropdown-menu-right-top, .dropdown-menu-right-bottom {
    left: 100%;
    right: auto
}

.dropdown-menu-left-top, .dropdown-menu-right-top {
    top: 0;
    bottom: auto
}

.dropdown-menu-left-bottom, .dropdown-menu-right-bottom {
    top: auto;
    bottom: 0
}

.dropdown-menu > li, .dropdown-menu > .dropdown-menu-item {
    display: block;
    padding: 0 1em;
    cursor: pointer
}

    .dropdown-menu > li:hover, .dropdown-menu > .dropdown-menu-item:hover {
        color: unset;
        background: rgba(238,238,238,.5)
    }

    .dropdown-menu > li:only-child, .dropdown-menu > .dropdown-menu-item:only-child {
        border-radius: inherit
    }

    .dropdown-menu > li:first-child:not(:last-child), .dropdown-menu > .dropdown-menu-item:first-child:not(:last-child) {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .dropdown-menu > li:last-child:not(:first-child), .dropdown-menu > .dropdown-menu-item:last-child:not(:first-child) {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit
    }

.form {
    padding: .5em;
    background: unset
}

.form-header {
    border-bottom: 1px solid #eee;
    font-weight: bold
}

@media(max-width:768px) {
    .form-header {
        margin-bottom: 1em
    }

    .form-footer {
        margin-top: 1em
    }

    .form-group, .form-col {
        display: block
    }

    .form-group {
        margin-top: .5em
    }
}

@media(min-width:769px) {
    .form-header {
        margin-bottom: .5em
    }

    .form-footer {
        margin-top: .5em
    }

    .form-group {
        display: table-row
    }

    .form-col {
        display: table-cell;
        padding: .5em
    }

        .form-col:nth-child(1) {
            text-align: right
        }

        .form-col:nth-child(2) {
            width: 100%
        }

        .form-col:not(:nth-child(2)) {
            vertical-align: top;
            white-space: nowrap
        }
}

.table {
    width: 100%
}

    .table th {
        text-align: left
    }

    .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
        padding: .5em;
        border-top: 1px solid #bbb
    }

    .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
        border-top: 0
    }

.table-condense > thead > tr > th, .table-condense > thead > tr > td, .table-condense > tbody > tr > th, .table-condense > tbody > tr > td, .table-condense > tfoot > tr > th, .table-condense > tfoot > tr > td {
    padding: .25em
}

.table-border {
    border: 1px solid #bbb
}

    .table-border > thead > tr > th, .table-border > thead > tr > td, .table-border > tbody > tr > th, .table-border > tbody > tr > td, .table-border > tfoot > tr > th, .table-border > tfoot > tr > td {
        border: 1px solid #bbb
    }

.table-noborder {
    border: none
}

    .table-noborder > thead > tr > th, .table-noborder > thead > tr > td, .table-noborder > tbody > tr > th, .table-noborder > tbody > tr > td, .table-noborder > tfoot > tr > th, .table-noborder > tfoot > tr > td {
        border: none
    }

.table-hover > tbody > tr:hover {
    background: rgba(238,238,238,.4)
}

.table-responsive {
    overflow-x: auto
}

    .table-responsive > .table {
        white-space: nowrap
    }

.absolute-center {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.mask, .popup {
    z-index: 100001;
    display: none;
    position: fixed
}

.mask {
    background: rgba(51,51,51,.4)
}

.popup {
    max-width: 95%;
    max-height: 95%;
    background: #fff
}

@media(max-width:768px) {
    .popup {
        width: 95%
    }
}

@media(min-width:769px) {
    .popup {
        width: 60%
    }
}

.popup-auto {
    width: auto
}

.popup, .popup-wrap {
    border-radius: .5em
}

.popup-wrap {
    z-index: 1;
    position: relative;
    height: 100%;
    overflow: auto
}

.popup-loading {
    padding: 0 1em;
    color: #fff;
    white-space: nowrap;
    background: rgba(51,51,51,.4);
    cursor: wait
}

.popup-sys-error {
    width: 95%;
    height: 95%
}

.popup-effect {
    display: block !important;
    opacity: 0;
    -webkit-transition: -webkit-transform .5s,opacity .5s;
    transition: transform .5s,opacity .5s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.popup-effect-show {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.alert {
    padding: 1em
}

.alert-info {
    background: rgba(91,192,222,.4)
}

.alert-success {
    background: rgba(92,184,92,.4)
}

.alert-warn {
    background: rgba(240,173,78,.4)
}

.alert-danger {
    background: rgba(217,83,79,.4)
}