body { font: 12px 微软雅黑,Helvetica Neue, Helvetica, Arial, sans-serif; text-decoration: none; }

a { text-decoration: none; background: transparent; text-decoration: none; outline: none; cursor: pointer; transition: color .3s ease; }
    a:hover { color: #00c2c2; outline: 0; text-decoration: none; }
        a:hover .iconfont { color: #00c2c2; }
    a.red { color: red; }
        a.red:hover { color: #ea0000; }
            a.red:hover .iconfont { color: #ea0000; }
    a.disable, a.disable .iconfont { color: #ccc; }
        a.disable:hover, a.disable:hover .iconfont { color: #ccc; }

/* 文字颜色 */
.dxm-red { color: #FF5722 !important; }
.dxm-orange { color: #FFB800 !important; }
.dxm-green { color: #009688 !important; }
.dxm-cyan { color: #2F4056 !important; }
.dxm-blue { color: #1E9FFF !important; }
.dxm-black { color: #393D49 !important; }
.dxm-gray { color: #FAFAFA !important; }

/* 背景颜色 */
.dxm-bg-red { background-color: #FF5722 !important; color: #fff !important; }
.dxm-bg-orange { background-color: #FFB800 !important; color: #fff !important; }
.dxm-bg-green { background-color: #009688 !important; color: #009688 !important; }
.dxm-bg-cyan { background-color: #2F4056 !important; color: #fff !important; }
.dxm-bg-blue { background-color: #1E9FFF !important; color: #fff !important; }
.dxm-bg-black { background-color: #393D49 !important; color: #fff !important; }
.dxm-bg-gray { background-color: #FAFAFA !important; color: #666 !important; }


.dxm-sp-h { display: flex; flex-direction: row; align-items: center; }
    .dxm-sp-h::after { content: ""; width: 1px; height: 14px; background-color: hsla(0,0%,100%,.2); }
.dxm-form-word { padding-left: 5px !important; padding-right: 5px !important; background: #f1f1f1; color: #333 !important; }

.dxm-sp-v { width: auto; height: 1px; background-color: #dfe1e6; margin-left: 6px; margin-right: 6px; }

.dxm-input-red { color: #e26f0c; }
.dxm-input-highlight { border: 1px solid #e26f0c; color: #e26f0c; }


/*component*/
.dxm-list-bar .statices em { font-weight: 700; font-style: normal; }
.dxm-list-bar a { font-weight: 700; }
.dxm-list-bar .close { color: red; }

.dxm-list-operate a { background: #009688; color: #fff; border-radius: 2px; }
    .dxm-list-operate a:hover { background: #e26f0c; }


.dxm-list-link a { color: #009688; text-decoration: underline; }
    .dxm-list-link a:hover { color: #e26f0c; }

.dxm-body { background: #eef0f5; }
.dxm-side { background: #fff; border-right: 1px solid #dfe1e6; }
.dxm-head { background: #282B33; color: #adb0b8; }
    .dxm-head a { color: #adb0b8; }

.dxm-menu a:hover { color: #e26f0c; }
.dxm-menu a.active { color: #e26f0c; /*background: #e26f0c;*/ }

.dxm-rbar a:hover { color: #00c2c2; background: #333; }

.dxm-nav a { }
.dxm-nav .iconfont { color: #a7b1c2; font-size: 14px; }
.dxm-nav ul li:hover { background: #f5f6f7; }
    .dxm-nav ul li:hover a, .dxm-nav ul li:hover .iconfont { color: #e26f0c; }
.dxm-nav ul li.active { background: #eee; }
    .dxm-nav ul li.active a, .dxm-nav ul li.active .iconfont { color: #e26f0c; }

.dxm-page { }
    .dxm-page > .head { }
    .dxm-page > .content { border-radius: 3px; background: #fff; }
        .dxm-page > .content > .title { color: #252b3a; border-bottom: 1px solid #dfe1e6; }

.dxm-pure .dxm-page > .content { box-shadow: none; }
.dxm-main .dxm-page > .content { box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); }


.dxm-intro { border-radius: 3px 3px 0px 0px; background: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); }
    .dxm-intro > .title { color: #252b3a; border-bottom: 1px solid #dfe1e6; }

.dxm-box { border-radius: 3px 3px 0px 0px; background: #fff; }
    .dxm-box > .title { color: #252b3a; border-bottom: 1px solid #dfe1e6; }

.dxm-thumbnail { padding: 3px; border-radius: 3px; background: #fff; border: 1px solid #dfe1e6; }


/*layui*/
.layui-input { height: 32px; }
.layui-input-readonly { background: #f1f1f1; }
.layui-form-label { line-height: 14px; }
.layui-form-switch { margin-top: 4px; }
.layui-form-item .layui-form-checkbox[lay-skin="primary"] { margin-top: 8px; }

.layui-table th, .layui-table td { font-size: 12px; }

.layui-layer-hui .layui-layer-content { color: #fff; }
body .layui-form-info { border-bottom: 1px solid #eee; }
    body .layui-form-info .layui-form-item, body .layui-form-pane .layui-form-item[pane] { margin-bottom: 0px; border-bottom: 0; }
    body .layui-form-info .layui-input-inline { padding-left: 5px; }

body .layui-layer-success { display: inline-block; min-width: 0; background: #fff; border: 0; border-radius: 2px; box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%); pointer-events: all; }
    body .layui-layer-success .layui-layer-content { padding: 8px 16px; text-align: center; font-size: 12px; }
        body .layui-layer-success .layui-layer-content .iconfont { font-size: 12px; color: #52c41a; padding-right: 5px; }

body .layui-layer-error { display: inline-block; min-width: 0; background: #fff; border: 0; border-radius: 2px; box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%); pointer-events: all; }
    body .layui-layer-error .layui-layer-content { padding: 8px 16px; text-align: center; font-size: 12px; }
        body .layui-layer-error .layui-layer-content .iconfont { font-size: 12px; color: #ff4d4f; padding-right: 5px; }

body .layui-layer-url { }
    body .layui-layer-url .layui-layer-title { height: 40px; line-height: 40px; }
    body .layui-layer-url .layui-layer-setwin { top: 12px; }
        body .layui-layer-url .layui-layer-setwin a { width: 14px; height: 14px; }

body .layui-moda .layui-layer-title { height: 32px; line-height: 32px; }
body .layui-moda .layui-layer-btn { }
    body .layui-moda .layui-layer-btn a { }
    body .layui-moda .layui-layer-btn .layui-layer-btn1 { }
body .layui-moda .layui-layer-setwin { top: 10px; }
    body .layui-moda .layui-layer-setwin a { }
body .layui-moda .layui-layer-content .iconfont { font-size: 16px; padding: 0px 10px; }
body .layui-moda .layui-layer-content .success { color: #1E9FFF; }
body .dxm-search .layui-form-item .date-range { margin-left: 10px; }
    body .dxm-search .layui-form-item .date-range .layui-input-inline { width: 112px; }

.dxm-search .layui-form-label { min-width: 68px; width: auto; text-align: left; }
.dxm-search .layui-form-item .layui-input-inline { width: 180px; }

.layui-form-mid { line-height: 12px; }

.layui-form-pane .layui-form-label { line-height: 14px; }

/**webupload*/
.webuploader-pick { padding: 8px 10px; }