/* 基础 */
.color-success {
    color: #1E87F0 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #222;
}

h1, h2, h3, h4 {
    font-weight: 500 !important;
}

h5, h6 {
    font-weight: 400 !important;
}

h4 {
    font-size: 16px !important;
}

/*避免字体图标样式冲突*/
[class*="layui-icon"] {
    font-family: "layui-icon" !important;
}

/* 加载条 */
.loading-overlay {
    background: rgba(255,255,255,0.4);
}

/* 标签 */
.badge-success {
    background-color: #56BB2B;
}

.badge-warning {
    background-color: #FAA059;
}

.label {
    background: none;
}

    .label[href] i,
    .label[href]:hover,
    .label[href]:focus,
    .label-default,
    .label-success,
    .label-warning {
        background-color: unset;
        font-weight: 400 !important;
    }

.label-default {
    color: #8CA0B3 !important;
}

.label-success {
    color: #058206 !important;
}

.label-warning,
.label-warning:hover,
.label-warning:focus {
    color: #FAA059 !important;
}

.label-error,
.label-error:hover,
.label-error:focus {
    color: #ff2424 !important;
}

/* 按钮 */
.btn,
.modal-footer .btn {
    height: 34px;
    line-height: 32px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0 20px;
    font-size: 14px;
    box-shadow: none;
    opacity: 1;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.btn-xs {
    height: unset;
    padding: 1px 5px;
    line-height: 1.5;
    border-radius: 3px;
    font-size: 12px;
}

.btn-sm {
    height: 34px !important;
    padding: 0 20px;
    line-height: 32px !important;
    font-size: 14px;
}

.btn-lg {
    min-width: 200px;
    height: 34px;
    padding: 0 20px;
    line-height: 32px;
    border-radius: 3px;
    font-size: 12px;
}

.btn.btn-success {
    color: #fff;
    background-color: #1E87F0;
    border-color: transparent;
}

    .btn.btn-success:hover,
    .open > .dropdown-toggle.btn-success:hover {
        color: #fff;
        background-color: #007BFF;
        border-color: transparent;
    }

    .btn.btn-success:active,
    .btn.btn-success.active,
    .btn.btn-success:focus,
    .open .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #0E76D3 !important;
        border-color: transparent !important;
    }

    .btn.btn-success.disabled,
    .btn.btn-success[disabled] {
        color: rgba(112,112,112, .8) !important;
        background-color: rgba(140,160,179,.12) !important;
        border-color: transparent !important;
    }

.btn.btn-error {
    color: #fff;
    background-color: #FF3910;
    border-color: transparent;
    opacity: .8;
}

    .btn.btn-error:hover {
        color: #fff;
        background-color: #FF3910;
        border-color: transparent;
        opacity: .9;
    }

    .btn.btn-error:active,
    .btn.btn-error.active,
    .btn.btn-error:focus {
        color: #fff;
        background-color: #FF3910;
        border-color: transparent;
        opacity: 1;
    }

    .btn.btn-error.disabled,
    .btn.btn-error[disabled] {
        color: rgba(112,112,112, .8);
        background-color: rgba(255,57,16,.12);
        border-color: transparent;
    }

.btn.btn-default {
    color: #1E87F0;
    background-color: #fff;
    border-color: #1E87F0;
}

    .btn.btn-default:hover {
        color: #1E87F0;
        background-color: #eee;
        border-color: #0E76D3;
    }

    .btn.btn-default:active,
    .btn.btn-default.active,
    .btn.btn-default:focus {
        color: #1E87F0;
        background-color: #eee;
        border-color: #1E87F0;
    }

    .btn.btn-default.disabled,
    .btn.btn-default[disabled] {
        color: rgba(112,112,112, .8);
        background-color: rgba(140,160,179,.12);
        border-color: rgba(140,160,179,.12);
    }

.btn.btn-text {
    min-width: unset;
    height: unset;
    line-height: unset;
    padding: 0;
    color: #469CFF;
    background: none;
    box-shadow: none;
    margin: 0;
}

    .btn.btn-text:hover {
        color: #1E87F0;
        box-shadow: none;
    }

    .btn.btn-text:active,
    .btn.btn-text.active,
    .btn.btn-text:focus {
        color: #0E76D3;
        box-shadow: none;
    }

    .btn.btn-text.disabled,
    .btn.btn-text[disabled] {
        color: rgba(112,112,112, .8);
    }

/* 表单 */
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select[multiple],
textarea,
.chosen-container-multi .chosen-choices {
    border-color: #8ca0b3 !important;
    color: #000A12 !important;
    box-shadow: none !important;
    border-radius: 4px !important;
}

.div-input {
    background: #fff;
    border: 1px solid #8ca0b3;
    border-radius: 4px;
    line-height: 1.5;
    min-height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    color: #000A12;
}

    .div-input.readonly {
        background: #eee;
    }

.chosen-text .chosen-container {
    line-height: 1 !important;
}

.chosen-text .chosen-choices {
    display: inline-block !important;
    border: none !important;
    padding-left: 0 !important;
    background: none !important;
}

.chosen-text .chosen-container-multi .chosen-choices {
    padding-left: 0 !important;
}

    .chosen-text .chosen-container-multi .chosen-choices li.search-choice {
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
        background: none !important;
        padding: 0 !important;
        font-size: 14px !important;
    }

.chosen-text .chosen-choices li.search-choice:not(:first-child)::before {
    content: ', ';
}

.chosen-text .search-choice-close,
.chosen-text .search-field {
    display: none !important;
}

.chosen-container-active .chosen-choices {
    /*border-color: #4879e4 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0px #4879e4;*/
}

.form-control:hover,
.chosen-container-multi .chosen-choices:hover {
    /*border-color: #D2D2D2;*/
}

.layui-form-select .layui-input {
    color: #000A12 !important;
}

.uneditable-input:hover,
input[type=color]:hover,
input[type=date]:hover,
input[type=datetime-local]:hover,
input[type=datetime]:hover,
input[type=email]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=week]:hover,
select[multiple]:hover,
textarea.form-control:hover,
.form-control:hover,
.chosen-container-multi .chosen-choices:hover {
    border-color: rgb(210, 210, 210);
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(72, 121, 228) 0px 0px 0px;
}

.uneditable-input:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select[multiple]:focus,
textarea.form-control:focus {
    border-color: #1E87F0 !important;
    box-shadow: 0px 5px 11px rgba(30,135,240,0.1) !important;
}

div .layui-input,
div .layui-select,
div .layui-textarea {
    height: 34px;
}

input.input-sm {
    height: 34px;
    line-height: 34px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    padding: 0 32px 0 10px !important;
}

input[readonly="readonly"] {
    color: #666;
    background: rgba(140,160,179,0.1);
    border: 1px solid #8ca0b3;
}

.form-required {
    position: relative;
}

    .form-required::after {
        content: "*";
        position: absolute;
        color: #EE6565;
        margin-left: 1px;
    }

.input-validation-error {
    border-color: #E94A5B;
}

.field-validation-error {
    line-height: 24px;
    color: #FF3910 !important;
    font-size: 12px !important;
}

    .field-validation-error::before {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        background: url("./../../icon/error-msg.png") center center no-repeat;
        background-size: 100%;
        vertical-align: text-top;
        margin-right: 6px;
    }

.form-group div.col-xs-5 {
    padding: 0 15px !important;
}

.form-group label {
    padding: 7px 0 0 !important;
    color: #666;
    font-size: 14px;
    font-weight: 400;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}

input::-moz-placeholder,
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-moz-placeholder,
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}

/* 选择框 */
.layui-form-select .layui-select-title .layui-input:focus {
    border-color: rgba(140,160,179,0.1) !important;
    background-color: rgba(140,160,179,0.1);
    /*border-color: #1E87F0 !important;
    box-shadow: 0px 5px 11px rgba(30,135,240,0.1) !important;*/
}

.layui-form-select dl,
.dropdown-menu {
    border: 1px solid rgba(107, 175, 255, 0.3) !important;
    border-radius: 0 0 4px 4px !important;
    box-shadow: rgba(182, 210, 238, 0.6) 0px 3px 12px !important;
}

    .layui-form-select dl dd.layui-this,
    .layui-form-select dl dd:hover,
    .dropdown-menu li a:hover {
        background: rgba(107,175,255, 0.1) !important;
        color: #1E87F0 !important;
    }

    .layui-form-select dl dd,
    .layui-form-select dl dt {
        color: #000A12 !important;
    }

.layui-form-select .layui-edge {
    border-width: 3px !important;
    border-top-color: #8ca0b3 !important;
}

/* 复选框 */
div.layui-form-checkbox[lay-skin=primary] {
    line-height: 18px !important;
}

.form-group .layui-form-checkbox {
    margin-top: 9px;
}

.layui-form-checkbox[lay-skin=primary] i {
    width: 13px !important;
    height: 13px !important;
    line-height: 13px !important;
    border: 1px solid #8ca0b3 !important;
    font-size: 10px;
}

.layui-form-checkbox.layui-form-checked[lay-skin=primary] i {
    border-color: #1E87F0 !important;
    background-color: #1E87F0;
}

.layui-form-checkbox[lay-skin=primary] span {
    line-height: 13px;
}

/* 单选框 */
.layui-form-radio {
    line-height: 30px;
    margin-right: 15px;
}

    .layui-form-radio > i {
        font-size: 13px !important;
        color: #8ca0b3 !important;
    }

    .layui-form-radio.layui-form-radioed > i {
        color: #1E87F0 !important;
    }



   .layui-form-checkbox {
        position: relative !important;
        height: 15px !important;
        width: 15px !important;
        line-height: 15px !important;
        margin-right: 10px !important;
        padding-right: 0 !important;
        cursor: pointer !important;
        font-size: 0 !important;
        -webkit-transition: .1s linear !important;
        transition: .1s linear !important;
        box-sizing: border-box !important;
    }

       .layui-form-checkbox i {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        width: 15px !important;
        height: 15px !important;
        border: 1px solid #d2d2d2 !important;
        border-radius: 0 2px 2px 0 !important;
        font-size: 14px !important;
        text-align: center !important;
        border-radius: 3px !important;
    }

   .layui-form-checked i, .layui-form-checked:hover i {
    color: #fff !important;
    background: #4481e1 !important;
}

/* 时间框 */
.icon_time_t11px::after,
.icon_time_t23px::after,
.icon_time_t11px:after,
.icon_time_t23px:after {
    right: 25px;
    top: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin: auto 0;
    background-size: 100%;
}

.layui-laydate {
    border: 1px solid rgba(107, 175, 255, 0.3) !important;
    border-radius: 0 0 4px 4px !important;
    box-shadow: rgba(182, 210, 238, 0.6) 0px 3px 12px !important;
}

.layui-laydate-content td,
.layui-laydate-content th {
    width: 24px;
    height: 24px;
}

.layui-laydate .laydate-main-list-0 .layui-this {
    background: #6BAFFF !important;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.layui-laydate .laydate-main-list-1 .layui-this {
    background: #6BAFFF !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.layui-laydate-content td.laydate-selected {
    background-color: #EBF3FE !important;
}

.layui-laydate-content td:hover,
.layui-laydate-list li:hover {
    background: rgba(107,175,255, 0.1) !important;
    color: #1E87F0 !important;
}

.laydate-footer-btns span {
    border: 1px solid #8ca0b3 !important;
}

    .laydate-footer-btns span:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .laydate-footer-btns span:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.layui-laydate-footer span:hover {
    color: #6BAFFF !important;
}

/*上传*/
.upload-list-wrapper {
    min-height: 10px;
}

    .upload-list-wrapper .upload-item {
        border: 1px solid #8ca0b3;
        padding: 10px;
        margin-bottom: 6px;
        border-radius: 4px;
        word-break: break-all;
        color: #000A12;
        font-size: 12px;
    }

div .uploadBox {
    display: inline-block;
    width: 88px;
    background: #fff;
    text-align: center;
    height: 88px;
    line-height: 88px;
    cursor: pointer;
    border: 1px dashed #8ca0b3;
    font-size: 14px;
    color: #8ca0b3;
    vertical-align: middle;
    border-radius: 4px;
    overflow: hidden;
}

div.attac-upload {
    clear: none;
}


/* 自动完成框 */
.ui-autocomplete {
    line-height: 1.6;
    padding: 4px !important;
}

    .ui-autocomplete .ui-menu-item-wrapper {
        text-decoration: none;
    }

        .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
            border-color: transparent;
            background: #1E87F0;
        }

    .ui-autocomplete .address {
        margin-left: 4px;
        color: #ccc;
        font-size: 13px;
    }

    .ui-autocomplete .highlight {
        color: #ff0000;
    }

/* 多选框 */
.chosen-drop {
    border: 1px solid rgba(107, 175, 255, 0.3) !important;
    border-radius: 0 0 4px 4px !important;
    box-shadow: rgba(182, 210, 238, 0.6) 0px 3px 12px !important;
}

.chosen-container-multi .chosen-choices {
    padding-left: 5px !important;
}

    .chosen-container-multi .chosen-choices li.search-choice {
        padding: 5px 20px 5px 5px !important;
        background: #fff !important;
        border: 1px solid #8ca0b3 !important;
    }

.chosen-container .chosen-results li.active-result:hover {
    background: rgba(107,175,255, 0.1) !important;
    color: #1E87F0 !important;
}

/* 表格 */
.dataTable {
    color: unset;
}

.table thead > tr {
    background: none;
}

.table tr th {
    background: rgba(140,160,179,.1);
    font-size: 14px !important;
}

.table > tbody > tr {
    border: none;
}

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 15px 8px;
    }

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th {
        color: #000A12;
        font-size: 10px;
        font-weight: 400;
    }

#ajaxDiv table,
.ajaxDiv table {
    box-sizing: border-box;
    margin-bottom: 18px;
}

    #ajaxDiv table th,
    #ajaxDiv table td,
    .ajaxDiv table th,
    .ajaxDiv table td {
        vertical-align: middle;
        border: 1px solid #8ca0b3 !important;
    }

    #ajaxDiv table > tbody > tr:hover,
    .ajaxDiv table > tbody > tr:hover {
        background-color: rgba(255,255,255,.4);
    }

    #ajaxDiv table > tbody > tr > td,
    .ajaxDiv table > tbody > tr > td {
        color: #666;
    }

        #ajaxDiv table > tbody > tr > td .btn,
        .ajaxDiv table > tbody > tr > td .btn {
            background: none !important;
            color: #1E87F0;
            font-size: 14px;
        }

.table-bordered > tbody > tr > td {
    border: none !important;
}

.table.query {
    width: 100%;
}

    .table.query > tbody > tr > td {
        border: none !important;
    }

        .table > tbody > tr > td.name,
        .table.query > tbody > tr > td.name {
            text-align: right;
            width: 8%;
            padding: 0px;
            color: #000A12;
            border: none !important;
        }

        .table > tbody > tr > td.value,
        .table.query > tbody > tr > td.value {
            /*表单宽度 前提去掉内联样式 */
            width: 17%;
            padding: 7px 15px;
            vertical-align: middle;
        }

            .table > tbody > tr > td.value .btn,
            .table.query > tbody > tr > td.value .btn {
                margin-left: 8px;
            }

.textTitle {
    border: none;
    margin: 0;
    padding: 0;
    background: none;
    color: #1E87F0;
    text-decoration: underline;
    /*font-weight: bold;*/
    cursor: pointer;
}

    .textTitle:hover {
        color: #1E87F0;
    }
/*用车复核页面的样式修改*/
.table {
    border: none;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background: none;
}

/* 分页 */
.pagination {
    margin-top: 0;
}

    .pagination > li > a,
    .pagination > li > span {
        /*color: rgba(34,34,34,0.4);*/
        /*border: 1px solid rgba(140,160,179,0.5);*/
    }

        .pagination > li > span,
        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            color: #1E87F0;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        background-color: #1E87F0;
        border-color: #1E87F0;
    }

    .pagination .layui-laypage span:last-child {
        background-color: transparent;
    }

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #1E87F0 !important;
    border-radius: 0;
}

.layui-laypage a,
.layui-laypage span {
    margin: 0 3px;
    padding: 0 13px;
    border-radius: 3px;
}

.layui-laypage input:focus,
.layui-laypage select:focus {
    border-color: #1E87F0 !important;
}

.layui-laypage .layui-laypage-prev,
.layui-laypage .layui-laypage-next {
    padding: 0 8px;
}

.layui-laypage a:hover {
    color: #1E87F0;
}

/* 更多选择框 */
.moreBox {
    border: 1px solid rgba(107, 175, 255, 0.3) !important;
    border-radius: 0px 0px 4px 4px !important;
    box-shadow: rgba(182, 210, 238, 0.6) 0px 3px 12px !important;
}

    .moreBox a {
        display: block;
        width: 100%;
        height: 25px;
        line-height: 25px;
        color: #000A12 !important;
        font-size: 13px !important;
    }

    .moreBox .btn:hover {
        background: rgba(107,175,255, 0.1) !important;
        color: #1E87F0 !important;
    }

.dropdown-menu a span {
    line-height: unset;
    font-size: 13px;
}

/*模态框*/
.modal-dialog {
    width: 400px;
}

.modal-content {
    height: 100% !important;
    border-radius: 4px;
    border: none !important;
    overflow-x: hidden;
    overflow-y: auto !important;
}

.modal .modal-header {
    border: none;
    padding: 11px;
}

    .modal .modal-header .close {
        font-weight: 400;
        font-size: 18px;
    }

.modal .modal-body {
    padding: 0 15px;
}

.modal .modal-header h4 {
    text-align: center;
}

.modal .modal-header .close {
    display: none;
}

.modal-body .enquire-content .enquire-text {
    text-align: center;
    margin: 0;
}

.modal .modal-body {
    padding: 0 15px;
    margin-bottom: 30px;
}

    .modal .modal-body h4 {
        margin: 0 0 24px;
        text-align: center;
    }

    .modal .modal-body .icon.warning-icon {
        display: none;
    }

.modal label {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    padding: 7px 0 0 !important;
}

.modal .modal-footer {
    text-align: center;
    padding: 0 15px 30px;
    border: none;
}

    .modal .modal-footer .btn ~ .btn {
        margin-left: 16px;
    }

.modal-footer .btn,
.popup_visible .custom-popup .btn {
    min-width: 140px !important;
}

#simpleModal .modal-dialog {
    width: 500px;
}

#simpleModal .modal-body {
    padding-left: 0;
    padding-right: 0;
}


/*提示框*/
div.layui-layer-shade {
    background: none !important;
    opacity: 1;
}

.layui-layer-iframe,
div.layui-layer-dialog {
    font: 400 14px/1.4 Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif !important;
    width: 400px !important;
    border-radius: 4px !important;
    overflow: hidden;
    box-shadow: 0px 5px 14px rgba(0,0,0,.5) !important;
}

div.layui-layer-title {
    height: auto !important;
    line-height: 1.4 !important;
    padding: 22px 15px 24px !important;
    color: #222 !important;
    font-size: 16px !important;
    border: none !important;
    background: none !important;
    text-align: center !important;
}

span.layui-layer-setwin {
    top: 12px !important;
    right: 12px !important;
}

    span.layui-layer-setwin .layui-layer-close1 {
        width: 12px !important;
        height: 12px !important;
        color: #999 !important;
        opacity: .5 !important;
    }

soan.layui-layer-setwin .layui-layer-close1:hover {
    opacity: .7 !important;
}

div.layui-layer-dialog .layui-layer-content {
    padding: 0 30px 30px !important;
    color: #666 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-align: center !important;
}

    div.layui-layer-dialog .layui-layer-content .layui-layer-ico {
        display: none;
    }

div.layui-layer-btn {
    border-top: none !important;
    padding: 0 15px 30px !important;
    text-align: center !important;
}

    div.layui-layer-btn a,
    div.layui-layer-btn .layui-layer-btn0,
    div.layui-layer-btn .layui-layer-btn1 {
        text-shadow: none !important;
        padding: 0 !important;
        width: 140px !important;
        height: 35px !important;
        line-height: 33px !important;
        border-radius: 4px !important;
        font-size: 14px !important;
        text-align: center !important;
    }

    div.layui-layer-btn a,
    div.layui-layer-btn .layui-layer-btn0 {
        color: #fff !important;
        background: #1E87F0 !important;
        border-color: #1E87F0 !important;
    }

    div.layui-layer-btn .layui-layer-btn1 {
        color: #1E87F0 !important;
        background: #fff !important;
        border: 1px solid #1E87F0 !important;
    }

div.layui-layer-resize {
    display: none !important;
}
/* msg */
div.layui-layer-msg {
    width: auto !important;
}

    div.layui-layer-msg .layui-layer-content {
        padding: 6px 15px !important;
    }

.gritter-item-wrapper {
    width: 380px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border-radius: 4px;
    max-height: none;
}

.gritter-top {
    height: unset;
    padding: 11px;
}

.gritter-item-wrapper .gritter-item {
    color: #000A12;
    padding: 0 20px 30px;
}

.gritter-item-wrapper .gritter-title {
    font-weight: 500;
    font-size: 16px;
    color: #222;
    margin-bottom: 24px;
    padding: 0;
    text-align: center;
}

.gritter-item p {
    font-size: 14px;
    text-align: center;
}

.gritter-item-wrapper .gritter-bottom {
    display: none;
}

.gritter-item-wrapper .gritter-close {
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
}

    .gritter-item-wrapper .gritter-close:before {
        content: "\00D7";
        font-size: 20px;
        font-weight: bold;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
    }

    .gritter-item-wrapper .gritter-close:hover {
        color: #222 !important;
    }

.gritter-item-wrapper.gritter-error,
.gritter-item-wrapper.gritter-warning,
.gritter-item-wrapper.gritter-success {
    background: #fff;
}

.gritter-item-wrapper .gritter-without-image {
    /*width: 210px;
    float: right;
    position: relative;*/
}

.gritter-item-wrapper .gritter-item .btn {
    min-width: 140px !important;
    margin-left: -30px;
    margin-top: -10px;
}


/*图标*/
.icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -1px;
}

/*图片放大框*/
.layui-layer-page .layui-layer-content img {
    /*height: auto !important;*/
}

.tooltip .tooltip-arrow {
    border-top-color: rgba(0,0,0,.8) !important;
}

.tooltip .tooltip-inner {
    background-color: rgba(0,0,0,.8) !important;
}

/* 图表 */
.chart-wrap {
    position: relative;
    box-sizing: border-box;
    max-width: 1200px;
    height: auto;
    margin: 15px auto 25px;
    padding: 0 15px;
}

.chart-header {
    margin-bottom: 10px;
}

.chart-wrap .chart-title {
    font-size: 15px;
    color: #222;
    line-height: 1.8;
}

.chart-wrap .chart-tips {
    width: 50%;
    float: left;
    font-size: 15px;
    line-height: 34px;
}

.chart-wrap .chart-btn {
    width: 50%;
    float: right;
    font-size: 0;
    text-align: right;
}

    .chart-wrap .chart-btn > div {
        font-size: 14px;
        text-align: left;
    }

    .chart-wrap .chart-btn .btn {
        background: none;
        border-radius: 0;
        color: #1E87F0;
        cursor: pointer;
        height: 30px;
        line-height: 30px;
        margin-left: -1px;
        padding: 0 10px;
        font-size: 12px;
        border-color: #469CFF;
    }

        .chart-wrap .chart-btn .btn.chart-active {
            background: #1E87F0;
            color: #fff;
            border-color: #1E87F0;
        }

.chart-wrap .chart-container {
    min-height: 300px;
    border: 1px solid rgba(140,160,179,1);
    box-shadow: 0px 3px 20px rgba(107,175,255,0.21);
    padding: 15px;
    margin: 0;
}

.chart-container {
    /*overflow: hidden;*/
}

    .chart-container > div {
        margin: 0 auto !important;
    }

/* 重置 */
/*@font-face {
  font-family: 'Noto Sans SC';
  src: url('../../fonts/NotoSansSC.ttf');
}*/
@font-face {
    font-family: 'layui-icon';
    src: url('../../fonts/iconfont.ttf');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../../fonts/fontawesome-webfont.ttf');
}

body {
    font: 400 14px/1.4 Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif !important;
    color: #333;
    background: unset;
}

a,
*:focus,
.btn:focus,
.btn:active:focus {
    outline: none;
}

a {
    color: #1E87F0;
}

    a:hover,
    a:focus {
        color: #4879e4;
    }

.row {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer {
    margin: 0;
    background: none;
}

.one-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[v-cloak] {
    display: none;
}

/* 头部 */
#top-nav .nav-notification > li.open .dropdown-menu {
    border: 1px solid rgba(107, 175, 255, 0.3) !important;
    border-radius: 0 0 4px 4px !important;
    box-shadow: rgba(182, 210, 238, 0.6) 0px 3px 12px !important;
}

.dropdown-menu.notification li a:focus,
.dropdown-menu.notification li a:hover,
#top-nav .nav-notification > li.profile .dropdown-menu li a:hover {
    background: rgba(107,175,255, 0.1) !important;
    color: #1E87F0 !important;
}

/* 侧边栏 */
#top-nav.skin-1 {
    padding: 0 35px;
    border-bottom: 4px solid #1E87F0;
}

#site-tab-content {
    background: #f4f4f4;
}

    #site-tab-content > .tab-pane.active > .iframetab {
        border-radius: 6px;
    }
    /* 内容 */
    #site-tab-content:before {
        content: '';
        display: inline-block;
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(./../../../Content/special_img2/custom-bg.jpg) 0 0 no-repeat;
        background-size: cover;
        z-index: 0;
    }

    #site-tab-content > div {
        position: relative;
        z-index: 1;
    }

#page-content > .padding-md {
    /*加上padding  则出现了滚动条*/
    /*margin-top:10px;*/
    padding: 30px 0 10px !important;
    /*overflow:hidden;*/
}

    #page-content > .padding-md > .main-header {
        border-bottom: none;
        box-shadow: none;
    }

.main-header .row .col-xs-12 {
    padding: 0;
}

.orderNo,
.operating {
    color: #4879e4;
    font-size: 14px;
    margin: 0 10px;
    text-decoration: underline;
}

.tab-bar > li.active a {
    background: transparent;
}

/* 回到顶部 */
#scroll-to-top {
    background: rgba(30,135,240,.5);
}

    #scroll-to-top:focus,
    #scroll-to-top:hover {
        background: #1E87F0;
    }

/* 页面功能块 */
.section-wrapper {
    margin: 10px 0 30px;
    padding: 0 15px;
}

    .section-wrapper .section-header {
        margin-bottom: 10px;
        color: #1E87F0;
    }

    .section-wrapper .header-title {
        color: #1E87F0 !important;
        font-size: 18px;
        padding-left: 10px;
        font-weight: 500 !important;
        border-left: 6px solid #1E87F0;
        text-align: left;
        line-height: 21px;
    }

    .section-wrapper .header-right {
        font-size: 13px;
        text-align: right;
        font-weight: 400;
        color: #1E87F0;
    }

        .section-wrapper .header-right .btn {
            margin: 0;
        }

    .section-wrapper .section-content {
        background: rgba(255,255,255,0.4);
        /*padding: 15px 0;*/
        box-shadow: 0px 3px 16px rgba(52,58,65,0.16);
        border-radius: 4px;
        margin-bottom: 15px;
        color: #666;
    }

        .section-wrapper .section-content.nav-list {
            font-size: 0;
            padding: 35px 15px;
            box-shadow: none;
            background: none;
        }

        .section-wrapper .section-content .nav-item {
            display: inline-block;
            width: 16%;
            margin: 10px 2%;
            font-size: 16px;
            line-height: 2;
            text-align: center;
            color: #222;
            text-decoration: none !important;
            transition: all 100ms;
        }

            .section-wrapper .section-content .nav-item:hover {
                transform: scale(1.2);
            }

    .section-wrapper .nav-item > img {
        width: 60%;
        display: block;
        margin: 0 auto;
    }

    .section-wrapper .nav-item .clear-icon {
        position: absolute;
        right: -1px;
        top: -1px;
        width: 26%;
        background: #fff;
        border-radius: 50%;
        cursor: pointer;
    }

    .section-wrapper .section-content .section-title {
        overflow: hidden;
        cursor: pointer;
    }

    .section-wrapper .section-content > .collapse {
        border-top: 1px solid #CECECE;
    }

    .section-wrapper .section-content .section-title-item {
        line-height: 36px;
        height: 36px;
    }

    .section-wrapper .section-body {
        padding: 30px 30px;
        color: rgba(0,10,18,1);
    }

        .section-wrapper .section-body label {
            /*display: block;
    padding: 0;*/
            text-align: right;
            color: #999;
            font-weight: 400;
            font-size: 14px;
        }

        .section-wrapper .section-body .row > div {
            margin-bottom: 6px;
        }

    .section-wrapper table th,
    .section-wrapper table td {
        text-align: center;
    }

.page-title {
    margin: 10px 0;
}

    .page-title h3 {
        color: #1E87F0;
        font-size: 16px;
        padding-left: 10px;
        font-weight: 500;
        border-left: 6px solid #1E87F0;
        text-align: left;
        line-height: 21px;
    }

/* 数据面板*/
.panel-box-wrapper {
    display: inline-block;
    min-width: 230px;
    padding: 20px 0;
    color: #fff;
    border-radius: 4px;
    margin: 0 10px 15px 0;
    text-align: left;
}

    .panel-box-wrapper.lg {
        min-width: 300px;
    }
    .panel-box-wrapper.mg {
        min-width: 250px;
    }
    .panel-box-wrapper img {
        width: 40px;
        margin: 0 20px;
    }

    .panel-box-wrapper.lg img {
        margin: 0 44px;
    }

    .panel-box-wrapper .panel-box-body {
        display: inline-block;
        vertical-align: middle;
    }

    .panel-box-wrapper .panel-box-title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 4px;
    }

.form-colon::after {
    content: ":";
    position: absolute;
    color: rgb(238, 101, 101);
    margin-left: 1px;
}