* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

body {
    height: 100%;
    width: 100%;
}

/**当鼠标选定在a标签上时a标签的样式变化**/
a:hover{
    color: #23527c;
}

.layui-custom-invalid {
    background-color: rgb(255, 212, 212);
}
/***滚动条的样式***/
::-webkit-scrollbar-thumb {
    background: rgba(102, 102, 102, 0.5);
    height: 8px;
    outline-offset: -2px;
    outline: none;
    -webkit-border-radius: 8px;
    border: none;
}
::-webkit-scrollbar-corner {
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0);
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
    height: 8px;
    -webkit-border-radius: 8px;
}

/*---滚动条大小--*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece {
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 0;
}

/* 表单行 */
.layui-form-item {
    padding: 3px;
    margin-bottom: 0;
}

/* 文本模式的样式 */
.layui-custom-text-mode {
    padding: 4px 0px!important;
    line-height: 20px;
    word-break: break-all;
}

/* 表单行标签 */
.layui-form-item label {
    margin-bottom: 0;
}

/* 表单行文本框 */
.layui-input-block {
    min-height: 28px;
}
/*表格布局里的文本模式的多行文本框需要可以滚动*/
.form-table .layui-input-block {
  overflow: auto;
}

.layui-checkbox i {
    position: relative;
}

.layui-input,
.layui-select,
.layui-textarea {
    color: #212121;
    font-size: 14px;
}

.layui-input,
.layui-select {
    height: 28px;
    padding: 0px 5px;
    line-height: 28px;
    min-height: 28px;
}

.layui-textarea {
    min-height: 54px;
    word-break: break-all;
}
/**当文本框和按钮组成一个单行表单的样式**/
.layui-input-block .layui-input-block-inline {
    width: 100%;
}
.layui-input-block .layui-input-block-inline .layui-input-inline {
    margin: 0;
    display: inline-block;
    left: 0;
    float: left;
    z-index: 1;
}
.layui-input-block .layui-input-block-inline .layui-input-inline .layui-input:not(.layui-form-danger) {
    border-radius: 2px 0px 0px 2px;
    border-right: 0px!important;
}
.layui-input-block .layui-input-block-inline .layui-inline {
    margin: 0px;
    display: inline-block;
}
.layui-input-block .layui-input-block-inline .layui-inline .layui-btn {
    border-radius: 0px 4px 4px 0px;
}

.layui-input-block-inline .layui-inline .layui-btn-sm{
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}

.layui-input-block .layui-inline + .layui-inline {
    margin-left: 5px;
}

/**文本框、链接为只读及按钮禁用时，背景色为灰色，字体颜色为黑色**/
.layui-btn-disabled,
.context-menu-item.context-menu-disabled,
a.layui-disabled,
a.layui-disabled:hover {
    background: #f5f5f5!important;
    color: black !important;
}
textarea.layui-disabled,
input.layui-disabled,
textarea.layui-disabled:hover,
input.layui-disabled:hover,
.layui-textarea.layui-disabled,
.layui-textarea.layui-disabled:hover {
    background: #f5f5f5;
    color: black;
}

/* 标签 */
.layui-form-label {
    font-weight: normal;
    color: #212121;
    padding: 4px 15px;
    box-sizing: content-box;
    /*line-height: 16px;
    height: 16px;*/
}

/*** 数字文本框 ***/
.layui-input-number {
    position: relative;
}

.layui-input-number .layui-input-number-icons {
    box-sizing: border-box;
}

.layui-input-number:hover .layui-input-number-icons {
    opacity: 1;
}

.layui-input:focus+.layui-input-number-icons {
    opacity: 1;
}

.layui-input-number .layui-input-number-icons {
    position: absolute;
    right: 1px;
    top: 1px;
    opacity: 0;
    background: #fff;
    border-left: 1px solid #d9d9d9;
    width: 22px;
    height: calc(100% - 2px);
    cursor: pointer;
}

.layui-input-number .layui-input-number-icons .layui-input-number-icon {
    text-align: center;
    height: 50%;
}

.layui-input-number .layui-input-number-icons .layui-input-number-icon i {
    color: rgba(0, 0, 0, 0.45);
}

.layui-input-number .layui-input-number-icons .layui-input-number-icon:last-child {
    border-top: 1px solid #d9d9d9;
}
/**ie浏览器原生下拉选择的样式**/
.ie-client-select {
    display: block!important;
    width: 100%;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    padding-left: 3px;
    color: #212121;
    height: 28px;
    line-height: 28px;
}
.ie-client-select:disabled {
    cursor: not-allowed;
    background: #f5f5f5!important;
    color: black!important;
}
/*** 下拉选择多选的样式***/
.xm-select-parent * {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Tahoma, Arial, sans-serif;
    box-sizing: border-box;
    width: auto;
}

.xm-select-parent {
    text-align: left;
    width: 100%;
    z-index: 8;
}

.xm-select-parent select {
    display: none;
}

.xm-select-parent .xm-select-title {
    position: relative;
    min-height: 28px;
}

.xm-select-parent .xm-input {
    cursor: pointer;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: #FFF;
    line-height: 1;
    padding-left: 5px;
    outline: 0
}

.xm-select-parent .xm-input.layui-disabled {
    background: #f5f5f5;
    color: black;
}

.xm-select-parent .xm-input.layui-disabled .xm-select-label span, 
.xm-select-parent .xm-input.layui-disabled .xm-select-label span .layui-icon-close{
    cursor: not-allowed;
}

.xm-select-parent .xm-select-sj {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: dashed;
    border-color: transparent;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    border-width: 6px;
    border-top-color: #C2C2C2;
    border-top-style: solid;
    transition: all .3s;
    -webkit-transition: all .3s
}

.xm-select-parent .xm-form-selected .xm-select-sj {
    margin-top: -9px;
    transform: rotate(180deg)
}

.xm-select-parent .xm-form-select dl {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px 0;
    z-index: 999;
    min-width: 100%;
    border: 1px solid #d2d2d2;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    box-sizing: border-box;
    animation: none;
}

.xm-select-parent .xm-form-selected dl {
    display: block
}

.xm-select-parent .xm-form-select dl dd,
.xm-select-parent .xm-form-select dl dt {
    padding: 0 10px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: calc(100% - 33px); */
    width: 100%;
}

.xm-select-parent .xm-form-select dl dd {
    cursor: pointer;
    height: 30px;
}

.xm-select-parent .xm-form-select dl dd:hover {
    background-color: #f2f2f2
}

.xm-select-parent .xm-form-select dl dt {
    font-size: 12px;
    color: #999
}

.xm-select-parent .xm-form-select dl .xm-select-tips {
    padding-left: 10px !important;
    color: #999;
    font-size: 14px;
    /* width: calc(100% - 33px); */
    width: 100%;
}

.xm-select-parent dl dd.layui-this {
    background-color: #5FB878;
}

.xm-select-none {
    display: none;
    margin: 5px 0;
    text-align: center;
}

.xm-select-parent dl {
    width: 100%;
}

.xm-select-parent dl dd {
    position: relative;
}

.xm-select-parent dl dd>i:not(.icon-sousuo) {
    position: absolute;
    right: 10px;
    top: 0;
    color: #AAAAAA;
}

.xm-select-parent dl dd.xm-select-this div i {
    border: none;
    color: #009688;
    font-size: 18px;
}

.xm-select-parent dl dd.xm-select-this div i:after {
    content: '\e613';
}

.xm-select-parent dl dd.xm-dis-disabled div i {
    border-color: #C2C2C2;
}

.xm-select-parent dl dd.xm-dis-disabled.xm-select-this div i {
    color: #C2C2C2;
}

.xm-select-radio div.xm-form-checkbox>i {
    border-radius: 20px;
}

.xm-select-parent dl.xm-select-radio dd.xm-select-this div i:after {
    content: '\e62b';
}

.xm-select-parent {
    position: relative;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none
}

.xm-select-parent .xm-select {
    line-height: normal;
    height: auto;
    overflow: hidden;
    min-height: 28px;
    z-index: 99;
    background: 0 0;
    padding: 0;
}

.xm-select-parent .xm-select:hover {
    border-color: #C0C4CC
}

.xm-select-parent .xm-select .xm-select-label {
    display: inline-block;
    margin: 0px 0px 0px 2px;
    vertical-align: middle;
    line-height: auto;
    min-height: 26px;
}

.xm-select-parent .xm-select-title div.xm-select-label>span {
    position: relative;
    padding: 0px 5px;
    background-color: #5FB878;
    border-radius: 2px;
    color: #FFF;
    display: inline-block;
    line-height: 22px;
    height: 22px;
    margin: 2px 5px 2px 0;
    cursor: initial;
    user-select: none;
    font-size: 14px;
    padding-right: 25px;
    -webkit-user-select: none;
}

.xm-select-parent .xm-select-title div.xm-select-label>span i {
    position: absolute;
    margin-left: 8px;
    font-size: 12px;
    cursor: pointer;
    line-height: 26px;
}

.xm-select-parent .xm-select .xm-select-input {
    background-color: transparent;
    padding: 2;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
}
.xm-select-multiple-parent .xm-select-title {
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    height: 28px;
}
.xm-select-multiple-parent .xm-select--suffix {
    position: absolute;
    top: 6px;
}

.xm-select-parent .xm-select--suffix input {
    border: none
}

.xm-unselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.xm-form-checkbox {
    position: relative;
    display: block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 0;
    -webkit-transition: .1s linear;
    transition: .1s linear;
    box-sizing: border-box;
    height: auto !important;
    line-height: normal !important;
    border: none !important;
    margin-right: 0;
    padding-right: 0;
    background: 0 0;
}

.xm-form-checkbox>i {
    color: #FFF;
    font-size: 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 9px;
    border: 1px solid #5FB878;
    border-radius: 3px;
    z-index: 2;
}

.xm-form-checkbox:hover>i {
    border-color: #5FB878;
}

.xm-form-checkbox>span {
    display: block;
    position: relative;
    padding: 0 15px 0 30px;
    height: 100%;
    font-size: 14px;
    border-radius: 2px 0 0 2px;
    background-color: #d2d2d2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: 0 0;
    color: #666;
    line-height: 36px;
}

.xm-iconfont {
    font-family: "xm-iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.xm-select-none:hover {
    background-color: #FFF !important
}

.xm-select-empty {
    display: block
}

.xm-span-hide {
    display: none !important;
}

/* 复选框 */
.layui-form-checkbox span {
    height: auto;
    line-height: 1 !important; /* layui 默认这个 line-height 是 18px， 在大字体下导致文字显示不全 */
}

.layui-form-checkbox[lay-skin=primary] span {
    padding-left: 3px;
}

.layui-form-item .layui-form-checkbox[lay-skin=primary] {
    margin-top: 0;
    line-height: 28px;
    padding-left: 0;
}

/* 单选框 */
.layui-form-radio {
    line-height: 28px;
    margin: 0;
}

.layui-form-radio>i {
    margin-right: 0;
}

.layui-form-radio>span {
    padding-left: 3px;
    padding-right: 15px;
}

/* 开关 */
.layui-form-switch {
    margin: 2px 0;
    box-sizing: content-box!important;
}
.layui-form-switch em {
    vertical-align: middle;
}

/* 颜色选择器的样式 */
.layui-colorpicker-customize-css .layui-colorpicker {
    width: 16px;
    height: 16px;
    line-height: 14px;
}

.layui-colorpicker {
    box-sizing: content-box;
}

.layui-colorpicker-main {
    z-index: 99999999;
    box-sizing: content-box;
}
.layui-colorpicker-main .layui-btn-container button {
    padding: 0px 10px;
}
.layui-colorpicker-trigger-i.layui-icon-down {
    color: #fff;
}

/***校验信息的样式***/
.layui-form-tooltip-arrow::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.75);
    content: '';
    pointer-events: auto;
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.layui-form-tooltip-arrow {
    position: absolute;
    display: block;
    width: 13.07106781px;
    height: 13.07106781px;
    overflow: hidden;
    background: transparent;
    pointer-events: none;
    top: -7px;
    left: 10px;
}

.tooltip-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: fixed;
    z-index: 1060;
    max-width: 250px;
    
    display: none;
}

.tooltip-inner {
    padding: 6px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15)
}

/* 文字描述的样式 */
.p-style-description.p-alert {
    padding: 8px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 0;
    min-width: 20px;
    min-height: 20px;
    /*line-height: 20px;*/
    width: 100%;
}

.p-style-description-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.p-style-description-word {
    word-break: break-all;
    white-space: pre-wrap;
}

.p-style-description.alert-success {
    color: #3c763d;
    background: #dff0d8;
    border-color: #d6e9c6;
}

.p-style-description.alert-info {
    color: #31708f;
    background: #d9edf7;
    border-color: #bce8f1;
}

.p-style-description.alert-warning {
    color: #8a6d3b;
    background: #fcf8e3;
    border-color: #faebcc;
}

.p-style-description.alert-danger {
    color: #a94442;
    background: #f2dede;
    border-color: #ebccd1;
}

.p-style-description.alert-none {
    padding: 0px;
}

/****前后缀的样式****/
.layui-postfix-text,
.layui-prefix-text {
    padding: 0 3px;
    display: inline-block;
}

.layui-postfix-text i,
.layui-prefix-text i {
    cursor: pointer;
    vertical-align: middle;
}


/***加载中组件的样式***/
.lay-ui-spin-container {
    text-align: center;
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
}

.lay-ui-spin {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #1890ff;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: 'tnum';
    position: absolute;
    text-align: center;
    vertical-align: middle;
}

.lay-ui-spinning {
    position: static;
    display: inline-block;
    opacity: 1;
    margin: auto;
}

.lay-ui-spin .lay-ui-spin-dot {
    position: relative;
    display: inline-block;
    font-size: 20px;
    width: 1em;
    height: 1em;
}

/* 弹窗按钮的样式 */
.layui-layer-btn {
    text-align: right;
    padding: 0 10px 12px;
    pointer-events: auto;
    user-select: none;
    -webkit-user-select: none;
}

.layui-layer-btn:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}

.layui-layer-btn {
    zoom: 1;
}

.layui-layer-btn a {
    height: 28px;
    line-height: 28px;
    margin: 6px 6px 0;
    padding: 0 15px;
    border: 1px solid #dedede;
    background-color: #f1f1f1;
    color: #333;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    float: right;
}

.layui-layer-btn .layui-layer-btn0 {
    float: right;
}

.layui-layer-close2 {
    display: none !important;
}

/**右键菜单及下拉菜单的样式**/
.context-menu-list {
    margin: 0px;
    padding: 5px 0px;
}

.context-menu-list .context-menu-item {
    margin: 0px;
    padding: .3em 1em .3em .6em;
    color: rgba(0, 0, 0, 0.65);
}

.context-menu-list .context-menu-separator {
    padding: 0;
    margin: .1em 0 !important;
    border-bottom: 1.5px solid #e6e6e6;
}

.context-menu-item.context-menu-hover {
    color: #23527c;
}

.context-menu-item.context-menu-visible>.context-menu-list {
    display: table;
    white-space: nowrap;
    z-index: 1;
}
.context-menu-submenu:after {
    right: .4em;
}
.context-menu-icon.context-menu-icon--fa5 i, .context-menu-icon.context-menu-icon--fa5 svg {
    position: relative;
    margin-right: 3px;
    color: #555;
    font-size: 14px;
    display: inline-block;
    width: 18px;
}
.context-menu-icon.context-menu-icon--fa5 i+span {
    margin-left: 0;
}
.context-menu-list-drop-menu .context-menu-item {
    padding: 0px;
}
.context-menu-list-drop-menu .context-menu-item>a {
    color: #555;
    padding: .3em 1em .3em .6em;
}
.context-menu-list-drop-menu .context-menu-item.context-menu-hover>a {
    color: #23527c;
}
.context-menu-item a:hover {
    text-decoration: none;
}
/**分割按钮的样式**/
.split-button {
    position: relative;
}
.split-button .split-button-content {
    display: inline-block;
    position: relative;
}
.split-button .split-button-content:after {
    content: "\F0D7";
    font-family: FontAwesome;
    padding-left: 18px;
    display: inline-block;
    box-sizing: border-box;
    width: 28px;
}
.split-button .split-button-text {
    display: inline-block;
    position: relative;
    padding-right: 18px;
}
.split-button .split-button-text:after {
    content: "";
    border-right: 1px solid #f0f0f0;
    position: absolute;
    height: 100%;
    right: 0;
}
.split-button-inner {
    position: absolute;
    height: 100%;
    width: 46px;
    top: 0;
    right: 0;
    display: inline-block;
}
.layui-btn-sm .split-button-inner{
    width: 30px;
}
.layui-btn-sm.split-button .split-button-content:after{
    padding-left: 10px;
    width: 20px;
}
.layui-btn-sm.split-button .split-button-text {
    padding-right: 10px;
}
.layui-btn-xs .split-button-inner{
    width: 20px;
}
.layui-btn-xs.split-button .split-button-content:after{
    padding-left: 5px;
    width: 15px;
}
.layui-btn-xs.split-button .split-button-text {
    padding-right: 5px;
}
.layui-btn-lg .split-button-inner{
    width: 60px;
}
.layui-btn-lg.split-button .split-button-content:after{
    padding-left: 25px;
    width: 35px;
}
.layui-btn-lg.split-button .split-button-text {
    padding-right: 25px;
}

/**按钮图标样式，由于图标库涉及到三种图标，所以需要把layui-icon的font样式设置成和其他图标库的一样**/
/*.layui-btn i {
    position: relative;
    top: 1px;
    line-height: 1;
}*/

.layui-btn i + span {
    margin-left: 3px;
}

.layui-btn i,
.layui-btn .layui-icon {
    font-size: 16px
}

.layui-btn-lg i,
.layui-btn-lg .layui-icon {
    font-size: 16px;
}

.layui-btn-sm i,
.layui-btn-sm .layui-icon,
.layui-btn-xs i,
.layui-btn-xs .layui-icon {
    font-size: 14px;
}

.layui-btn+.layui-btn {
    margin-left: 5px;
}

.layui-btn {
    font-family: Arial;
}

.layui-btn-danger {
    background-color: #ff5722;
    color: #fff;
    border: 1px solid #ff5722;
}

.layui-btn-primary {
    background-color: #fff;
    color: #555;
}

.layui-btn-default {
    background-color: #009688;
    color: #fff;
    border: 1px solid #009688;
}

.layui-btn-normal {
    background-color: #1e9fff;
    color: #fff;
    border: 1px solid #1e9fff;
}

.layui-btn-warm {
    background-color: #ffb800;
    color: #fff;
    border: 1px solid #ffb800;
}

.layui-btn-disabled {
    background-color: #f5f5f5;
    color: black;
    border: 1px solid #e6e6e6;
}

a>i {
    margin-right: 3px;
}

a span + i {
    margin-left: 3px;
}

a>i.fa,
a>i.layui-icon {
    vertical-align: unset;
}

.layui-btn-xs [class*=" x-icon-"], .layui-btn-xs [class^=x-icon-] {
    position: relative;
    top: -1px;
}

.layui-btn [class*=" x-icon-"], .layui-btn [class^=x-icon-] {
    vertical-align: bottom;
}
/****查询组件的样式****/
.ant-input-affix-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: start;
}

.ant-input-affix-wrapper .ant-input {
    position: relative;
    text-align: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ant-input-affix-wrapper .ant-input-suffix {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.65);
    line-height: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.ant-input-affix-wrapper .ant-input-suffix {
    right: 12px;
}

.ant-input-affix-wrapper .ant-input:not(:first-child) {
    padding-left: 30px;
}

.ant-input-affix-wrapper .ant-input:not(:last-child) {
    padding-right: 40px;
}

/***附件域的样式****/
.webuploader-picker-btns {
    vertical-align: top;
}
.webuploader-container {
    display: inline-block;
    float: left;
}
.webuploader-picker-btns + button {
    margin-left: 5px;
}
.webuploader-pick {
    padding: 0px 10px;
    border-radius: 2px;
    font-family: Arial;
}

.layui-upload-item {
    display: inline-block;
    position: relative;
    width: 102px;
    height: 135px;
}

.layui-upload-item .layui-upload-img {
    width: 92px;
    height: 92px;
    margin: 0 0 10px 0;
}

.layui-upload-item .layui-upload-img+.layui-icon {
    color: #ff562b;
    top: -112px;
    position: relative;
    font-size: 25px;
    cursor: pointer;
    float: right;
}

/***水平分隔左右布局样式***/
.adi-hr-sv {
    position: relative;
}
.adi-hr-sv-left,
.adi-hr-sv-mid,
.adi-hr-sv-right {
    display: inline-block;
    height: 100%;
    overflow-y: auto;
    float: left;
}

.adi-hr-sv-mid {
    width: 5px;
    background: #f0f2f5;
    height: 100%;
    cursor: e-resize;
    position: relative;
}

.adi-hr-sv-cursor {
    position: absolute;
    height: 100%;
    top: 0px;
    width: 100%;
    background: #f0f2f5;
}
.adi-hr-sv-resizerOverlay {
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    display: none;
    cursor: e-resize;
}

/***水平分隔上下布局样式****/
.adi-hr-sv-top {
    top: 60px;
    width: 100%;
}

.adi-hr-sv-tmid {
    height: 5px;
    width: 100%;
    background: #f0f2f5;
    cursor: n-resize;
    position: relative;

}

.adi-hr-sv-down {
    width: 100%;
    height: calc(100% - 65px);
}
.adi-hr-sv-arrow-right,
.adi-hr-sv-arrow-left{
  background: transparent;
  position: relative;
  top: calc(50% - 5px);
  left: 0;
  right: 0;
}

.adi-hr-sv-arrow-right:hover, .adi-hr-sv-arrow-left:hover {
  cursor: pointer;
}

.adi-hr-sv-arrow-right:hover::after {
    border-color: transparent transparent transparent #000;
} 
.adi-hr-sv-arrow-left:hover::after {
  border-color: transparent #000 transparent transparent ;
}

.adi-hr-sv-arrow-right::after,
.adi-hr-sv-arrow-left::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  
  width: 0px;
  height: 0px;
  
  border-style: solid;
  border-width: 5px 0px 5px 5px;
  border-color: transparent transparent transparent #aaa;
}

.adi-hr-sv-arrow-left {
  top: calc(50% + 5px);
}

.adi-hr-sv-arrow-left::after {
  border-width: 5px 5px  5px 0px;
  border-color: transparent #aaa transparent transparent ;
}
.adi-hr-sv-arrow-left, .adi-hr-sv-arrow-right{
    width: 100%;
    height: 48px;
    top: 50%;
    margin-top: -24px;
    background: #e0e0e0;
}
/***上下布局的样式***/
.ui-layout-pane-center {
    width: auto !important;
}

/* 图标组件的样式 */
.site-doc-icon {
    font-size: 0;
}

.site-doc-icon li {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
    margin-right: -1px;
    margin-bottom: -1px;
    border: 1px solid #e2e2e2;
    font-size: 14px;
    text-align: center;
    color: #666;
    transition: all .3s;
    -webkit-transition: all .3s;
    position: relative;
}

.site-doc-anim li {
    height: auto;
}

.site-doc-icon li .layui-icon {
    display: inline-block;
    font-size: 30px;
}

.site-doc-icon li .layui-icon .layui-badge-dot {
    position: absolute;
    right: 1px;
}

.site-doc-icon li .doc-icon-name,
.site-doc-icon li .doc-icon-code {
    color: #c2c2c2;
}

.site-doc-icon li .doc-icon-fontclass {
    height: 40px;
    line-height: 20px;
    padding: 0 5px;
    font-size: 13px;
    color: #333;
}

.site-doc-icon li:hover {
    background-color: #f2f2f2;
    color: #000;
}

/* 数据列表分页的样式 */
.layui-laypage a,
.layui-laypage span {
    background: transparent;
}

.layui-laypage {
    padding-left: 2px;
}

/* 灰色标注性文字的样式 */
.layui-word-aux-breakpoint:checked~label~* {
    display: inline;
}

.layui-word-aux-breakpoint:checked~label {
    display: none;
}

.layui-word-aux-breakpoint~*:not(label) {
    display: none;
}

.layui-word-aux-breakpoint {
    display: none;
}

.layui-word-aux-breakpoint-label {
    color: blue;
    font-size: 13px;
    cursor: pointer;
}

/* tab面板的样式 */
.layui-tab {
    position: relative;
    height: 100%;
    overflow: hidden;
    margin: 0px;
}
.layui-tab-head {
    border-bottom: 1px solid #e6e6e6;
}

.layui-tab-title {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    border-bottom-width: 0px;
}

.layui-tab-title::-webkit-scrollbar {
    display: none;
}

.layui-tab-bar {
    background: inherit;
    border: none !important;
    display: none;
}

.layui-tab.layui-tab-brief>.layui-tab-head .layui-tab-title>li.layui-this {
    font-size: 14px;
    color: #0e5e75;
}

.layui-tab-brief>.layui-tab-head .layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-head .layui-tab-title .layui-this:after {
    border: none;
    border-bottom: 4px solid #0e5e75;
    min-width: 50px;
}

.layui-tab-title>li.layui-this .layui-tab-close {
    font-weight: 900;
    color: #262626;
}
.layui-tab-content {
    padding: 0px !important;
    overflow: hidden;
}
.layui-tab-item {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.layui-tab-automatic-bar {
    display: block;
    cursor: pointer;
}
.layui-tab-automatic-left-bar {
    left: 0px;
}
.layui-tab-automatic-right-bar {
    right: 0px;
}
.layui-tab .layui-tab-head .mw__title {
    width: 120px;
    line-height:40px;
    margin:18px 0 0 5px;
}
.layui-tab .layui-tab-head .mw__title h5{
    line-height:16px;
    border-left:3px solid #40505f;
    padding:0 0 0 10px;
    font-size:15px;
    margin-top:0px;
}
.layui-tab-title>li {
    position: relative;
}
.layui-tab-title>li>span.layui-badge {
    position: absolute;
    top: 2px;
    right: 0px;
    left: auto;
    height: 15px;
    line-height: 15px;
    padding: 0 4px;
    border-radius:20px;
}
.layui-tab-automatic-button-bar{
    position:absolute;
    top:0px;
    right:5px;
    line-height:40px;
}
.layui-tab-automatic-editable-button-bar {
    position: absolute;
    top: 0;
    display: inline-block;
    right: 5px;
    min-width: 30px;
    min-height: 40px;
    border: 1px #ddd dashed;
    line-height: 40px;
}
.layui-tab .layui-add-tab {
    vertical-align: middle;
    padding: 0 10px;
}
.layui-tab ul > .layui-add-tab {
    line-height: 40px;
}
.layui-tab .layui-add-tab .layui-icon-addition {
    cursor: pointer;
}
.layui-tab .layui-add-tab .layui-icon-addition:hover {
    border-radius: 2px;
    background: #ff5722;
    color: #fff;
}

/* 折叠面板的样式 */
.layui-colla-title {
    margin-bottom: 0;
    margin-top: 0;
}

/* ckEditor的样式 */
.ck-editor__main ul li {
    list-style: disc inside;
}

.ck-editor__main ol li {
    list-style: decimal inside;
}

/* 列表样式 */
.layui-table,
.layui-table-view {
    margin: 0;
}

.layui-table-view .layui-table td,
.layui-table-view .layui-table th {
    padding: 0;
}

.layui-table-cell {
    height: auto;
    padding: 0 3px;
    min-height: 20px;
    white-space: inherit;
    padding: 0 3px;
    line-height: 20px;
}

.layui-table>thead>tr>th>.layui-table-cell,
.layui-table>thead>tr>th>.layui-table-cell label.layui-form-label.component-form-label,
.layui-table>tbody>tr>td>.layui-table-cell {
    font-size: 14px;
    color: #3e3e3e;
}

.layui-help-cell {
    padding: 5px !important;
}

.layui-table-cell a {
    text-decoration: none;
}

.layui-table-cell.layui-table-column-op a {
    color: #337ab7;
}

.layui-table-view .layui-table-cell .laytable-cell-checkbox {
    height: auto;
    line-height: normal;
}

/* 部分组件在列表里需要额外设置样式 */
.mw-ui-list th .layui-form-item .layui-form-label {
    margin-top: 0;
}

.mw-ui-list td .layui-form-switch {
    margin-top: 0;
}

.mw-ui-list td .layui-form-item .layui-form-checkbox[lay-skin=primary] {
    margin-top: 0;
    margin: 0;
}

.layui-table>thead>tr>th>.layui-table-cell .layui-input-block {
    min-height: auto !important;
}

.layui-table .layui-form-item {
    padding: 3px 0;
}

.layui-table-column-checkbox {
    padding: 0 15px;
}

.layui-table[lay-size="xs"] td {
    padding: 3px 5px 3px 0;
}

.layui-table[lay-size="xs"] td:first-child {
    text-align: left;
    background: #f2f2f2;
    white-space: nowrap;
}

.layui-table[lay-size="xs"] td:empty {
    background: transparent;
}

.layui-table[lay-size="xs"] .layui-input,
.layui-table[lay-size="xs"] .layui-textarea {
    border: 0;
    height: 30px;
}

.layui-table[lay-size="xs"] .layui-form-switch {
    margin: auto 0 0 5px;
    box-sizing: content-box;
}

.layui-table[lay-size="xs"] .layui-form-label {
    padding: 5px 15px;
    display: inline;
    float: none;
}

/**树组件的部分样式修改**/
ul.fancytree-container {
    padding: 0;
}
span.fancytree-selected .fancytree-title,
.fancytree-treefocus span.fancytree-selected .fancytree-title {
    font-style: normal;
    background: #fff;
    border-color: #fff;
}

span.fancytree-active .fancytree-title {
    border-color: #d9d9d9;
    background: linear-gradient(180deg, #fafafb 0, #e5e5e5);
}

.fancytree-treefocus span.fancytree-active .fancytree-title {
    border-color: #719acb;
    background: linear-gradient(180deg, #f2f9fd 0, #c4e8fa);
}

span.fancytree-selected .fancytree-title:hover {
    border-color: #d8f0fa !important;
    background: linear-gradient(180deg, #f8fcfe 0, #eff9fe) !important;
}

span.fancytree-active .fancytree-title:hover {
    border-color: #719acb !important;
    background: linear-gradient(180deg, #f2f9fd 0, #c4e8fa) !important;
}

span.fancytree-custom-icon {
    color: #ea972c;
    font-size: 14px;
    vertical-align: middle;
    margin-top: 0px;
}

span.fa-leaf {
    color: #90bc4b;
}

span.fa-users {
    color: gray;
}
span.fancytree-unselectable {
    opacity: 0.4;
}
span.fancytree-unselectable>span.fancytree-title {
    border: none;
}

/**生成站点**/
.mw-cp-app {
    height: 100%;
}

/**布局组件的样式**/
.x-border-box, .x-border-box * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.x-border-box .layui-form-label {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
}
.x-panel, .x-plain {
    overflow: hidden;
    position: relative;
}
.x-panel {
    outline: none;
}
.x-panel-default {
    padding: 0;
    border-color: #5fa2dd;
    width: 100%;
    height: 100%;
}
.x-panel-header {
    font-size: 16px;
    overflow: hidden;
    width: 100%;
}
.x-panel-header-default {
    background-color: #5fa2dd;
}
.x-panel-header-default-horizontal {
    padding: 12px 16px 12px 16px;
}
.x-title {
    display: table;
    table-layout: fixed;
}
.x-title-align-left {
    text-align: left;
}
.x-panel-header-title-default {
    color: #f0f0f0;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    line-height: 20px;
}
.x-title-text {
    display: table-cell;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.x-panel-header-title-default > .x-title-text-default {
    text-transform: none;
    padding: 0;
}
.x-panel-bodyWrap {
    overflow: hidden;
    position: static;
    height: 100%;
    width: 100%;
}
.x-panel-body {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.x-panel-body-default {
    background: #fff;
    color: #404040;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}
.x-border-item {
    float: left;
}
.x-splitter {
    font-size: 1px;
    position: relative;
    background-color: #f0f2f5;
    overflow: visible;
    z-index: 1;
}
.x-splitter-cursor {
    position: absolute;
    height: 100%;
    top: 0px;
    width: 100%;
    background: #f0f2f5;
}
.x-splitter-horizontal {
    cursor: n-resize;
    width: 100%;
    height: 5px;
}
.x-collapse-el {
    position: absolute;
    background-repeat: no-repeat;
    cursor: pointer;
    color: #919191;
    background-color: #e0e0e0;
}
.x-layout-split-top,
.x-layout-split-bottom {
    left: 50%;
    width: 48px;
    height: 100%;
    margin-left: -24px;
}
.x-layout-split-top i,
.x-layout-split-bottom i {
    position: absolute;
    left: 20px;
    top: -5px;
    line-height: 14.29px;
}
.x-splitter-vertical {
    cursor: e-resize;
    width: 5px;
    height: 100%;
}
.x-layout-split-left,
.x-layout-split-right {
    top: 50%;
    margin-top: -24px;
    width: 100%;
    height: 48px;
}
.x-layout-split-left i,
.x-layout-split-right i {
    position: absolute;
    top: 17px;
    line-height: 14.29px;
}
.x-panel-north,
.x-panel-south {
    height: 40px;
}
.x-panel-west,
.x-panel-east {
    width: 200px;
    height: 100%;
}
.x-panel-center {
    width: 100%;
    height: calc(100% - 90px);
}
.x-panel-center-center {
    width: calc(100% - 410px);
    height: 100%;
}
.x-splitter-collapsed {
    cursor: default
}
.x-layout-split-noresize {
    display: none;
}
.x-layout-split-top-collapsed::after, .x-layout-split-bottom-expanded::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 5px 5px 5px;
    border-color: transparent transparent #aaa;
}
.x-layout-split-top-collapsed:hover::after, .x-layout-split-bottom-expanded:hover::after {
    border-color: transparent transparent #000;
}
.x-layout-split-top-expanded::after, .x-layout-split-bottom-collapsed::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 5px 0px 5px;
    border-color: #aaa transparent transparent transparent;
}
.x-layout-split-top-expanded:hover::after, .x-layout-split-bottom-collapsed:hover::after {
    border-color: #000 transparent transparent transparent;
}

.x-layout-split-right-expanded::after, .x-layout-split-left-collapsed::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 5px 5px 0px;
    border-color: transparent #aaa transparent transparent;
}
.x-layout-split-right-expanded:hover::after, .x-layout-split-left-collapsed:hover::after{
    border-color: transparent #000 transparent transparent;
}
.x-layout-split-right-collapsed::after, .x-layout-split-left-expanded::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 0px 5px 5px;
    border-color: transparent transparent transparent #aaa;
}
.x-layout-split-right-collapsed:hover::after, .x-layout-split-left-expanded:hover::after{
    border-color: transparent transparent transparent #000;
}

table.mw-ui-table-layout, 
table.mw-ui-table-layout > tbody > tr > td {
    border: 1px solid #eee;
}
table.mw-ui-table-layout {
    width: 100%;
    table-layout: fixed;
}

.datasheet-paginator .layui-laypage {margin: 5px 0 0 0}

.ui-default-datasheet {height: 100%; margin: 0; overflow: auto;}

.ui-default-datasheet .layui-table-box,
.ui-default-datasheet .layui-table-body.layui-table-body-no-scroll,
.ui-default-datasheet .layui-table-cell {
    overflow: visible;
    border: none;
}

.ui-default-datasheet .layui-table-body {
    overflow: auto;
    margin: 0;
    width: 100%;
}

.ui-default-datasheet .layui-table-column-checkbox {width: 39px;padding: 0 5px;text-overflow: clip;}
.ui-default-datasheet .layui-table-column-op {width: 120px;padding:0}
.ui-default-datasheet .layui-table-cell {overflow-y: visible;}
.ui-default-datasheet:focus .datasheet-row-activated { background: #e6f7ff }
.ui-default-datasheet .datasheet-row-activated { background: #f2f2f2 }
.ui-default-datasheet .layui-table-column-order {text-align: center;padding:0}

.ui-default-datasheet .layui-table-col-special {
    text-align: center;
}
.ui-default-datasheet .has-table-sort {
    display: table;
    vertical-align: middle;
    border-collapse: separate;
}

.ui-default-datasheet .has-table-sort > * {
    display: table-cell !important;
    width: 100%;
    vertical-align: middle;
}

/**按钮的样式**/
.automatic-button-link {
    display: inline-block;
    font-size: 14px;
}
.automatic-button-link-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    width: 100%;
}
.automatic-button {
    writing-mode: vertical-lr;
    white-space: pre-wrap;
    line-height: 20px;
    padding: 8px;
    width: 30px;
    height: auto;
}

/**弹窗**/
.layui-layer-content-footer {
    padding: 12px;
    border-top: 1px solid #eeeeee;
    height: 54px; 
    text-align: right;
}

/**日历组件**/
.fc-calender {
    box-shadow: none;
}
.fc-calender, .fc-calender .layui-card {
    height: 100%;
    margin: 0;
}
.fc-calender .layui-card-body {
    height: calc(100% - 42px);
    padding: 0 15px;
}
.fc-calender .layui-a-tips {
    position: absolute;
    right: 15px;
}
.fc-calender .layui-table td {
    padding: 0px;
}
.fc-calender .layui-table th {
    text-align: center;
}
.fc-calender .layui-table tbody tr:hover {
    background-color: #fff;
}
.fc-day {
    box-shadow: none;
}
.fc-day:hover {
    cursor: pointer;
}
.fc-day .layui-card-body {
    padding: 0 5px 4px 5px!important;
    height: 100%!important;
}
.fc-day-number {
    height: 20px;
}
.fc-day-number-content {
    float: right;
}
.fc-day-worktime {
    width: 34px;
    height: 34px;
    border: 1px solid #3a87ad;
    border-radius: 50%;
    color: #3a87ad;
    margin: auto;
    opacity: 1;
}
.fc-day-worktime-content {
    text-align: center;
    padding: 4px;
}
.fc-past-month, .fc-future-month {
    opacity: .3;
}
.fc-day-holidaytime {
    opacity: 0;
}
.fc-today {
    background-color: #fcf8e3;
}

/**数据列表分页器**/
.layui-form [lay-ignore] {
    display: inline-block;
}

/**下拉选择**/
.layui-select-title .layui-icon-close-fill, 
.xm-select-title .layui-icon-close-fill {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    cursor: pointer;
    color: #c2c2c2;
    height: 15px;
    line-height: 15px;
}
.layui-select-title:hover .layui-select-clear, 
.xm-select-title:hover .layui-select-clear {
    display: inline-block;
}
.layui-select-title:hover .layui-select-clear + .layui-edge, 
.xm-select-title:hover .layui-select-clear + .xm-select-sj {
    display: none;
}

/**栅格布局**/
.layui-grid-editable {
    border: 1px solid #eee;
}
.layui-grid-editable > div {
    border: 1px solid #eee;
    min-height: 28px!important;
    padding: 5px;
}

/**组织机构**/
.organization-selection-tag .layui-input {
    border-radius: 2px 0px 0px 2px;
}
.organization-selection-tag .layui-btn {
    border-radius: 0px 4px 4px 0px;
}

/**穿梭框**/
.transfer {
    width: 100%;
    height: 300px;
    padding: 12px;
    overflow: hidden;
}
.transfer-left, .transfer-button, .transfer-right {
    float: left;
    height: 100%;
}
.transfer-left {
    width: calc(50% - 20px);
}
.transfer-button {
    width: 40px;
    position: relative;
}
.transfer .transfer-button button {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.transfer-right {
    width: calc(50% - 20px);
}
.transfer-button .transfer-button-single, 
.transfer-button .transfer-button-select-all {
    position: absolute;
    width: 100%;
    margin-top: -26px;
}
.transfer-button .transfer-button-single {
    top: 50%;
}
.transfer-button .transfer-button-select-all {
    top: 70%;
}
.transfer .layui-input-search {
    margin: 0px 0px 5px 0px!important;
    padding: 0px!important;
}
.transfer .layui-input-search .ant-input-search,
.transfer .layui-input-search .ant-input-search .layui-input {
    height: 30px!important;
}
.transfer .transfer-left > div:nth-child(3) {
    height: calc(100% - 67px)!important;
}
.transfer .transfer-right .mw-ui-list {
    height: calc(100% - 34px)!important;
}

/**图片**/
.layui-automatic-image {
    width: 100px;
}
.layui-automatic-image .image {
    width: 100%;
    height: 100px;
    text-align: center;
    line-height: 100px;
    border: 1px solid #ddd;
}
.layui-automatic-image .image-title {
    line-height: 24px;
    font-size: 14px;
    font-weight: 600;
}
.layui-automatic-image .image-sub-title {
    line-height: 20px;
    font-size: 12px;
}
.layui-automatic-album {
    overflow: auto;
}
.layui-automatic-album .layui-automatic-image {
    float: left;
    margin: 10px
}

/**进度条**/
.layui-progress-text {
    top: -5px;
}

/**轮播**/
.layui-carousel .layui-carousel-item-image {
    height: 100%;
}
.layui-carousel .layui-carousel-item-title, .layui-carousel-enlarge-image .layui-carousel-item-title  {
    position: absolute;
    bottom: 60px;
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    z-index: 2;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #fff;
}
.layui-carousel .layui-carousel-item-sub-title, .layui-carousel-enlarge-image .layui-carousel-item-sub-title {
    position: absolute;
    bottom: 30px;
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    z-index: 2;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #fff;
}

.layui-carousel-enlarge-image .layui-carousel-item-title, .layui-carousel-enlarge-image .layui-carousel-item-sub-title {
    text-align: center;
}

.layui-carousel-enlarge-image .layui-carousel-item-image {
    width: 100%;
    height: 100%;
    max-width: none
}

.layui-carousel-show-title .layui-carousel-ind ul {
    background: none;
}
.layui-carousel-slides {
    overflow-x: clip;
}
.layui-carousel-slides>[carousel-item] {
    transition-duration: 0.3s;
}
.layui-carousel-slides>[carousel-item]>* {
    display: block;
    position: relative;
    float: left;
}

/**去除IE自带的输入框清除按钮**/
input::-ms-clear {
  width : 0;
  height: 0;
}

/**单行文本框带按钮**/
.layui-input-inline-customize .layui-input-inline input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.layui-input-inline-customize .layui-inline button.layui-btn {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}


/*** 表单非空校验的样式 ***/
.layui-form-danger:focus {
    border-color: #FF5722 !important
}

.layui-form-danger:hover {
    border-color: #FF5722 !important
}

.layui-form-danger {
    border-color: #FF5722 !important;
}

.layui-form-danger>i.layui-anim {
    color: #FF5722 !important;
}

.layui-form-danger>i.layui-icon-ok {
    border-color: #FF5722 !important;
}

.layui-form-danger+.layui-form-switch {
    border-color: #FF5722 !important;
}

.layui-deprecated-snappable-toolbar {
    margin-bottom: -46px !important;
}
.layui-deprecated-snappable-toolbar + * {
    height: calc(100% - 46px) !important;
    margin-top: 46px !important;
}

table.layui-table.data-sheet-vallina > thead > tr > th > .layui-table-cell {
    white-space: nowrap;
}

/**常用意见**/
.ui-process-option {
    width: 100%;
    height: 100%;
    background-color: rgb(249, 249, 249);
    border-color: rgb(238, 238, 238);
    padding: 15px;
    min-height: 20px;
    overflow-y: scroll;
    border-width: 1px;
    border-style: solid;
}
.ui-process-option .layui-row {
    padding-top: 10px;
    line-height: 40px;
}
.ui-process-option .layui-row .layui-col-xs7 {
    text-align: right;
}
.ui-process-option-title {
    font-size: 15px;
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.ui-process-option a {
    color: #117BE2;
}
.ui-process-option .option-list {
    min-height: 20px; 
    background-color: rgb(255, 255, 255); 
    border-color: rgb(238, 238, 238); 
    border-width: 1px;  
    border-style: solid; 
    height: 220px;
    overflow: auto;
}
.ui-process-option .option-list li {
    padding: 6px 10px;
    border-bottom: 1px solid #E8E8E8;
}
.ui-process-option .option-textarea {
    margin-bottom: 10px;
}
.ui-process-option .option-textarea .layui-input-block {
    margin-left: 0px;
}
.ui-process-option .option-textarea textarea{
    resize: none;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.15);
    padding: 6px 10px;
    line-height: 20px;
}

.ui-process-option-list {
    width: 100%;
    height: 100%;
}
.ui-process-option-list .toolbar {
    padding: 8px 12px; 
    min-height: 35px; 
}
.ui-process-option-list .table-list {
    padding: 0px 12px;
    overflow: auto;
    height: calc(100% - 46px);
}
/**病文意见**/
.ui-process-issue {
    width: 100%;
    height: 100%;
    background-color: rgb(249, 249, 249);
    border-color: rgb(238, 238, 238);
    padding: 15px;
    min-height: 20px;
    overflow-y: scroll;
    border-width: 1px;
    border-style: solid;
}
.ui-process-issue .layui-row {
    padding-top: 10px;
    line-height: 40px;
}
.ui-process-issue .layui-row .layui-col-xs7 {
    text-align: right;
}
.ui-process-issue-title {
    font-size: 15px;
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.ui-process-issue a {
    color: #117BE2;
}
.ui-process-issue .option-list {
    min-height: 20px; 
    background-color: rgb(255, 255, 255); 
    border-color: rgb(238, 238, 238); 
    border-width: 1px;  
    border-style: solid; 
    height: 220px;
    overflow: auto;
}
.ui-process-issue .option-list li {
    padding: 6px 10px;
    border-bottom: 1px solid #E8E8E8;
}
.ui-process-issue .option-textarea {
    margin-bottom: 10px;
}
.ui-process-issue .option-textarea .layui-input-block {
    margin-left: 0px;
}
.ui-process-issue .option-textarea textarea{
    resize: none;
}

.ui-process-option-list {
    width: 100%;
    height: 100%;
}
.ui-process-option-list .toolbar {
    padding: 8px 12px; 
    min-height: 35px; 
}
.ui-process-option-list .table-list {
    padding: 0px 12px;
    overflow: auto;
    height: calc(100% - 46px);
}

/**流程流向**/
.ui-process-process-flow {
    height: 100%;
    width: 100%;
}
.ui-process-process-flow .ui-process-flow {
    height: calc(100% - 165px);
    margin: 0px 5px;
}
.ui-process-process-flow .ui-process-flow .panel-One {
    padding-right: 5px;
}
.ui-process-process-flow > .mw-ui-panel {
    height: 155px;
}
.ui-process-flow-option {
    background-color: rgb(248, 248, 248); 
    border-color: rgb(238, 238, 238); 
    padding-right: 5px; 
    margin-left: 5px; 
    min-height: 20px; 
    margin-right: 5px; 
    padding-bottom: 10px; 
    border-width: 1px; 
    border-style: solid; 
    padding-left: 5px; 
    margin-top: 10px;
}
.ui-process-process-flow .ui-process-flow > div {
    height: 100%;
}
.ui-process-process-flow .ui-process-flow .layui-tab-content {
    overflow-y: auto; 
    margin-bottom: 0px; 
    margin-top: 0px; 
    height: calc(100% - 41px);
}
.ui-process-process-flow .ui-process-flow .layui-tab-content .layui-tab-item {
    min-height: 20px; 
    border-color: rgb(230, 230, 230); 
    border-width: 1px; 
    margin-bottom: -10px; 
    border-style: solid; 
    height: 100%;
}
.panel-two .layui-row, .panel-two .layui-col-xs6, .panel-two .layui-tab {
    height: 100%;
}
.panel-two .panel-two-left {
    padding: 0px 5px;
}
.panel-two .panel-two-right {
    padding-left: 5px;
}
.ui-process-process-flow .ui-process-flow .ui-process-flow-content {
    height:25px;
    line-height:25px;
    color:#000;
    border:0;
    display:block;
    text-align:left;
    margin-left:0;
    margin-bottom:1px;
}
.ui-process-flow .ui-process-flow-toolbar {
    background-color: rgb(235, 235, 235); 
    min-height: 35px; 
    box-sizing: border-box;
    line-height: 35px;
    padding: 0px 3px;
}
.ui-process-flow .ui-process-flow-count .layui-input-block {
    margin-left: 0px
}
.ui-process-flow .ui-process-flow-count .layui-input-block label {
    padding: 4px 0px;
    width: auto;
}
.ui-process-flow-next, .ui-process-flow-parallel, .ui-process-flow-notify {
    height: 100%;
}

/**办理意见列表**/
.ui-process-transact-comment-list table tbody tr:hover, .ui-process-back-comment-list table tbody tr:hover {
    background: none;
}
.ui-process-transact-comment-list table, .ui-process-back-comment-list table {
    min-height: 140px;
}
.ui-process-transact-comment-list table .comment-content {
    float: right;
    margin-left: 10px;
}
.ui-process-transact-comment-list table .comment-content button {
    margin-bottom: 0px!important;
}
.ui-process-edit-transact-comment {
    height: 100%;
    padding: 10px;
}
.ui-process-edit-transact-comment-container {
    height: calc(100% - 36px);
}
.ui-process-edit-transact-comment-footer {
    height: 36px;
}
.ui-process-edit-transact-comment-container > div {
    height: 100%;
    float: left;
}
.ui-process-edit-transact-comment-list-container, .ui-process-edit-transact-comment-content-container {
    width: calc(50% - 25px);
}
.ui-process-edit-transact-comment-btn-container {
    width: 50px;
    position: relative;
}
.ui-process-edit-transact-comment-content-container > div {
    height: 100%;
    padding: 0px;
}
.ui-process-edit-transact-comment-btn-container button {   
    display: block;
    top: calc(50% - 11px);
    position: absolute;
    left: 10px;
}
.ui-process-edit-transact-comment-footer-btn-container, .ui-process-edit-transact-comment-footer-checkbox-container {
    height: 100%;
    width: 50%;
    float: left;
}
.ui-process-edit-transact-comment-footer-btn-container {
    padding: 3px 0px;
}
.ui-process-edit-transact-comment-footer-checkbox-container {
    padding-left: 25px;
}
.ui-process-edit-transact-comment-content-container > div {
    height: calc(100% - 23px);
    margin-top: 5px;
}

/**图标列表**/
.ui-default-icon-wrapper {
    height:100%;
    overflow:auto;
    padding:10px;
}
.ui-default-icon-wrapper h5 {
    font-size: 15px;
    margin-bottom: .6em;
    color: #000000d9;
}
ul.icons-list {
    margin: 10px 0;
    overflow: hidden;
    direction: ltr;
    list-style: none;
}

ul.icons-list li {
    position: relative;
    float: left;
    width: 16.66%;
    height: 50px;
    margin: 3px 0;
    padding: 0px;
    overflow: hidden;
    color: #555;
    text-align: center;
    list-style: none;
    background-color: inherit;
    border-radius: 4px;
    cursor: pointer;
}

.rtl ul.icons-list li {
    margin: 3px 0;
    padding: 10px 0 0
}

ul.icons-list li .icon-class {
    display: block;
    font-family: Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    transform: scale(.83);
}

ul.icons-list li:hover, ul.icons-list li.ui-default-icon-active {
    color: #fff;
    background-color: #1e9fff;
}

ul.icons-list li:hover .ant-badge {
    color: #fff
}

ul.icons-list li.TwoTone:hover {
    background-color: #8ecafe
}

ul.icons-list li.copied:hover {
    color: #fff3
}

ul.icons-list li:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: 110px;
    text-align: center;
    opacity: 0;
    content: "Copied!"
}

ul.icons-list li.copied:after {
    top: -10px;
    opacity: 1
}
ul.icons-list li .icon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 26px;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 5px;
    font-size: 26px;
    will-change: transform
}
/* 分割线组件添加 label 选项 */
.ui-default-separator{
  display: inline-table;
  width: 100%;
  white-space: nowrap;
  border-spacing: 10px 0;
}
.ui-default-separator-left,
.ui-default-separator-right,
.ui-default-separator-center {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.ui-default-separator-center {
  width: 1px;
}
.ui-default-separator-center::before {
  content: attr(data-label);
}
/*自动补全样式*/
.ui-default-autocomplete-dropdown {
    position: absolute;
    z-index: 99999999;
    background: #fff;
    margin: 0;
}
.ui-default-autocomplete-dropdown li {
    list-style: none;
    padding: 5px;
    cursor: pointer;
}
.ui-default-autocomplete-dropdown li:hover {
    background: #eff6ff;
}

.organization-selection-field-tag:after {
    content: attr(data-placeholder);
    color: #888;
}

.ui-default-description-ellipsis {
                overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
}

/*多行文本框前后缀*/
.layui-form-item[xtype="Textarea"] .layui-prefix-text, 
.layui-form-item[xtype="Textarea"] .layui-postfix-text{
    vertical-align: middle;
    height: 100%;
    line-height: 15px!important;
}

/**个性定制布局**/
.layout-app-list {
	width: 100%;
	height: 100%;
	padding: 0px 5px;
	margin: 0px;
}

.layout-app-list .vouch {
	box-shadow: 0px 0px 20px #ddd;
	border-radius: 6px;
	position:inherit;
    margin: 10px;
    min-height: 20px;
}
.layout-app-list .vouchedit {
	position:inherit;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    background: #fefefe;
    cursor: pointer;
    box-shadow:0px 0px 8px #ddd;
	margin: 10px;
    min-height: 20px;
}
.layout-app-list .vouchedit:hover{
    border-color: rgba(77,162,236,0.6);
}
.layout-app-list .vouchedit label {
	text-align: left; 
	cursor: pointer; 
	display: block; 
	width: 100%;
	font-size: 19px;
	color: #666;
	box-sizing: border-box;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

/**editormd-markdown-toc**/
.editormd-markdown-toc ul {
    color: 
}
.editormd-markdown-toc ul li {
    position: relative;
    display: block;
    margin: 5px 10px;
}

/**
 * 解决 IE 下面表格头部边框不显示的问题
 */
.layui-table td,
.layui-table th {
    background-clip: padding-box !important
}

/**日期组件**/
.laydate-suffix {
    position: absolute;
    top: 0px;
    right: 5px;
    height: 100%;
    display: table;
}
.laydate-suffix i{
    display: table-cell;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.5);
}
/**人员选择**/
.organization-content {
    border: 1px solid #e6e6e6;
    border-radius: 2px 0px 0px 2px;
    min-height: 28px;
    padding: 0px 5px;
    cursor: text;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-right: 1px solid #c9c9c9;
}
.organization-content-input {
    float:left;
    border:none;
    overflow:hidden;
    min-width:13px;
    height: 26px;
    width: 70px;
}
.organization-content-input .organization-input{
    padding: 0px;
    border: none;
    height: 20px;
    min-height: 20px;
    line-height: 20px;
    margin: 4px 0px;
}
.organization-content-item {
    float: left;
}
.organization-content-dep, .organization-content-dep-fenhao, .organization-content-text {
    float: left;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    cursor: default;
    margin: 4px 3px;
}
.organization-content-text:not(.organization-content-text-on):hover {
    background-color: #e0ecf9;
    border-radius: 2px;
}
.organization-content-text-on {
    background-color: #1e9fff;
    color: #fff;
    border-radius: 2px;
}

/**arcjy新图标样式**/
@font-face {
  font-family: 'arcjy-icon';
  src:
    url('./fonts/arcjy-icon.ttf?yyxwr8') format('truetype'),
    url('./fonts/arcjy-icon.woff?yyxwr8') format('woff'),
    url('./fonts/arcjy-icon.svg?yyxwr8#arcjy-icon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.arcjy-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'arcjy-icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.arcjy-icon-peizhi:before {
  content: "\e90d";
}
.arcjy-icon-shouji:before {
  content: "\e90e";
}
.arcjy-icon-tongji:before {
  content: "\e90f";
}
.arcjy-icon-zhengli:before {
  content: "\e910";
}
.arcjy-icon-liyong:before {
  content: "\e911";
}
.arcjy-icon-jianding:before {
  content: "\e912";
}
.arcjy-icon-bianyan:before {
  content: "\e913";
}
.arcjy-icon-baoguan:before {
  content: "\e914";
}
.arcjy-icon-bianji:before {
  content: "\e900";
}
.arcjy-icon-daochu:before {
  content: "\e901";
}
.arcjy-icon-quanyouyi:before {
  content: "\e902";
}
.arcjy-icon-quanzuoyi:before {
  content: "\e903";
}
.arcjy-icon-shanchu:before {
  content: "\e904";
}
.arcjy-icon-shangyi:before {
  content: "\e905";
}
.arcjy-icon-xiayi:before {
  content: "\e906";
}
.arcjy-icon-xinzeng:before {
  content: "\e907";
}
.arcjy-icon-yijiaoshenpiren:before {
  content: "\e908";
}
.arcjy-icon-youyi:before {
  content: "\e909";
}
.arcjy-icon-zhidi:before {
  content: "\e90a";
}
.arcjy-icon-zhiding:before {
  content: "\e90b";
}
.arcjy-icon-zuoyi:before {
  content: "\e90c";
}
.arcjy-icon-file-11:before {
  content: "\e916";
}
.arcjy-icon-file-2:before {
  content: "\e915";
}

/**下拉菜单**/
li.context-menu-item.context-menu-submenu:not(:has(>a))::after {
  display: none;
}