/* 只声明变量，不设置具体值 */
:root {
    --layui-primary-color: #2561ef;
}

/* 覆盖原本的绿色---------------------- */

.layui-btn {
    background-color: var(--layui-primary-color);
}
.layui-btn-normal {
    background-color: #1E9FFF
}

.layui-btn-warm {
    background-color: #FFB800
}

.layui-btn-danger {
    background-color: #FF5722
}
.layui-btn-primary {
    border: 1px solid #C9C9C9;
    background-color: #fff;
    color: #555;
}

.layui-btn:hover {
    opacity: 0.8;
}

.layui-input:focus, .layui-textarea:focus {
    border-color: var(--layui-primary-color) !important;
    box-shadow: 0 0 0 2px rgba(51, 131, 218, 0.2);
}


/* logo */
.layui-layout-admin .layui-logo {
    color: #fff;
}

.layui-elem-quote {
    border-left: 5px solid var(--layui-primary-color);
}

.layui-btn-primary:hover {
    border-color: var(--layui-primary-color);
}

.layui-btn-group .layui-btn-primary:hover {
    color: var(--layui-primary-color)
}

.layui-laypage a:hover {
    color: var(--layui-primary-color)
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: var(--layui-primary-color)
}

.layui-laypage input:focus,.layui-laypage select:focus {
    border-color: var(--layui-primary-color)!important
}

.layui-upload-drag .layui-icon {
    color: var(--layui-primary-color)
}

.layui-upload-drag[lay-over] {
    border-color: var(--layui-primary-color)
}

.layui-nav-tree .layui-nav-bar {
    background-color: var(--layui-primary-color)
}

.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover {
    background-color: var(--layui-primary-color);
}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: var(--layui-primary-color)
}

.layui-slider-input-btn i:hover {
    color: var(--layui-primary-color)
}


.layui-progress-bar {
    background-color: var(--layui-primary-color);
}

.layui-btn-checked {
    background-color: var(--layui-primary-color)
}

.layui-form-select dl dd.layui-this {
    background-color: var(--layui-primary-color);
}

.layui-form-checked,.layui-form-checked:hover {
    border-color: var(--layui-primary-color)
}

.layui-form-checked span,.layui-form-checked:hover span {
    background-color: var(--layui-primary-color)
}

.layui-form-checked i,.layui-form-checked:hover i {
    color: var(--layui-primary-color)
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: var(--layui-primary-color);
}

.layui-form-checked[lay-skin=primary] i {
    border-color: var(--layui-primary-color)!important;
    background-color: var(--layui-primary-color);
}

.layui-form-onswitch {
    border-color: var(--layui-primary-color);
    background-color: var(--layui-primary-color)
}

.layui-form-radio>i:hover,.layui-form-radioed>i {
    color: var(--layui-primary-color)
}

.layui-table-edit:focus {
    border-color: var(--layui-primary-color)!important
}

.layui-transfer-active .layui-btn {
    background-color: var(--layui-primary-color);
    border-color: var(--layui-primary-color);
}

.layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after {
    background-color: var(--layui-primary-color);
}

.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this {
    background-color: var(--layui-primary-color);
}

.layui-breadcrumb a:hover {
    color: var(--layui-primary-color)!important
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom: 2px solid var(--layui-primary-color)
}

.layui-tab-card>.layui-tab-more .layui-this {
    color: var(--layui-primary-color)
}

.layui-timeline-axis {
    color: var(--layui-primary-color);
}

.layui-laydate td.layui-this {
    background-color: var(--layui-primary-color) !important;
}

xm-select .xm-body .xm-option .xm-option-icon {
    border-color: var(--layui-primary-color) !important;
}
xm-select .xm-body .xm-option.selected  .xm-option-icon {
    color: var(--layui-primary-color) !important;
}
xm-select .xm-label .xm-label-block {
    background: var(--layui-primary-color) !important;
}

xm-select:hover, xm-select:focus {
    border-color: var(--layui-primary-color) !important;
}

.layui-icon.table-preview-phone {
    cursor: pointer;
}

.layui-icon.table-preview-phone:hover {
    color: var(--layui-primary-color);
}

.layui-layer-molv .layui-layer-title {
    background-color: var(--layui-primary-color) !important;
}

.layui-layer-molv .layui-layer-btn a {
    background-color: var(--layui-primary-color) !important;
    border-color: var(--layui-primary-color) !important;
}

.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
    background-color: #fff !important;
    border-color: #ccc !important;
}

/* 其他样式 */
.table_div.table-page-title {
    line-height: 20px;
    margin-bottom: 30px;
    border-left: 4px solid var(--layui-primary-color);
    padding-left: 6px;
    font-size: 14px;
    color: #222;
    font-weight: 600;
}