img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle;
}

a {
    color: #9fa5ff !important;
    text-decoration: none;
}

a:hover {
    color: #a9aef3 !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 0.75rem !important;
}

.mt-3,
.my-3 {
    margin-top: 0.75rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 0.75rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 0.75rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 0.75rem !important;
}

.m-4 {
    margin: 1rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1rem !important;
}

.m-5 {
    margin: 1.5rem !important;
}

.mt-5,
.my-5 {
    margin-top: 1.5rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 1.5rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 1.5rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 1.5rem !important;
}

.m-6 {
    margin: 2rem !important;
}

.mt-6,
.my-6 {
    margin-top: 2rem !important;
}

.mr-6,
.mx-6 {
    margin-right: 2rem !important;
}

.mb-6,
.my-6 {
    margin-bottom: 2rem !important;
}

.ml-6,
.mx-6 {
    margin-left: 2rem !important;
}

.m-7 {
    margin: 3rem !important;
}

.mt-7,
.my-7 {
    margin-top: 3rem !important;
}

.mr-7,
.mx-7 {
    margin-right: 3rem !important;
}

.mb-7,
.my-7 {
    margin-bottom: 3rem !important;
}

.ml-7,
.mx-7 {
    margin-left: 3rem !important;
}

.m-8 {
    margin: 4rem !important;
}

.mt-8,
.my-8 {
    margin-top: 4rem !important;
}

.mr-8,
.mx-8 {
    margin-right: 4rem !important;
}

.mb-8,
.my-8 {
    margin-bottom: 4rem !important;
}

.ml-8,
.mx-8 {
    margin-left: 4rem !important;
}

.m-9 {
    margin: 6rem !important;
}

.mt-9,
.my-9 {
    margin-top: 6rem !important;
}

.mr-9,
.mx-9 {
    margin-right: 6rem !important;
}

.mb-9,
.my-9 {
    margin-bottom: 6rem !important;
}

.ml-9,
.mx-9 {
    margin-left: 6rem !important;
}

.auth.theme-two .auto-form-wrapper form {
    width: 100%;
}

.btn-warning:hover {
    color: #fff!important;
    background-color: #ffb96d!important;
}

.sidebar-header a {
    height: 68px !important;
    font-size: 20px;
    line-height: 2.8;
}

.layui-input {
    height: 32px !important;
}

.layui-input,
.layui-textarea,
.form-control {
    font-size: 0.84rem !important;
    color: #606266 !important;
    border-color: #dcdfe6 !important;
    border-radius: 4px !important;
    font-size: 13px !important;
}

.layui-select-disabled .layui-disabled {
    border-color: #dcdfe6 !important;
}

.layui-form-select dl dd.layui-this {
    background-color: #f5f7fa !important;
    color: #9fa5ff !important;
}

.layui-form-select dl dd:hover {
    background-color: #f5f7fa !important;
}

:root .layui-form-selected .layui-edge {
    border-top-color: #9fa5ff !important;
}

label {
    color: #606266 !important;
    font-weight: 500;
}

.layui-form-select dl dd,
.layui-form-select dl dt {
    line-height: 32px !important;
}

.layui-input::placeholder {
    color: #a8abb2;
    opacity: 1;
}

.layui-textarea::placeholder {
    color: #a8abb2;
    opacity: 1;
}

.form-control::placeholder {
    color: #a8abb2;
    opacity: 1;
}

.layui-input:focus,
.layui-textarea:focus,
.form-control:focus {
    border-color: #959cff !important;
    box-shadow: none !important;
}

.layui-form-radio:hover>*,
.layui-form-radioed,
.layui-form-radioed>i {
    color: #9fa5ff !important;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    background-color: #a9aef3 !important;
}

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

.badge-danger:hover {
    background-color: #f78989 !important;
}

.badge-info,
.preview-list .preview-item .preview-thumbnail .badge.badge-offline {
    color: #fff !important;
    background-color: #7bace1 !important;
    border: 1px solid #7bace1 !important;
}

.badge-info:hover,
.preview-list .preview-item .preview-thumbnail .badge.badge-offline:hover {
    background-color: #90b8e3 !important;
    border: 1px solid #90b8e3 !important;
}

xm-select {
    min-height: 32px !important;
    line-height: 32px !important;
    border-radius: 4px !important;
}

xm-select .xm-label .scroll .label-content {
    color: #606266 !important;
}

.layui-form-onswitch {
    border-color: #959cff !important;
    background-color: #959cff !important;
}

.layui-divider {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum", "tnum";
    border-top: 1px solid rgba(0, 0, 0, .06);
}

.layui-divider-vertical {
    position: relative;
    top: -0.06em;
    display: inline-block;
    height: 0.9em;
    margin: 0 8px;
    vertical-align: middle;
    border-top: 0;
    border-left: 1px solid #c2c2c2;
}

.svg_left {
    position: absolute;
    left: -200px;
    bottom: -400px;
    z-index: 1;
}

.svg_right {
    position: absolute;
    top: -900px;
    right: -300px;
    z-index: 1;
}

.btn {
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    transition: .1s;
    user-select: none;
    vertical-align: middle;
    -webkit-appearance: none;
}

.btn-primary {
    border-color: #959cff;
    background: #959cff;
    color: #fff !important;
}

.btn-primary:hover {
    border-color: #a9aef3;
    background: #a9aef3;
    color: #fff !important;
}

.btn-primary.disabled,
.wizard>.actions a.disabled,
.btn-primary:disabled,
.wizard>.actions a:disabled {
    color: #fff;
    background-color: #959cff;
    border-color: #959cff;
}

.btn-success {
    background-color: #67c23a !important;
    border-color: #67c23a !important;
    color: #fff !important;
}

.btn-success:hover {
    background-color: #95d475 !important;
    border-color: #95d475 !important;
    color: #fff !important;
}

.el-dialog {
    transition: width 0.2s ease;
    /* 添加平滑过渡 */
}

.el-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color: #303133 !important;
}

.el-dialog__headerbtn svg {
    height: 1em;
    width: 1em;
    line-height: 1em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #909399 !important;
}

.el-dialog__body {
    word-wrap: break-word;
    /* 长文本自动换行 */
    overflow-wrap: break-word;
    white-space: normal;
    color: #606266 !important;
    font-size: 14px !important;
}

.dialog-fade-enter-active {
    animation: dialog-fade-in 0.3s;
}

.dialog-fade-leave-active {
    animation: dialog-fade-out 0.3s;
}

.layui-table thead {
    color: #909399 !important;
}

.layui-table tr {
    background-color: #fff;
    border-color: #ebeef5 !important;
}

.layui-table-view {
    /* border-color: #fff !important;
    border-bottom-color: #fff !important; */
    color: #606266 !important;
}

.layui-table-cell {
    color: #606266 !important;
    height: 40px;
}

.layui-table-page .layui-laypage button,
.layui-table-page .layui-laypage span,
.layui-table-view select[lay-ignore] {
    color: #909399 !important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #959cff !important;
}

.layui-laypage input:focus,
.layui-laypage select:focus {
    border-color: #959cff !important
}

.layui-table-hover {
    background-color: #f5f7fa !important;
}

.layui-table-column {
    font-size: 14px !important;
    padding: 20px 16px;
}

.layui-laypage input {
    margin: -4px 10px !important;
}

.layui-table-header .layui-table tr {
    background-color: #f5f7fa !important;
}

.layui-table-page>div {
    text-align: center !important;
    display: block;
}

.nav-drawer li a {
    color: #5f6062 !important;
}

.nav-drawer>li.active>a {
    background-color: #3b82f61a !important;
    border-color: #a2a8ff !important;
    color: #959cff !important;
    font-weight: 500;
}

.lyear-layout-sidebar {
    width: 230px !important;
}

.lyear-layout-content {
    padding-left: 230px !important;
}

.nav>li .nav-subnav li a {
    font-size: 14px !important;
}

.nav>li>a:hover {
    background-color: #f5f7fa !important;
}

.dropdown-profile span {
    color: #6a6868 !important;
}

.dropdown-menu>li>a {
    color: #6a6868 !important;
}

.lyear-layout-dig {
    padding-left: 0px !important;
}

.nav-drawer .nav-subnav>li.active>a,
.nav-drawer .nav-subnav>li>a:hover {
    background-color: #3b82f61a !important;
    border-color: #959cff !important;
    color: #959cff !important;
}

.avatar-xxl {
    width: 6rem;
    height: 6rem;
    line-height: 5rem;
    font-size: 2rem;
}

.rounded-circle {
    border-radius: 50% !important;
}

.border-right {
    border-right: 1px solid rgba(167, 180, 201, .2) !important;
}

.description-block {
    display: block;
    margin: 10px 0;
    text-align: center;
}

.card-footer {
    background-color: #ffffff;
}

.text-muted {
    color: #97979a !important;
}

.layui-layer-dialog .layui-layer-content {
    font-size: 13px !important;
}

/* 主体 */
.layui-form-checkbox>.lay-skin-checkcard,
.layui-form-radio>.lay-skin-checkcard {
    display: table;
    display: flex;
    padding: 12px;
    white-space: normal;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    color: #000;
    background-color: #fff;
}

.layui-form-checkbox>.lay-skin-checkcard>*,
.layui-form-radio>.lay-skin-checkcard>* {
    /* display: table-cell; */
    /* IE */
    vertical-align: top;
}

/* 悬停 */
.layui-form-checkbox:hover>.lay-skin-checkcard,
.layui-form-radio:hover>.lay-skin-checkcard {
    border-color: #959cff;
}

/* 选中 */
.layui-form-checked>.lay-skin-checkcard,
.layui-form-radioed[lay-skin="none"]>.lay-skin-checkcard {
    color: #959cff !important;
    border-color: #959cff;
    background-color: #3b82f61a !important;
    /* box-shadow: 0 0 0 3px rgba(22, 183, 119, 0.08); */
}

/* 禁用 */
.layui-checkbox-disabled>.lay-skin-checkcard,
.layui-radio-disabled>.lay-skin-checkcard {
    box-shadow: none;
    border-color: #e5e5e5 !important;
    background-color: #eee !important;
}

/* card 布局 */
.lay-skin-checkcard-avatar {
    padding-right: 8px;
}

.lay-skin-checkcard-detail {
    overflow: hidden;
    width: 100%;
}

.lay-skin-checkcard-header {
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    margin-bottom: 4px;
    margin-top: 3px;
}

.lay-skin-checkcard-description {
    font-size: 13px;
    color: #5f5f5f;
}

.layui-disabled .lay-skin-checkcard-description {
    color: #c2c2c2 ! important;
}

/* 选中 dot */
.layui-form-checked>.lay-check-dot:after,
.layui-form-radioed>.lay-check-dot:after {
    position: absolute;
    content: "";
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    border-width: 10px;
    border-style: dashed;
    border-color: transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 6px;
    border-top-color: #959cff;
    border-top-style: solid;
    border-right-color: #959cff;
    border-right-style: solid;
    overflow: hidden;
}

.layui-checkbox-disabled>.lay-check-dot:after,
.layui-radio-disabled>.lay-check-dot:after {
    border-top-color: #d2d2d2;
    border-right-color: #d2d2d2;
}

/* 选中 dot-2 */
.layui-form-checked>.lay-check-dot-2:before,
.layui-form-radioed>.lay-check-dot-2:before {
    position: absolute;
    font-family: "layui-icon";
    content: "\e605";
    color: #fff;
    bottom: 4px;
    right: 3px;
    font-size: 9px;
    z-index: 12;
}

.layui-form-checked>.lay-check-dot-2:after,
.layui-form-radioed>.lay-check-dot-2:after {
    position: absolute;
    content: "";
    bottom: 2px;
    right: 2px;
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    border-width: 10px;
    border-style: dashed;
    border-color: transparent;
    border-top-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 0px;
    border-right-color: #959cff;
    border-right-style: solid;
    border-bottom-color: #959cff;
    border-bottom-style: solid;
    overflow: hidden;
}

.layui-checkbox-disabled>.lay-check-dot-2:before,
.layui-radio-disabled>.lay-check-dot-2:before {
    color: #eee !important;
}

.layui-checkbox-disabled>.lay-check-dot-2:after,
.layui-radio-disabled>.lay-check-dot-2:after {
    border-bottom-color: #d2d2d2;
    border-right-color: #d2d2d2;
}

.lay-ellipsis-multi-line {
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.info-title {
    height: 30px;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    color: #0d236d;
    border-bottom: 1px dashed rgba(52, 100, 255, .3);
}

.alert-wraper {
    color: #ffffff;
    background-color: #959cff1a;
    border-color: #959cff;
}

.info-wraper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 10px;
}

.info-wraper .info-item {
    width: 50%;
    padding: 5px;
}

.info-wraper .info-item .info-label {
    font-weight: 600;
    font-size: 14px;
    color: #959cff !important;
}

.info-wraper .info-item .info-value {
    font-size: 14px;
    color: #616165;
}

.btn-danger:hover {
    color : #fff!important;
}

.layui-layer-title {
    border-bottom: none;
    font-size: 18px;
    color: #303133 !important;
}

.layui-layer-dialog .layui-layer-content {
    font-size: 13px !important;
}

.layui-layer-setwin span {
    font-size: 18px;
    color: #909399 !important;
}

.layui-layer-btn .layui-layer-btn0 {
    background-color: #959cff !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.layui-layer-btn .layui-layer-btn1 {
    border-radius: 4px !important;
    color: #666 !important;
}

.layui-layer-btn1:hover {
    background-color: #ecf5ff !important;
    color: #959cff !important;
    border-color: #959cff !important;
}

@media (max-width: 1024px) {
    .lyear-layout-content {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 767px) {
    .lyear-layout-content {
        padding-left: 0px !important;
    }
}