/*a,li,button,span{*/
/*    -webkit-user-select:none;!*谷歌 /Chrome*!*/
/*    -moz-user-select:none; !*火狐/Firefox*!*/
/*    -ms-user-select:none;    !*IE 10+*!*/
/*    user-select:none;*/
/*}*/

body{
    background-color: rgb(249, 250, 251);
}
.f-w-600{
    font-weight: 600;
    color: #777777;
    padding-right: 10px;
}
.load-tip{
    color: #666666;
    margin-left: 10px;
    display: flex;
    padding: 10px 0;
}
.load-tip i{
    margin-right: 10px;
    font-size: 50px;
    color: rgb(77, 109, 227);
}
/**
隐藏滚动条
 */
/*::-webkit-scrollbar {*/
/*    width: 0;*/
/*    background: transparent;*/
/*}*/
.task-placeholder::placeholder{
    color: rgb(243,169,169);
}
.laydate-footer-btns .laydate-btns-confirm{
    background: rgb(77, 109, 227);
    color: #ffffff;
    margin-left: 5px;
}
.laydate-footer-btns .laydate-btns-confirm:hover{
    background: rgb(77, 109, 227);
    color: #ffffff;
}
.card-table .operate-btn{
    background: #EDF0FC;
    color: rgb(77, 109, 227);
}
.layui-layer-iframe,.layui-layer-iframe iframe{
    border-radius: 8px;
    user-select: none;
}
.layui-layer-no-border .layui-layer-content iframe{
    border-radius: 0 !important;
}
.layui-layer-border-radius,
.layui-layer-border-radius .layui-layer-content iframe{
    border-radius: 8px !important;
}
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{
    color: #4d6de3;
}
.layui-layer-msg .layui-layer-content{
    user-select: none;
}
.cp{
    cursor: pointer;
    user-select: none;
}
.cp-blue{
    cursor: pointer;
    user-select: none;
    color: rgb(77, 109, 227);
}
.layui-form-selected dl{
    z-index: 9999;
}
.layui-form-switch{
    margin-top: 0px;
}
.layui-form-switch>i {
    top: 5px;
    width: 12px;
    height: 12px;
}

.layui-form-onswitch
{
    border-color: #4d6de3;
    background-color: #4d6de3;
}
.wm-rtn-list{
    background-color: #ffffff;
    color: #666;
    font-size: 14px;
    padding: 0 8px;
}
.wm-rtn-list:hover{
    background-color: #ffffff;
    color: #666;
}
.wm-rtn-list i{
    font-size: 20px;
}

.wm-refresh-list{
    background-color: #ffffff;
    color: #666;
    font-size: 14px;
    padding: 0 8px;
}
.wm-refresh-list:hover{
    background-color: #ffffff;
    color: #666;
}
.wm-refresh-list i{
    font-size: 20px;
}

.wm-rtn-title{
    color: rgb(56, 57, 59);
    font-family: 思源黑体 CN;
    font-size: 24px;
    font-weight: 400;
    margin-left: 10px;
    height: 38px;
    line-height: 38px;
    padding-top: 4px;
}
.ti-btn-primary {
    border-color: rgb(77, 109, 227);
    background-color: #ffffff;
    color: rgb(77, 109, 227);
}
.ti-btn-primary:hover{
    border-color: rgb(77, 109, 227);
    background-color: #ffffff;
    color: rgb(77, 109, 227);
}

.rssq-header-fixed{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    background-color: #ffffff;
    height: 60px;
    line-height: 65px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}
.rssq-header-fixed .title{
    display: inline-flex;
}
.rssq-header-fixed .btn{
    display: inline-flex;
    align-items: center;
    margin-right: 60px;
}
.rssq-header-fixed .btn .layui-btn{
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}
.user-dropdown-base{
    border: 0;
    line-height: 36px;
}
.yhImgView{
    cursor: pointer;
}
.layui-card{
    box-shadow: none;
}
.layui-card-body{
    user-select: none;
}
.rs-display-flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.rs-display-flex .rs-process-title{
    font-size: 16px;
    color: rgb(167, 167, 167);
}
.rs-display-flex .rs-process-title .icon{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    font-size: 20px;
}
.rs-display-flex .rs-process-line{
    position: static;
    width: 66px;
    height: 1px;
    margin: 0px 20px;
    background: rgb(227, 227, 227);
}
.rs-reject-dialog{
    padding: 10px;
}
.rs-bi-choose{
    display: flex;
    justify-items: left;
    align-items: center;
    flex-flow: wrap;
    height: 65px;
}
.rs-bi-choose .close{
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 20px;
}
.ellipsis {
    white-space: nowrap;      /* 确保文本在一行内显示 */
    overflow: hidden;         /* 隐藏超出容器的内容 */
    text-overflow: ellipsis;  /* 使用省略号表示被截断的文本 */
}
.ellipsis-indent {
    white-space: nowrap;      /* 确保文本在一行内显示 */
    overflow: hidden;         /* 隐藏超出容器的内容 */
    text-overflow: ellipsis;  /* 使用省略号表示被截断的文本 */
    padding-right: 4px;
    padding-left: 10px;
}
.ellipsis-indent-gray {
    white-space: nowrap;      /* 确保文本在一行内显示 */
    overflow: hidden;         /* 隐藏超出容器的内容 */
    text-overflow: ellipsis;  /* 使用省略号表示被截断的文本 */
    text-indent: 0.6em;
    padding-right: 4px;
    color: rgb(237, 240, 252);
}
.rs-bi-choose .content{
    margin-bottom: 2px;
    height: 35px;
    width: 100%;
    text-align: center;
}
.rs-bi-choose .bottom{
    display: flex;
    justify-content: center;
    width: 140px;
    height: 20px;
    line-height: 20px;
}
.rs-bi-choose .bottom .left-btn{
    padding: 0 10px;
    color: #ffffff;
    background-color: #61c102;
    cursor: pointer;
    width: 50%;
    text-align: center;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.rs-bi-choose .bottom .right-btn{
    padding: 0 10px;
    color: #666666;
    width: 50%;
    text-align: center;
    background-color: #e0e8f6;
    cursor: pointer;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.color-status{
    padding: 4px 8px 4px 8px;
    border-radius: 4px;
}
.color-status-wait{
    background-color: rgb(245 244 241);
    color: rgb(165 165 165);
}
.color-status-common{
    background-color: rgb(255, 246, 219);
    color: rgb(255, 159, 1);
}
.color-status-before{
    background-color: rgb(237, 240, 252);
    color: rgb(77, 109, 227);
}
.color-status-after{
    background-color: rgb(255, 241, 242);
    color: rgb(224, 32, 32);
}
.color-status-finish{
    background-color: rgb(237, 246, 231);
    color: rgb(0, 154, 42);
}
.color-check-cancel{
    color: rgb(188, 188, 188);
}
.color-check-no-start{
    color: rgb(188, 188, 188);
}
.color-check-ing{
    color: rgb(255, 159, 1);
}
.color-check-ing{
    color: rgb(255, 159, 1);
}
.color-check-wait{
    color: #a9a9a9;
}
.color-check-reject{
    color: rgb(224, 32, 32);
}
.color-check-finish{
    color: rgb(0, 154, 42);
}


.layui-form-item .layui-inline{
    margin: 10px 0;
}
.annex-scan,.annex-download{
    cursor: pointer;
    color: #1e9fff;
    margin-right: 10px;
}

.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{
    text-decoration:none!important;
}
.layui-form-label.layui-required:after{
    content:"*";
    color:red;
    position: absolute;
    top: 12px;
    right: 5px;
}
.bi-table-red-cell{
    height: 30px;
    line-height: 30px;
    width: 100%;
    display: flex;
    background-color: #f15e5e;
    color: #ffffff;
    justify-content: center;
    align-items: center;
}
.bi-table-head{
    font-weight: 600;
    color: #666666;
}
.rs-main-table{
    margin: 10px 0;
}
.submit-check{
    margin-left: 10px;
}
.layui-nav-tree .layui-nav-child,.layui-nav-tree .layui-nav-child a{
    background-color: unset;
}
.layui-input-prefix.layui-required:after{
    content:"*";
    color:red;
    position: absolute;
    top: 10px;
    right: 3px;
}
.rs-index-logo{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    /*border-bottom: 1px solid #0c5af9;*/
    background-color: #0c5af9 !important;
}
.rs-layui-side .layui-nav-item{
    background-color: #0c5af9;
    user-select: none;
}
.layui-menu .layui-menu-item-checked{
    background-color: rgb(237, 240, 252) !important;
    border-radius: 4px;
}
.layui-menu .layui-menu-item-checked .layui-menu-body-title{
    color: rgb(77, 109, 227);
}
.layui-menu .layui-menu-item-checked:after{
    border: 0;
}
.app-menu{
    color: rgba(255, 255, 255, 0.5) !important;
}
.app-menu:hover{
    color: rgba(255, 255, 255) !important;
}
.current-app{
    background-color: #8dacff !important;
    color: #fff !important;
}
.current-app a{
    background-color: #8dacff !important;
    color: #fff !important;
}
.rs-index-logo span{
    color: #ffffff;
    margin-left: 12px;
    padding-top: 4px;
}
.rs-index-menu{
    /*background-image: linear-gradient(to right, #0c5af9, #1d3364);*/
    color: #5f5f5f !important;
    background-color: #ffffff !important;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
}
.rs-index-menu .layui-nav .layui-nav-item a{
    color: #5f5f5f !important;
}
.rs-layui-side .layui-nav .layui-nav-child a{
    padding-left: 37px;
    position: relative;
}
.jjx-index-logo{
    width: 220px;
    height: 149px;
    padding: 0;
    color: #ffffff;
    border-bottom: 1px solid #eeeeee;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #0c5af9;
    user-select: none;
}

.jjx-company{
    height: 50px;
    padding:0 0 12px 10px;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: flex-start;
    margin-top: 16px;
}
.jjx-company .compayn-border{
    display: flex;flex-flow: column;justify-content: center;height:50px;
}
.jjx-company .company-note{
    font-size: 13px;
    width:160px;
    ont-family: Microsoft YaHei;
    font-weight: 500;
    color: #ffffff;
    margin-top: 0px;
    margin-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 20px;
    text-align: left;
}
.jjx-company .company-desc{
    display: flex;
    margin-left: 5px;
    justify-content: center;
    width: 90px;
    height: 18px;
    border-radius: 4px;
    letter-spacing: 4px;
    color: #c9cfdf;
    font-size: 11px;
    align-items: center;
    background: linear-gradient(to bottom, #0c5af9 0px, #0c5af9 2px, #3667f7 5px, #5471f3 100%)
}
.rs-index-menu i{
    color: #5f5f5f !important;
}
.rs-block-title{
    font-weight: 600;
}
.rs-app-item{
    width: auto;
    min-width: auto;
    cursor: pointer;
}
.imgview-common,.imgview{
    cursor: pointer;
}

.rs-menus-state{
    position: absolute;
    right: 3px;
    font-size: 20px;
}
.rs-color-gray{
    background-color: #999999;
    color: #ffffff;
}
.rs-color-target{
    color: #cccccc;
    font-weight: 400;
    margin-right: 4px;
    cursor: default;
}
.rs-color-node{
    display: flex;
    color: #cccccc;
    font-weight: 400;
    margin-right: 4px;
    cursor: default;
}
.rs-table-btn-blue[flag]{
    font-size: 16px;
    font-weight: 600;
    cursor: default;
    border-radius: 21px;
    padding: 5px 10px
}
.rs-table-btn-blue[flag] i{
    margin-right: 5px;
}
.rs-table-btn-blue{
    color: rgb(77, 109, 227);
    border-radius: 4px;
    background: rgb(237, 240, 252);
    font-size: 14px;
    font-weight: 400;
    padding: 8px;
    cursor: pointer;
}
.rs-table-btn-blue:hover{
    color: rgb(77, 109, 227);
    opacity: 0.8;
}
.rs-table-btn-blue+.rs-table-btn-blue{
    margin-left: 10px;
}
.rs-table-btn-sort{
    position: relative;
    background-color: rgb(237, 240, 252);
    color: rgb(77, 109, 227);
    margin-right: 30px;
    padding: 3px 11px;
    border-radius: 50%;
}
.rs-table-btn-sort i{
    position: absolute;
    left: 3px;
    bottom: -3px;
}
.rs-table-btn-sort i[after]{
    transform: rotate(90deg);
}
.rs-table-btn-sort i[before]{
    transform: rotate(-90deg);
}

.rs-table-btn-sort-disable{
    position: relative;
    background-color: rgb(239, 239, 239);
    color: rgb(215, 215, 215);
    margin-right: 30px;
    padding: 3px 11px;
    border-radius: 50%;
    cursor: default;
}
.rs-table-btn-sort-disable:hover{
    color: rgb(215, 215, 215) !important;
    opacity: 0.8;
}
.rs-table-btn-sort-disable i{
    position: absolute;
    left: 3px;
    bottom: -3px;
}
.rs-table-btn-sort-disable i[after]{
    transform: rotate(90deg);
}
.rs-table-btn-sort-disable i[before]{
    transform: rotate(-90deg);
}

.rs-layui-body{
    left: 220px;
    user-select: none;
}
.rs-iframe-work {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.rs-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.rs-error{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin: 20px;
}
.rs-error .rs-error-logo{
    width: 50px;
    height: 50px;
    background-image: url("/images/logo120-120.png");
    background-repeat: no-repeat; /* 不重复平铺 */
    background-position: center; /* 居中对齐 */
    background-size: contain; /* 等比例缩放到能够完整包含在容器内 */
}
.rs-error .rs-error-tips{
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.rs-error .rs-error-tips .layui-icon{
    font-size: 40px;
    color: #7c7c7c;
    margin-bottom: 20px;
}
.rs-error .rs-error-tips .rs-error-msg{
    font-size: 20px;
}

.rs-error .rs-error-close{
    position: fixed;
    bottom: 0;
    height: 50px;
    display: flex;
    justify-content: end;
    width: 100%;
    right: 20px;
}
.rs-dialog-close{
    cursor: pointer;
    color: #8891da;
    padding: 0 10px;
}


.rs-index-spread{
    cursor: pointer;
    width: 50px;
    text-align: center;
    color: #5f5f5f;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.rs-index-content{
    text-align: center;
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.rs-layer-print{
    position: absolute;
    right: 45px;
    display: flex;
    width: 30px;
    justify-content: center;
    top: 2px;
    cursor: pointer;
}
/**
刷新关闭
 */
.rs-layer-close1{
    position: absolute;
    right: 0px;
    top: 0px;
    color: #787878;
    font-size: 16px;
    font-weight: 400;
    margin-left: 0;
    z-index: 9999999;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    width: 40px;
    text-align: center;
}
/**
无刷关闭
 */
.rs-layer-close2{
    position: absolute;
    right: 0px;
    top: 0px;
    color: #787878;
    font-size: 16px;
    font-weight: 400;
    margin-left: 0;
    z-index: 9999999;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    width: 40px;
    text-align: center;
}
/**
自定义关闭
 */
.rs-layer-close3{
    position: absolute;
    right: 0px;
    top: 0px;
    color: #787878;
    font-size: 16px;
    font-weight: 400;
    margin-left: 0;
    z-index: 9999999;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    width: 40px;
    text-align: center;
}
/**
删除自定义关闭
 */
.ti-confirm-warn{
    border-radius: 8px;
}
.ti-confirm-warn .layui-layer-btn2{
    background-color: red;
    color: #ffffff !important;
    width: 150px !important;
    border-color: red !important;
}
.ti-confirm-warn .layui-layer-content{
    text-align: center;
}
.rs-report-side{
    background-color: #ffffff!important;
    top:0 !important;
    user-select: none;
}
.rs-report-side .layui-panel{
    height: 272px;
    margin: 10px 5px;
    width: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    cursor: pointer;
    -webkit-user-select:none;/*谷歌 /Chrome*/
    -moz-user-select:none; /*火狐/Firefox*/
    -ms-user-select:none;    /*IE 10+*/
    user-select:none;
}
.rs-report-side .layui-panel-active{
    background-color: #a8f3d5;
}
.rs-report-side .layui-panel img{
    width: 120px;
    height: 120px;
}
.rs-report-side .layui-panel span{
    margin-top: 20px;
    font-weight: 600;
    font-size: 16px;
}

.rs-layui-side a{
    cursor: pointer;
}
.layui-side-scroll{
    background-color: #0c5af9;
    width: 240px;
}
.rs-span-btn{
    background-color: #ffffff;
    color: #333;
}
.menu-spread{
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: fixed;
    top: 50%;
    left: 195px;
    z-index: 9999;
}
.layui-nav-tree .layui-nav-more{
    right: 25px;
}
.current-app{
    background-color: #4285f4 !important;
    color: #fff !important;
}
.menu-spread i{
    font-size: 30px;
    color: #ffffff;
}
.menu-spread-left{
    transform: rotate(180deg);
}
.menu-spread-right{
    left: 35px;
}
.rs-panel{
    padding: 10px 20px;
}
.rs-d-s-flex{
    display: inline-block;
    margin-right: 100px;
    height: 40px;
    padding: 0px 10px;
    margin-top: 20px;
    width: 150px;
    text-align: right;
}
.rs-d-s-flex-drap{
    border: 1px dashed #ddd;
}

.rs-d-s-flex span{
    margin: 0;
    padding: 0;
}

.rs-d-s-flex .rs-span-n{
    cursor: move;
}
.rs-d-s-flex .rs-span-i{
    width: 20px;
    margin: 0;
    color: #c2c2c2 !important;
}
.rs-d-s-flex .rs-span-i,.rs-span-n:hover{
    color: #333;
}
.rs-d-s-flex .rs-span-v:hover{
    border-bottom: 1px solid #4e6ef2;
    color: #333;
}
.radio-group .layui-form-danger{
    border-color:#ff5722!important;box-shadow:0 0 0 3px rgba(255,87,34,.08)
}

/*表单扩展工具  before */
.read{
    border:0;
    border-bottom: 1px solid #e6e6e6;
    background-color: #ffffff;
    border-radius: 0;
}
.workmax-tools{
    background-repeat: no-repeat;
    background-size: 250%;
    width: 50px;
    height: 20px;
    color: #ffffff;
    font-size: 1px;
    padding: 18px;
    background-position: center top;
    cursor: pointer;
}
.work-app{
    display: flex;
    align-items: center;
    height: 40px;
    line-height: 40px;
    padding-left: 45px;
    padding-right: 30px;
    cursor: pointer;
}
.workmax-tools-annex-list{
    display: flex;
}
.wm-form{
    cursor: pointer;
}
.layui-form-pane .layui-input{
    height: 42px;
    line-height: 26px;
}
.layui-input-middle{
    text-align: center;
}

.layui-form-pane .layui-form-label{
    width: 160px;
    height: 42px;
    line-height: 26px;
}
.layui-form-pane .layui-input-block{
    margin-left: 160px;
}
.rs-form-annex{
    border: 1px solid #eeeeee;
    padding: 10px 20px;
}
.rs-form-upload{
}

.layui-form-pane .layui-input-inline{
    width: 225px;
}
.layui-form-pane .layui-form-item .layui-input-inline[pane] {
    border-width: 1px;
    border-style: solid;
    border-color: #eee;
    padding-bottom: 2px;
}
.layui-layer-title{
    height: 60px;
    line-height: 60px;
    font-weight: 600;
}
.rssq-header-operate{
    display: flex;
    justify-content: space-between;
}
.rssq-header-operate .title{
    display: flex;
}
.rssq-header-operate .btn{
    display: flex;
    align-items: center;
}
.rs-card-header-no,.rs-card-header-close,.rs-card-header,.rssq-header-operate{
    margin-top: 8px !important;
    font-weight: 600;
    height: 52px;
    line-height: 52px;
    color: #5f5f5f;
}
.rs-ti-card-header{
    margin-top: 20px;
    font-weight: 600;
    height: 44px;
    line-height: 44px;
    color: #ffffff;
    background-color: #4D6DE3;
    border-radius: 4px;
}
.layui-layer-btn{
    display: flex;
    justify-content: center;
    align-items: center;
}
.layui-layer-btn .layui-layer-btn0{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(66, 133, 244);
    width: 132px;
    height: 36px;
    border-radius: 4px;
}
.layui-layer-btn .layui-layer-btn1{
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: rgb(66, 133, 244);
    color: rgb(66, 133, 244);
    width: 132px;
    height: 36px;
    border-radius: 4px;
}
.layui-layer-btn .layui-layer-btn2{
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: rgb(66, 133, 244);
    color: rgb(66, 133, 244);
    width: 132px;
    height: 36px;
    border-radius: 4px;
}
.layui-layer-btn .layui-layer-btn-del{
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: rgb(224, 32, 32);
    color: rgb(224, 32, 32);
    width: 132px;
    height: 36px;
    border-radius: 4px;
}
.layui-layer-setwin{
    top: 22px;
}
.layui-layer-setwin .layui-icon{
    font-weight: 600;
}
.ti-target-next{
    border-radius: 8px;
    background: rgb(249, 250, 251);
    padding: 20px;
    margin-bottom: 20px;
}
.ti-target-next .layui-input-group{
    margin: 10px 0;
}
.ti-target-next .layui-input-suffix{
    cursor: pointer;
    color: rgb(77, 109, 227);
}
.ti-target-next .layui-input-prefix{
    width: 150px;
    text-align: right;
}
.ti-target-next .range-date{
    padding-left: 10px;
}
.ti-target-next .layui-input-inline{
    width: 100px;
}


.workmax-tools-sign-form{
    background-image: url("/images/sign.png");
}
.workmax-tools-image-form{
    background-image: url("/images/image.png");
}
.workmax-tools-form-data{
    padding: 0;
    height: 40px;
    line-height: 40px;
}
.workmax-tools-annex-form{
    background-image: url("/images/annex-1.png");
    width: 120px;
    height: 80px;
    padding: 0;
    line-height: 80px;
    background-position: center center;
    background-size: 84%;
}
.workmax-tools-image-more-form{
    background-image: url("/images/imageMore.png");
}
.workmax-tools-annex-more-form{
    background-image: url("/images/annex-1.png");
    width: 120px;
    height: 80px;
    padding: 0;
    line-height: 80px;
    background-position: center center;
    background-size: 84%;
}
.annex-upload{
    margin-top: 20px;
}
.workmax-form{
    display: flex;
    justify-content: space-between;
}
.workmax-form .input{

}
.workmax-form .imgs-show{
    display: flex;
    flex: 1;
    margin-right: 10px;
    padding-left: 60px;
}
.workmax-form .imgs-show .item{
    width: 100px !important;
    margin: 0 2px;
    user-select: none;
    flex-flow: row wrap;
}

.workmax-form .imgs-show img{
    width: 96px !important;
    margin: 0 2px;
}
.workmax-form .imgs-show span{
    width: 96px !important;
    margin: 0 2px;
}

.workmax-form .imgs-show .layui-upload-annex{
    display: flex;
    flex-flow: column;
}
.workmax-form .imgs-show .layui-upload-img{
    width: 96px;
    background: url(/images/svg/zip.svg) center no-repeat;
    height: 89px;
    display: flex;
    background-size: contain;
    cursor: pointer;
    padding-top: 0;
}
.workmax-form .imgs-show .layui-upload-title{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7d7d7d;
    color: #ffffff;
    font-size: 12px;
    height: 20px;
}

.workmax-form .annex-local{
    color: #4e6ef2;
    padding: 0;
    font-size: 16px;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    width: 200px;
    height: 78px;
    line-height: 58px;
    margin: 0px 0 10px 10px;
    overflow: hidden;
    position: relative;
    border: 1px solid;
    border-radius: 3px;
    cursor: initial;
}
.workmax-form .annex-local .local-file{
    font-size: 12px;
    word-wrap:break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 90%;
    text-align: center;
}
.workmax-form .annex-local .local-file-del{
    position: absolute;
    top: -1px;
    right: -7px;
    width: 20px;
    height: 22px;
    background-color: #ffffff;
    border-radius: 3px;
    color: #ff7f41;
    display: flex;
    justify-content: center;
    align-items: center;
}
.workmax-form .annex-upload{
    color: #ffffff;
    padding: 0;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 52px;
    line-height: 52px;
    background-color: #4e6ef2;
    margin: 0 0 10px 10px;
}

.rssq-form-widget span{
    position: absolute;
    top: 8px;
    left: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}
.wm-annex-progress{
    display: none;
    margin-top: 60px;
}
.rssq-form-widget .text{
    background-image: url("/images/svg/text.svg");
}
.rssq-form-widget .checkbox{
    background-image: url("/images/svg/checkbox.svg");
}
.rssq-form-widget .date{
    background-image: url("/images/svg/date.svg");
}
.rssq-form-widget .dateTime{
    background-image: url("/images/svg/dateTime.svg");
}
.rssq-form-widget .number{
    background-image: url("/images/svg/number.svg");
}
.rssq-form-widget .password{
    background-image: url("/images/svg/password.svg");
}
.rssq-form-widget .radio{
    background-image: url("/images/svg/radio.svg");
}
.rssq-form-widget .select{
    background-image: url("/images/svg/select.svg");
}
.rssq-form-widget .switch{
    background-image: url("/images/svg/switch.svg");
}
.rssq-form-widget .textarea{
    background-image: url("/images/svg/textarea.svg");
}
.rssq-form-widget .time{
    background-image: url("/images/svg/time.svg");
}
.rssq-form-widget .sign{
    background-image: url("/images/svg/sign.svg");
}
.rssq-form-widget .image{
    background-image: url("/images/svg/image.svg");
}
.rssq-form-widget .annex{
    background-image: url("/images/svg/annex.svg");
}
.rssq-form-widget .split{
    background-image: url("/images/svg/split.svg");
}
.rssq-form-widget .formSelect{
    background-image: url("/images/svg/formSelect.svg");
}
.rssq-form-widget .widgetSelect{
    background-image: url("/images/svg/select.svg");
}
.wm-form-sign{
    display: none;
    padding: 5px;
}
.wm-form-sign-txt{
    margin-right: 10px;
}
.wm-form-sign-img{

}
.wm-form-sign-img img{
    width: 254px;
    height: 88px;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 2px;
    border-color: #e6e6e6;
}
.rssq-block-error{
    border-left: 5px solid red;
    color: red;
}
/*表单扩展工具  end   */

/*树形控件  begin*/
.layui-tree-btnGroup{
    padding-left: 20px;
}
.layui-tree-btnGroup i{
    margin-right: 10px;
    font-size: 30px;
}
/*树形控件  end*/

/*折叠面板 begin*/
#freeStyle {
    overflow: auto;
    background-color: #ffffff;
}

#freeStyle .radio-content{
    display: flex;
    justify-content: space-between;
}
#freeStyle .content-option{
    background-color: #4e6ef2;
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin-top: 7px;
    margin-left: 5px;
}
#freeStyle .radio-content .radio-option-lable{
    width: 180px;
}
#freeStyle .option-btn{
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    line-height: 25px;
    background-color: #4e6ef2;
}
/**布局控件**/
.wm-layout-split{
    margin: 30px 0;
}
.layui-collapse {
    border-width: 1px;
    border-style: solid;
    border-radius: 2px
}

.layui-colla-content, .layui-colla-item {
    border-top-width: 1px;
    border-top-style: solid
}

.layui-colla-item:first-child {
    border-top: none
}

.layui-colla-title {
    position: relative;
    height: 60px;
    line-height: 60px;
    padding: 0 0px 0 35px;
    color: #ffffff;
    background-color: #4e6ef2;
    cursor: pointer;
    font-size: 14px;
    overflow: hidden
}

.layui-colla-content {
    line-height: 22px;
    color: #5f5f5f;
    background-color: #ffffff;
    padding: 0;
}
.layui-colla-content-ti {
    overflow-y: hidden;
    overflow-x: scroll;
    max-width: 100vw;
    min-width: 200px;
    box-shadow: none !important;
    border: 0;
    user-select: none;
}
.layui-colla-content-ti-1 {
    box-shadow: none !important;
    border: 0;
    user-select: none;
}

.layui-colla-icon {
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 14px;
    width: 20px;
}
.rs-table-top{
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    color: #5f5f5f;
}
.rs-search-form{
    display: none;
    padding: 20px 0;
    text-align: center;
}
.rs-search-report{
    min-height: 200px;
    margin-bottom: 10px;
    overflow: hidden auto;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.rs-search-report .rs-form-note{
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 10px;
}
.rs-ti-card-body{
    margin: 10px;
    padding-top: 20px;
    background: rgb(249, 250, 251);
}
/*xmSelect begin*/
xm-select > .xm-body .xm-body-tree .xm-search{
    display: flex;
    border-bottom: 1px solid #ccc;
}
xm-select > .xm-body .xm-search-input{
    padding-left: 17px;
    margin: 0 0 5px 27px;
    border-radius: 8px;
    border: 2px solid #4285f4;
}
xm-select > .xm-body .xm-search-input::placeholder{
    color: #d51c00;
}
.xm-select-jobs{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.xm-select-jobs span{
    border: 1px solid;
    padding: 2px 5px;
    margin: 0 2px;
    border-radius: 5px;
}
/*xmSelect end*/
.rs-search-report .rs-list-detail{

}
.rs-search-report .rs-list-detail .layui-form-radio{
    margin: 0;
}
.rs-search-report .img{
    width: 26px;
    cursor: pointer;
}
.rs-search-report .detail{
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
}
.rs-search-report .default{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #eee;
    font-size: 30px;
    user-select:none;
}
.rs-search-report .split{
    width: 100%;
    height: 20px;
}
.rs-report .split{
    width: 100%;
    height: 20px;
}
.rs-report-reason{
    margin-right: 5px;
    width: 300px;
}
.rs-report-danger{
    color: #ff5722;
    font-size: 12px;
    font-weight: 600;
    margin-right: 10px;
}

.rs-search-report .table{
    width: 100%;
}

.rs-search-report .layui-quote-table{
    width: 100%;
    margin: 20px 0 5px 0;
    padding: 5px 15px;
    line-height: 1.8;
    border-left: 5px solid #81d8d0;
    background-color: #fafafa;
}
.layui-quote-table{
    margin: 20px 0 5px 0;
    padding: 5px 15px;
    line-height: 3;
    border-left: 5px solid #81d8d0;
    background-color: #fafafa;
}

.rs-quote{
    margin-top: 10px;
}

.rs-search-btn{
    display: flex;
    justify-content: center;
}
/*折叠面板 end*/

/**流程 begin**/
.rs-process-quote{
    padding: 10px;width: 300px;margin-right: 20px;
    border-left: 5px solid #ddd;
}
.rs-process-quote-choose{
    padding: 10px;width: 300px;margin-right: 20px;
    border-left: 5px solid #81d8d0 !important;
}

.wm-form-process{
    display: flex;justify-content: space-between;
    padding: 10px 0;
}
.wm-form-process .process-option{
    display: flex;flex:1;justify-content: end;
    align-items: center;
}
.wm-form-process .process-option span{
    font-weight: 400;
    padding: 2px 10px;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    width: 60px;
    margin-left: 10px;
    text-align: center;
}
.process-area{
    cursor: pointer;
}
/**流程 end**/
/** 颜色设置 begin **/
.rssq-check-wait{
    color: gray;
}
.rssq-check-pass{
    color: green;
}
.rssq-check-reject{
    color: red;
}
/** 颜色设置 end **/
/** 资料库 begin**/
.store-panel{
    cursor: pointer;
    user-select: none;
    margin-right: 20px;
}
.store-panel:hover{
    border: 1px solid #81d8d0;
}
.store-panel img{
    width: 90px;
}
.store-panel-choose{
    border: 1px solid #81d8d0;
    font-weight: bold;
    position: relative;
}
.store-panel .show-icon {
    display: none;
}
.store-panel .show-signal {
    display: none;
}
.store-panel-choose .show-icon {
    display: block;
    text-align: center;
    background-color: #81d8d0;
    color: #fff;
    float: right;
    font-size: 12px;
    margin-right: -8px;
    padding: 2px 5px 2px 5px;
    width: 50px;
    position: absolute;
    top: -1px;
    right: 0;
    font-weight: 400;
}
.store-panel-choose .show-signal {
    display: block;
    border: 4px solid #939393;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    float: right;
    width: 0;
    height: 0;
    position: absolute;
    top: 19px;
    right: -8px;
}

.wm-form-read{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 9px 15px;
    color: rgba(0, 0, 0, .85);
    background-color: #ffffff;
    line-height: 20px;
}
/** 资料库 end**/

/** 表格 begin**/
.status-check{
    margin-left: 20px;
}
.layui-table th{
    background-color: rgb(237, 240, 252);
}
.layui-table-page{
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.rs-table-formula{
    cursor: pointer;
    display: block;
    width: 100%;
    height: 28px;
}
.rs-table-img{
    cursor: pointer;
    display: block;
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #c1c1c1;
    border: 1px solid #c1c1c1;
    user-select: none;
}
.rs-table-item img{
    height: 30px;
    margin: 0 10px;
    width: auto !important;
}
.rs-table-item{
    display: flex;
    margin-right: 1px;
}
.rs-table-item .operate{
    cursor: pointer;
    display: block;
    width: 10px;
    height: 40px;
    color: #c1c1c1;
    border: 1px solid #eeeeee;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 0;
    border-left: 0;
}
.rs-table-item .operate i{
    font-size: 20px;
}
.rs-table-item .items{
    width: 100%;
    height: 40px;
    line-height: 35px;
    border: 1px solid #eeeeee;
    border-left-width: 0;
}
.layui-table-cell .img{
    width: 26px;
    cursor: pointer;
}


/** 表格 end**/

/** 任务系统 begin**/
.ti-tool{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
}
.ti-tool .operate{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 0;
}
.ti-tool .operate span{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px 16px 13px 16px;
    border-radius: 4px;
    background: rgb(239, 239, 239);
    width: 88px;
    height: 14px;
    margin-right: 16px;
    cursor: pointer;
    user-select: none;
    position: relative;
}
.ti-tool .operate span i{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgb(224, 32, 32);
    color: #ffffff;
    font-style: normal;
    font-size: 12px;
}
.ti-tool .operate span .task-gray{
    background-color: #ffffff;
    border: 1px solid gray;
    color: #666666;
}
.layui-nav-item .task-num{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgb(224, 32, 32);
    color: #ffffff;
    font-style: normal;
    font-size: 12px;
}
.ti-tool .operate[active],.ti-tool .show-style [active],.card-table-search .show-style [active],.ti-tool .operate span[active]{
    color: rgb(77, 109, 227);
    background-color: #EDF0FC;
}
.ti-tool .search,.ti-tool .status,.ti-tool .show-style{
    display: flex;
    align-items: center;
    margin: 5px 0;
}
.ti-tool .show-style span{
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 8px;
    background: rgb(239, 239, 239);
    margin-left: 8px;
}
.card-table{
    flex:1;
    flex-shrink: 0;
    min-width: 1450px;
}
.card-table .card-table-content{
    display: flex;
    justify-content: flex-start;
}
.card-table .card-table-list{
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
    margin: 10px 0;
    background-color: #ffffff;
    padding:20px;
    border-radius: 8px;
}
.card-table .card-table-list[left]{
    width: 100%;
    height: 87px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px;
    margin: 16px 0px;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0px 4px 8px 0px rgba(77, 109, 227, 0.1);
    background: rgb(255, 255, 255);
}
.card-table .card-table-list[left] .title{
    color: rgb(56, 57, 59);
    font-size: 20px;
    font-weight: 600;
    margin-top: 12px;
    margin-right: 0;
    width: 100%;
}
.card-table .card-table-list[left-item]{
    width: 100%;
    height: 64px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 16px;
    margin: 8px 0px;
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
    background: rgb(255, 255, 255);
    cursor: pointer;
}
.card-table .card-table-list[left-item] .dept{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.card-table .card-table-list[left-item] .dept .name{
    color: rgb(56, 57, 59);
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
}
.card-table .card-table-list[left-item] .dept .num{
    color: rgb(56, 57, 59);
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.3px;
    text-align: left;
    opacity: 0.5;

}
.card-table .card-table-list[left-item] .process{
    width: 100%;
    height: 5px;
    margin: 8px 0px;
    border-radius: 200px;
    background: rgb(237, 240, 252);
    position: relative;
}
.card-table .card-table-list[left-item] .process .current{
    position: absolute;
    left: 0;
    width: 10%;
    height: 5px;
    border-radius: 200px;
    background: rgb(156, 175, 244);
}
.card-table .card-table-list[left-dept]{
    padding: 0;
    margin: 0;
    background: #ffffff;
}
.card-table-list .task{
    position: static;
    width: 305px;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px 20px 0 0;
}
.card-table-list .task .column{
    display: flex;
    flex-flow: column;
    min-height: 60px;
    padding:  10px 0;
}
.card-table-list .task .column .title{
    margin-top: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    flex-flow: column;
    flex: 1;
}
.card-table-list .task .column .title .task-title{
    color: rgb(56, 57, 59);
}
.card-table-list .task .column .title .task-remark{
    color: #666666;
    font-weight: 400;
    font-size: 12px;
}
.card-table-list .item-right .stuff .title_wc{
    color: #A7A7A7;
    text-decoration: line-through;
    background-color: #ffffff;
}
.card-table-list .item-right .stuff span{
    padding: 0 10px;
}
.card-table-list .item-right .stuff .wait{
    border-radius: 4px;
    color: #a9a9a9;
    background: rgb(239, 239, 239);
    margin-right: 8px;
    font-weight: 400;
    font-size: 12px;
}
.card-table-list .item-right .stuff .checked{
    border-radius: 4px;
    color: rgb(0, 154, 42);
    background: rgb(237, 246, 231);
    margin-right: 8px;
    font-weight: 400;
    font-size: 12px;
}
.card-table-list .item-right .stuff .reject{
    border-radius: 4px;
    color: red;
    background: #fdf0f0;
    margin-right: 8px;
    font-weight: 400;
    font-size: 12px;
}

.card-table-list .task .column .desc{
    display: flex;
    color: rgb(119, 119, 119);
    font-size: 12px;
    font-weight: 600;
    align-items: center;
    line-height: 18px;
    margin-top: 2px;
}
.card-table-list .task .column .desc i{
    margin: -2px 5px 0 0;
    font-size: 10px;
}
.card-table-list .task .column .desc span{
    margin-right: 20px;
    display: flex;
    align-items: center;
}
.card-table .schedule-title{
    border-radius: 10px;
    background: rgb(255, 255, 255);
    height: 36px;
    line-height: 36px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 0px 8px 0px;
    margin: 8px 0px;
    width: 100%;
    font-weight: 600;
}
.card-table .schedule-title .column{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: rgb(119, 119, 119);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    width: 135px;
}
.card-table .schedule-item-group{
    background-color: unset;
    padding: 0;
    display: flex;
    max-height: 65vh;
    overflow-x: hidden;
    overflow-y: auto;
    user-select: none;
}
.card-table .stuff{
    width: 137px;
    height: 36px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: rgb(77, 109, 227);
}
.card-table .stuff[schedule]{
    width: auto;
}
.card-table .stuff[schedule] span{
    margin-right: 10px;
    font-size: 14px;
}
.card-table .stuff img,.card-table .stuff span{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 4px;
    padding: 0px;
    height: 30px;
    font-size: 12px;
}
.card-table .stuff img,.card-table .stuff .curr{
}
.card-table .stuff img,.card-table .stuff span:last-child{

}

.card-table .card-table-list .card-table-item{
    display: flex;
    margin-bottom: 10px;
    cursor: pointer;
}
.card-table .card-table-item .item-left{
    display: flex;
    height: 80px;
    width: 8px;
    background-image: url("/images/ti/schedule-red.png");
    flex-shrink: 0;
}
.card-table .card-table-item .dept-group{
    width: 100%;
    height: 580px;
    overflow: auto;
    margin-top: 10px;
}
.card-table .card-table-item .dept-group .card-table-list{
    user-select: none;
    margin-bottom: 10px;
}
.card-table .card-table-item .dept-group-choose{
    box-sizing: border-box;
    border: 2px solid rgb(77, 109, 227);
}

.card-table .card-table-item .item-left[yellow]{
    background-image: url("/images/ti/schedule-yellow.png");
}
.card-table .card-table-item .item-left[green]{
    background-image: url("/images/ti/schedule-green.png");
}
.card-table .card-table-item .item-left[blue]{
    background-image: url("/images/ti/schedule-blue.png");
}
.card-table .card-table-item .item-right{
    display: flex;
    border-radius: 0px 10px 10px 0px;
    background: rgb(255, 255, 255);
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding-left: 15px;
}
.card-table .operate{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 10px;
}
.card-table .item-right .operate{
    flex: 1;
    justify-content: left;
}
.card-table .operate_target{
    min-width: 500px;
    height: 60px;
}
.task-scan-operate span,
.card-table .operate span{
    position: static;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2px 10px;
    border-radius: 6px;
    background: rgb(237, 240, 252);
    margin-right: 12px;
    color: rgb(77, 109, 227);
    font-weight: 600;
    cursor: pointer;
    letter-spacing: 2px;
}
.card-table .operate span[target]{
    border-radius: 4px;
    background: rgb(221, 228, 255);
    font-size: 14px;
    font-weight: 400;
    padding: 2px 8px 2px 8px;
}

.operate-task-delay{
    color: rgb(224, 32, 32) !important;
    background: rgb(255, 250, 251) !important;
    padding: 0 5px;
    height: 27px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 27px;
}
.operate-task-finish{
    color: rgb(255, 159, 1) !important;
    background: rgb(255, 251, 239) !important;
    padding: 0 5px;
    height: 27px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 27px;
}
.check-table-delay{
    color: rgb(224, 32, 32);
    background: rgb(255, 250, 251);
}
.check-table-finish{
    color: rgb(255, 159, 1);
    background: rgb(255, 251, 239);
}

.card-table-list .operate span i{
    margin-right: 5px;
}
.task-scan-operate span[revoke],
.card-table .operate span[revoke]{
    background: rgb(239, 239, 239);
    color: rgb(56, 57, 59);
}
.card-table .operate .task-op-ing{
    background-color: unset;
    color: rgb(77, 109, 227);
    cursor: default;
}
.task-scan-operate .task-op-wait,
.card-table .operate .task-op-wait{
    background-color: unset;
    color: #a9a9a9;
    cursor: default;
}
.task-scan-operate .rssq-wait-finish,
.card-table .operate .rssq-wait-finish{
    color: rgb(255, 159, 1);
    font-weight: 400;
}
.task-scan-operate .rssq-wait-delay,
.card-table .operate .rssq-wait-delay{
    color: rgb(224, 32, 32);
    font-weight: 400;
}

.task-scan-operate{
    display: flex;
    flex: 1;
    justify-content: flex-end;
    flex-flow: row;
}
.task-scan-operate .task-op{
    align-items: center;
    line-height: 34px;
}
.task-scan-operate .task-op i{
    margin-right: 5px;
}
.card-table .operate .task-op-reject{
    background-color: unset;
    color: #f15e5e;
    cursor: default;
}
.card-table .operate .task-op-ok{
    background-color: rgb(237, 246, 231);
    color: rgb(0, 174, 48);
    cursor: default;
}

.card-table .card-table-view{
    display: flex;
    justify-content: flex-start;
    margin: 10px 0;
    background-color: #ffffff;
    padding:20px;
}
.card-table .card-table-view .layui-table-tool{
    margin: 12px 0 0 10px;
}


.card-table .card-table-view .layui-form-checked[lay-skin=primary]>i {
    border-color: rgb(30, 111, 255) !important;
    background-color: rgb(30, 111, 255);
    color: #fff;
}
.card-table .card-table-view .layui-form-checkbox[lay-skin=primary]>div {
    margin-left: 10px;
}
.card-table .card-table-view .layui-form-checkbox[lay-skin=primary]:hover>i{
    border-color: rgb(30, 111, 255);
}
.card-table .card-table-view .target-tree{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    min-width: 1156px;
}
.card-table .card-table-view .target-tree .title{
    color: rgb(56, 57, 59);
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    padding-left: 12px;
    margin-right: 20px;
    display: flex;
    align-items: center;
}
.card-table .card-table-view .target-tree span{
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-table .card-table-view .target-tree .table{
    display: flex;
    width: 100%;
}

.ti-flex-between{
    display: flex;
    justify-content: space-between;
}
.w-100p{
    width: 100%;
}
.card-table-trim{
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 12px;
    /* 六级黑 */
    border: 0.5px solid rgb(227, 227, 227);
    border-radius: 4px;
    box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.03);
    background: rgb(255, 255, 255);
}
.card-table-trim-red{
    background-color: rgb(247, 77, 77);
    top:-1px;
}
.card-table-trim-blur{
    background-color: rgb(77, 109, 227);
    top:-1px;
}
.card-table-trim-yellow{
    background-color: rgb(255, 202, 29);
    top:-1px;
}
.card-table-trim-green{
    background-color: rgb(0, 174, 48);
    top:-1px;
}
.card-table-trim-blue{
    background-color: rgb(42, 163, 255);
    top:-1px;
}
.date-choose .date-choose-static{
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
    margin: 10px 0;
}
.layui-laydate .layui-this .laydate-day-mark,
.layui-laydate .layui-this,
.layui-laydate .layui-this>div{
    border-radius: 4px;
    background-color: #4d6de3 !important;
    color: #ffffff !important;
}
.layui-laydate .laydate-day-mark{
    border-radius: 4px;
    background-color: #e6f7ff;
    color: rgb(56, 57, 59);
}
.layui-laydate .laydate-day-mark::after{
    right: 15px;
    bottom: 0px;
    top: unset;
    background-color: #4d6de3;
}

.card-table-search{
    height: 72px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 12px;
    border-radius: 8px;
    box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.03);
    background-color: rgb(255, 255, 255);
}
.card-table-search .layui-input-group{
    margin-right: 10px;
}

.card-table-search .show-style{
    display: flex;
    justify-content: flex-end;
    flex: 1;
}
.card-table-search .show-style span{
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 8px;
    background: rgb(239, 239, 239);
    margin-left: 8px;
    user-select: none;
}
.card-table-about{
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-radius: 4px;
}
.card-table-about span{
    color: rgb(56, 57, 59);
    height: 28px;
    line-height: 28px;
}
.card-table-about span:hover{
    color: rgb(56, 57, 59);
}
.layui-btn{
    border-radius: 4px;
}
.layui-btn .layui-icon,.layui-btn .rssq-icon{
    margin-right: 5px;
}
.layui-table-cell .layui-btn .layui-icon,.layui-table-cell .layui-btn .rssq-icon{
    margin: 0;
}
.table-operate-btn{
    cursor: pointer;
    background: rgba(196, 196, 196, 0.01);
    color: rgb(77, 109, 227);
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin-right: 10px;
    padding: 5px 10px;
}

.table-operate-btn:hover{
    color: rgb(77, 109, 227);
}

.card-table .card-table-menu{
    display: flex;
    margin: 10px 0;
}
.card-table .card-table-menu .card-table-left{
    display: flex;
    width: 300px;
    margin-right: 15px;
    background-color: #ffffff;
    padding: 10px 15px 10px 10px;
    height: 680px;
    overflow-x: hidden;
    overflow-y: auto;
}


.card-table-left .tree-item-clicked>.layui-tree-entry{
    background: rgb(237, 240, 252);!important;
    height: 30px;
    border-radius: 4px;
}
.card-table-left .tree-item-clicked>.layui-tree-entry>.layui-tree-main>.layui-tree-iconClick,
.card-table-left .tree-item-clicked>.layui-tree-entry>.layui-tree-main>.layui-tree-txt{
    color: rgb(77, 109, 227);
}

.card-table-left .layui-tree-entry{
    height: 30px;
}
.card-table-left .layui-tree-entry .layui-tree-txt{
    width: 240px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.card-table .card-table-menu .card-table-right{
    display: flex;
    flex:1;
    background-color: #ffffff;
    padding: 10px 15px 0 20px;
}
.layui-table-view{
}

.layui-table-view:after{
    background-color: #f9fafb;
}
.layui-ti-table-scroll:after{
    background-color: #eee;
}
.layui-ti-table:after{
    background-color: #eee;
}
.layui-table-tool{
    background-color: #ffffff;
    padding: 0;
    border: 0;
}
.layui-table-box{

}

.table-top-btn{
    box-sizing: border-box;
    border: 1px solid rgb(237, 240, 252);
    border-radius: 4px;
    background: rgb(237, 240, 252);
    color: rgb(77, 109, 227);
    font-weight: 600;
}
.table-top-btn:hover{
    color: rgb(77, 109, 227);
}
.table-top-btn .layui-icon{
    margin-right: 5px;
}
.card-table .card-table-search{
    color: rgb(56, 57, 59);
    font-size: 14px;
    user-select: none;
}
.card-table .card-table-item{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    height: 100%;
}
.card-table .card-table-item[center]{
    align-items: center;
}
.card-table .card-table-item-center{
    align-items: center;
    justify-content: center;
    user-select: none;
}
.card-table .card-table-item .name{
    font-size: 18px;
}
.card-table .card-table-item .left-color{
    width: 6px;
    height: 28px;
    flex-grow: 0;
    margin: 0 16px 3px 0;
    border-radius: 4px;
    background: rgb(77, 109, 227);
}
.card-table .card-table-item .title{
    color: rgb(56, 57, 59);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: left;
    margin-right: 0px;
    display: flex;
    user-select: none;
}
.card-table .card-table-item .title i{
    font-size: 14px;
    color: #4d6de3;
    margin-left: 20px;
}
.card-table .card-table-item .title-project{
    font-size: 14px;
    cursor: pointer;
    margin: 0 10px;
}
.card-table .card-table-item .progress{
    color: #f3962b;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin: 0 10px;
    border-radius: 78px;
    /*background: #fff6de;*/
    padding: 0px;
    width: 100px;
}
.card-table .card-table-item .progress .layui-progress{
    background-color: #c2c2c5;
}

.card-table .card-table-item .progress .layui-progress-bar{
    color: #ffffff;
    background: #4285f4;
}
.card-table .card-table-item .finish .layui-progress-bar{
    color: #ffffff;
    background: rgb(0, 154, 42) !important;
}

.card-table .card-table-item .task-date{
    color: #666666;
    font-weight: 600;
}
.card-table .card-table-item .task-date i{
    font-size: 12px;
    margin-right: 5px;
}

.card-table .card-table-item .task-status{
    color: #666666;
    font-size: 12px;
    font-weight: 400;
    margin-left: 10px;
}

.card-table .card-table-item .item-num{
    color: rgb(77, 109, 227);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin: 0 2px;
    border-radius: 78px;
    background: rgb(237, 240, 252);
    padding: 0 5px;
    cursor: pointer;
    border:1px solid;
}
.card-table .card-table-item .status-node-group{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.card-table .card-table-item .status-task-group{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 15px;
}
.card-table .card-table-item .delay{
    color: rgb(119, 119, 119);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin: 0 5px;
    border-radius: 78px;
    /*background: rgb(239, 239, 239);*/
    padding: 0px;
}
.card-table .card-table-item .about-me{
    color: rgb(77, 109, 227);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin: 0 10px;
    border-radius: 78px;
    padding: 0px;
}

.card-table .card-table-item .delay-fail{
    color: rgb(119, 119, 119);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    margin: 0 5px;
    border-radius: 78px;
    /*background: rgb(239, 239, 239);*/
    padding: 0px;
}
.card-table .card-table-item .delay-fail .delay{
    color: #E02020;
    margin: 0;
    padding: 0;
    font-weight: 700;
}
.card-table .card-table-item .role-user{
    height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    margin: 0px 8px;
    box-sizing: border-box;
    border: 1px solid rgb(77, 109, 227);
    border-radius: 25px;
    color: rgb(77, 109, 227);
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}
.card-table .card-table-item .role-master{
    height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 2px;
    margin: 0px 2px;
    border-radius: 25px;
    color: rgb(77, 109, 227);
    font-size: 14px;
    font-weight: 400;
    cursor: default;
}
.card-table .card-table-item .role-owner{
    height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    margin: 0px 8px;
    box-sizing: border-box;
    border: 1px solid rgb(77, 109, 227);
    border-radius: 25px;
    color: rgb(77, 109, 227);
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}
.card-table .card-table-item .target-info,
.card-table .card-table-item .area-info,
.card-table .card-table-item .child-info,
.card-table .card-table-item .project-info,
.card-table .card-table-item .archive{
    height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    margin: 0px 8px;
    box-sizing: border-box;
    border: 1px solid rgb(77, 109, 227);
    border-radius: 4px;
    color: rgb(77, 109, 227);
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}
.card-table .card-table-item .note-info{
    background-color: rgb(77, 109, 227);
    color: #ffffff;
}

.card-table .card-table-item .del-item{
    height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    margin: 0px 8px;
    box-sizing: border-box;
    border: 1px solid #f15e5e;
    border-radius: 4px;
    color: #f15e5e;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.card-table .card-table-item .next{
    position: absolute;
    right: 0;
}

.card-table .card-table-item-target{
    height: 100%;
    width: 100%;
}
.card-table .card-table-item-target + i{
    display: none;
}

.card-table .card-table-item-target-child{
    height: 100%;
    width: 100%;
}
.card-table .card-table-item-target-child-childContent{
    background: rgb(249, 250, 251);
    align-items: center;
}
.card-table .card-table-item-target-child-childContent .topic{
    background-color: rgb(249 250 251);
}

.card-table .card-table-item .target{
    margin-right: 24px;
    width: 600px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.card-table .card-table-item .target[child]{
    width: 551px;
    height: 60px;
}
.card-table .card-table-item .target[childContent]{
    width: 486px;
    padding-left: 100px;
    height: 60px;
}
.card-table .card-table-item .target .topic{
    height: 20px;
    color: rgb(77, 109, 227);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    margin: 0px;
    border-radius: 22px;
    font-weight: 700;
}
.card-table .card-table-item .target .topic[child]{
    padding: 8px 0 8px 0;
    width: 40px;
    margin: 0 26px;
    justify-content: flex-start;
}
.card-table .card-table-item .target .topic[childContent]{
    padding: 4px 0 8px 0;
    width: 22px;
    font-size: 25px;
    margin: 0 26px;
    justify-content: flex-start;
}
.card-table .card-table-item .target .title{
    height: 20px;
    padding: 0px;
    margin: 0px 16px;
    color: rgb(56, 57, 59);
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 2px;
    text-align: left;
    width: 320px;
    display: inline;
}
.card-table .card-table-item .target .title[child]{
    margin: 0;
    font-size: 14px;
}
.card-table .card-table-item .target .title[childContent]{
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}
.card-table .card-table-collapse{
    /*padding-bottom: 5px;*/
}
.card-table .layui-collapse{
    border: 0;
    border-radius: 8px;
}
.card-table .layui-collapse .layui-colla-item{
    border: 0;
    padding: 0;
}

.card-table .layui-collapse .layui-colla-content-box{
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    background-color: rgb(249, 250, 251);
    padding: 10px 15px;
}
.card-table .layui-collapse .layui-colla-title{
    border-radius: 8px 8px 0px 0px;
    background: #ffffff;
    color: rgb(56, 57, 59);
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}
.card-table .layui-collapse .layui-colla-title[project]{
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    padding-left: 0px;
    margin-top: 5px;
}
.card-table .layui-collapse .layui-colla-title[project]:hover{
    background:
            linear-gradient(to right,
            #ffffff 0px,
            #ffffff 82px,
            rgb(237, 240, 252) 82px,
            rgb(237, 240, 252) 100%
            );
}
.card-table .layui-collapse .layui-colla-title[projectDept]{
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    padding-left: 0px;
    margin-top: 5px;
}
.card-table .layui-collapse .layui-colla-title[projectDept]:hover{
    background:
            linear-gradient(to right,
            #ffffff 0px,
            #ffffff 66px,
            rgb(237, 240, 252) 66px,
            rgb(237, 240, 252) 100%
            );
}

.card-table .layui-collapse .colla-title-target:hover{
    background:
            linear-gradient(to right,
            #ffffff 0px,
            #ffffff 65px,
            rgb(237, 240, 252) 65px,
            rgb(237, 240, 252) 100%
            );
}
.card-table .layui-collapse .colla-title-area:hover{
    background:
            linear-gradient(to right,
            #ffffff 0px,
            #ffffff 100px,
            rgb(237, 240, 252) 100px,
            rgb(237, 240, 252) 100%
            );
}
.card-table .layui-collapse .colla-title-child:hover{
    background:
            linear-gradient(to right,
            #ffffff 0px,
            #ffffff 117px,
            rgb(237, 240, 252) 117px,
            rgb(237, 240, 252) 100%
            );
}
.card-table .layui-collapse .colla-title-node:hover{
    background:
            linear-gradient(to right,
            #ffffff 0px,
            #ffffff 72px,
            rgb(237, 240, 252) 72px,
            rgb(237, 240, 252) 100%
            );
}

.card-table .layui-collapse .colla-title-task:hover{
    background:
            linear-gradient(to right,
            #ffffff 0px,
            #ffffff 26px,
            rgb(237, 240, 252) 26px,
            rgb(237, 240, 252) 100%
            );
}

.card-table .layui-collapse .layui-colla-title-no{
    border-radius: 4px;
    background-color: #ffffff;
    height: 30px;
}



.card-table .layui-collapse .layui-colla-title-no .title{
    font-size: 14px;
}
.card-table .operate-add{
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #ffffff;
}
.card-table .operate-add .rs-title-icon{
    margin-left: 6px;
}

.card-table .layui-collapse .layui-colla-title-no-task{
    height: 28px;
}
.card-table .operate-add .child-task{
    background-color: #53e0ff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: #ffffff;
    font-style: normal;
    font-size: 12px;
    padding: 0;
    opacity: 0.3;
}
.card-table .operate-add .child-node{
    background-color: #4285f4 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #ffffff;
    font-style: normal;
    font-size: 12px;
    padding: 0;
    opacity: 0.3;
}

.layui-table-cell .rs-title-icon{
    padding: 0 5px;
    height: 29px;
    line-height: 25px;
}
.card-table .layui-collapse .title .rs-title-icon{
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
}
.layui-table-cell .rs-title-icon img,
.card-table .layui-collapse .title .rs-title-icon img{
    width: 15px;
    height: 15px;
}

.card-table .operate-add span{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
}

.card-table .operate-add span i{
    margin-left: 0;
    color: #eaf0fd;
    font-weight: normal;
    font-size: 23px;
    padding-left: 1px;
}
.card-table .operate-add .child-hover{
    padding-right: 10px;
}
.card-table .operate-add .child-hover:hover i{
    color: #028dff;
}
.card-table .operate-add .child-hover:hover .rs-title-icon img{
    opacity: 1;
}
.card-table .operate-add .child-hover:hover .child-task{
    opacity: 1;
}
.card-table .operate-add .child-hover:hover .child-node{
    opacity: 1;
}

.card-table .operate-add .child-hover .rs-title-icon img{
    opacity: 0.3;
    width: 15px;
    height: 15px;
}

.card-table .layui-collapse .layui-colla-content .tree-list{
    display: flex;
    margin-left: 75px;
    flex-flow: column;
}
.card-table .layui-collapse .layui-colla-content .tree-list .tree-left,
.card-table .layui-collapse .layui-colla-content .tree-list .tree-right{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background: rgb(255, 255, 255);
}
.card-table .layui-collapse .layui-colla-content .tree-list .tree-left{
    box-shadow: 0px 2px 8px 0px rgba(80, 98, 168, 0.33);
    padding-left: 10px;
    min-height: 127px;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-item{
    width: 205px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}


.card-table .layui-collapse .layui-colla-content .tree-list .tree-right .title-first-1{
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #ffffff;
    color: #ffffff;
    position: relative;
    width: 238px;
    height: 28px;
}
.card-table .layui-collapse .layui-colla-content .tree-list .tree-right .title-first-2{
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #ffffff;
    width: 200px;
    height: 28px;
    padding: 0 8px 0 30px;
    position: relative;
}

.card-table .layui-collapse .layui-colla-content .tree-list .tree-right .title-add-node{
    width: 135px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(77, 109, 227);
    border-radius: 2px;
    background: rgb(237, 240, 252);
    cursor: pointer;
}
.card-table .layui-collapse .layui-colla-content .tree-list .tree-right .collapse-node{
    height: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1px 8px 1px 4px;
    margin: 0px 11px 0 21px;
    box-sizing: border-box;
    border-radius: 6px;
    background: rgb(237, 240, 252);
    color: rgb(77, 109, 227);
    text-indent: 2px;
    cursor: pointer;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-sort {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #4285f4;
    color: #ffffff;
    font-style: normal;
    font-size: 12px;
    padding: 0;
    margin-right: 8px;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-sort-task{
    background-color: #53e0ff !important;
    width: 15px;
    height: 15px;
    margin: 4px 5px 5px 5px;
}

.card-table .layui-collapse .layui-colla-content .tree-list .task-finish,
.card-table .layui-collapse .layui-colla-content .tree-list .task-finish .node-name,
.card-table .layui-collapse .layui-colla-content .tree-list .task-finish .task,
.card-table .layui-collapse .layui-colla-content .tree-list .task-finish .task-date,
.card-table .layui-collapse .layui-colla-content .tree-list .task-finish .role-owner,
.card-table .layui-collapse .layui-colla-content .tree-list .task-finish .about-me{
    color: #cccccc !important;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-finish .task-status{
    filter: grayscale(80%);
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-finish .task-sort{
    background-color: #cccccc !important;
}

.card-table .layui-collapse .layui-colla-content .tree-list .content{
    display: flex;
    justify-content: space-between;
}
.card-table .layui-collapse .layui-colla-content .tree-list .content .collapse-task{
    margin-left: 75px;
}
.card-table .layui-collapse .layui-colla-content .tree-list .content .layui-timeline-axis{
    color: rgb(237, 240, 252);
}

.card-table .layui-collapse .layui-colla-content .tree-list .task_group{
    display: flex;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task_group .date{
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 12px;
}

.card-table .layui-collapse .layui-colla-content .tree-list .task_group .date .left{
    color: rgb(167, 167, 167);
    margin-top: 1px;
    height: 27px;
    font-size: 12px;
    line-height: 20px;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task_group .date .right{
    padding: 0 5px;
    height: 27px;
    font-size: 12px;
    line-height: 20px;
}

.card-table .layui-collapse .layui-colla-content .tree-list .task_group .date .operate-task-finish,
.card-table .layui-collapse .layui-colla-content .tree-list .task_group .date .operate-task-delay,
.card-table .layui-collapse .layui-colla-content .tree-list .task_group .date .color-status{
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    font-weight: 500;
}

.card-table .layui-collapse .layui-colla-content .tree-list .task-1{
    /*提前完成*/
    background: rgb(230, 244, 255);
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-2{
    /*按时完成*/
    background: rgb(237, 246, 231);
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-3{
    /*延期完成*/
    background: rgb(238, 237, 252);
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-4{
    /*提前未完成*/
    background: rgb(255, 241, 242);
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-5{
    /*今日到期*/
    background: rgb(255, 246, 219);
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-6{
    /*取消的任务*/
    background: rgb(239, 239, 239);
}
.card-table .layui-collapse .layui-colla-content .tree-list .search_task_gray{
    filter: grayscale(100%);
}
.card-table .layui-collapse .layui-colla-content .tree-list .search_task_default,
.card-table .layui-collapse .layui-colla-content .tree-list .search_task_gray,
.card-table .layui-collapse .layui-colla-content .tree-list .search_task_high{
    margin: 0;
}
.card-table .layui-collapse .layui-colla-content .tree-list .tree-right .content .layui-timeline-item{
    padding-bottom: 10px;
}
.card-table .layui-collapse .layui-colla-content .tree-list .search_task_gray .task{
    background-color: rgb(249, 250, 251);;
    color: rgb(119, 119, 119);
}
.card-table .layui-collapse .layui-colla-content .tree-list .search_task_high .task{
    border-width: 2px;
    border-style: solid;
}
.card-table .layui-collapse .layui-colla-content .tree-list .node-task{
    color: rgb(56, 57, 59);
    border-radius: 6px;
    text-indent: 12px;
    position: relative;
    display: flex;
    flex-flow: column;
    padding: 10px 0;
}
.card-table .layui-collapse .layui-colla-content .tree-list .node-task-1{
    background: rgb(97, 125, 229);
    color: #ffffff;
}
.card-table .layui-collapse .layui-colla-content .tree-list .node-task-2{
    background: rgb(190, 218, 255);
    color: rgb(56, 57, 59);
}
.card-table .layui-collapse .layui-colla-content .tree-list .search_task_high .node-task-group{

}
.card-table .layui-collapse .layui-colla-content .tree-list .tree-left div{
    margin: 5px 0;
    width: 100%;
}
.card-table .layui-collapse .layui-colla-content .tree-list .tree-left .search_task_high .task{
    width: 231px;
}

.card-table .layui-collapse .layui-colla-content .tree-list .search_task_high .task-1{
    /*提前完成*/
    border-color: rgb(1, 145, 255);
}
.card-table .layui-collapse .layui-colla-content .tree-list .search_task_high .task-2{
    /*按时完成*/
    border-color: rgb(0, 154, 42);
}
.card-table .layui-collapse .layui-colla-content .tree-list .search_task_high .task-3{
    /*延期完成*/
    border-color: rgb(86, 61, 187);
}
.card-table .layui-collapse .layui-colla-content .tree-list .search_task_high .task-4{
    /*提前未完成*/
    border-color: #ef8d94;
}
.card-table .layui-collapse .layui-colla-content .tree-list .search_task_high .task-5{
    /*今日到期*/
    border-color: #fdd55c;
}
.card-table .layui-collapse .layui-colla-content .tree-list .search_task_high .task-6{
    /*取消的任务*/
    border-color: rgb(239, 239, 239);
}
.card-table .layui-collapse .layui-colla-content .tree-list .span_p{
    background-color: #f7e6d4;
    width: 80px;
    text-align: center;
    text-indent: 0;
    margin-left: 14px;
    border-radius: 8px;
    font-size: 12px;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-span-1{
    /*提前完成*/
    color: #309cf1;
    background-color: #badcf7;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-span-2{
    /*按时完成*/
    color: #3e9306;
    background-color: #d4efc3;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-span-3{
    /*延期完成*/
    color: #4438f3;
    background-color: #d6d4f9;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-span-4{
    /*延期未完成*/
    background-color: #f5dbdd;
    color: #f30818;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-span-5{
    /*今日到期*/
    color: #e97c07;
}

.card-table .layui-collapse .layui-colla-content .tree-list .rssq-icon-shixinyuandian {
    position: absolute;
    left: -5px;
    top: 0;
    z-index: 10;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    color: rgb(77 109 227);
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}
.card-table .layui-collapse .layui-colla-content .tree-list .rssq-icon-finish{
    color: #E1EFE4;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-item-finish .node-task-1{
    border: 1px solid #5fab9a;
    background-color: #E1EFE4;
    color: #c8c8c8;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-item-finish .node-task-2{
    background-color: #E1EFE4;
    color: #c8c8c8;
}

.card-table .layui-collapse .layui-colla-content .tree-list .task-item-finish .task{
    background-color: #E1EFE4;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-item-finish .task .span_w{
    color: #c8c8c8 !important;
}
.card-table .layui-collapse .layui-colla-content .tree-list .task-item-finish .rssq-icon-shixinyuandian{
    color: #E1EFE4;
}

.card-table .layui-collapse .layui-colla-content .tree-list .layui-timeline-item:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 0;
    z-index: 0;
    width: 2px;
    height: 100%;
    background-color: rgb(206 206 206);
}
.card-table .layui-collapse .layui-colla-content .tree-list .tree-right .operate-group{
    display: flex;
    width: 100%;
}
.card-table .layui-collapse .layui-colla-content .tree-list .tree-right .operate-group-op{
    display: flex;
    width: 100px;
    flex-flow: column;
}

.card-table .layui-collapse .layui-colla-content .tree-list .tree-right .operate-group-task-num{

}


.card-table .layui-collapse .layui-colla-content .tree-list .tree-right .operate{
    color: rgb(77 109 227);
    border-radius: 6px;
    background-color: #f5f5f5;
    height: 28px;
    justify-content: center;
    cursor: pointer;
    width: 205px;
    margin-bottom: 10px;
    padding: 0;
    position: relative;
    margin-right: 4px;
}

.card-table .layui-collapse .layui-colla-content .tree-list .tree-left .operate{
    color: rgb(77 109 227);
    border-radius: 6px;
    background-color: #f5f5f5;
    height: 28px;
    justify-content: center;
    cursor: pointer;
    width: 230px;
    margin-bottom: 10px;
}

.card-table .layui-collapse .layui-colla-content .tree-list .operate i{
    margin-right: 5px;
}
.card-table .right-btn{
    box-sizing: border-box;
    border: 0;
    border-radius: 4px;
    background-color: #ffffff;
    color: rgb(56, 57, 59);
    font-weight: 400;
    display: inline-flex;
}
.card-table .right-btn:hover{
    color: rgb(77, 109, 227);
}
.card-table .right-btn .layui-icon{
    margin-right: 5px;
}
.card-table .rs-ti-column-card{
    display: flex;
    margin: 16px 0;
    padding-bottom: 20px;
    /*min-width: 400px;*/
    /*max-width: 1300px;*/
}

.card-table .rs-ti-column-card .item{
    width: 416px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px;
    border-radius: 8px;
    background: rgb(249, 250, 251);
    margin-right: 16px;
    margin-bottom: 20px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
}
.card-table .rs-ti-column-card .item .title{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}
.card-table .rs-ti-column-card .item .title .name{
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    flex: 1;
}
.card-table .rs-ti-column-card .item .title .operate{
    color: rgb(71, 85, 105);
    display: flex;
    width: 24px;
    justify-content: center;
    font-weight: 600;
    height: 24px;
    margin: 2px 10px;
    line-height: 24px;
    align-items: center;
    cursor: pointer;
}
.card-table .rs-ti-column-card .item .title .operate i{
    font-size: 30px;
}
.card-table .rs-ti-column-card .item .content-group{
    height: 585px;
    overflow-x: hidden;
    overflow-y: auto;
}

.card-table .rs-ti-column-card .item .content{
    width: 384px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
    margin: 12px 0px;
    box-sizing: border-box;
    border: 0.8px solid rgb(249, 250, 251);
    border-radius: 8px;
    box-shadow: 0px 2px 4px -2px rgba(23, 23, 23, 0.06),0px 4px 8px -2px rgba(23, 23, 23, 0.1);
    background: rgb(255, 255, 255);
    cursor: pointer;
}
.card-table .rs-ti-column-card .item .content .date{
    height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 4px 8px 4px 8px;
    margin-bottom: 16px;
    border-radius: 4px;
    background: rgb(237, 240, 252);
    color: rgb(77, 109, 227);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
}

.card-table .rs-ti-column-card .item .content .date_yq{
    color: rgb(224, 32, 32);
    background: rgb(255, 241, 242);
}
.card-table .rs-ti-column-card .item .content .date_wc{
    color: #A7A7A7;
    background: rgb(249, 250, 251);
}

.card-table .rs-ti-column-card .item .content .date i{
    margin-right: 5px;
}
.card-table .rs-ti-column-card .item .content .task{
    display: flex;
    padding: 0px;
    margin: 0px 8px 8px 0;
}

.card-table .rs-ti-column-card .item .content .task_wc{
    color: #A7A7A7;
    text-decoration: line-through;
}


.card-table .rs-ti-column-card .item .content .task .layui-form-checkbox[lay-skin=primary]>div{
    color: rgb(56, 57, 59);
    font-size: 16px;
    font-weight: 400;
    white-space: normal;
}
.layui-upload .file-name{
    display: inline-block;
    word-wrap:break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 150px;
}
.layui-input-block .scan{
    display: inline-block;
    position: relative;
    min-height: 36px;
    line-height: 25px;
    padding: 7px 80px 0 20px;
}


.scan-item{
    display: flex;
    align-items: center;
}
.scan-item .label{
    width: 60px;
    margin: 10px;
}
.scan-item .scan{
    flex: 1;
    display: flex;
}

.layui-ti-table-scroll{
}

.layui-ti-table-scroll .layui-table td,
.layui-ti-table-scroll .layui-table th,
.layui-ti-table-scroll .layui-table-col-set,
.layui-ti-table-scroll .layui-table-fixed-r,
.layui-ti-table-scroll .layui-table-grid-down,
.layui-ti-table-scroll .layui-table-header,
.layui-ti-table-scroll .layui-table-mend,
.layui-ti-table-scroll .layui-table-page,
.layui-ti-table-scroll .layui-table-tips-main,
.layui-ti-table-scroll .layui-table-tool,
.layui-ti-table-scroll .layui-table-total,
.layui-ti-table-scroll .layui-table-view,
.layui-ti-table-scroll .layui-table-hover,
.layui-ti-table-scroll .layui-table[lay-skin=line],
.layui-ti-table-scroll .layui-table[lay-skin=row]{
    border-color: rgb(227, 227, 227);
}

.layui-table[lay-even] tbody tr:nth-child(even){
    background-color: rgb(243, 243, 244);
}


.layui-ti-table-scroll .choose-tr{
    background: rgb(249, 250, 251);
}
.layui-ti-table-scroll th .layui-table-cell{
    height: 56px;
    line-height: 46px;
}

.tree-table-level{
    height: 26px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px 4px 8px;
    margin: 0px 8px;
    border-radius: 4px;
}
.tree-table-target{
    color: #ffffff;
    background: rgb(77, 109, 227);
}
.tree-table-area{
    color: rgb(77, 109, 227);
    background: rgb(237, 240, 252);
}
.tree-table-title-group{
    display: flex;
    width: 100%;
    min-width: 500px;
}
.title-label-flex{
    display: flex;
    justify-content: flex-end;
    flex:1;
}
.tree-table-title-label{
    color: rgb(77, 109, 227);
    background: #f4f5ff;
    height: 26px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px 4px 8px;
    margin: 0px 8px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
}
.tree-table-title-label-scan{
    color: rgb(77, 109, 227);
    background: rgb(246,246,246);
    height: 26px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px 4px 8px;
    margin: 0px 8px;
    border-radius: 4px;
    font-size: 12px;
}

.tree-table-child{
    box-sizing: border-box;
    border: 1px solid rgb(201, 211, 247);
    border-radius: 4px;
    color: rgb(77, 109, 227);
}
.tree-table-project{
    color: rgb(77, 109, 227);
    background: rgba(196, 196, 196, 0.01);
    font-weight: 600;
}



/*!* 定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸 *!*/
/*.layui-ti-table-scroll .layui-table-body::-webkit-scrollbar {*/
/*    width: 12px; !* 对垂直滚动条有效 *!*/
/*    height: 12px;  !* 对水平滚动条有效 *!*/
/*}*/

/*!* 定义滚动条的轨道颜色、内阴影及圆角 *!*/
/*.layui-ti-table-scroll .layui-table-body::-webkit-scrollbar-track {*/
/*    background-color: rgba(0, 0, 0, .1);*/
/*}*/

/*!* 定义滑块颜色、内阴影及圆角 *!*/
/*.layui-ti-table-scroll .layui-table-body::-webkit-scrollbar-thumb {*/
/*    border-radius: 0px;*/
/*    background-color: rgba(0, 0, 0, .1);*/
/*}*/
/*!* 光标移到滚动滑块上样式颜色变深 *!*/
/*.layui-ti-table-scroll .layui-table-body::-webkit-scrollbar-thumb:hover {*/
/*    background-color: rgba(0, 0, 0, .2);*/
/*}*/

/*!* 定义两端按钮的样式 *!*/
/*.layui-ti-table-scroll .layui-table-body::-webkit-scrollbar-button {*/
/*    background-color: #ededed;*/
/*}*/

/*!* 定义右下角汇合处的样式 *!*/
/*.layui-ti-table-scroll .layui-table-body::-webkit-scrollbar-corner {*/
/*    background-color: #ededed;*/
/*}*/




.layui-ti-table{

}
.layui-ti-table .show-detail{
    cursor: pointer;
}

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

.layui-ti-table .layui-btn[lay-dropdown-id] .layui-icon{
    margin-right: 0;
}
.layui-ti-table .choose-tr{
    background: rgb(249, 250, 251);
}
.layui-ti-table th .layui-table-cell{
    height: 56px;
    line-height: 46px;
}
.gantt-table{
    background-color: #ffffff;
    padding: 5px 0 5px 10px;
    border-radius: 8px 0 0 0;
}
.gantt-table .date-choose{
    display: flex;
    justify-content: space-between;
    height: 36px;
    align-items: center;
    margin: 0 !important;
    width: 100% !important;
}
.gantt-table .date-choose .date{
    font-size: 16px;
}
.gantt-table .date-choose .left,.gantt-table .date-choose .right{
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 100%;
}
.gantt-detail{
}
.rs-table-header-no{
    background-color: unset !important;
}
.form-item-info{
    display: flex;
    border-radius: 4px;
    background: rgb(237, 240, 252);
    height: 48px;
    padding: 16px;
    margin: 16px 50px;
    align-items: center;
}
.form-item-info i{
    color: rgb(77, 109, 227);
    margin-top: 2px;
}
.form-item-info span{
    padding-left: 10px;
}
.layui-laypage-ti-page .layui-laypage-curr .layui-laypage-em{
    background-color: #4285f4 !important;
}
.department-item{
    width: 200px !important;
}
/**
禁止内容被鼠标框选
 */
.no-select {
    user-select: none; /* 禁止选择内容 */
    -webkit-user-select: none; /* Safari 和 Chrome */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10+ */
}

/** ==== layui控件圆角 begin ==== **/
.layui-card,
.layui-menu-body-panel,
.card-table .card-table-view,
.card-table .card-table-menu .card-table-left,
.card-table .card-table-menu .card-table-right,
.layui-dropdown,
.layui-layer-dialog{
    border-radius: 8px !important;
}
.laydate-footer-btns span,
.layui-input,
.layui-textarea,
.layui-laydate,
xm-select,
xm-select > .xm-body,
xm-select > .xm-body .xm-cascader-box,
.layui-form-select dl,
.layui-laypage-btn{
    border-radius: 4px !important;
}
.layui-table-header{
    background-color: #edf0fc;
}
.layui-laypage .layui-laypage-skip,
.layui-laypage .layui-laypage-count{
    background-color: #f9fafb;
}

xm-select > .xm-body{
    min-height: 200px;
}
/** ==== layui控件圆角 end ==== **/
.layui-fixbar li:hover{
    background-color: #4285f4;
}
.mr_10{
    border: 2px solid #f9fafb;
    margin-right: 10px;
    border-radius: 4px;
}
.rs-project-update .layui-colla-icon{
    display: none;
}
.rs-project-update .operate span{
    font-size: 11px;
    font-weight: 400;
    height: 20px;
    padding: 2px 8px;
    border-radius: 4px;
    user-select: none;
}
.rs-project-update .operate .collapse-content-show{
    background-color: unset;
}
.layui-colla-title .collapse-content-show{
    display: flex;
    cursor: pointer;
    margin-right: 5px;
    align-items: center;
}
.layui-colla-title .collapse-content-show .num-show{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50%;
    border: 1px solid #9897fe;
    color: #9897fe;
    font-style: normal;
    font-size: 10px;
    padding: 0;
    margin-right: 2px;
    letter-spacing: 0px;
}
.layui-colla-title .collapse-content-show .num-show.hide{
    /*background-color: #ffffff;*/
}

.layui-colla-title .collapse-content-show i{
    margin-left: 0 !important;
}

.rs-task-title .tt-name{
    height: 20px;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    margin-right: 5px;
}
.rs-task-title .node-name{
    height: 20px;
    max-width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    margin-right: 5px;
    font-weight: 400;
}
.rs-task-title .task{
    height: 20px;
    max-width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    margin-right: 5px;
    font-weight: 400;
}
.layui-form-label{
    width: 120px;
}
.layui-input-block{
    margin-left: 150px;
}
.used-template-group{
    position: absolute;
    top:15px;
    left:15px;
    cursor: pointer;
    z-index: 999999;
}










.rs-main-color{
    color: rgb(77, 109, 227);
}
.rs-main-color-yellow{
    color: rgb(255, 202, 29);
}
.rs-main-color-green{
    color: rgb(0, 174, 48);
}
.rs-main-color-blue{
    color: rgb(42, 163, 255);
}

.rs-main-color-gray{
    color: #eee;
}
.rs-main-color-gray0{
    color: rgb(167, 167, 167);
    font-size: 16px;
    margin-right: 10px;
}
.rs-main-color-red{
    color: #f15e5e;
}
.rs-ti-ck5{
    padding: 10px;
    overflow: auto;
    margin-left: 20px;
}
.rs-ti-ck5-note{
    padding: 10px;
    background-color: #ffbf00;
    color: #000000;
}

/** table gantt begin **/
.gantt-bar-container {
    position: relative;
    height: 35px;
    cursor: pointer;
}

.gantt-bar {
    position: absolute;
    height: 35px;
    top: 0;
    background-color: rgb(190, 218, 255);
    border-radius: 4px;
    color: #38393B;
    padding: 0 10px;
    line-height: 35px;
}
.gantt-bar-delay{
    background-color: #f19b9c;
    color: #38393B;
}
.gantt-bar-finish{
    background-color: #a5d3ac;
    color: #38393B;
}

.gantt-begin-end {
    position: absolute;
    height: 35px;
    top: 0;
    color: #38393B;
    padding: 0 10px;
    line-height: 35px;
}
.gantt-begin-end span{
    margin-right: 10px;
}

.gantt-bar span{
}

.gantt-progress {
    height: 100%;
    background-color: #1E9FFF;
    border-radius: 2px;
}
.gantt-title{
    display: flex;
}
.gantt-title span{
    font-size: 14px;
    font-weight: 600;
    display: flex;
    justify-content: center;
}
.rs-mr-10{
    margin-right: 10px;
}
.layui-ti-table-gantt{

}

.layui-ti-table-gantt .layui-table-hover{
    background-color: rgb(237, 246, 231) !important;
}
.layui-table th[data-field="ganttTd"] .layui-table-cell{
    padding: 6px 0;
}
.layui-table td[data-field="ganttTd"] .layui-table-cell{
    width: 100%;
    height: 49px !important;
    padding: 6px 0;
    line-height: 49px;
    background-image:
            linear-gradient(to right, rgb(227, 227, 227) 1px, transparent 1px);
    background-size: 50px 50px; /* 网格大小 */
}

/** table gantt end **/
/** role right begin **/
.ti-role-top{
    display: flex;
    height: 40px;
    align-items: center;
    margin-top: 10px;
}
.ti-role-top span{
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    margin-right: 16px;
    border-radius: 4px;
    color: rgb(56, 57, 59);
    background: rgb(239, 239, 239);
    cursor: pointer;
    user-select: none;
}
.ti-role-top span[active]{
    color: rgb(77, 109, 227);
    background: rgb(237, 240, 252);
}
.ti-role-header{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px;
    margin: 36px 0px;
    border-radius: 4px;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.02);
    background: rgb(255, 255, 255);
}
.ti-role-header .ti-role-group{
    display: flex;
    padding: 24px 0;
    width: 100%;
}
.ti-role-header .ti-role-group .role-add,
.ti-role-header .ti-role-group .role-item{
    width: 160px;
    height: 56px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px;
    margin: 0px 16px;
    box-sizing: border-box;
    border: 1px solid rgb(201, 211, 247);
    border-radius: 6px;
    background: rgb(255, 255, 255);
    color: rgb(56, 57, 59);
    cursor: pointer;
    user-select: none;
}
.ti-role-header .ti-role-group .ti-menu{
    width: 250px;
}

.ti-role-header .ti-role-group .ti-target{
    display: flex;
    width: 100%;
    flex-flow: column;
    padding-bottom: 10px;
    margin: 0 0 20px 16px;
    border-bottom: 1px solid rgb(227, 227, 227);
}
.ti-role-header .ti-role-group .ti-target .name{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px;
    margin: 5px 0px;
    color: rgb(56, 57, 59);
    font-size: 16px;
    font-weight: 600;
}
.ti-role-header .ti-role-group .ti-target .note{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px;
    margin: 5px 0px;
    color: rgb(119, 119, 119);
    font-size: 14px;
    font-weight: 400;
}

.ti-role-header .ti-role-table{
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    margin: 20px 0;
    user-select: none;
}
.ti-role-header .ti-role-table table {
    width: 100%;
    border-collapse: collapse;
    border-left: 1px solid rgb(227, 227, 227);
}
.ti-role-header .ti-role-table table tr{
    display: flex;
    flex-flow: row;
}
.ti-role-header .ti-role-table table th,
.ti-role-header .ti-role-table table td{
    display: flex;
    align-items: center;
    height: 60px;
    padding: 8px 0;
    width: 200px;
    border: 1px solid rgb(227, 227, 227);
    border-left-width: 0;
    padding: 8px; /* 内边距 */
    text-align: left;
}
.ti-role-header .ti-role-table table td{
    border-top-width: 0;
    height: 40px;
}


.ti-role-header .ti-role-title{
    height: 45px;
    width: 100%;
    border-radius: 4px 4px 0px 0px;
    background: rgb(249, 250, 251);
    display: flex;
    align-items: center;
    color: rgb(56, 57, 59);
    font-size: 18px;
    font-weight: 600;
}
.ti-role-header .ti-role-title .role-name{
    padding-left: 16px;
}
.ti-role-header .ti-role-title .role-icon{
    display: inline-flex;
    width: 4px;
    height: 16px;
    margin-left: 20px;
    border-radius: 2px;
    background: rgb(77, 109, 227);
}
.ti-role-header .layui-form-checked.layui-checkbox-disabled[lay-skin=primary]>i{
    background-color: rgb(77, 109, 227) !important;
}
.ti-role-header .layui-disabled, .layui-disabled:hover{
    color: rgb(77, 109, 227);
}
.ti-role-header .layui-checkbox-disabled>div{
    color: rgb(56, 57, 59) !important;
}



.ti-role-user{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 24px;
    border-radius: 8px;
    background: rgb(255, 255, 255);
}
.ti-role-user .ti-role-add{
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.ti-role-user .ti-role-add .label{
    color: rgb(72, 72, 72);
    font-size: 14px;
    font-weight: 500;
    margin-right: 20px;
}
.ti-role-user .ti-role-add .select{
    flex:1;
}
.ti-role-user .ti-role-items{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px;
    margin: 0px 0px;
    box-sizing: border-box;
    border: 1px solid rgb(227, 227, 227);
    border-radius: 8px;
    width: 100%;
}
.ti-role-user .ti-role-items .item{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 56px;
}
.ti-role-user .ti-role-items .item .user-name{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0px;
    margin: 0px 20px;
    color: rgb(77, 109, 227);
    font-size: 16px;
    font-weight: 400;
}
.ti-role-user .ti-role-items .item .user-op{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    margin: 0px 20px;
    flex:1;
}
.ti-role-user .ti-role-items .item .user-op .role-choose{
    color: rgb(56, 57, 59);
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    margin-left: 20px;
    display: flex;
    justify-content: flex-end;
}
.ti-role-user .ti-role-items .item .user-op .role-choose-name{
    color: rgb(56, 57, 59);
    font-size: 16px;
    font-weight: 400;
}
.ti-role-user .ti-role-items .item .user-op .role-del{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 4px;
    color: rgb(224, 32, 32);
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    width: 50px;
}
.ti-role-user .role-set{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    margin: 16px 0px;
    color: rgb(77, 109, 227);
    font-size: 14px;
    width: 100%;
    font-weight: 500;
}
.ti-role-user .role-user-set{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    margin: 16px 0px;
    color: rgb(77, 109, 227);
    font-size: 14px;
    font-weight: 400;
}
/** role right end **/
.task-scan-op{
    position: absolute;
    width: 200px;
    right: 10px;
    top: 10px;
    display: flex;
    justify-content: flex-end;
    z-index: 9999;
}
.task-scan-op span{
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2px 10px;
    border-radius: 6px;
    margin-left: 12px;
    font-weight: 600;
    cursor: pointer;
}
.task-scan-op span i{
    margin-right: 2px;
}
.task-scan-op .edit{
    border: 1px solid rgb(237, 240, 252);
    color: #4262dd;
    font-weight: 400;
}
.task-scan-op .del{
    border: 1px solid #fff1f2;
    color: #f34343;
    font-weight: 400;
}
.ck-content img{
    cursor: pointer;
    width: 200px;
}



.menu-content-spread-left{
    transform: rotate(180deg);
}
.menu-content-spread-right{
    left: 0px;
}
.menu-spread-left{
    transform: rotate(180deg);
}
.menu-spread-right{
    left: 35px;
}
.menu-content-spread i{
    font-size: 30px;
    color: #0c5af9;
}
.menu-content-spread{
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: fixed;
    top: calc((100% - 54px) / 2);
    left: 217px;
    z-index: 99;
}

/*联想搜索 begin*/
.rs-form-select{
    position: relative;
    width: 200px;
    display: none;
}
.rs-form-select dl {
    position: absolute;
    left: 0px;
    top: 2px;
    padding: 5px 0;
    z-index: 9999;
    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;
    width: 100%;
}

.rs-form-select dl dd, .rs-form-select dl dt {
    padding: 0 10px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    color: #666;
    text-overflow: ellipsis;
    user-select: none;
}

.rs-form-select dl dt {
    font-size: 12px;
    color: #999
}

.rs-form-select dl dd {
    cursor: pointer
}

.rs-form-select dl dd:hover {
    background-color: #f2f2f2;
    -webkit-transition: .5s all;
    transition: .5s all
}
.layui-input-search {
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    width: 200px;
    cursor: text;
    border: 1px solid #dddddd;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
    margin-right: 10px;
    position: relative;
    padding-left: 10px;
}
/*联想搜索 end*/

.ti-tips-content{
    color: #ffffff;
    background-color: #4e6ef2;
    padding: 2px 10px;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}
#current-ul .layui-nav-itemed>a{
    color: #ffffff;
}
#rs-main-menu .layui-icon{
    font-size: 20px;
    margin-right: 5px;
}
#rs-main-menu .layui-nav-item:hover #rs-main-menu .layui-icon{
    color: #ffffff;
}
#rs-main-menu a{
    display: flex;
    align-items: center;
}
.project-serial-num{
    width: 50px;
}
.search-trim{
    width: 500px;
    margin: 0 10px 0 20px;
    border-radius: 25px;
}
.target-node-title{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.target-node-title span{
    margin: 0 10px 5px 10px;
    border: 1px solid #eee;
    padding: 5px 10px;
    border-radius: 8px;
}

.target-node-title .common-line {
    background-color: #eee;
    height: 1px;
    margin: 0 5px;
    flex: 1;
    padding: 0;
}
.tips-msg{
    color: #ffffff;
    letter-spacing: 1px;
    word-break: break-all;
}
#rs-end-btn-group{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.12);
    padding: 5px 0 10px 0px;
    display: flex;
    justify-content: center;
    height: 50px;
}
.layui-nav-item .fixed-num{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    width: 30px;
    height: 20px;
    border-radius: 8px;
    background-color: #e08120;
    color: #ffffff;
    font-style: normal;
    font-size: 12px;
}
/** 任务系统 end**/