body {
    font-size: 12px;
    font-family: "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

* {
    padding: 0;
    margin: 0;
}

ul {
    list-style: none;
}

/* 修改组件样式start */
.breadcrumb {
    margin-bottom: 0;
}

.alert {
    padding: 8px 15px;
}

.pagination {
    margin: 10px 0;
}

/* 修改组件样式end */

/* 页面整体布局分3块  Footer Container Header*/
.Footer {
    text-align: center;
    padding: 15px 0;
}

.breadcrumb {
    font-size: 18px;
    background-color: #f5f5f5;
    /* background-color:red; */
    margin-bottom: 20px;
}

.Container {
    width: 1450px;
    margin: 0 auto;
}

.Container-content {
    padding: 10px 15px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px #ddd;
}

.Container-left,
.Container-right {
    float: left;
}

.Container-left {
    width: 280px;
    margin-right: 15px;
}

.Container-right {
    width: calc(100% - 295px);
}

.Header {
}

/* <-- 全区共用样式 start  --> */
.g-paging {
    text-align: right;
}

.g-btn-back {
    position: relative;
    display: block;
    border-radius: 4px;
    margin-bottom: 50px;
    text-align: center;
    padding: 10px 16px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    background: #2a71ac;
}

.g-divider {
    margin: 10px 0;
    height: 1px;
    width: 100%;
    background: #ddd;
}

.g-full-width {
    width: 100%;
}

.g-bgColor-grey {
    background-color: #d9d9d9;
}

.g-bgColor-blue {
    background-color: #8cb1d0;
}

.g-bgColor-deepBlue {
    background-color: #2a71ac;
}

.g-bgColor-deepRed {
    background-color: red;
}

.g-bgColor-yellow {
    background-color: #d0813e;
}

.g-bgColor-red {
    background-color: #c65a5a;
}

.g-bgColor-khaki {
    background-color: #f9dfaf;
}

.g-fontColor-blue {
    color: #8bb7d0;
}

.g-fontColor-black {
    color: #000000;
}

.g-fontColor-yellow {
    color: #d0813e;
}

.g-fontColor-crimson {
    color: #cc2442;
}

.g-fontColor-red {
    color: red;
}

.g-fontColor-white {
    color: white;
}

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

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

.g-main-title {
    font-size: 24px;
    margin: 30px 0 40px;
}

.g-sub-title {
    font-size: 22px;
    margin: 10px;
}

.g-third-title {
    font-size: 18px;
    margin: 10px;
    margin-left: 30px;
}

.g-fourth-title {
    font-size: 14px;
    margin: 10px;
}

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

.g-font-bolder {
    font-weight: bold;
}

.g-margin-bootm {
    margin-bottom: 16px;
}

table th {
    text-align: center;
}

table {
    font-size: 14px;
}

table th,
table td {
    padding: 3px 8px;
    vertical-align: middle !important;
}

table > thead > tr > th {
    background-color: rgb(217, 225, 242);
}

.g-full-tips {
    color: #007bff;
    font-size: 14px;
}

.g-full-tips ul {
    margin: 10px 10px 5px 0;

}

.g-full-tips ul li {
    margin-right: 10px;
}

.g-table-action {
    text-align: center;
    user-select: none;
    font-size: 16px;
}

.g-table-action .fa {
    cursor: pointer;
    margin-left: 4px;
    color: #007bff;
}

.g-table-action .fa.fa-trash-o {
    color: #cc2442;
}

.g-table-action .fa:last-child {
    margin-right: 0;
}

.g-table-action .fa:hover {
    text-decoration: underline;
    opacity: 0.65;
}

.g-btn-wrap .btn {
    margin-right: 5px;
}

.g-btn-wrap .btn:last-child {
    margin-right: 0;
}

/* <-- 全区共用样式  end --> */

/* <-- navMenu  start --> */
.nav-menu {
    position: relative;
    width: 100%;
    /* padding-top: 20px; */
}

.nav-menu-top {
    position: relative;
    width: 102%;
    height: 3px;
    margin-left: -1%;
    margin-bottom: 10px;
    background-color: #cdcecf;
    border-bottom: 1px solid #a9abad;
}

/* .nav-menu-top::after {
    position: absolute;
    background: #dadada;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    transform: scale(1, 2);
    z-index: -1;
} */
.nav-menu-item {
    position: relative;
    width: 100%;
    /* color: #fff; */
    font-size: 18px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
    border: 2px solid #fff;
    cursor: pointer;
}

.nav-menu-item.g-bgColor-deepBlue {
    color: #fff;
}

.nav-menu-item::after {
    position: absolute;
    background: #dadada;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    transform: scale(1.04, 1.3);
    z-index: -1;
}

.nav-menu-item > * {
    vertical-align: middle;
}

.nav-menu-item-content {
    display: inline-block;

}

.nav-menu-item-icon {
    display: inline-block;
    width: 15px;
    font-size: 26px;
    margin-right: 5px;
}

/* <-- navMenu  end --> */

/* 检索区域 start*/
.g-search {
}

.g-search .g-search-input-wrap {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    align-items: center;
}

.g-search .g-search-input-item {
    /* float: left; */
    width: 25%;
    /* flex: auto; */
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
}

.g-search-input-item.g-search-input-large {
    width: 50%;
}

.g-search-input-item .g-search-input-label,
.g-search-input-item .g-search-input-content {
    display: inline-block;
    font-size: 12px;

}

label.g-search-input-label {
    font-weight: normal;
}

.g-search-input-item .g-search-input-label {
    width: 105px;
    text-align: right;
}

.g-search-input-item .g-search-input-content {
    width: calc(100% - 115px);
    padding-left: 12px;
}

.g-search-btnBox {
    text-align: right;
    margin-bottom: 5px;
}

.search-date {
    padding-left: 50px;
}

.search-date .form-group {
}

.red_border {
    border-radius: 3px;
    border: 1px solid red;
}

.small_select {
    width: 350px
}

/* 检索区域 end*/

/* Radio and checkbox
 * Note: Does not work in IE11
 ========================================================================== */
/*
 * 1. Style
 * 2. Make box more robust so it clips the child element
 * 3. Vertical alignment
 * 4. Remove default style
 * 5. Fix black background on iOS
 * 6. Center icons
 */
.uk-radio,
.uk-checkbox {
    /* 1 */
    display: inline-block;
    height: 16px;
    width: 16px;
    /* 2 */
    overflow: hidden;
    /* 3 */
    margin-top: -4px;
    vertical-align: middle;
    /* 4 */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* 5 */
    background-color: transparent;
    /* 6 */
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #cccccc;
    transition: 0.2s ease-in-out;
    transition-property: background-color, border;
}

.uk-radio {
    border-radius: 50%;
}

/* Focus */
.uk-radio:focus,
.uk-checkbox:focus {
    background-color: rgba(0, 0, 0, 0);
    outline: none;
    border-color: #1e87f0;
}

/*
 * Checked
 */
.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
    background-color: #1e87f0;
    border-color: transparent;
}

/* Focus */
.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
    background-color: #0e6dcd;
}

/*
 * Icons
 */
.uk-radio:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-checkbox:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-checkbox:indeterminate {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

/*
 * Disabled
 */
.uk-radio:disabled,
.uk-checkbox:disabled {
    background-color: #f8f8f8;
    border-color: #e5e5e5;
}

.uk-radio:disabled:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-checkbox:disabled:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-checkbox:disabled:indeterminate {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.category_radio {
    border: 1px solid #888888;
}