/* //////////////////////////////////////////////// root样式 start //////////////////////////////////////////////// */
:root {
    /* 全局默认样式 */
    --global-background-color: #FCFCFC;
    --global-font-seiz: 12px;
    --global-line-height: 12px;
    --global-font-weight: normal;
    /* 默认间距 */
    --global-margin-space: 5px;
    --global-padding-space: 5px;
    --global-grid-separator: 5px;

    /* 主色调。场景：系统标题栏；信息栏图标 */
    --brand-color-main: #BD1A2D;
    /* 次色调。场景：主菜单和二级模块图标、文字选中状态颜色；标签选中状态颜色；数据列表筛选和排序功能选中状态颜色；提示类文案颜色（温馨提示）；按钮悬停时颜色 */
    --brand-color-sub: #C93C48;
    /* 台账图标 */
    --brand-icon-e38d8e: #E38D8E;
    /* 操作图标 */
    --icon-font-9fa9b3: #9FA9B3;

    /* 按钮边框 */
    --button-border-color: #B3B3B3;
    /* 按钮文字 */
    --button-font-color: #737373;
    /* 文字类按钮 */
    --button-text-font-color: #0D6EFD;
    /* 表单边框 */
    --form-input-border-color: #DCDCDC;
    /* 表单-输入框高度 */
    --form-input-height: 28px;
    /* 表单-多行文本框行数 */
    --form-textarea-rows: 3;

    /* 一般文字 */
    --word-font-color: #333333;
    /* 弱文字 */
    --word-font-color-sub: #A9A9A9;
    /* 可操作文字。场景：文字操作功能；功能组件；详情链接 */
    --word-operate-font-color: #0D6EFD;
    /* 可操作文字。选中状态 */
    --word-operate-font-color-this: #C93C48;
    /* 弱文字 */
    --word-operate-font-color-sub: #A9A9A9;

    /* 一级标题 */
    --title-1-font-seiz: 22px;
    --title-1-line-height: 22px;
    --title-1-font-weight: bold;

    /* 二级标题 */
    --title-2-font-seiz: 14px;
    --title-2-line-height: 14px;
    --title-2-font-weight: bold;

    /* 标题颜色 */
    --menu-color-main: #B3B3B3;
    --menu-color-sub: #9FA9B3;


}
/* //////////////////////////////////////////////// root样式  end  //////////////////////////////////////////////// */

/* //////////////////////////////////////////////// 全局样式 start //////////////////////////////////////////////// */
html{
    height: 100%;
}
body {
    background: #f2f2f2;
    font: 12px Microsoft YaHei,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
    height: 100%;
    box-sizing: border-box;
}

/**初始化加载层*/
.layuimini-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 999999;
}

.layuimini-loader .layuimini-loader-inner {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #1E9FFF;
    animation: spin 2s linear infinite;
}

.layuimini-loader .layuimini-loader-inner:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #1E9FFF;
    animation: spin 3s linear infinite;
}

.layuimini-loader .layuimini-loader-inner:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #1E9FFF;
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}

/**自定义滚动条样式 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px
}
::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
::-webkit-scrollbar-thumb {
    background-color: #9c9da0;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

/* 清除谷歌浏览器下的 search 叉号 */
input::-webkit-search-cancel-button{
    display: none;
}
/* 清除IE下的 search 叉号 */
input[type=search]::-ms-clear{
    display: none;
}
input::-ms-clear{
    display: none;
}

/* iconfont颜色 start */
.iconfont.iconfont-color-sub {
    color: var(--brand-color-sub) !important;
}
/* iconfont颜色  end  */

/* 行间距样式 start */
.layui-row-space5{
    padding-bottom: 5px;
}
.layui-row-space10{
    padding-bottom: 10px;
}
.layui-row-space15{
    padding-bottom: 15px;
}
/* 行间距样式  end  */


/* 内容自动换行 add 2024-4-16 */
.multiline_text {
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
    overflow: hidden;
    text-align: left;
    overflow-wrap: break-word;
    cursor: initial;
}

/* //////////////////////////////////////////////// 全局样式  end  //////////////////////////////////////////////// */



/* //////////////////////////////////////////////// 头部样式 start //////////////////////////////////////////////// */
.layui-header {
    background-color: #BD1A2D !important;
    height: 70px !important;
    min-width: 800px;
}
.layui-header > .layui-layout-right > .layui-nav-item {
    height: 70px !important;
    line-height: 70px !important;
}

.layui-header .layui-logo{
    height: 70px !important;
    line-height: 70px !important;
    overflow: hidden;
    width: auto;
    padding-left: 16px;
}
/* 左侧logo区域 */
.layui-header .layui-logo img{
    position: relative;
    bottom: 5px;
    height: 30px;
}
.layui-header .layui-logo .logo-text{
    font-weight: bold;
    font-size: 22px;
    color: #f5f5f5;
    margin-left: 10px;
}

/* 右侧信息按钮区域 */
.layui-header .layui-nav {
    padding: 0 !important;
}
.layui-header .layui-nav.layui-layout-right .layui-nav-item{
    height: 70px;
    line-height: 70px;
    margin-right: 35px;
}
.layui-header .layui-nav.layui-layout-right .layui-nav-item .label-text{
    cursor: pointer;

}
.layui-header .layui-nav.layui-layout-right .layui-nav-bar {
    display: none;
}
/* //////////////////////////////////////////////// 头部样式  end  //////////////////////////////////////////////// */


/* //////////////////////////////////////////////// 左侧菜单 start //////////////////////////////////////////////// */
.layui-side {
    top: 70px !important;
    width: 140px !important;
    background-color: #212940 !important;
    border-right: 1px solid #9398A2;
}
.layui-side .layuimini-menu-left {
    width: 100%;
    height: calc(100% - 40px);
    overflow-y: auto;
}
.layui-side .layuimini-menu-left .layui-nav{
    display: flex;
    align-items: center;
    position: relative;
    flex-direction: column;
    width: 100%;
    height: auto;
    background-color: #202a40 !important;
    border-bottom-left-radius: 3px;
    min-height: 100%;
}
.layui-side .layuimini-menu-left .layui-nav .menu-dd{
    width: 80px;
    height: 90px;
    text-align: center;
    background-color: transparent !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.layui-side .layuimini-menu-left .layui-nav .menu-dd >a{
    background-color: transparent !important;
    position: relative;
}
.layui-side .layuimini-menu-left .layui-nav .menu-dd >a >span{
    color: #b3b3b3;
    margin: 8px 0;
    display: block;
}
.layui-side .layuimini-menu-left .layui-nav .menu-dd >a >span.layui-badge{
    top: 0;
    right: -12px;
    border-radius: 10px;
    background-color: #BD1A2D;
    color: #f8f8f4 !important;
    padding: 0 4px;
    min-width: 10px;
}
.layui-side .layuimini-menu-left .layui-nav .menu-dd >a >span.iconfont{
    font-size: 34px;
}
.layui-side .layuimini-menu-left .layui-nav .menu-dd >a >span.iconfont.icon-bangong{
    font-size: 24px;
}
.layui-side .layuimini-menu-left .layui-nav .menu-dd.layui-this >a >span{
    color: var(--brand-color-sub);
}

.layui-side .server-date{
    font-size: 12px;
    color: #C2C4C7;
    text-align: center;
    margin-top: 7px;
}
.layui-side .project-version{
    font-size: 12px;
    color: #C2C4C7;
    text-align: center;
}
/* //////////////////////////////////////////////// 左侧菜单  end  //////////////////////////////////////////////// */

/* //////////////////////////////////////////////// 标题样式 start //////////////////////////////////////////////// */
.title-area-1{
    font-size: 0;
    text-align: center;
    height: 22px;
    margin: 5px auto;
}
.title-area-1 .title-text{
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}

.title-area-2 {
    font-size: 0;
    padding-bottom: 6px;
    height: 26px;
    line-height: 26px;
}
.title-area-2 .title-icon{
    font-size: 14px;
    color: var(--brand-color-sub);
}
.title-area-2 .title-text{
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
}
/* //////////////////////////////////////////////// 标题样式  end  //////////////////////////////////////////////// */


/* //////////////////////////////////////////////// 面板布局 start //////////////////////////////////////////////// */
.layui-body.icos-content-page{
    left: 140px;
    min-width: 1000px;
    padding-bottom: 0;
    overflow: hidden;
    bottom: 0 !important;
    top: 70px !important;
    transition: all .2s;
}
/* //////////////////////////////////////////////// 面板布局  end  //////////////////////////////////////////////// */

/* //////////////////////////////////////////////// 快速入口 start //////////////////////////////////////////////// */
.icos-content-page .tools-container{
    background-color: var(--global-background-color);
    height: 70px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    word-break: keep-all;
    margin: 0 5px !important;
}

.icos-content-page .tools-container .kssq-title{
    padding-left: var(--global-padding-space);
    font-size: 0;
}
.icos-content-page .tools-container .kssq-title .kssq-title-icon {
    font-size: 14px;
    color: var(--brand-color-sub);
}
.icos-content-page .tools-container .kssq-title .kssq-title-text{
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
}

.icos-content-page .tools-container .kssq{
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    /*justify-content: space-around;*/
    min-width: 610px;
}
.icos-content-page .tools-container .kssq .item {
    margin: auto 40px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
}
.icos-content-page .tools-container .kssq .item.group {
    width: 1px;
    margin: 0 !important;
    height: 40%;
    background-color: var(--form-input-border-color);
    cursor: unset !important;
}
.icos-content-page .tools-container .kssq .item .item-iconfont{
    text-align: center;
    color: var(--menu-color-sub);
}
.icos-content-page .tools-container .kssq .item .item-iconfont .iconfont{
    font-size: 20px;
}
.icos-content-page .tools-container .kssq .item .layui-badge {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 4px;
    height: 14px;
    /*width: 14px;*/
    line-height: 14px;
    border-radius: 7px;
    background-color:  var(--brand-color-sub);
}
.icos-content-page .tools-container .kssq .item.layui-this .text {
    color: var(--brand-color-sub);
}
.icos-content-page .tools-container .kssq .item.layui-this .item-iconfont{
    color: var(--brand-color-sub);
}
/* //////////////////////////////////////////////// 快速入口  end  //////////////////////////////////////////////// */



/* //////////////////////////////////////////////// 表单 start //////////////////////////////////////////////// */

/* dropdown模拟select样式 start */
.layui-dropdown-select {
    box-shadow: 1px 1px 10px rgb(0 0 0 / 12%);
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 6px;
}

.layui-dropdown-select .layui-dropdown-menu {
    margin: 0;
}
.layui-dropdown-select-single {
    box-shadow: 1px 1px 10px rgb(0 0 0 / 12%);
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 6px;
}
.layui-dropdown-select-single .layui-dropdown-menu{
    max-height: 297px;
    overflow-y: auto;
    margin: 0;
}
.layui-dropdown-select-single .layui-dropdown-menu li{
    width: 100%;
}
/* dropdown模拟select样式 end */

/* 表单中input内外iconfont样式 end */
.input-icon-inline{
    position: relative;
}
.input-icon-inline.inner-icon input,
.input-icon-inline.outer-icon input,
.input-icon-inline.all-icon input{
    padding-right: 22px;
}
.input-icon-inline .input-inner-icon, .input-icon-inline .input-outer-icon {
    position: absolute;
    width: 20px;
    right: 5px;
    top: calc(50% - 8px);
    height: 16px;
    text-align: center;
    cursor: pointer;
    font-size: 0;
    -webkit-text-size-adjust: none;
}
.input-icon-inline .input-inner-icon > i{
    font-size: 14px;
}

.input-icon-inline.outer-icon input,
.input-icon-inline.all-icon input {
    width: calc(100% - 28px);
}
.input-icon-inline.all-icon .input-inner-icon {
    right: 32px;
}
/* 表单中input内外iconfont样式 end */

.layui-form-label {
    padding: 4px 8px;
    width: 94px;
}
.layui-input-block {
    min-height: var(--form-input-height);
    padding-bottom: 10px;
}
.layui-form-item .layui-input-inline {
    width: 190px !important;
}
.layui-input, .layui-select{
    height: var(--form-input-height);
    border-color: var(--form-input-border-color);
}
.layui-textarea {
    height: calc(20px * var(--form-textarea-rows, 3) + 14px);
    border-color: var(--form-input-border-color);
    min-height: calc(20px * var(--form-textarea-rows, 3) + 14px);
}

/* 单选按钮 */
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {
    color: #BD1A2D;
}
.layui-form-radio>i {
    font-size: 18px;
}

.layui-table-view .layui-form-radio>i {
    font-size: 18px;
    margin-top:-2px;
}

.layui-form-radio * {
    font-size: 12px;
}
.layui-form-radio {
    margin-top: 0;
}

/* 复选框 */
.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #2482f4;
}
.layui-form-checked[lay-skin=primary]>i,.layui-form-checked.layui-checkbox-disabled[lay-skin=primary]>i {
    border-color: #2482f4!important;
    background-color: #2482f4!important;
}
.layui-checkbox-disabled, .layui-checkbox-disabled i {
    opacity: 0.5;
}
.layui-checkbox-disabled[lay-skin=primary] span {
    color: #666;
}

.layui-form-checkbox span {
    font-size: 12px;
}

/* 调整下拉选项与显示框间距 */
.layui-form-select dl{
    top: 28px;
}
.layui-form-selectup dl {
    top: auto;
    bottom: 28px;
}
.layui-form-select dl dd.layui-this {
    background-color: #0D6EFD;
    color: #fff;
}
.layui-disabled, .layui-disabled:hover {
    color: rgba(0,0,0,.85) !important;
}

/* //////////////////////////////////////////////// 表单  end  //////////////////////////////////////////////// */

/* //////////////////////////////////////////////// 二级面板与弹窗布局 start //////////////////////////////////////////////// */
.layuimini-content-page .content-page {
    height: calc(100% - 70px);
    min-width: 1000px;
    min-height: 450px;
    box-sizing: border-box;
}

/* 主页面区域 */
.layuimini-content-page .content-page .page-body {
    padding: var(--global-padding-space);
    padding-bottom: 0;
    position: relative;
    height: 100%;
    overflow-y: auto;
    background-color: #f2f2f2;
    box-sizing: border-box;
}

/* grid-页面布局 start */
/* 默认间隔5px */
.grid-container {
    display: grid;
    width: 100%;
    height: 100%;
    min-width: 390px;
    min-height: 245px;
    overflow: auto;
    grid-gap: var(--global-grid-separator);
}

/* 页面布局-左右(left-right)结构，默认右边范围宽度[400px,500px] */
.grid-container.lr {
    grid-template-areas: "container-left container-right";
    grid-template-columns: minmax(785px,1fr) minmax(395px,500px);
}
.grid-container.lr.l350rfr {
    grid-template-columns: 350px 1fr;
}
.grid-container.lr.l200rfr {
    grid-template-columns: 200px 1fr;
}

.grid-container.lr.l_r540 {
    grid-template-columns: minmax(630px,1fr) 540px !important;
}
/*会议管理使用到*/
.grid-container.lr.l7fr_r5fr {
    grid-template-columns: 7fr 5fr;
}


/* 页面布局-上下(top-bottom)结构，默认底部高度40px */
.grid-container.tb {
    grid-template-areas: "container-top"
                         "container-bottom";
    grid-template-rows: 1fr 50px;
    grid-template-columns: 1fr;
}

/* 页面布局-右下左(right-bottom-left)结构 */
.grid-container.rbl {
    grid-template-areas: "container-left container-right"
                             "container-bottom container-bottom";
    grid-template-rows: 1fr 50px;
    grid-template-columns: 1fr 350px;
}

.grid-container.rbl.rbl500 {
    grid-template-columns: 1fr 500px;
}
.grid-container.rbl.rbl450 {
    grid-template-columns: 1fr 450px;
}
/*会议管理使用到*/
.grid-container.rbl.r420bl {
    grid-template-columns: 1fr 420px;
}
/* 页面布局-上(top)结构 */
.container-top {
    grid-area: container-top;
    background-color: var(--global-background-color);
    overflow: auto;
    border: 5px solid var(--global-background-color);
    border-right: 0;
    padding-right: 5px;
    /*padding: 5px;*/
    box-sizing: border-box;
}
/* 页面布局-左(left)结构 */
.container-left {
    grid-area: container-left;
    background-color: var(--global-background-color);
    overflow: auto;
    border: 5px solid var(--global-background-color);
    border-right: 0;
    padding-right: 5px;
    box-sizing: border-box;
}
/* 页面布局-右(right)结构 */
.container-right {
    grid-area: container-right;
    background-color: var(--global-background-color);
    overflow: auto;
    border: 5px solid var(--global-background-color);
    border-right: 0;
    padding-right: 5px;
    box-sizing: border-box;
}
/* 页面布局-下(bottom)结构 */
.container-bottom{
    grid-area: container-bottom;
    background-color: var(--global-background-color);
    overflow: auto;
    border: 5px solid var(--global-background-color);
    border-right: 0;
    padding-right: 5px;
    box-sizing: border-box;
}

/* 用于layer弹出框,type=1时, grid-container样式的父级元素 */
.grid-container-layer1{
    background-color: var(--global-background-color);box-sizing: border-box;height: 100%;
    padding: 0 5px;
}
.grid-container-layer1 .grid-container{
    grid-gap: 0;
}

/* 用于layer弹出框,type=2时, grid-container样式的父级元素 */
.grid-container-layer2{
    background-color: var(--global-background-color);
    box-sizing: border-box;height: 100%;
    padding: 0 5px;
}
.grid-container-layer2 .grid-container{
    grid-gap: 0;
}
.grid-container-layer2 .grid-container.lr {
    grid-template-columns: minmax(775px, 1fr) minmax(395px, 500px);
}

/* 页面布局-行间隔线 */
.grid-container.space_row1 {
    grid-row-gap: 1px;
}
/* 页面布局-列间隔线 */
.grid-container.column_row1 {
    grid-column-gap: 1px;
}
.grid-container.column_row1.lr {
    grid-template-areas: "container-left container-right";
    grid-template-columns: minmax(784px,1fr) minmax(395px,500px);
}
/* grid-页面布局 end */


/* flex-页面布局 start */
.flex-container-panel {
    background-color: var(--global-background-color);
    height: 100%;
    position: relative;
    overflow: hidden;
}

/* 二级页面上下布局(top-bottom) */
.flex-container-tb {
    display: flex;
    flex-direction: column;
    min-width: 1124px;
    position: relative;
    height: 100%;
}
.flex-container-tb-separator .flex-container-panel {
    margin-top: var(--global-margin-space);
}
.flex-container-tb-separator .flex-container-panel:first-child {
    margin-top: 0;
}
/* flex-页面布局 end   */


/* panel面板-页面布局 start */
.block-container-panel{
    background-color: var(--global-background-color);
    padding: var(--global-padding-space);
    height: auto;
    min-height: calc(100% - 10px);
}
/* panel面板-页面布局 end   */

/* //////////////////////////////////////////////// 二级面板与弹窗布局  end  //////////////////////////////////////////////// */

/* //////////////////////////////////////////////// table样式 start //////////////////////////////////////////////// */

.layui-table-view {
    margin: 0;
}
.table-height-sm {

}
.layui-table {
    color: #333;
}
.layui-table-cell {
    padding: 6px 10px;
}
.layui-table tr th div.layui-table-cell{
    text-align: center;
    height: 32px;
    line-height: 20px;
}
.layui-table tr td div.layui-table-cell{
    height: 30px;
    line-height: 18px;
}
.layui-table-body .layui-none {
    line-height: 21px;
    padding: 5px 15px;
}
.layui-table td, .layui-table th {
    font-size: 12px;
}
.layui-table td a {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    color: rgb(0, 102, 255);
}
th .laytable-cell-group{
    text-align: center;
}
.layui-table-edit{
    height: 100%;
}

.layui-table-cell .layui-progress-inner{
    position: absolute;
    width: calc(100% - 30px);
    bottom: 0;
}
/* 单元格td内进度条样式-下层底板 */
td > .layui-progress-inner {
    position: absolute;
    width: calc(100% - 30px);
    bottom: 1px;
    left: 15px;
    height: 4px;
    border-radius: 2px;
}
/* 单元格td内进度条样式-上层进度 */
td > .layui-progress-inner .layui-progress-bar {
    height: 4px;
    border-radius: 2px;
}
/* 单元格内容tips，框隐藏进度条 */
.layui-table-tips-main .layui-progress-inner {
    display: none;
}
/* 单元格内容tips，禁止所有元素事件 */
.layui-table-tips-main * {
    pointer-events: none;
    cursor: text;
}

/* table表头，自定义筛选样式 start */
.dropdownBox ul{
    max-height: 300px;
    overflow: hidden;
    overflow-y: scroll;
}
/* table表头，自定义筛选样式 end */

/* table表格可点击内容 start */
tbody td span.content-click {
    cursor: pointer;
    color: rgb(0, 102, 255);
}
/* table表格可点击内容 end */

/* table内图标样式 start */
.cell-iconfont-container {
    font-size: 0;
    height: 100%;
    text-align: center;
}
.cell-iconfont-container .iconfont{
    font-size: 16px;
    line-height: 1;
    height: 100%;
    color: var(--icon-font-9fa9b3);
    cursor: pointer;
    margin-left: 10px;
}
.cell-iconfont-container .iconfont:first-of-type{
    margin-left: 0;
}
/* table内图标样式 end */

/* table内过滤标签 start */
.filter-condition{
    width: 10px;
    height: 100%;
    margin-left: 5px;
    cursor: pointer!important;
    line-height: 16px;
}
/* 过滤选中样式 */
.filter-condition-checked {
    color: #CC263C;
}
/* table内过滤标签 end */

/* 单元格图标 start */
td .icon-right {
    position: absolute;
    /*width: 20px;*/
    right: 5px;
    top: calc(50% - 10px);
    height: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 0;
    -webkit-text-size-adjust: none;
}
/* 单元格图标  end  */

.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
    border-color: var(--form-input-border-color);
}

/* 单元格内连接 start */
td .operate-link {
    color: var(--word-operate-font-color);
    cursor: pointer;
}
/* 单元格内连接  end  */

/*自定义表格样式*/
table.vspnicos_table {
    font-size: 12px;
    color: #333333;
    border-width: 1px;
    border-color: #e0e0e0;
    /*border-collapse: collapse;*/
    text-align: center;
    margin: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    table-layout: fixed;
}
table.vspnicos_table tr {
    height: 43px;
}
table.vspnicos_table td {
    /*border-width: 1px;*/
    padding: 5px 8px;
    /*border-style: solid;*/
    /*border-color: #e0e0e0;*/
    border: 1px solid #e0e0e0;
    border-top: none;
    border-left: none;
}
table.vspnicos_table .vspnicos_td_name{
    width: 90px;
    /*text-align: center;*/
    color: darkgray;
}
table.vspnicos_table .vspnicos_td_name .td_name{
    width: 60px;
    color: darkgray;
    text-align: justify;
    /*这行必加，兼容ie浏览器*/
    text-justify:distribute-all-lines;
    text-align-last: justify;
    margin: 0 auto;
}
/*.vspnicos_td_name:not(.empty_):after{*/
/*    content: ':';*/
/*}*/
table.vspnicos_table .vspnicos_td_info{
    width: 200px;
    text-align: left;
    color: black;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    cursor: pointer;
}

table.vspnicos_table.vspnicos_table_70_130{

}
table.vspnicos_table.vspnicos_table_70_130 .vspnicos_td_name{
    width: 70px;
}
table.vspnicos_table.vspnicos_table_70_130 .vspnicos_td_info{
    width: 130px;
}

table.vspnicos_table.vspnicos_table_60_150{

}
table.vspnicos_table.vspnicos_table_60_150 .vspnicos_td_name{
    width: 60px;
}
table.vspnicos_table.vspnicos_table_60_150 .vspnicos_td_info{
    width: 150px;
}

/* //////////////////////////////////////////////// table样式  end  //////////////////////////////////////////////// */


/* //////////////////////////////////////////////// 业务功能样式 start //////////////////////////////////////////////// */
/* 必填项前面加'*' */
.required-before:before{
    content: "*";
    color: red;
    vertical-align: middle;
    line-height: 1;
}
/* 必填项后面加'*' */
.required-after:after{
    content: "*";
    color: red;
    vertical-align: middle;
    line-height: 1;
}

/* 短日期样式 start */
.layui-laydate .layui-this, .layui-laydate .layui-this>div {
    background-color: #0D6EFD!important;
    color: #fff!important;
}
.layui-input.date-yyyy{
    width: 90px;
    cursor: pointer;
}
.layui-input.date-yyyyMM{
    width: 90px;
    cursor: pointer;
}
/* 短日期样式  end  */

/* 关键字搜索框 start */
/* 默认宽度300px */
.keyword{
    width: 300px;
}
/* 关键字搜索框  end  */

/* 提交信息区域样式，目前主要为台账页面 start */
.tjxx-block {
    border: 1px solid rgba(204, 204, 204, 1);
    padding: 0 10px;
    height: 72px;
    line-height: 72px;
    cursor: pointer;
    position: relative;
}
.tjxx-block .a-icon{
    float: left;width: 28px;height: 22px;margin-top: 13px;
}
.tjxx-block .right-content{
    line-height: normal;margin-left: 35px;
}
.tjxx-block .right-content .right-content-row{
    margin-top: 12px;
}
.tjxx-block .right-content .right-content-row .content-title{
    width: 70px;margin-right: 2px;display:-moz-inline-box;display:inline-block;
}
.tjxx-block .right-content .right-content-row .content-text{
    width: 42px;display: inline-block;text-align: right;
}
.tjxx-block .right-content .right-content-row .content-text.content-text-lx{
    width: 114px;
}
.tjxx-block .right-content .right-content-row .content-suffix{
    margin-left: 5px;
}
/* 提交信息区域样式，目前主要为台账页面 end */

/* 分页控件 */
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #2482f4;
}
.layui-laypage .layui-laypage-skip {
    color: #333;
}

/* layer 按钮 */
.layui-btn-container {
    height: 26px;
    line-height: 26px;
    text-align: right;
}
.layui-btn-container span{
    font-size: 12px;
    color: var(--button-text-font-color);
    cursor: pointer;
    margin-left: 10px;
}
.layui-btn-container span:first-of-type{
    margin-left: 0;
}
.layui-btn-container-tab span {
    color: inherit;
    margin: 0;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
}
.layui-btn-container-tab > span {
    padding: 4px 8px;
}
.layui-btn-container-tab span.layui-this {
    color: var(--brand-color-sub);
}

.layui-btn-container button, .layui-layer-btn a{
    height: 26px !important;
    line-height: 26px !important;
    border-radius: 6px !important;
    display: inline-block !important;
    padding: 0 15px !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-size: 14px !important;
    cursor: pointer;
    background-color: #fcfcfc !important;
    border: 1px solid var(--button-border-color) !important;
    color: var(--button-font-color) !important;
    margin-left: 10px;
}
.layui-btn-container button:first-of-type, .layui-layer-btn a:first-of-type{
    margin-left: 0;
}

.layui-btn-container button:hover, .layui-layer-btn a:hover{
    border-color: var(--brand-color-sub) !important;
    color: var(--brand-color-sub) !important;
}

.container-bottom .layui-btn-container {
    padding: 7px 0;
}

/* 弹窗 */
.layui-layer-title{
    font-size: 16px !important;
    padding-left: 10px !important;
    font-weight: bold;
    border-bottom-width: 2px;
}

/* 合规检查样式 */
.hgjcjg {
    min-height: 120px;
}
.hgjcjg li{
    min-height: 25px;
}
.hgjcjg li .zxcl {
    margin-right: 10px;
    font-size: 14px;
    vertical-align: top;
    padding-top: 3px;
}
.hgjcjg li .zxcl.S{
    color: red;
}
.hgjcjg li .zxcl.A{
    color: yellow;
}
.hgjcjg li .zxcl.P{
    color: lightgreen;
}
/* 合规要素（申请要素，审批要素等） */
.hgys {
    margin: 10px;
    min-height: 120px;
}


/* 统计框样式 start */
.layui-col-tjxx{
    font-size: 14px;
    width: 190px !important;
    margin-right: 10px;
}
.layui-col-tjxx:last-child {
    margin-right: 0;
}
.layui-col-tjxx.layui-this .tjxx-block{
    border-color: #cc263c;
}

.layui-col-tjxx .col-tjxx-title {
    text-align: center;
}
.layui-col-tjxx .col-tjxx-title .text:after {
    content: ":";
}
/* 统计框样式  end  */
/*新增卡片框大小*/
/*两行样式*/
.layui-col-kp2xx{
    font-size: 14px;
    color: #333333;
    border-color: var(--form-input-border-color);
    width: 200px !important;
    height: 75px !important;
    margin-right: 10px;
    float: left;
}
.kpsv{
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*三行样式*/
.layui-col-kp3xx{
    font-size: 14px;
    color: #333333;
    border-color: var(--form-input-border-color);
    width: 200px !important;
    height: 105px !important;
    margin-right: 10px;
    float: left;
}
.layui-col-kp2xx.layui-this .tjxx-block{
    border-color: var(--brand-color-sub);
}
.layui-col-kp3xx.layui-this .tjxx-block{
    border-color: var(--brand-color-sub);
}
/*新增卡片框大小*/

/* 基础时间线的图标hover事件 */

/* 基础时间线的图标颜色 */
.layui-timeline-theme-ok .layui-timeline-axis.iconfont, .layui-timeline-theme-ok .layui-timeline-axis:hover{
    color: #52C41A !important;
}

.layui-timeline-theme-ok .layui-timeline-axis.iconfont.unchecked, .layui-timeline-theme-ok .layui-timeline-axis.unchecked:hover{
    color: var(--form-input-border-color) !important;
}
.layui-timeline-theme-ok .layui-timeline-content {
    font-size: 12px;
}

/* span小标签样式 start */
.tags-selected .selected{
    font-size: 12px;
    color: var(--word-operate-font-color);
    cursor: pointer;
    margin-right: 15px;
}
.tags-selected .selected:last-child{
    margin-right: 0;
}
.tags-selected .selected:hover{
    color: var(--word-operate-font-color-this) !important;
}
.tags-selected .selected .selected-close{
    padding-left: 3px;
    padding-right: 1px;
}
/* span小标签样式  end  */
/* //////////////////////////////////////////////// 业务功能样式  end  //////////////////////////////////////////////// */








/* ////////////////////////////////////////////////原common.css//////////////////////////////////////////////// */
.layui-form-item.zs{
    margin-left: 45px;
    color: red;
}
.dzqm-img{
    display: inline-block;
    height: auto;
    cursor: pointer;
    max-height: 100px;
}
.dzqm-sprq-div{
    bottom: 2px;
    width: 100%;
    text-align: center;
}
.dzqm-sprq-czr{
    cursor: pointer;
}


/* 按钮 */
.layui-btn.layui-btn-icon.layui-btn-icon-xg {
    background-image: url(../../../images/icos/htgl/修改.png);
}
.layui-btn.layui-btn-icon.layui-btn-icon-sc {
    background-image: url(../../../images/icos/htgl/删除.png);
}
.layui-btn.layui-btn-icon.layui-btn-icon-yqjh{
    background-image: url(../../../images/icos/htgl/圆圈加号.png);
}
.layui-btn.layui-btn-icon.layui-btn-icon-hyglls{
    background-image: url(../../../images/icos/hygl/xiugai.png);
}
.layui-btn-icon-clean{
    background-image: url(../../../images/icos/fybx/clean.png);
    cursor: pointer;
}

.layui-btn.layui-btn-icon {
    background-color: rgba(0, 0, 0, 0);
    width: 16px;
    height: 16px;
    padding: 0;
    border: none;
    background-repeat: no-repeat;
    background-position: center center;
}

/*管理看板图标开始*/
.layui-btn.layui-btn-icon.layui-btn-icon-tu1{
    background-image: url(../../../images/icos/hygl/tu1.png);
}
.layui-btn.layui-btn-icon.layui-btn-icon-tu2{
    background-image: url(../../../images/icos/hygl/tu2.png);
}
.layui-btn.layui-btn-icon.layui-btn-icon-tu3{
    background-image: url(../../../images/icos/hygl/tu3.png);
}
.layui-btn.layui-btn-icon.layui-btn-icon-tu4{
    background-image: url(../../../images/icos/hygl/tu4.png);
}
.layui-btn.layui-btn-icon.layui-btn-icon-xiangshang{
    background-image: url(../../../images/icos/hygl/xiangshang.png);
}
.layui-btn.layui-btn-icon.layui-btn-icon-xiangxia{
    background-image: url(../../../images/icos/hygl/xiangxia.png);
}
/*管理看板图标结束*/

/*app审批图标开始*/

.layui-btn.layui-btn-icon.layui-btn-icon-leftjiantou{
    background-image: url(../../../images/icos/app/leftjiantou.png);
}
/*app审批图标结束*/

/* xm-select自定义样式开始*/
.xm-select-sm xm-select {
    line-height: var(--form-input-height) !important;
    min-height: var(--form-input-height) !important;
    border-color: var(--form-input-border-color) !important;
}
.xm-select-sm xm-select * {
    font-size: 12px !important;
}
.xm-select-sm xm-select .xm-label .xm-label-block {
    height: 20px !important;
    line-height: 20px !important;
}
.xm-select-sm xm-select .xm-body .xm-option .xm-option-icon {
    height: 16px !important;
    width: 16px !important;
    font-size: 16px !important;
}
/* xm-select自定义样式结束*/