/* 滚动条的轨道（里面装有Thumb）*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 6px;
}

/* 滚动条整体部分 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}

/*  滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条） */
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(144, 147, 153, .3);
}

/* 询问弹窗样式复写 */
.layui-layer.layui-layer-dialog {
    min-width: 360px;
    border-radius: 4px;
}

.layui-layer.layui-layer-page {
    min-width: 180px;
    border-radius: 4px;
}

.layui-layer .layui-layer-title {
    border-bottom: none;
    background-color: #fff;
    font-size: 18px;
    line-height: 1;
    padding: 15px 15px 10px;
    border-radius: 4px;
}

.layui-layer .layui-layer-ico {
    font-size: 12px;
    background-image: none;
    color: #909399;
    width: 14px;
}

.layui-layer .layui-layer-ico:hover {
    color: #409eff;
    text-decoration: none;
    opacity: 1;
}

.layui-layer .layui-layer-ico:before {
    font-family: "iconfont" !important;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e601";
}

.layui-layer .layui-layer-content {
    padding: 0 15px;
}

.layui-layer.layui-layer-dialog .layui-layer-content {
    color: #606266;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 15px;
}

.layui-layer .layui-layer-btn {
    padding: 0 10px 10px !important;
}

.layui-layer .layui-layer-btn a {
    border: 1px solid #e1e1e1;
    color: #808080;
    border-radius: 4px;
    opacity: 1;
}

.layui-layer .layui-layer-btn a:hover {
    border: 1px solid #9bd8f2;
    color: #26a7de;
    background-color: #e6f8ff;
    opacity: 1;
}

.layui-layer .layui-layer-btn a:active:hover {
    border-color: #26a7de;
}

.layui-layer .layui-layer-btn .layui-layer-btn0,
.layui-layer .layui-layer-btn .layui-layer-btn0:active:hover {
    border-color: #26a7de;
    background-color: #26a7de;
    color: #fff;
}

.layui-layer .layui-layer-btn .layui-layer-btn0:hover {
    border-color: #4dbbea;
    background-color: #4dbbea;
    color: #fff;
}

/* 自定义淡入淡出动画 */
@-webkit-keyframes layer-fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes layer-fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.layui-layer.layer-anim-00 {
    -webkit-animation-name: layer-fadeInTop;
    animation-name: layer-fadeInTop
}

@-webkit-keyframes layer-fadeOutTop {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@keyframes layer-fadeOutTop {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

.layui-layer.layer-anim-close {
    -webkit-animation-name: layer-fadeOutTop;
    animation-name: layer-fadeOutTop;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

/* 消息框样式复写 */
.layui-layer.layui-layer-dialog.layui-layer-msg {
    background-color: #edf2fc;
    border: 1px solid #ebeef5;
    min-width: 420px;
}

.layui-layer-dialog.layui-layer-msg .layui-layer-content {
    padding: 15px 20px;
    color: #909399;
    text-align: left;
}

.layui-layer-dialog.layui-layer-msg .layui-layer-content:before {
    font-family: "iconfont" !important;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 10px;
    content: "\e646";
}

/* 成功消息框 */
.layui-layer.layui-layer-dialog.layui-layer-msg.layer-success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
}

.layui-layer-dialog.layui-layer-msg.layer-success .layui-layer-content {
    color: #67c23a;
}

.layui-layer-dialog.layui-layer-msg.layer-success .layui-layer-content:before {
    content: "\e643";
}

/* 警告消息框 */
.layui-layer.layui-layer-dialog.layui-layer-msg.layer-warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
}

.layui-layer-dialog.layui-layer-msg.layer-warning .layui-layer-content {
    color: #e6a23c;
}

.layui-layer-dialog.layui-layer-msg.layer-warning .layui-layer-content:before {
    content: "\e604";
}

/* 错误消息框 */
.layui-layer.layui-layer-dialog.layui-layer-msg.layer-error {
    background-color: #fef0f0;
    border-color: #fde2e2;
}

.layui-layer-dialog.layui-layer-msg.layer-error .layui-layer-content {
    color: #f56c6c;
}

.layui-layer-dialog.layui-layer-msg.layer-error .layui-layer-content:before {
    content: "\e63a";
}

/* 按钮样式复写 */
.btn, .btn-light {
    color: #808080;
    border-color: #e1e1e1;
    background-color: #fff;
    border-radius: 0.35rem;
    padding: 0.375rem 1.1rem;
}

.btn:hover, .btn-light:hover {
    background-color: #e6f8ff;
    border-color: #9bd8f2;
    color: #26a7de;
}

.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle,
.show > .btn.dropdown-toggle {
    color: #26a7de;
    border-color: #26a7de;
    background-color: #e6f8ff;
}

.btn:focus, .btn.focus {
    box-shadow: none !important;
}

.btn.disabled, .btn:disabled,
.btn-light.disabled, .btn-light:disabled,
.btn-outline-light.disabled:hover, .btn-outline-light:disabled:hover {
    color: #808080;
    border-color: #e1e1e1;
    background-color: #fff;
    cursor: not-allowed;
}

.btn-primary,
.btn-primary.disabled, .btn-primary:disabled,
.btn-primary.disabled:hover, .btn-primary:disabled:hover {
    color: #fff;
    background-color: #26a7de;
    border-color: #26a7de;
}

.btn-primary:hover {
    color: #fff;
    background-color: #4dbbea;
    border-color: #4dbbea;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #289bd4;
    border-color: #289bd4;
}

.btn-success,
.btn-success.disabled, .btn-success:disabled,
.btn-success.disabled:hover, .btn-success:disabled:hover {
    color: #fff;
    background-color: #67c23a;
    border-color: #67c23a;
}

.btn-success:hover {
    color: #fff;
    background-color: #85ce61;
    border-color: #85ce61;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #5daf34;
    border-color: #5daf34;
}

.btn-info,
.btn-info.disabled, .btn-info:disabled,
.btn-info.disabled:hover, .btn-info:disabled:hover {
    color: #fff;
    background-color: #909399;
    border-color: #909399;
}

.btn-info:hover {
    color: #fff;
    background-color: #a6a9ad;
    border-color: #a6a9ad;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #82848a;
    border-color: #82848a;
}

.btn-warning,
.btn-warning.disabled, .btn-warning:disabled,
.btn-warning.disabled:hover, .btn-warning:disabled:hover {
    color: #fff;
    background-color: #e6a23c;
    border-color: #e6a23c;
}

.btn-warning:hover {
    color: #fff;
    background-color: #ebb563;
    border-color: #ebb563;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #cf9236;
    border-color: #cf9236;
}

.btn-danger,
.btn-danger.disabled, .btn-danger:disabled,
.btn-danger.disabled:hover, .btn-danger:disabled:hover {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c;
}

.btn-danger:hover {
    color: #fff;
    background-color: #f58b8b;
    border-color: #f58b8b;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #dd6161;
    border-color: #dd6161;
}

.btn-outline-light:hover {
    color: #4dbbea;
    border-color: #4dbbea;
    background-color: #fff;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
    background-color: #fff;
    border-color: #26a7de;
    color: #26a7de;
}

.btn-outline-primary,
.btn-outline-primary.disabled, .btn-outline-primary:disabled,
.btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
    color: #26a7de;
    border-color: #9bd8f2;
    background-color: #e6f8ff;
}

.btn-outline-primary:hover {
    color: #fff;
    border-color: #26a7de;
    background-color: #26a7de;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: #289bd4;
    border-color: #289bd4;
    color: #fff;
}

.btn-outline-success,
.btn-outline-success.disabled, .btn-outline-success:disabled,
.btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover {
    color: #67c23a;
    border-color: #adf28b;
    background-color: #f0f9eb;
}

.btn-outline-success:hover {
    color: #fff;
    border-color: #67c23a;
    background-color: #67c23a;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    background-color: #5daf34;
    border-color: #5daf34;
    color: #fff;
}

.btn-outline-info,
.btn-outline-info.disabled, .btn-outline-info:disabled,
.btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover {
    color: #909399;
    border-color: #d1d1d3;
    background-color: #f4f4f5;
}

.btn-outline-info:hover {
    color: #fff;
    border-color: #909399;
    background-color: #909399;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    background-color: #82848a;
    border-color: #82848a;
    color: #fff;
}

.btn-outline-warning,
.btn-outline-warning.disabled, .btn-outline-warning:disabled,
.btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover {
    color: #e9af5e;
    border-color: #f2c98a;
    background-color: #fdf6ec;
}

.btn-outline-warning:hover {
    color: #fff;
    border-color: #e6a23c;
    background-color: #e6a23c;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    background-color: #cf9236;
    border-color: #cf9236;
    color: #fff;
}

.btn-outline-danger,
.btn-outline-danger.disabled, .btn-outline-danger:disabled,
.btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover {
    color: #f56c6c;
    border-color: #f8afaf;
    background-color: #fef0f0;
}

.btn-outline-danger:hover {
    color: #fff;
    border-color: #f56c6c;
    background-color: #f56c6c;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    background-color: #dd6161;
    border-color: #dd6161;
    color: #fff;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1.5rem;
    border-radius: 0.4rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
}

/* 文字颜色、超链接复写 */
.text-primary {
    color: #26a7de !important;
}

.text-success {
    color: #67c23a !important;
}

.text-info {
    color: #909399 !important;
}

.text-warning {
    color: #e6a23c !important;
}

.text-danger {
    color: #f56c6c !important;
}

a.link:hover, a.link:focus,
a.link.text-primary:hover, a.link.text-primary:focus {
    position: relative;
    text-decoration: none;
    color: #249bce !important;
}

a.link:hover:before,
.dropdown.show a.link.dropdown-toggle:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    border-bottom: 1px solid #249bce;
}

a.link.text-success:hover, a.link.text-success:focus {
    color: #85ce61 !important;
}

a.link.text-success:hover:before {
    border-color: #85ce61;
}

a.link.text-info:hover, a.link.text-info:focus {
    color: #a6a9ad !important;
}

a.link.text-info:hover:before {
    border-color: #a6a9ad;
}

a.link.text-warning:hover, a.link.text-warning:focus {
    color: #ebb563 !important;
}

a.link.text-warning:hover:before {
    border-color: #ebb563;
}

a.link.text-danger:hover, a.link.text-danger:focus {
    color: #f78989 !important;
}

a.text-danger:hover:before {
    border-color: #f78989;
}

.divider-vertical {
    content: "";
    border-left: 1px solid #808080;
    margin: 0 .35rem;
    font-size: .8em;
}

/* 表格样式复写 */
.table tbody {
    color: #606266;
}

.table thead {
    color: #4c4c4c;
}

/* 徽章样式复写 */
.badge {
    font-weight: 600;
}

.badge-primary {
    color: #fff;
    background-color: #26a7de;
}

.badge-secondary {
    color: #fff;
    background-color: #6ccac9;
}

.badge-success {
    color: #fff;
    background-color: #67c23a;
}

.badge-info {
    color: #fff;
    background-color: #909399;
}

.badge-warning {
    color: #fff;
    background-color: #e6a23c;
}

.badge-danger {
    color: #fff;
    background-color: #f56c6c;
}

/* from 表单复写 */
.form-control:focus {
    border-color: #26a7de;
    box-shadow: none;
    outline: none;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #f56c6c;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f56c6c' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f56c6c' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #dd6161;
    box-shadow: none;
}

.invalid-feedback {
    color: #f56c6c;
}

.invalid-tooltip {
    background-color: #f56c6c;
}

/* Checkbox 复选框 */
.custom-control {
    padding-left: 0;
}

.custom-control-label {
    padding-left: 1.5rem;
    color: #606266;
}

.custom-checkbox .custom-control-label::after {
    box-sizing: content-box;
    border: .07rem solid #fff;
    border-left: 0;
    border-top: 0;
    height: .59rem;
    top: 0.35rem;
    left: .3356rem;
    transform: rotate(45deg) scaleY(0);
    width: .26rem;
    transition: transform .15s ease-in .05s;
    transform-origin: center;
    z-index: 2;
}

.custom-checkbox .custom-control-label::before {
    top: 0.255rem;
    left: 0;
    display: inline-block;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 1;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
    transform: rotate(45deg) scaleY(1);
}

.custom-checkbox .custom-control-input:checked:not(:disabled) ~ .custom-control-label,
.custom-radio .custom-control-input:checked:not(:disabled) ~ .custom-control-label {
    color: #26a7de;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-checkbox .custom-control-input:hover:not(:disabled) ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:hover:active:not(:disabled) ~ .custom-control-label::before,
.custom-radio .custom-control-input:hover:not(:disabled) ~ .custom-control-label::before,
.custom-radio .custom-control-input:hover:active:not(:disabled) ~ .custom-control-label::before {
    border-color: #26a7de;
}

.custom-checkbox .custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: #fff;
    border-color: #dcdfe6;
}

.custom-checkbox .custom-control-input:checked:not(:disabled):active ~ .custom-control-label::before {
    background-color: #26a7de;
    border-color: #26a7de;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #26a7de;
    background-color: #26a7de;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #26a7de;
}

.custom-control-input:disabled ~ .custom-control-label {
    color: #c0c4cc;
    cursor: not-allowed;
}

.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before,
.custom-radio .custom-control-input:disabled ~ .custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #edf2fc;
    border-color: #dcdfe6;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #edf2fc;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after,
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::after {
    border-color: #c0c4cc;
}

/* radio 单选框 */
.custom-radio .custom-control-label::before {
    top: calc(0.25rem + 1px);
    left: 0;
}

.custom-radio .custom-control-label::after {
    width: .5rem;
    height: .5rem;
    border-radius: .5rem;
    background-color: #26a7de;
    top: calc(50% + 1px);
    left: .5rem;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .15s ease-in;
    z-index: 2;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #26a7de;
    background-color: #fff;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    transform: translate(-50%, -50%) scale(1);
    background-image: none;
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::after {
    background-color: #c0c4cc;
}

/* switch 开关 */
.custom-switch.custom-control {
    padding-left: 2.25rem;
}

.custom-switch .custom-control-label {
    padding-left: 0;
}

.custom-switch .custom-control-label::before,
.custom-switch .custom-control-input:not(:disabled):not(:checked):active ~ .custom-control-label::before {
    background-color: #dcdfe6;
    border-color: #dcdfe6;
}

.custom-switch .custom-control-label::after {
    background-color: #fff;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #9cc715;
    background-color: #9cc715;
}

.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dcdfe6;
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #9cc715;
}

.custom-switch .custom-control-input:disabled ~ .custom-control-label::before {
    opacity: .6;
}

/* 日期选择器 */
.layui-laydate .layui-laydate-content td {
    font-size: 12px;
    font-weight: 600;
}

.layui-laydate .layui-laydate-content td:before {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 7px;
    border-radius: 100%;
}

.layui-laydate .layui-laydate-content .layui-this {
    background-color: transparent !important;
}

.layui-laydate .layui-laydate-content td.layui-this:before {
    background-color: #26a7de !important;
}

.layui-laydate .layui-laydate-content td:hover {
    background-color: transparent;
    color: #26a7de;
}

.layui-laydate .layui-laydate-content td.laydate-selected {
    background-color: transparent;
}

.layui-laydate .laydate-selected.laydate-day-next,
.layui-laydate .laydate-selected.laydate-day-prev {
    background-color: transparent !important;
}

.layui-laydate.layui-laydate-range .layui-this {
    background-color: #f2f6fc;
}

.layui-laydate .layui-laydate-content td.laydate-selected:hover {
    background-color: transparent !important;
}

.layui-laydate .layui-laydate-content td.laydate-selected:not(.laydate-day-next):not(.laydate-day-prev):after {
    content: "";
    width: 100%;
    height: 26px;
    display: inline-block;
    position: absolute;
    z-index: -1;
    top: 3px;
    left: 0;
    background-color: #f2f6fc;
}

.layui-laydate.layui-laydate-range .layui-laydate-content td.layui-this:after {
    content: "";
    width: 100%;
    height: 26px;
    display: inline-block;
    position: absolute;
    z-index: -2;
    top: 3px;
    left: 3px;
    background-color: #f2f6fc;
    border-radius: 13px 0 0 13px;
}

.layui-laydate.layui-laydate-range .layui-laydate-content td.laydate-selected ~ .layui-this:after,
.layui-laydate.layui-laydate-range .layui-laydate-content td.layui-this ~ .layui-this:after {
    left: -3px;
    border-radius: 0 13px 13px 0;
}

.layui-laydate .layui-laydate-content td, .layui-laydate-content th {
    width: 36px;
    height: 32px;
    padding: 4px 0;
}

.layui-laydate .layui-laydate-list .layui-this {
    background-color: #26a7de !important;
}

.layui-laydate .layui-laydate-list ol li:not(.layui-this):hover {
    background-color: #f2f6fc !important;
}

.layui-laydate-footer .laydate-footer-btns span {
    margin: 0 0 0 1px;
}

.layui-laydate-footer .laydate-footer-btns:not(.laydate-disabled) span:hover {
    color: #4dbbea;
    border-color: #4dbbea;
    background-color: #fff;
}

.layui-laydate .layui-laydate-footer span:hover,
.layui-laydate .layui-laydate-header i:hover,
.layui-laydate .layui-laydate-header span:hover {
    color: #4dbbea;
}

.layui-laydate .layui-laydate-footer span[lay-type=date] {
    color: #26a7de;
}

.layui-laydate .layui-laydate-header i {
    font-size: 1rem;
}

/* 滑块组件 */
.form-slider .slider.slider-horizontal {
    width: 100%;
}

.form-slider .slider.slider-horizontal .slider-track {
    height: 6px;
    margin-top: -3px;
}

.form-slider .slider.slider-horizontal .slider-track .slider-selection {
    background-color: #409eff;
    background-image: none;
    transition: .2s;
}

.form-slider .slider.slider-horizontal .slider-handle {
    background-color: #fff;
    background-image: none;
    border: 2px solid #409eff;
    transition: .2s;
}

.form-slider .slider.slider-horizontal .slider-tick-container {
    top: 7px;
}

.form-slider .slider.slider-horizontal .slider-tick-container .slider-tick {
    height: 6px;
    width: 6px;
    margin-left: 0;
    background-color: #fff;
    background-image: none;
}

.form-slider .slider.slider-horizontal .slider-tick-container .slider-tick.in-selection {
    opacity: 0;
}

.form-slider .slider.slider-horizontal .slider-handle:not(.hide):hover {
    cursor: grab;
    transform: scale(1.2);
}

.form-slider:active,
.form-slider:active .slider.slider-horizontal .slider-tick-label-container .slider-tick-label span,
.form-slider .slider.slider-horizontal .slider-handle:not(.hide):active,
.form-slider .slider.slider-horizontal .slider-handle:not(.hide):active:hover {
    cursor: grabbing;
}

.form-slider .slider.slider-horizontal .slider-tick-label-container .slider-tick-label span {
    cursor: pointer;
}

/* Select 选择器 */
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

 .dropdown-menu {
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    margin: 5px 0;
}

.bootstrap-select .dropdown-menu {
    overflow: inherit !important;
    margin: 5px 0;
}

.dropdown-menu:after,
.dropdown-menu:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
    border-color: transparent;
}

.dropdown-menu:before {
    left: 20%;
    border-width: 5px;
    z-index: 1001;
}

.dropdown-menu:after {
    left: calc(20% - 1px);
    border-width: 6px;
} 

.dropdown-menu[x-placement="bottom-start"]:before {
    top: calc(-.5rem - 3px);
    border-bottom-color: #fff;
}

.dropdown-menu[x-placement="bottom-start"]:after {
    border-bottom-color: #e4e7ed;
    top: calc(-.5rem - 5px);
}

.dropdown-menu[x-placement="top-start"]:before {
    border-top-color: #fff;
    bottom: calc(-.5rem - 3px);
}

.dropdown-menu[x-placement="top-start"]:after {
    border-top-color: #e4e7ed;
    bottom: calc(-.5rem - 5px);
}

.bootstrap-select .btn {
    -webkit-appearance: none;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    outline: none;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
}

.bootstrap-select.show .btn,
.bootstrap-select .btn:not(:disabled):not(.disabled):active,
.bootstrap-select.show .btn:hover {
    border-color: #26a7de;
    background-color: #fff;
    color: #606266;
}

.bootstrap-select .btn:hover {
    border-color: #c0c4cc;
    background-color: #fff;
}

.dropdown-item {
    color: #606266;
    cursor: pointer;
}

.dropdown-item:active {
    color: #606266;
    background-color: #f5f7fa;
    outline: none;
}

.dropdown-item:hover {
    color: #606266;
    background-color: #f5f7fa;
}

.dropdown-item.active:hover,
a.dropdown-item.active:hover,
.bootstrap-select .dropdown-menu[role="combobox"] .dropdown-item.active:hover {
    background-color: #f5f7fa;
}

.bootstrap-select .dropdown-menu[role="combobox"] .dropdown-item.active {
    background-color: #fff;
    color: #606266;
    font-weight: 400;
}

.dropdown-item.active,
a.dropdown-item.active,
.dropdown-item.selected,
.bootstrap-select .dropdown-menu .dropdown-item.active.selected {
    color: #26a7de;
    font-weight: 600;
    text-decoration: none;
    background-color: #fff;
}

a.dropdown-item.active:hover{
    color: #26a7de;
}

.bootstrap-select .bs-ok-default:after {
    width: .4em;
    height: .8em;
    border-width: 0 .11em .11em 0;
}

.bootstrap-select .dropdown-toggle::after {
    font-family: "iconfont" !important;
    font-style: normal;
    font-size: .9em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e653";
    -webkit-transform: rotate(-135deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: transform .3s;
    border: none;
}

.bootstrap-select.show .dropdown-toggle::after {
    transition: transform .3s;
    transform: rotate(0deg);
}

.bootstrap-select.show .dropdown-menu .bs-searchbox {
    width: calc(100% - 2.5rem);
    position: absolute;
    padding: 0;
}

.bootstrap-select.show .dropdown-menu .bs-searchbox .form-control {
    border-color: transparent;
    background-color: #fff;
    height: calc(1.5em + 0.75rem);
}

.bootstrap-select.show .dropdown-menu[x-placement="bottom-start"] .bs-searchbox {
    top: calc(-2.375rem - 5px);
}

.bootstrap-select.show .dropdown-menu[x-placement="top-start"] .bs-searchbox {
    bottom: calc(-2.375rem - 5px);
}