html,
body {
    width: 100%;
    height: 100%;
    color: #8e8e93;
    padding: 0;
    margin: 0;
    overflow: hidden;
    font-family: Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif !important;
}
pre{
    font-family: Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif !important;
}
ul,
li {
    list-style: none;
}

.none {
    display: none !important;
}

.black {
    display: block;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.disabled {
    cursor: not-allowed;
}

.disabled:hover {
    background-color: #f5f5f5;
}

span {
    word-break: break-word;
}

label {
    font-weight: normal !important;
}

input::-webkit-input-placeholder {
    color: #999;
}

input::-moz-input-placeholder {
    color: #999;
}

input::-ms-input-placeholder {
    color: #999;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

::-webkit-scrollbar,
::-webkit-scrollbar-track-piece {
    -webkit-border-radius: 5px
}

::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-thumb:vertical {
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 5px
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .15)
}
::-webkit-scrollbar-track { background-color: transparent;}
[v-cloak] {
    display: none;
}

.mp-holder-grid {
    padding-left: 24px;
    padding-right: 24px;
    background-color: #ffffff;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.mp-holder-grid-filters {
    padding-top: 47px;
    position: relative;
    height: 76px;
    box-sizing: border-box;
}

.mp-holder-grid-filters:before {
    content: '';
    border-radius: 4px;
    background-color: #f9fafb;
    height: 12px;
    left: 16px;
    position: absolute;
    right: auto;
    width: 60%;
}

.mp-holder-grid-content {
    overflow: hidden;
}

.mp-holder-grid-content .mp-holder-grid-holder {
    box-sizing: border-box;
    width: 95%;
    padding: 19px 16px;
    float: left;
    height: 45px;
    position: relative;
    overflow: hidden;
}

.mp-holder-grid-content .mp-holder-grid-holder.w75 {
    width: 75%;
}

.mp-holder-grid-content .mp-holder-grid-holder.w60 {
    width: 60%;
}

.mp-holder-grid-content .mp-holder-grid-holder:before {
    content: '';
    border-radius: 4px;
    background-color: #f9fafb;
    height: 12px;
    left: 16px;
    right: 16px;
    position: absolute;
}

.clearfix:after {
    content: '.';
    display: block;
    clear: both;
    line-height: 0;
    height: 0;
    visibility: hidden
}

.ivu-tooltip:hover .icon-bangzhu {
    color: #1990FF !important;
}

.ou_user_name .ivu-table-cell-tooltip-content {
    color: #5BA1F5;
}

.ivu-tabs-tabpane .ivu-table-header table,
.ivu-tabs-tabpane .ivu-table-body table {
    width: 100% !important;
}

.ivu-modal-body {
    font-size: 13px;
    color: #666666;
    min-height: 0%;
}

.ivu-modal-body .ivu-input {
    color: #222;
    font-size: 13px;
}

.ivu-modal-body .pager {
    padding: 11px 0;
}

/* .ivu-modal-body>div {
    height: 100%;
} */

.role-dialog .ivu-modal-body,
.org-dialog .ivu-modal-body {
    padding: 0;
}
.org-dialog .branchOrg#my_tree{
    overflow-x: hidden !important;
}
.buobj-dialog .ivu-modal-body {
    padding: 0 16px;
}

.buobj-dialog .ivu-modal-body .ivu-tabs-content {
    height: 410px;
    overflow: auto;
}

.ivu-modal-body .span-row {
    margin-bottom: 12px;
    color: #666;
    font-size: 13px;
}

.ivu-modal-body .span-row>span {
    margin-right: 10px;
}

.ivu-modal-body .ivu-badge-count {
    top: 1px;
    right: 6px;
    min-width: 12px;
    height: 12px;
    line-height: 7px;
    padding: 0;
    cursor: pointer;
}

.ivu-switch {
    height: 20px;
    width: 40px;
    overflow: hidden;
}

.ivu-switch-checked {
    border-color: #1990FF;
    background-color: #1990FF;
}

.ivu-switch-large.ivu-switch-checked:after {
    left: 21px;
}

.ivu-switch:after {
    width: 16px;
    height: 16px;
    border-radius: 16px;
}

.ivu-switch-checked:after {
    /* left: 30px; */
}

.user_view .ivu-switch-checked:after{
    left: 36px;
}

.user_view .ivu-switch:not(.ivu-switch-checked) .ivu-switch-inner{
    left: 22px;
}

.ivu-switch .ivu-switch-inner {
    line-height: 18px;
    font-size: 12px;
}

.icon-jiaban:before {
    color: #3CB9FF;
}

.icon-chuchai:before {
    color: #F59C24;
}

.icon-moren:before {
    color: #F59C24;
}

.icon-qiandaobuka:before {
    color: #498FE2;
}

.icon-qingjia:before {
    color: #5DC663;
}

.icon-waichu:before {
    color: #5DC663;
}

.icon-zhaopin {
    color: #F59C24;
}

.icon-zhuanzheng {
    color: #5DC663;
}

.icon-lizhi {
    color: #3CB9FF;
}

.icon-baoxiao {
    color: #498FE2;
}

.icon-fukuan {
    color: #5DC663;
}

.icon-shenpidan {
    color: #f59c24;
}

.icon-caiwu1 {
    color: #f59c24;
}

.icon-caiwu {
    color: #f59c24;
}

.icon-shuishou {
    color: #f59c24;
}

.icon-nashui {
    color: #f59c24;
}

.icon-fapiao {
    color: #f59c24;
}

.icon-huaizhang {
    color: #f25641;
}

.icon-fukuan1 {
    color: #f25641;
}

.icon-fukuan2 {
    color: #f25641;
}

.icon-jiangjin {
    color: #f25641;
}

.icon-shenpidan2 {
    color: #f25641;
}

.icon-gaizhang {
    color: #3296fa;
}

.icon-lvhang {
    color: #3296fa;
}

.icon-qingjia1 {
    color: #3296fa;
}

.icon-jiangzhang {
    color: #3296fa;
}

.icon-huazhang {
    color: #3296fa;
}

.icon-wendang1 {
    color: #3296fa;
}

.icon-wendang {
    color: #3bbaff;
}

.icon-shenpidan1 {
    color: #3296fa;
}

.icon-kaipiao {
    color: #3296fa;
}

.icon-jilu1 {
    color: #3296fa;
}

.icon-jiaban1 {
    color: #3296fa;
}

.icon-renyuanluru {
    color: #3296fa;
}

.icon-renyuanlizhi {
    color: #f59c24;
}

.icon-renyuanbiaoji {
    color: #3296fa;
}

.icon-renyuanbiangeng {
    color: #1abf8b;
}

.icon-renyuanhuaxiang {
    color: #3296fa;
}

.icon-renyuanjixiao {
    color: #f25641;
}

.icon-jiaoliupeixun {
    color: #1abf8b;
}

.icon-renshibiandong {
    color: #1abf8b;
}

.icon-renyuanpinggu {
    color: #f59c24;
}

.icon-tejiabiaoqian {
    color: #f25641;
}

.icon-caigou {
    color: #5dc663;
}

.icon-chebu {
    color: #5dc663;
}

.icon-zhichang {
    color: #5dc663;
}

.icon-guanli {
    color: #1abf8b;
}

.icon-jiaoliugoutong {
    color: #1abf8b;
}

.icon-xuqiubiangeng {
    color: #3bbaff;
}

.icon-bijiben {
    color: #3bbaff;
}

.icon-ITzichan {
    color: #3bbaff;
}

.icon-yunfuwu {
    color: #3bbaff;
}

.icon-xiezhupeihe {
    color: #3296fa;
}

.ivu-icon-ios-calendar-outline {
    font-family: "iconfont" !important;
    color: #BFBFBF;
    font-size: 12px;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ivu-icon-ios-calendar-outline:before {
    content: "\e737" !important;
}

.rightPage .ivu-icon{
    line-height: 26px;
}
/* app容器 */

#app-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    box-sizing: inherit;
    background-color: #f0f2f5;
}


/* 侧边栏 */

#sidebar_wapper {
    float: left;
    height: 100%;
}

#sidebar_wapper,
#sidebar_wapper .ivu-menu-dark,
#sidebar_wapper .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title {
    background: #FCFCFC;
}

#main-header .logo-wrap {
    height: 50px;
    color: #fff;
    font-size: 16px;
    background: #333742;
    overflow: hidden;
}

#main-header .logo {
    width: 145px;
    height: 43px;
    vertical-align: middle;
    margin-top: -3px;
    /* vertical-align: middle;
    height: 18px; */
}

.site-name::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 17px;
    background: rgba(255, 255, 255, 0.5);
    top: 3px;
    left: -11px;
}

.ivu-btn.btn-right {
    float: right;
}

.put-away {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    position: relative;
    height: 50px;
    line-height: 50px;
    top: -2px;
    margin-left: 13px;
    margin-right: 20px;
}

.small .put-away {
    top: 1px;
}

.isUserView .put-away {
    display: none;
}

#sidebar_wapper {
    /* margin-right: 12px; */
    background-color: #fff;
}

#main-header .site-name {
    margin-left: 18px;
    position: relative;
}

.msg-count {
    position: absolute;
    background: #f86161;
    height: auto;
    border-radius: 10px;
    text-align: center;
    padding: 2px 3px;
    min-width: 18px;
    height: 18px;
    line-height: 1.2;
    overflow: hidden;
    top: 8px;
    font-size: 12px;
    left: 22px;
}

#sidebar_wapper .ivu-menu-opened .ivu-menu-submenu-title {
    color: rgba(0, 0, 0, 0.9) !important;
}

#sidebar_wapper .ivu-menu-submenu-title {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.9) !important;
    padding: 0 16.5px 0 18px;
    height: 50px;
    line-height: 50px;
}

#sidebar_wapper .ivu-menu-submenu-title span {
    flex: 1;
    padding-left: 8px;
}

#sidebar_wapper .ivu-menu-submenu-title .iconfont {
    color: #999;
}

#sidebar_wapper .ivu-menu-submenu-title>i {
    margin-right: 0px;
}

#sidebar_wapper .ivu-menu {
    transition: all .25s;
}

#sidebar_wapper .ivu-menu-item {
    padding: 12px 24px;
}

#sidebar_wapper .ivu-menu,
#sidebar_wapper .ivu-menu-item,
#sidebar_wapper .ivu-menu-dark,
#sidebar_wapper {
    font-size: 14px;
    /* color: #666; */
    color: rgba(0, 0, 0, 0.6);
    line-height: 22px;
    overflow: hidden;
}

#normal_nav_wrap,
#normal_nav_wrap .ivu-menu {
    height: 100%;
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item {
    border-left: 3px solid transparent;
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item:hover {
    background-color: #F3F4F4 !important;
    border-left: 3px solid #1990FF;
}

.ivu-menu-vertical .ivu-menu-submenu-title-icon.ivu-icon-ios-arrow-down {
    color: #b3b3b3;
    top: 18px;
}

.ivu-menu-vertical .ivu-menu-closed .ivu-menu-submenu-title-icon.ivu-icon-ios-arrow-down {
    transform: rotate(-90deg);
}

.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title-icon.ivu-icon-ios-arrow-down {
    color: rgba(0, 0, 0, 0.60);
    ;
    transform: rotate(0deg);
}

#sidebar_wapper a.ivu-menu-item-active,
.put-nav li.ivu-menu-item-active {
    background: #eeeeee;
    color: #1990FF;
    border-left: 3px solid #1990FF;
}

.ivu-menu-item-active>i {
    padding-right: 3px;
}

#sidebar_wapper .ivu-menu-submenu-title:hover {
    background-color: #F3F4F4 !important;
    color: #000 !important;
}

#normal_nav_wrap {
    width: 160px;
}

#put_nav_wrap {
    width: 52px;
}

.put-nav {
    position: absolute;
    width: 52px;
    height: 100%;
    z-index: 99999;
    background: #fff;
}

.put-nav>li {
    height: 50px;
    line-height: 52px;
    text-align: center;
    cursor: pointer;
    color: #999;
}

.put-nav li:hover {
    background-color: #F3F4F4;
}

.put-nav-item {
    position: absolute;
    top: 0;
    left: 52px;
    width: 150px;
    background: #F3F4F4;
    z-index: 99999999;
}

.put-nav-item li {
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    padding-left: 18px;
    font-size: 12px;
    color: #222;
    text-align: left;
}

.put-nav-item li a {
    color: #222;
}

.put-nav-item .item-title {
    height: 50px;
    line-height: 50px;
    cursor: auto;
    font-size: 14px;
    color: #222;
    border-bottom: 1px solid #e9ebee;
}

.put-nav-item>li:hover {
    background-color: #eeeeee;
}

.put-nav-item .item-title:hover {
    background-color: #F3F4F4;
}

.put-nav-item .menu-item-selected {
    color: #13ADFF;
}


/* 右侧容器 */

.content_wapper {
    overflow: hidden;
    background-color: #f2f3f8;
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    bottom: 0;
}


/* 右侧顶栏 */

#main-header {
    background: #333742;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    position: relative;
    height: 50px;
    color: #fff;
}

#main-header .pull-right {
    position: absolute;
    top: 0;
    right: 0;
}

.headUserIcon {
    margin-right: 6px;
}

#main-header .mainTitle {
    font-size: 14px;
    color: #ffffff;
    height: 20px;
    line-height: 24px;
    position: absolute;
    top: 14px;
}

#main-header .secondTitle a {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
}

#main-header .secondTitle span {
    font-size: 16px;
    color: #fff;
    /* color: rgba(255, 255, 255, .7); */
    line-height: 22px;
}

#main-header span.username {
    font-size: 14px;
    line-height: 22px;
    vertical-align: middle;
}

#main-header .ivu-menu-item,
#main-header .ivu-menu-submenu {
    padding: 0px 23px 0 10px;
    margin-left: 14px;
}

#main-header .ivu-menu-submenu .ivu-select-dropdown {
    display: none;
    width: 100px;
    right: 20px;
    top: 45px;
}

#main-header .ivu-menu-submenu:hover .ivu-select-dropdown {
    display: block;
}

#main-header .ivu-menu-item:hover {
    background-color: #e6f7ff;
}

#main-header .message {
    margin-right: -0px;
}
#main-header .ivu-menu-set .set-icon{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#main-header .ivu-menu-set .icon-qiantai{
    font-size: 20px;
    opacity: 0.8;
}
#main-header .ivu-menu-set:hover {
    background: rgba(0, 0, 0, .6);
}


#main-header .message:hover {
    background: rgba(0, 0, 0, .6);
}

#main-header .ivu-menu-submenu-title {
    height: 50px;
    display: flex;
    align-items: center;
    position: relative;
}

#main-header .ivu-menu-submenu-title .indexla{
    width: 10px;
    height: 6px;
    margin-left: 14px;
}
#main-header .ivu-menu-submenu::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 22px;
    background: rgba(255, 255, 255, 0.50);
    top: 15px;
    left: -12px;
}


/* 右侧主区域 */

#main-content {
    color: #5b5b60;
    background-color: #f2f3f8;
    /* padding: 16px; */
    height: 100%;
    position: relative;
    z-index: 3;
}

#main-content .tabsWrap {
    /* padding: 20px; */
    height: 100%;
    background: #fff;
    position: relative;
}

#main-content .tabsWrap .tabsWrap-con {
    padding: 20px;
}

#main-content .tabsWrap .tabsWrap-con .ivu-select-dropdown .ivu-select-dropdown-list {
    width: 260px;
}

#main-content .tabsWrap .tabsWrap-con .tabsWrap-con-btn {
    position: absolute;
    bottom: 12px;
    left: 0px;
    width: 100%;
    padding-top: 12px;
    border-top: 1px solid #E9EBEE;
    margin: 0px auto;
}

.tabsWrap-con-btn button {
    display: block;
    margin: 0px auto;
}

#main-content .iatq-config-wrap{
    padding: 16px 20px 20px;
    position: absolute;
    right: 12px;
    top: 70px;
    left: 12px;
    overflow: auto;
    bottom: 66px;
    background-color: #fff;
}
#main-content .foot_btn{
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
    text-align: center;
    background: #fff;
    padding: 12px;
}
#main-content .foot_btn .ivu-btn-primary{
    width: 100px;
}
#main-content .ivu-col {
    padding: 16px;
    background: #fff;
}

.first-col {
    padding-top: 0;
}
.first-col .first-col-ul{
    font-size: 13px;
}
.first-col .first-col-ul li.active{
    color: #13ADFF;
}
.first-col .first-col-ul li{
    float: left;
    padding: 0px 12px;
    position: relative;
    cursor: pointer;
}
.first-col .first-col-ul li:first-child{
    padding-left: 8px;
}
.first-col .first-col-ul li::after{
    content: "";
    position: absolute;
    right: 0px;
    top: 6px;
    height: 16px;
    width: 1px;
    background: #ddd;
}
.first-col .first-col-ul li:last-child::after{
    content: "";
    height: 0px;
}
#main-content .ou-wrap .tree-wrap {
    position: absolute;
    width: 255px;
    top: 12px;
    bottom: 12px;
    left: 12px;
    background-color: #fff;
}

#main-content .ou-wrap .ivu-table-wrapper {
    border-left: unset;
}

#main-content .ou-wrap .tree {
    overflow: auto;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
}

#main-content .ou-wrap .tree-title {
    border-bottom: 1px solid #ecedef;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    color: #222;
    font-size: 14px;
}

#main-content .ivu-tree {
    /*padding: 0 20px;*/
}

.DropdownMenuIcon {
    font-size: 16px;
    vertical-align: -2px;
    margin-right: 5px;
}

#main-content .ivu-tree-title {
    -webkit-transition: none;
    transition: none;
    width: 95%;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#main-content .flow-classify .ivu-tree-title{
    overflow:visible;
    width: 100%;
}
#main-content .ivu-tree-title .ivu-dropdown {
    display: none;
}
#main-content .flow-classify .searcClassifyWrap{
    height: 36px;
    border: 1px solid #E9EBEE;
    border-left: 0;
    border-right: 0;
    padding: 3px;
}
#main-content .flow-classify .ivu-input,#main-content .flow-classify .ivu-input-wrapper .ivu-input-search-icon{
    border: 0;
    line-height: 30px;
}
#main-content .flow-classify #my_tree.virtuallist{
    position: absolute;
    top: 80px;
    bottom: 0px;
    left: 0;
    right: 0;
    height: auto;
}
#main-content .ivu-dropdown-rel {
    /*height: 30px;*/
}

#main-content .ivu-tree-title-hover .ivu-dropdown,
#main-content .hover-active .ivu-tree-title .ivu-dropdown,
#main-content .ivu-tree-title:hover .ivu-dropdown {
    display: block;
}

#main-content .ivu-tree-title-hover {
    background-color: #eaf4fe;
}

#main-content .content {
    position: absolute;
    left: 268px;
    right: 12px;
    bottom: 12px;
    top: 12px;
    overflow: auto;
    background-color: #fff;
}
#main-content .flow-monitor .content{
    overflow: visible;
    top: 0px;
    right: 18px;
    border-left: 1px solid #e9ebee;
    border-right: 1px solid #e9ebee;
    left: 272px;
    bottom: 13px;
    border-bottom: 1px solid #e9ebee;
}

#main-content .ivu-dropdown-menu {
    padding: 0;
    min-width: 80px;
}

#main-content .ivu-dropdown-item {
    padding: 7px 16px;
}

#main-content .ivu-tabs.autoHeightTabs {
    height: 100%;
}

#main-content .bottomBtn {
    position: absolute;
    bottom: 18px;
    left: 12px;
    right: 12px;
    padding-top: 20px;
    padding-right: 20px;
    border-top: 1px solid #dcdcdc;
    text-align: right;
}

#main-content .autoHeightTabs .ivu-tabs-content {
    position: absolute;
    top: 43px;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 12px;
    background-color: #f2f3f8;
}

.handlerConfigDialog .ivu-modal-header {
    border-bottom: none;
}

.handlerConfigDialog .ivu-modal-body {
    max-height: 522px;
    overflow: auto;
    padding: 0 30px !important;
}

.handlerConfigDialog .ivu-modal-footer {
    padding: 0 18px 12px 18px;
    border-top: none;
}

#main-content .ivu-tabs .ivu-tabs-tabpane {
    height: 100%;
}

#main-content .tab-tree {
    overflow: auto;
    border-right: 1px solid #ecedef;
    border-top: 1px solid #ecedef;
    height: 100%;
    width: 250px;
}

#main-content .rightTable {
    position: absolute;
    left: 249px;
    right: 0;
    top: 0;
}

#main-content .tab-content {
    overflow: auto;
}

#main-content .tab-content.posR {
    position: absolute;
    left: 223px;
    right: 0;
    bottom: 0;
    top: 0;
    padding-bottom: 0;
}

#main-content .short-text {
    text-overflow: ellipsis;
    overflow: hidden;
}

#my_tree .ivu-checkbox-wrapper {
    vertical-align: middle;
    margin: 0;
}

#main-content .p_r_0 {
    padding-right: 0;
}

#main-content .p_l_0 {
    padding-left: 0;
}

#main-content .ivu-row {
    background: #fff;
}

#main-content-wrap {
    height: 100%;
    position: relative;
    overflow: hidden;
}

#main-content-wrap .ivu-tabs-bar {
    border-bottom: 1px solid #ecedef;
    padding: 0 12px;
    background-color: #fff;
}
#main-content-wrap .right-user .ivu-tabs-bar{
    margin-bottom: 0;
}
#main-content-wrap .right-user .ivu-tabs-tabpane{
    padding: 12px;
    background-color: #f2f3f8;
}
#main-content-wrap .right-user .dataRightTab .ivu-tabs-tabpane{
    padding:0;
    background-color: #fff;
}
#main-content-wrap .right-user .dataRightTab .ivu-tabs-bar{
    border-bottom:0;
}
.required .ivu-textarea-wrap {
    border-color: #ef6666;
    background-color: #FBF3F3;
}

.ivu-input[disabled]+div {
    background-color: #f3f3f3;
}

.ivu-form-item-error textarea.ivu-input {
    border: 0 none;
}

.ivu-form-item-error .ivu-textarea-wrap, .ivu-form-item-error .ivu-textarea-wrap:hover {
    border-color: #ef6666;
}

.required textarea.ivu-input,.required .val-count {
    background-color: #FBF3F3;
}

.required .flow-handler input.ivu-input {
    border: 1px solid #ef6666;
    background-color: #FBF3F3;
}

.ivu-modal-header p,
.ivu-modal-header-inner {
    font-weight: normal;
}

textarea.ivu-input {
    height: 100%;
    padding-bottom: 24px;
}

.form-control-warp-col textarea.ivu-input {
    padding-bottom: 20px;
}

.ivu-poptip,
.ivu-poptip-rel {
    height: 100%;
    width: 100%;
}

.ou_userBaseFrom .ivu-form-label-right {
    width: 480px;
    margin: 0 auto;
}

.ou_userBaseFrom .ivu-input {
    width: 390px;
}

.wfd-flow-action .ivu-dropdown-item {
    font-size: 13px !important;
    color: #222;
}

.wfd-flow-action.more .helpTips:hover {
    color: #5BA1F5;
}
.ivu-select-dropdown .batch-auth .ivu-dropdown-item{
    text-align: center;
}
.batch-auth .ivu-dropdown-item span {
    font-size: 13px !important;
}
.flowAccessTip{
    position: absolute;
    top: 10px;
    left: 80px;
    z-index: 9999;
    height: 14px;
    line-height: 10px;
}    

/*---------------------表格下poptip---------------------------------*/

.ivu-poptip-body .table-poptip {
    position: relative;
    min-height: 79px;
    padding-top: 8px;
}

.ivu-poptip-body .table-poptip .copySure {
    position: absolute;
    right: 4px;
    bottom: 2px;
    background: #1990FF;
    border-radius: 2px;
    color: #fff;
    width: 60px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
}

.ivu-poptip-body .table-poptip .delSure {
    position: absolute;
    right: 4px;
    bottom: 2px;
    background: #F86161;
    cursor: pointer;
    width: 60px;
    border-radius: 2px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.ivu-poptip-body .table-poptip .cancelSure {
    position: absolute;
    left: 24px;
    bottom: 2px;
    cursor: pointer;
    width: 60px;
    border-radius: 2px;
    height: 28px;
    border:1px solid #DDDDDD;
    line-height: 28px;
    color: #555555;
    font-size: 13px;
    text-align: center;
}

/* .ivu-poptip-inner .ivu-poptip-body{
    position: relative;
    padding: 15px 10px 10px 10px;
    width: 206px;
    height: 94px;
}
.ivu-poptip-inner .ivu-poptip-body .copySure{
    position: absolute;
    right: 20px;
    bottom: 10px;
    background: #1990FF;
    border-radius: 2px;
    color: #fff;
    width: 60px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
}
.ivu-poptip-inner .ivu-poptip-body .delSure{
    position: absolute;
    right: 20px;
    bottom: 10px;
    background: #F86161;
    cursor: pointer;
    width: 60px;
    border-radius: 2px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-size: 13px;
    text-align: center;
} */

.ivu-poptip-popper.ivu-poptip-hidden {
    top: -1000px !important;
}

.ivu-table th {
    background-color: #FBFBFB !important;
}

.ivu-input-wrapper .ivu-input-search-icon {
    border-left: 1px solid #ddd;
    font-family: "iconfont" !important;
    font-size: 14px;
}
.ivu-input-wrapper .ivu-input-search-icon:before {
    content: "\e73b";
}
.ivu-date-picker-focused input {
    box-shadow: unset;
}

.ivu-input-wrapper.hideCount .ivu-textarea-wrap .val-count{
    display: none;
}
.ivu-input-wrapper .ivu-textarea-wrap .val-count {
    /* position: absolute; */
    right: 1px;
    padding: 0px;
    bottom: 1px;
    height: 26px;
    left: 1px;
    padding-right: 10px;
}

.ivu-input:hover,
.ivu-input:focus {
    outline: unset;
    border: 1px solid #57a3f3;
}

textarea.ivu-input:hover,
textarea.ivu-input:focus {
    outline: 0;
    border: 0;
}

.ivu-textarea-wrap:hover,
.ivu-textarea-wrap:focus {
    outline: unset;
    border: 1px solid #57a3f3;
}

.ivu-checkbox:focus,
.ivu-checkbox-inner {
    outline: unset;
    box-shadow: unset;
}

.ivu-switch:focus {
    box-shadow: unset;
}

.ivu-select-single .ivu-select-input {
    line-height: normal;
}


/* .ivu-form .ivu-form-item-label{
    height: 30px;
    line-height: 30px;
} */

.ivu-form .autoHeight {
    padding-bottom: 10px;
}

.ivu-form .autoHeight .ivu-form-item-label {
    padding: 0;
}

.autoHeight .ivu-form-item-content {
    line-height: 1;
}

.ivu-btn.ivu-btn-text.ivu-btn-small {
    padding-left: 0;
    display: inline-block;
    padding: 1px 12px 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: inherit;
}
.plTableBox .el-table td{
    border-right: 0 !important;
}
.ivu-modal-footer .ivu-btn.ivu-btn-default {
    color: #222;
    border-color: #ddd;
}

.ivu-btn.ivu-btn-text.ivu-btn-small span {
    font-size: 13px;
    color: #5BA1F5;
}

.ivu-btn.ivu-btn-text.ivu-btn-small.more-btn span {
    font-size: 12px;
}

.ivu-btn.ivu-btn-text.ivu-btn-small[disabled] {
    color: #c5c8ce;
}

.ivu-tree ul li {
    margin: 0!important;
}

.ivu-tree-title,
.ivu-tree ul li .ivu-checkbox-wrapper,
.ivu-tree-arrow {
    height: 29px!important;
    line-height: 29px!important;
    vertical-align: middle;
}

.ivu-tree-arrow .ivu-icon-ios-arrow-forward:before {
    content: "\F341";
    font-size: 16px;
}

#main-content .parameters .table_title {
    padding: 11px 15px 11px 15px;
    /* padding-top: 14px; */
    border-bottom: 1px solid #e8eaec;
    /* border-top: 1px solid #e8eaec; */
}

#main-content .parameters .table_title h3 {
    font-weight: normal;
    display: inline-block;
    margin-top: 5px;
    font-size: 14px;
    color: #222;
}

.agentModal .ivu-form-item-content .ivu-radio {
    vertical-align: text-top;
}

.deleteDialog {
    min-height: 166px;
}

.deleteDialog .ivu-modal-header,
.deleteDialog .ivu-modal-footer {
    border: none;
    /* text-align: center; */
}

.deleteDialog .ivu-modal-footer {
    padding: 12px 18px 35px 18px;
}

.deleteDialog .detele-modal-wrap {
    padding: 36px 18px 17px 18px;
}

.deleteDialog .ivu-modal-footer .ivu-btn {
    width: 100px;
    height: 32px;
    line-height: 31px;
    border-radius: 2px;
}

.deleteDialog .ivu-modal-body {
    min-height: 76px;
}

.deleteDialog .deleteBtn,
.deleteDialog .deleteBtn.ivu-btn:hover {
    color: #fff;
    background-color: #F86161;
    border-color: #F86161;
}

.deleteDialog .ivu-modal-header-inner {
    text-align: left;
    font-size: 16px;
    color: #222;
    line-height: normal;
}


/**this.$model样式*/
.model-dialog-con{
    padding: 20px 0;
}
.model-dialog-con .dialog-con-div {
    position: relative;
    padding: 20px 30px 10px;
    text-align: center;
    min-height: 148px;
    display: table;
    width: 100%;
}

.model-dialog-con .dialog-con-title {
    position: absolute;
    top: 20px;
    left: -10px;
    font-size: 16px;
    color: #222;
}

.model-dialog-con .dialog-con-p {
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    color: #222;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.model-dialog-con .dialog-con-wen {
    color: #666;
    font-size: 13px;
    margin-top: 10px;
}

.model-dialog-con .modal-con-btn {
    text-align: right;
}

.model-dialog-con .modal-con-btn button {
    min-width: 100px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    border-radius: 2px;
    margin-left: 12px;
}

.model-dialog-con.custom-dialog .modal-con-btn button {
    line-height: 30px;
}


.model-dialog-con .modal-con-btn .deleteBtn {
    color: #fff;
    background-color: #F86161;
    border-color: #F86161;
}

.deleteDialog .deleteBtn.ivu-btn:hover {
    color: #fff;
    background: rgba(248, 97, 97, 0.80);
    ;
    border-color: rgba(248, 97, 97, 0.8)
}

.deleteDialog .defultBtn.ivu-btn:hover {
    color: rgba(25, 144, 255, 0.8);
    border-color: rgba(25, 144, 255, 0.8);
}

.ivu-modal-confirm {
    padding: 0px;
}

.ivu-modal-confirm-footer {
    display: none;
}

#app-replace-auditor-index .ivu-tabs-bar {
    margin-bottom: 0;
}

.ivu-cascader .ivu-input {
    padding-right: 30px;
}


/* .ivu-form-item {
    width: 90%;
} */

.control_power_wrap {
    display: inline-block;
    vertical-align: -4px;
    font-size: 13px;
    color: #222;
}

.control_power_common {
    display: inline-block;
    width: 100%;
}

.control_power_common .ivu-select-disabled .ivu-select-selection {
    background-color: transparent;
    border: 0 none;
    cursor: auto;
}

.control_power_common .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.control_power_common .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    padding: 0;
}

.tree-more-icon {
    margin-right: 5px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #777;
}
.tree-more-icon:hover {
    color: #1990FF;
}
.ivu-table {
    width: 100%;
}

div.ivu-select-dropdown {
    z-index: 999999 !important;
    max-width: 373px;
    max-height: 290px;
    padding: 0px;
    overflow: hidden;
}
div.ivu-select-dropdown.dropdownHide{
    z-index: 0 !important;
    opacity: 0;
}
.ivu-select-dropdown .ivu-dropdown-item {
    height: 32px;
}

.ivu-select-dropdown .ivu-select-dropdown-list {
    max-height: inherit;
    overflow: auto;
}
.ivu-select-dropdown.treeSelect .ivu-select-dropdown-list{
    overflow: visible;
}
.ivu-select-dropdown.treeSelect{
    max-height: 320px;
    max-width: 271px;
    margin-top: 6px;
}
.ivu-select-dropdown .ivu-select-dropdown-list #my_tree{
    max-height: 288px;
    min-height: 34px;
}
.ivu-select-dropdown .ivu-select-dropdown-list #my_tree .tree-item-wrap{
    height: 34px;
}
.ivu-select-item-selected span {
    color: #5BA1F5 !important;
}
.ivu-select-dropdown .ivu-select-item {
    font-size: 13px !important;
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    min-width: 100%;
}

.ivu-select-dropdown .ivu-select-item.sub-field {
    padding-left: 30px;
}

.chooseForm .ivu-select-dropdown {
    padding: 5px 0;
}

.ivu-form-item-error-tip {
    padding-top: 2px;
    font-size: 12px;
}
.ivu-tooltip-content{
    padding: 10px;
    padding-right: 5px;
    max-width: 300px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
}
.ivu-tooltip-inner-with-width,
.ivu-tooltip-inner {
    white-space: normal !important;
    word-break: break-word;
    max-height: 300px;
    min-height: 18px;
    overflow: auto;
    padding: 0;
    padding-right: 5px;
}

.ivu-tooltip-inner-with-width {
    text-align: left;
}

.ivu-table-cell {
    padding: 0px 10px;
}

.ivu-table-cell .ivu-tooltip,
.ivu-table-cell .ivu-tooltip-rel,
.ivu-table-cell .ivu-tooltip-rel>div {
    height: 100%;
    width: 100%;
}

.ivu-table-cell .ivu-tooltip .ivu-tooltip-rel button,
.ivu-table-cell .ivu-tooltip .ivu-tooltip-rel button span {
    vertical-align: middle;
}

.ivu-tooltip .ivu-tooltip-rel button span {
    display: inline-block;
    width: 100%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ivu-tag {
    cursor: unset !important;
    margin: 4px 4px 4px 0;
    line-height: 20px;
    font-size: 0;
}

.ivu-tag span.ivu-tag-text {
    max-width: 540px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    font-size: 12px;
    line-height: 20px;
}

.ivu-table .ivu-table-tbody td {
    border-right: 0 none;
    font-size: 13px;
}

.normalRow {
    margin-top: 10px;
    background-color: #FAFAFA;
    border: 1px solid #EBEDEF;
    font-size: 12px;
    padding-left: 20px;
}

.virtualInput {
    padding: 0 7px;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    cursor: pointer;
    line-height: 27px;
    height: 30px;
    background-color: #fff;
}

.virtualInput .ivu-tag {
    margin: -1px 4px 2px 0;
}

.ivu-tooltip-popper:hover {
    display: block !important;
}

.mp-grid__empty-wrap {
    text-align: center;
    line-height: 20px;
}
.my-table-paged .plTableBox .el-table__empty-text{
    position: absolute;
    height: 80px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.mp-grid__empty-image {
    display: inline-block;
    width: 65px;
    height: 55px;
    margin-left: 5px;
    background: url("../imgs/wushuju.png") no-repeat 0 center;
}

.mp-grid__no-result {
    display: inline-block;
    width: 70px;
    height: 60px;
    margin-left: 5px;
    background: url("../imgs/noResult.png") no-repeat;
    background-size: 100%;
}
.plTableBox .el-table__body-wrapper{
    height: 650px;
}
.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header {
    padding-left: 12px;
}

.mp-grid__empty-text {
    display: block;
    font-size: 14px;
    color: #b9babf;
}

.pager {
    padding: 11px 12px;
    text-align: right;
    border-top: 0;
    background-color: #fff;
}

.hide {
    display: none;
}

.iModal .ivu-modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    margin: auto;
}

.iModal .ivu-modal .html-item .ivu-form-item-label {
    line-height: 26px;
    padding: 0px;
}

.pull-right .headBtn {
    list-style: none;
    /* height: 531px; */
    line-height: 0;
}

.pull-right .headBtn>li {
    display: inline-block;
    cursor: pointer;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.hidemask .ivu-modal-mask{background: none;}
  .rightPanel .ivu-modal .ivu-modal-header{
    padding:20px 20px 0px 30px;
  }
  .rightPanel .ivu-form-item{
    margin-top: 20px;
    margin-bottom: 0;
  }
  .rightPanel.iModal .ivu-modal{
    position: absolute;
    width: 750px !important;
    left: auto;
    margin: 0;
  }
  
.headBtn>li>span {
    display: inline-block;
}

.headBtn>li>span.icon_wrap {
    margin-right: 18px;
}

.headBtn>li>span>.icon-news {
    color: rgba(255, 255, 255);
    opacity: 0.8;
    display: inline-block;
    vertical-align: middle;
}

.headBtn>li>span>.ivu-icon {
    display: inline-block;
    vertical-align: middle;
}

.pull-right .headBtn li.icon_col:hover .icon-news {
    color: #fff;
}

.pull-right .headBtn li.ivu-menu-item {
    height: 28px;
    line-height: 28px;
}

.autoHeightModel .ivu-modal {
    max-height: 80%;
    height: 80%;
}

.signture_pic_wrap .webuploader-container div {
    width: 160px !important;
    height: 80px !important;
}

.autoHeightModel .ivu-modal-content,
.autoHeightModel .ivu-modal-body .ivu-tree {
    height: 100%;
}

.autoHeightModel .ivu-modal-body .ivu-tree {
    overflow: auto;
}

.autoHeightModel .ivu-modal-body {
    /*position: absolute;
    top: 50px;
    bottom: 50px;
    left: 0;
    right: 0;*/
    position: absolute;
    top: 71px;
    bottom: 75px;
    left: 30px;
    right: 30px;
    border: 1px solid #EBEDEF;
}

.autoHeightModel .ivu-modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#sidebar_wapper .ivu-menu-opened {
    background-color: #fcfcfc !important;
    box-sizing: border-box;
    overflow: hidden;
}

.addExistsUser .user_name {
    width: 120px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.addExistsUser .userOrg {
    color: #9EA7B4;
    display: inline-block;
    width: 375px;
    vertical-align: -4px;
}

.ivu-cascader-menu {
    max-height: 180px;
    height: unset;
}

.ivu-form-item {
    margin-bottom: 10px;
}


/* .chooseForm .autoTbale {
    border-bottom: 0 none;
} */


/*树形表格样式开始*/

.autoTbale {
    height: 100%;
    border: 1px solid #e7eaec;
    position: relative;
}

.autoTbale .table {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.virtualTable {
    width: 100%;
    display: table;
}

.virtualTable .virtualTableRow {
    display: table-row;
}

.virtualTable .virtualTableCell {
    display: table-cell;
    vertical-align: middle;
    border: 0;
    border-bottom: 1px solid #e7eaec;
    padding-left: 12px;
    vertical-align: middle;
    height: 40px;
    font-size: 13px;
    color: #666;
}

.virtualTableHead .virtualTableCell {
    background-color: #FBFBFB;
}

.virtualTableHead .virtualTableCell+span {
    border-left: 1px solid #e8eaec;
}

.virtualTableCell.selection {
    padding-left: 10px;
}

.table-bordered {
    height: 100%;
    width: 100%;
}

.virtuallist .ivu-checkbox-wrapper {
    margin-left: 0;
}
.buobj-dialog .virtuallist .ivu-checkbox-wrapper{
    margin-left: 24px;
}
#hl-tree-table .ivu-tooltip-rel>div {
    line-height: 20px;
    min-height: 22px;
}

.app-expand-button #hl-tree-table .ivu-tooltip-rel .btn{
    color: #5BA1F5;
    cursor: pointer;
}

#hl-tree-table label {
    font-size: 12px;
    vertical-align: middle;
    line-height: 20px;
    height: 20px;
}
#hl-tree-table .virtualTableRow:hover{
    background-color: #F5F5F5;
}
#hl-tree-table .iconLabel {
    cursor: pointer;
}
.ivu-poptip-popper{
    min-width: auto;
}
#hl-tree-table .child-tr.highlight {
    background: #F4F9FF;
}

#hl-tree-table .iconLabel>div>.ivu-icon {
    font-size: 16px;
    color: #999;
    position: absolute;
    width: 12px;
    line-height: 20px;
}
#app-index #hl-tree-table .iconLabel>div>.ivu-icon{
    /* top: 3px; */
}
.leftTotal .ivu-select-dropdown {
    width: 100px;
}

.ms-tree-space {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    width: 14px;
    height: 14px;
}

#hl-tree-table .ivu-tooltip {
    width: 100%;
    vertical-align: middle;
    font-size: 13px;
    color: #222;
    position: relative;
    left: 2px;
}
#hl-tree-table .ivu-tooltip i{
    vertical-align: middle;
}
#hl-tree-table .ivu-tooltip .ivu-tooltip-popper{
    min-width: 250px;
}
#hl-tree-table .tree-item-wrap .ivu-tooltip {
    padding-left: 20px;
}

#hl-tree-table .ivu-tag span.ivu-tag-text {
    max-width: 100%;
}

#hl-tree-table .ivu-tag {
    margin: 4px 0;
    padding-right: 30px;
    position: relative;
    max-width: 120px;
    min-width: 60px;
}

#hl-tree-table .ivu-tag {
    margin-right: 10px;
}

#hl-tree-table .ivu-btn {
    margin-top: -1px;
    height: 100%;
    line-height: 1;
}

#hl-tree-table .ivu-icon-ios-close {
    line-height: 23px;
    margin-left: 12px;
    position: absolute;
    top: 0;
    right: 4px;
    left: auto;
}
.virtualTable.virtuallist{
    overflow-x: hidden;
    height: auto !important;
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    bottom: -1px;
    height: auto;
}
.virtualTable.virtuallist > div{
    width: 100% !important;
}
.contentText {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    color: #222;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
}

.ivu-textarea-wrap {
    height: 100%;
    /* padding-bottom: 25px; */
}
#formeditor .ivu-textarea-wrap{
    padding-bottom: 0;
}
.formCanvas textarea.ivu-input{
    padding-bottom: 40px;
}
.ms-tree-space::before {
    content: ""
}


/*树形表格样式结束*/


/*流程表单管理*/

.flow-form-dialog .ivu-modal-body {
    padding: 0;
}

.flow-form-dialog .autoTbale #hl-tree-table {
    overflow: hidden;
}

.flow-form-dialog .ivu-modal-body .autoTbale tbody {
    overflow-y: auto;
}


/*标题规则管理开始*/

.title-modal .ivu-table:after {
    width: 0;
}

.title-cell-item {
    margin-left: 34px;
    font-size: 12px;
    overflow: hidden;
    max-width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
    color: #515a6e;
    cursor: pointer;
}

.title-cell-item.cell-disabled {
    color: #c5c8ce;
    cursor: not-allowed;
}

.title-modal .ivu-table {
    height: 330px;
}

.title-modal .ivu-table-header {
    border-top: 1px solid #dcdee2;
}

.title-modal .ivu-table:before {
    height: 0px;
}

.title-modal .ivu-modal-body {
    overflow-x: hidden;
}

.title-modal .ivu-btn.ivu-btn-text.ivu-btn-small {
    font-size: 12px;
    color: #3399FF;
}

.title-modal .i-draggable {
    opacity: 0;
}

.title-modal tr:hover .i-draggable {
    opacity: 1;
}

.title-columns span,
.title-columns .ivu-cell-title {
    font-size: 13px;
    color: #222;
}

.title-columns .ivu-cell-title {
    margin-left: 16px;
    overflow: hidden;
    max-width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title-columns .ivu-card-head {
    height: 36px;
    padding-top: 10px;
    padding-bottom: 9px;
    padding-left: 20px;
    background: #F7FAFC;
}

.title-columns .ivu-divider,
.ivu-divider-vertical {
    width: 2px;
    height: 12px;
    background: #1890FF;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -.06em;
    margin: 0 12px 0 20px;
}

.title-columns .title {
    font-size: 12px;
    color: #464C5B;
    margin-top: 10px;
    display: inline-block;
}

.title-columns .ivu-cell {
    height: 30px;
    margin: 1px 0;
}


/*标题规则管理结束*/


/*tag_input begin*/

.tag_input_wrap {
    min-height: 0%;
}

.tag_input_wrap .tag_input {
    position: relative;
    padding: 0 5px;
    min-height: 0%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    max-height: 84px;
    padding-right: 40px;
    min-height: 34px;
}

.tag_input_wrap .tag_input input {
    outline: 0 none;
    border: 0 none;
}

.tag_input_wrap .tag_input .ivu-input-suffix i {
    line-height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 5px;
}
.tag_input_wrap .tag_input .ivu-tooltip,.tag_input_wrap .tag_input .ivu-tooltip-rel{
    height: 26px;
}
.tag_input_wrap .tag_input .ivu-tooltip .ivu-tag{
    margin: 0 5px;
}
.tag_input_wrap .mainBox {
    width: 320px;
    height: 340px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    margin-top: 5px;
    padding: 10px 0;
    position: absolute;
    z-index: 11;
    overflow: hidden;
    background-color: #ffffff;
}

.tag_input_wrap .mainBox ul .ivu-scroll-container {
    overflow: auto;
}

.tag_input_wrap .mainBox ul li {
    padding: 5px 20px;
    cursor: pointer;
    color: #666666;
    position: relative;
}

.tag_input_wrap .mainBox ul li div>i {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -8px;
    font-size: 16px;
    color: #2d8cf0;
}

.tag_input_wrap .mainBox ul li:hover {
    background-color: #dbf0f9;
}

.tag_input_wrap .mainBox .lookMore {
    text-align: center;
    height: 44px;
    line-height: 44px;
    color: #2d8cf0;
    border-top: 1px solid #dcdcdc;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 12;
    cursor: pointer;
}

.defaultOrgToolTipContentStyle{
   width:238px;
   height:300px;
}

.handlerLoading {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 9999999;
}

.handlerLoadingImg {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}


/*tag_input end*/


/*处理人配置样式开始*/

.handlerConfigMain {
    margin-top: 10px;
    font-size: 0;
    width: 100%;
}

.handlerConfigMain .leftContent {
    width: 40%;
    display: inline-block;
}
.handlerConfigMain.withOrgSplit .leftContent{
    width: 45%;
}
.handlerConfigMain .leftContent > .ivu-tabs{
    border: 1px solid #E9EBEE;
    z-index: 0;
}

.handlerConfigMain .leftContent .ivu-tabs-tab {
    /* width: 50px; */
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    padding: 0 16px;
    font-size: 12px;
}

.handlerConfigMain .leftContent .ivu-tabs-ink-bar {
    display: none;
}

.handlerConfigMain .leftContent .ivu-tabs-tab-active {
    border-bottom: 3px solid #2d8cf0;
}

.handlerConfigMain .leftContent .ivu-tabs-bar {
    margin-bottom: 0;
}
.handlerConfigMain-watch-pepole .leftContent{
    position: relative;
}
.wrap-tag-input{
    position: absolute;
    top: 50px;
    left: 10px;
    right: 10px;
    z-index: 1;
}
.handlerConfigMain-watch-pepole .ivu-spin-fix{
    top: 0;
}

.handlerConfigMain .leftContent .ivu-tabs-tabpane {
    height: 325px;
    overflow: auto;
    padding: 10px;
    font-size: 12px;
}
.handlerConfigMain-watch-pepole .ivu-tabs-no-animation>.ivu-tabs-content{padding-top: 44px;}
.handlerConfigMain-watch-pepole .leftContent .ivu-tabs-tabpane {
    height: 281px;
}

.handlerConfigMain .rightContent {
    width: 60%;
    /* max-height: 366px; */
    padding-left: 15px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
}
.handlerConfigMain.withOrgSplit .rightContent {
    width: 55%;
}
.handlerConfigMain-watch-pepole{position: relative;}
.handlerConfigMain-watch-pepole .rightContent{
    position: absolute;
    right: 0;
    top: 0;
    left: 315px;
    padding-left: 0;
    width: auto;
    display: block;
}
.handlerConfigMain-watch-pepole #my_tree{
    height: 250px;
}
.handlerConfigMain-watch-pepole .tag_input_wrap{
    margin-bottom: 10px;
}

.handlerConfigMain-watch-pepole .btn-removeAll{
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 8px;
    font-size: 14px;
}

.handlerConfigMain-watch-pepole .search-input{
    margin-bottom: 0;
}
.handlerConfigMain-watch-pepole .search-input .ivu-input-wrapper{
    width: 280px;
}

.handlerConfigMain .leftContent .ivu-tree-empty {
    text-align: center;
    margin-top: 150px;
}

.posItem li {
    padding: 5px 0;
    cursor: pointer;
}

.posItem li:hover {
    color: #2d8cf0 !important;
}

.handlerConfigMain .ivu-table-overflowX {
    overflow-x: hidden;
}

.withoutSearch .ivu-scroll-container {
    height: 100% !important;
}

.searchItemIsEnd .ivu-scroll-container {
    height: 320px !important;
}

.withoutSearch .ivu-scroll-content-loading {
    opacity: 1;
}

.withoutSearch .ivu-scroll-loader {
    display: none;
}


/*处理人配置样式结束*/


/*新增角色用户弹框样式开始*/

.addRoleBox {
    font-size: 0;
    text-align: center;
}
.addRoleBox > div{
    text-align: left;
}
.addRoleBox>div {
    width: 320px;
    font-size: 12px;
    color: #666666;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    border: 1px solid #E9EBEE;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.addRoleBox>div .titleBox {
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    background: #F9F9F9;
    position: relative;
    border-bottom: 1px solid #E9EBEE;
}

.addRoleBox .mainBox {
    padding: 10px 15px;
}

.addRoleBox .mainBox li,
.addRoleBox .selectedListWrap li {
    height: 30px;
    line-height: 27px;
    position: relative;
}

.addRoleBox .mainBox li .ivu-tag-border.ivu-tag-success,
.addRoleBox .selectedListWrap li .ivu-tag-border.ivu-tag-success {
    color: #19be6b!important;
    border: 1px solid #19be6b!important;
    padding: 0 3px;
    height: 17px;
    line-height: 14px;
    position: absolute;
    top: 3px;
    left: 170px;
    cursor: default;
}

.addRoleBox .mainBox li .ivu-tag-border.ivu-tag-error,
.addRoleBox .selectedListWrap li .ivu-tag-border.ivu-tag-error {
    padding: 0 3px;
    height: 17px;
    line-height: 14px;
    position: absolute;
    top: 3px;
    left: 170px;
    cursor: default;
}

.addRoleBox .mainBox li .ivu-tag-border.ivu-tag-success,
.addRoleBox .mainBox li .ivu-tag-border.ivu-tag-error {
    left: 200px;
}

.addRoleBox .roleContent {
    height: 300px;
    margin-top: 10px;
    overflow: auto;
}

.addRoleBox>div .titleBox>span {
    display: inline-block;
}

.addRoleBox .selectedList {
    width: 424px;
    padding-right: 260px;
}

.addRoleBox .action span {
    display: inline-block;
    color: #2d8cf0;
    cursor: pointer;
    padding-left: 6px;
}

.addRoleBox .selectedListWrap {
    height: 362px;
    overflow: auto;
    padding: 10px 15px;
}

.addRoleBox .selectedListWrap li>span {
    display: inline-block;
    vertical-align: middle;
}

/* 用户管理设置个人角色 */
.setViewRole .addRoleLeftContent{
    width: 300px;
}
.setViewRole .mainBox{
    padding: 0;
}
.setViewRole .roleContent {
    height: 400px;
    margin-top: 0;
}
.setViewRole .addRoleRightContent{
    width: 850px;
    margin-left: 12px;
}
.setViewRole .selectedListWrap{
    height: 400px;
}
.setViewRole .addRoleBox .selectedList{
    width: 650px;
    padding-right: 330px;
}
.setViewRole .addRoleBox .branchedOu{
    position: absolute;
    left: 142px;
}

.setViewRole .selectedListWrap .branchedOuText {
    position: absolute;
    left: 127px;
    top:2px;
    width: 310px;
}
.addRoleRightContent .branchedOuText1 {
    position: absolute;
    left: 425px;
    padding-right: 10px;
}
.setViewRole .selectedListWrap .selectedList {
    padding-right: 324px;
    width: 640px;
}
.branchedOuText .ivu-tooltip-rel{
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
  }
.branchedOuText1 .ivu-tooltip-rel {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
    max-width: 200px;
}
  span.branchedOuText{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
/*新增角色用户弹框样式结束*/


/*loading*/

.loadingWrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999999;
    text-align: center;
    background: rgba(255, 255, 255, .6);
}

.loadingContent {
    width: 140px;
    height: 50px;
    padding-top: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -70px;
    color: #777;
    background: url("../imgs/page-loading.gif") no-repeat top center;
}


/*loading*/

.paramConfig {
    margin: 20px;
    height: 100%;
}

.paramConfig .ivu-tabs-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    top: 46px;
    overflow: auto;
}

.verticalBar {
    margin: 0px 12px 0px 6px;
    display: inline-block;
    height: 0.9em;
    width: 1px;
    vertical-align: middle;
    position: relative;
    top: -0.06em;
    background: rgb(220, 220, 220);
}

.flowStepIndex {
    display: inline-block;
    vertical-align: text-bottom;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.3s ease 0s;
}

.flowStepIndex span img {
    vertical-align: middle;
}

.flowStepIndex span span {
    font-size: 16px;
    color: #222;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
}


/* 流程定义开始 */

#app-bu-obj-index {
    position: absolute;
    /* height: 100%; */
    /* min-width: 1170px; */
    padding: 0;
    background-color: #f2f3f8;
    /* width: 100%; */
    top: 16px;
    right: 16px;
    bottom: 12px;
    left: 16px;
    overflow: auto;
    overflow-y: hidden;
}

#app-bu-obj-index .leftWrap {
    display: inline-block;
    width: 155px;
}

#app-bu-obj-index .rightWrap {
    display: inline-block;
    position: absolute;
    left: 155px;
    top: 0;
    right: 0;
    bottom: 0;
    border-left: 1px solid #EBEDEF;
}

#app-bu-obj-index .rightWrap .componentContent {
    height: 100%;
    overflow: hidden;
}

#app-bu-obj-index .leftWrap ul {
    margin-top: 6px;
}

#app-bu-obj-index .leftWrap ul li {
    height: 40px;
    line-height: 40px;
    padding-left: 18px;
    cursor: pointer;
}

#app-bu-obj-index .leftWrap ul li:hover,
#app-bu-obj-index .leftWrap ul li.active {
    background-color: #F4F9FF;
    color: #1890FF;
}

#app-bu-obj-index .basicBtn {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 56px;
    line-height: 56px;
    border-top: 1px solid #EBEDEF;
}

.event-form .ivu-input-wrapper,
.event-form .ivu-select {
    width: 443px;
}

.event-form .ivu-modal-header-inner {
    color: #222;
}

.event-form .ivu-modal .ivu-modal-footer {
    padding: 0px 27px 20px 30px;
}

.button-form .ivu-modal-header-inner {
    color: #222;
}

.button-form  .ivu-modal .ivu-modal-footer {
    padding: 0px 27px 20px 30px;
}
.button-form .buttonNumber{
    display: table;
    position: relative;
    vertical-align: middle;
    line-height: normal;
    float: left;
}
.button-form .buttonNumber.sceondInput{
    margin-left: 10px;
}

.button-form .buttonNumber .buttonNumberLabel{
    height: 30px;
    line-height: 30px;
    display: table-cell;
    padding: 4px 7px;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    color: #515a6e;
    text-align: center;
    background-color: #f8f8f9;
    border: 1px solid #dcdee2;
    border-radius: 2px;
    width: 1px;
    white-space: nowrap;
    vertical-align: middle;
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important;
    border-right: 0;
}

.showRequired .ivu-form-item-label:after {
    content: '*';
    position: relative;
    top: 0;
    right: -5px;
    display: inline-block;
    margin-right: 4px;
    line-height: 1;
    font-family: SimSun;
    font-size: 12px;
    color: #ed4014;
}
.wfd-package,
.wfd-flow,
.flow-monitor,
.sys-package {
    width: 100%;
    height: 100%;
    padding: 12px;
    background: #f2f3f8; 
}
.flow-monitor{
    /* padding: 6px 12px 12px 12px; */
    /* top: -12px; */
    position: relative;
}
.flow-monitor .monitor-con-t{
    border: 1px solid #ecedef;
    position: relative;
    background-color: #fff;
}
.wfd-flow .monitor-con{
    border: 1px solid #ecedef;
    position: relative;
    height: calc(100% - 42px);
    background: #fff;
}
.wfd-flow .helpTips {
    font-size: 14px;
    color: #9B9B9B;
}
.bind-component{
    position: relative;
    margin-top: -12px;
    
}
.bind-component .pager{
    padding: 8px 12px;
}

/* .flow-monitor{min-width: 1100px;} */


/* .flow-monitor .search-fields { margin: 2px 0px 6px 0px; } */

.flow-monitor .search-fields .ivu-tag {
    cursor: unset !important;
    margin: 4px 6px 4px 0;
    height: 24px;
    padding: 0px 5px 0px 10px;
    line-height: 22px;
    font-size: 0;
}

.flow-monitor .search-fields .ivu-tag .ivu-icon-ios-close {
    top: 0px;
    margin-left: 5px;
}

.flow-monitor .ivu-btn-text {
    font-size: 13px;
    color: #666;
}

.flow-monitor .ivu-btn-text .ivu-icon-ios-arrow-up:before,
.flow-monitor .ivu-btn-text .ivu-icon-ios-arrow-down:before {
    color: #9B9B9B;
}

.flow-monitor .ivu-btn-text:hover {
    color: #666;
}

.flow-monitor .my-table-paged .ivu-tag {
    border-radius: 11px;
    height: 24px;
    width: 60px;
    text-align: center;
    padding: 0;
}
.flowDialog .ivu-radio-wrapper{
    margin-right: 16px;
}
.flowDialog .ivu-checkbox-wrapper{
    margin-right: 16px;
}
.flowDialog .flowDialog-content-top{
    margin-top: -5px;
}
.flowDialog .flowDialog-content .ivu-select-single .ivu-select-selection .ivu-select-selected-value{
    padding-right: 30px;
}
.flowDialog .flowDialog-content{
    min-height: 235px;
}
.flowDialog .flowDialog-content .ivu-checkbox{
    bottom: 1px;
}
.flowDialog .flowDialog-content .ivu-radio{
    top: 1px;
}
.flowDialog .flowDialog-progress{
    width: 100%;
    display: table;
}
.flowDialog .flowDialog-content .content-title{
    color: #222;
    padding-bottom: 10px;
    margin-top: 1px;
    margin-bottom: 6px;
    border-bottom: 1px solid #E9EBEE;
}
.flowDialog .flowDialog-content .Manage-title{
    color: #222;
    margin-top: 1px;
    margin-bottom: 6px;
    background: #F5F5F5;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}
.flowDialog .flowDialog-content.flowManage .ivu-form .ivu-form-item-label{
    padding-left: 10px;
}
.flowDialog .flowDialog-content.flowManage .ivu-form .no-auditor-rules .ivu-form-item-label{
    padding-left: 0;
}
.flowDialog .flowDialog-content.flowManage .ivu-form .no-auditor-rules .no-auditor-rules-item{
    margin-top: 12px;
}
.flowDialog  .flowProgress{
    width: 100%;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
}
.flowDialog  .flowProgress-text{
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 30px;
}
.flowDialog .flowProgress-sum{
    background: #D8D8D8;
    height: 4px;
    width: 100%;
    max-width: 460px;
    border-radius: 2px;
    margin: 0 auto;
}
.flowDialog .flowProgress-curr{
    width: 0%;
    background: #1990FF;
    height: 4px;
    border-radius: 2px;

}
.ivu-progress-inner{
    background: #D8D8D8;
}
.flowDialog .ivu-radio-wrapper,.flowDialog .ivu-checkbox-wrapper{
    font-size: 13px;
    color: #222;
    line-height: 14px;
}
.wfd-flow .ivu-tag,
.flow-agent table .ivu-tag,
.rule-use-form .ivu-tag {
    border-radius: 0;
    height: 20px;
    line-height: 20px;
    width: auto;
    text-align: center;
    padding: 0 !important;
    border: 0;
}
.rule-use-form .ivu-tag-default{
    background:rgba(181,181,181,0.1);
    border:1px solid rgba(181,181,181,0.3);
}
.rule-use-form .ivu-tag-default .ivu-tag-text{
    color: #888888 !important;
}
.wfd-flow.flow-monitor .search-bo{
    margin-bottom: 10px;
}
.wfd-flow .ivu-tag .ivu-tag-text,
.flow-agent table .ivu-tag .ivu-tag-text,
.rule-use-form .ivu-tag .ivu-tag-text {
    padding: 0 8px;
    line-height: 20px;
}
.ivu-btn .title{
    vertical-align: -2px;
    color: #222222 !important;
}
.wfd-flow .btn,#app-index .btn,
.flow-monitor .btn,
.handlerConfigMain .btn,
.coverTable .btn {
    color: #5BA1F5;
    cursor: pointer;
    margin-right: 10px;
}

.wfd-flow .ivu-dropdown-item {
    color: #5BA1F5;
}

.wfd-flow .ivu-dropdown-item:hover {
    background: #F9F9FD;
}

.selection-access-rule {
    margin-left: 19px;
    display: inline-block;
    font-size: 13px;
    color: #222;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.right-user .ivu-tabs-ink-bar{
    min-width: 80px;
}
.right-user .rightCheckbox .ivu-checkbox{
    margin-right: 5px;
}
.right-user .rightSwitch{
    position: absolute;
    top: 12px;
    right: 25px;
}
.right-user .rightSwitch .switchText{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 13px;
    color: #666;
}
.wfd-flow .ivu-icon-ios-close,
.selection-access-rule .ivu-icon-ios-close,
.right-user .ivu-icon-ios-close,
.saasPackage .ivu-icon-ios-close{
    font-size: 26px;
    cursor: pointer;
    color: #999;
    margin-top: 2px;
}

.wfd-flow .ivu-icon-ios-close:hover,
.selection-access-rule .ivu-icon-ios-close:hover,
.saasPackage .ivu-icon-ios-close:hover {
    color: #333;
}

.search-input {
    margin-bottom: 12px;
}

.search-input .ivu-input-wrapper {
    width: 290px;
}

.base .ivu-tabs-tabpane,
.advance .ivu-tabs-tabpane {
    overflow-x: hidden;
    overflow-y: auto;
}

.base .ivu-tabs-bar {
    border: none;
}

/* .advance .ivu-col,
.bussiness-access-rule .ivu-col {
    padding: 0 2px;
} */
.select-input-wrap {
    position: relative;
}
.ivu-modal .select-input-wrap .ivu-input{
    padding-right: 30px;
}
.select-input-wrap .select-input-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #BFBFBF;
    font-size: 14px;
}
.advance .ivu-modal-body {
    padding-top: 0;
}

.process-modal .ivu-tabs-mini .ivu-tabs-tab {
    font-size: 14px;
    width: 60px;
    line-height: 44px;
    padding: 0px 16px;
    color: #666;
}

.process-modal .ivu-tabs-tab.ivu-tabs-tab-active {
    color: #222;
}

.process-modal .ivu-btn.ivu-btn-text.ivu-btn-small span {
    color: #1990FF;
}

.process-modal .ivu-tabs-bar {
    border-bottom: 1px solid #E7E7EB;
    margin-bottom: 12px;
}

.process-modal .delete-access {
    margin-left: 0px;
}

.process-modal .delete-access .ivu-icon-ios-close {
    margin-left: -7px;
}

.process-modal .ivu-modal-body {
    overflow: unset;
}

.process-modal .ivu-tabs {
    overflow: unset;
}

.process-modal .ivu-tabs-tabpane {
    overflow: unset;
}

div.auth-tags {
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    height: 30px;
    line-height: 28px;
    font-size: 13px;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    padding: 0 12px;
    color: #222222;
    letter-spacing: 0;
    top: 1px;
    cursor: pointer;
    margin-bottom: 12px;
}

div.auth-tags div {
    max-width: 114px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.auth-tags>span {
    position: absolute;
    display: none;
    width: 14px;
    height: 14px;
    line-height: 10px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    background: #F86161;
    border-radius: 7px;
    top: -4px;
    right: -4px;
}

div.auth-tags:hover>span {
    display: block;
}

.role-dialog .ivu-icon-ios-arrow-forward:before,
.wfd-flow .org-dialog .ivu-icon-ios-arrow-forward:before {
    content: "\F341";
    font-size: 16px;
}

.wfd-package .nav-left,
.wfd-flow .nav-left {
    display: inline-block;
    width: 220px;
    height: 100%;
    border-right: 1px solid #e6e7ec;
    background: #fff;
    position: relative;
}

.wfd-package .content-right,
.wfd-flow .content-right {
    display: inline-block;
    position: absolute;
    right: 12px;
    left: 232px;
    top: 12px;
    bottom: 12px;
    overflow: hidden;
}
.wfd-flow .content-right{
    right: 0px;
    left: 220px;
    top: 0;
}
.wfd-package .content-right .my-table-paged .ivu-table-wrapper,
.wfd-flow .content-right .my-table-paged .ivu-table-wrapper,
.wfd-package .content-right .my-table-paged .pager,
.wfd-flow .content-right .my-table-paged .pager
{
    border-left: 1px solid #fff;
}
.treeTopTitle {
    width: 255px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    padding-left: 18px;
    font-size: 14px;
    border-bottom: 1px solid #E9EBEE;
}


/* 流程定义结束 */

.select-dropdown {
    display: none;
    position: absolute;
    z-index: 9999999998;
    top: 50px;
    /* padding-top: 3px; */
    right: 3px;
    width: 170px;
}

.select-dropdown>ul {
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    border-radius: 4px;
    overflow: hidden;
}

.userIcon {
    vertical-align: middle;
    width: 32px;
    height: 32px;
}

.select-dropdown:hover,
.menu-submenu:hover .select-dropdown {
    display: block
}

.select-dropdown .menu-drop-list .user-item {
    width: 170px;
    height: 80px;
    background: #fff;
}

.select-dropdown .menu-drop-list .user-item .titleName {
    display: inline-block;
    font-size: 12px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    background: #188EFC;
    border-radius: 20px;
    color: #fff;
}

.select-dropdown .menu-drop-list .user-item .userHeader {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.select-dropdown .menu-drop-list .user-item .userName {
    display: inline-block;
    width: 90px;
    height: 80px;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
    line-height: 0;
}

.select-dropdown .menu-drop-list .user-item .userName p {
    color: #222;
    text-align: left;
}

.select-dropdown .menu-drop-list .user-item .userName p.name {
    line-height: 22px;
    font-size: 14px;
    padding-top: 20px;
}

.select-dropdown .menu-drop-list .user-item .userName p.org {
    line-height: 16px;
    font-size: 12px;
    color: #999;
}

.userName p.org,
.userName p.name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    width: 100px;
}

.select-dropdown .menu-drop-list .menu-item {
    font-size: 0;
    color: #222222;
    overflow: hidden;
    text-align: left;
    padding-left: 18px;
    display: block;
    background-color: #fff;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #E9EBEE;
}
.select-dropdown .menu-drop-list .menu-item i {
    font-size: 16px;
    display: inline-block;
    vertical-align: -5px;
    margin-right: 8px;
    color: #888;
}
.select-dropdown .menu-drop-list .menu-item:hover *{
    color: #1990FF;
}
.select-dropdown .menu-drop-list .menu-item span {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 14px;
}

.select-dropdown:hover,
.ivu-menu-submenu:hover .select-dropdown {
    display: block
}

.right-group-user .ivu-tabs-content {
    overflow: hidden;
}

.site-error .tip {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 2;
    text-align: center;
    overflow: auto;
    height: 100%;
    width: 100%;
}

.site-error .title-h1 {
    color: #666;
    font-size: 28px;
    line-height: 30px;
}

.site-error .tipInfo {
    color: #666;
    font-size: 16px;
    line-height: 24px;
}

.site-error .wrap-tip {
    display: table;
    height: 100%;
    width: 100%;
}

.site-error .container-tip {
    display: table-cell;
    vertical-align: middle;
}

.site-error .tip.on {
    /*height:0;top:50%;width:0;left:50%;*/
    display: none\9;
    transform: scale(0)
}

.site-error .errorInfo {
    background: #fff;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.site-error .container-errorCode {
    overflow: auto;
    position: absolute;
    left: 50px;
    right: 0;
    top: 40px;
    bottom: 40px;
}

.site-error .shouqi {
    cursor: pointer;
    margin: 40px 0 0 20px;
}

.site-error .infoText {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    padding-left: 15px;
}

.site-error .title {
    color: #4a90e2;
    font-size: 14px;
}

.mr5 {
    margin-right: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

.animate {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.addRoleItem {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 175px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}


/* 侧滑组件 */

.drawer-warp {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999999999999;
    transition: width 0.3s;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
}

.show_drawer {
    width: 100%;
}

.hide_drawer {
    width: 0 !important;
}


/* end */

.default_org {
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 23px;
    text-align: center;
    border-radius: 12px;
    background: rgba(255, 175, 34, 0.10);
    border: 1px solid rgba(245, 166, 35, 0.30);
    color: #FF8800;
}

.part_org {
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 23px;
    text-align: center;
    background: rgba(181, 181, 181, 0.10);
    border: 1px solid rgba(181, 181, 181, 0.30);
    border-radius: 12px;
    color: #888888;
}

.my_date_wrap {
    min-height: 154px;
}

.my_date_wrap .ivu-icon-ios-calendar-outline,
.my_date_wrap .ivu-icon-ios-close-circle {
    height: 30px;
    line-height: 30px;
}

#main-header .ivu-menu-submenu-title .titleName {
    display: inline-block;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    /* margin: 0 10px 4px 0; */
    background: rgba(255, 255, 255, 0.15);
    border-radius: 16px;
    color: #fff;
    overflow: hidden;
}

.dropdown_comp .ivu-btn-icon-only.ivu-btn-circle>.ivu-icon {
    line-height: 23px;
    color: #98A1A8;
}


/* 流程分类组件开始 */
.classify_wrap_box .noBorder .ivu-input{
    border: 0;
    padding-left: 16px;
}
.classify_wrap_box .noBorder .select-input-icon{
    right: 14px;
}
.classify_wrap_box {
    height: 100%;
    position: relative;
}
.classifyPopper{
    max-width: 200px;
    pointer-events: none;
}
.classifyPopper:hover,.classifyPopper.disabled{
    display: none;
}
.classifyPopper.ivu-poptip-popper{
    min-width: 60px;
}
.classifyPopper .ivu-poptip-body-content-inner{
    white-space: normal;
    color: #222;
}
#classify_wrap {
    width: 219px;
    background-color: #fff;
    position: absolute;
    top: 44px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
}
.ivu-select-not-found li:not([class^=ivu-]){
    height: 42px;
    line-height: 42px;
}
#classify_wrap .ivu-poptip,#classify_wrap .ivu-poptip-rel{
    height: 100%;
    width: 100%;
}
#classify_wrap .virtuallist div>li.classify_nav {
    font-size: 13px;
    color: #222;
    position: relative;
    height: 40px;
    line-height: 40px;
}

.classify_wrap_box .classify_title {
    font-size: 14px;
    color: #222;
    padding-left: 0;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ECECEC;
}
.classify_wrap_box .classify_title .ivu-tooltip{
    width: 100%;
}
.classify_wrap_box .classify_title .ivu-tooltip-rel{
    height: 32px;
    display: block;
}
.classify_wrap_box .classify_title .ivu-input-wrapper{
    display: block;
}
#classify_wrap .virtuallist div>li.classify_nav_all {
    font-size: 14px;
    color: #222;
    position: relative;
    height: 40px;
    line-height: 40px;
}

#classify_wrap .classify_nav .classify_nav_name {
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 0 25px 0 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#classify_wrap .virtuallist div>li.classify_nav i {
    vertical-align: middle;
    color: #999;
    position: absolute;
    right: 12px;
    top: 13px;
    font-size: 16px;
}

#classify_wrap .classify_name.active {
    color: #13ADFF;
}

#classify_wrap .classify_nav .classify_nav_name.active {
    /* background-color: #F5F5F5; */
    color: #1990FF;
    /* border-left: 3px solid #13ADFF; */
}

#classify_wrap .classify_nav:hover .classify_nav_name {
    background-color: #f8f8f8;
}


/* #classify_wrap > li.classify_nav.active{
    border-left: 2px solid #13ADFF;
} */

#classify_wrap .virtuallist div>li.classify_nav:hover #classify_more {
    display: block;
}

#classify_more {
    max-width: 572px;
    max-height: 282px;
    min-width: 222px;
    overflow: hidden;
    position: fixed;
    left: -11218px;
    top: -11218px;
    background-color: #fff;
    border: 1px solid #e7e7eb;
    padding-left: 18px;
    cursor: auto;
    display: none;
    z-index: 9999999999;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.07);
}
#classify_more .virtuallist{
    height: 282px;
}
#classify_more .virtuallist>div>li+li {
    border-top: 1px solid #E9EBEE;
}

#classify_more .virtuallist>div>li {
    line-height: 0;
    font-size: 0;
    padding: 18px 0;
    color: #666;
    font-weight: bold;
}

#classify_more .virtuallist>div>li .classify_name {
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    max-width: 530px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    color: #333;
}

#classify_more li .classify_name:hover {
    color: #13ADFF;
}

#classify_more .virtuallist>div>li>ul>li.classify_name {
    font-size: 12px;
    height: 14px;
    font-weight: normal;
    color: #666;
    display: inline-block;
    margin: 16px 18px 0 0;
}

.chooseLevelWrap{
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    position: relative;
}
.chooseLevelWrap>span{
    font-size: 14px;
    color: #222;
    position: relative;
    z-index: 22;
}
.chooseLevelWrap>.ivu-select{
    position: absolute;
    width: 70px;
    top: 4px;
    left: 62px;
}
.chooseLevelWrap>.ivu-select .ivu-select-selection{
    border: 0;
}
.chooseLevelWrap>.ivu-select .ivu-select-placeholder{
    display: none;
}
.chooseLevelWrap>.ivu-select .ivu-select-selection .ivu-select-selected-value{
    width: 20px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #1990FF;
    height: 20px;
    margin-left: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    color: #fff;
}

/* 流程分类组件结束 */

.ivu-btn-text[disabled] {
    color: #c5c8ce !important;
}


/* 待办消息开始 */


/* .pull-right .headBtn li.icon_col:hover{
    background: #1473cc;
} */

.pull-right .headBtn li.message:hover .message_wrap {
    display: block;
}

.message_wrap {
    position: absolute;
    display: none;
    top: 38px;
    right: -92px;
    z-index: 9999999999999;
    padding-top: 9px;
}

.message_wrap .message_content {
    background-color: #fff;
    border: 1px solid #e7e7eb;
    border-radius: 2px;
    width: 324px;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.07);
    text-align: left;
}

.message_wrap .message_content .message_count {
    font-size: 13px;
    color: #666666;
    letter-spacing: 0;
    text-align: left;
    padding: 0 16px;
    height: 40px;
    min-width: 94px;
    display: inline-block;
    line-height: 40px;
    position: relative;
    text-align: center;
}
.message_wrap .message_content .message_count + div:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    background: #ddd;
    top: 14px;
    left: 0;
}
.message_wrap .message_content .message_count.active{
    color: #222222;
    font-weight: bold;
}
.message_wrap .message_content .message_count.active:before{
    content: '';
    position: absolute;
    height: 2px;
    background: #1990FF;
    bottom: 0;
    right: 16px;
    left: 16px;
}
.message_content .message_list {
    text-align: left;
    /* padding-left: 16px; */
    width: 300px;
}

.message_content .message_list .message_item {
    height: auto;
    line-height: 1.3;
    /* padding: 12px 0; */
    padding: 12px 16px 12px 16px;
}

.message_content .message_list .message_item:hover {
    background: #f5f5f5;
}

.message_content .message_list .message_item+li {
    border-top: 1px solid #e7e7eb;
}

.message_content .message_list .message_title {
    /* font-size: 13px;
    color: #222222;
    text-align: left;
    width: 200px;
    height: 18px;
    display: inline-block; */
    font-size: 13px;
    color: #222222;
    text-align: left;
    height:20px;
    display: block;
}

.message_content .message_list .message_tag {
    /* font-size: 0;
    color: #222222;
    text-align: center;
    vertical-align: top;
    float: right;
    margin-right: 10px; */
    font-size: 0;
    color: #222222;
    text-align: center;
    vertical-align: top;
    float: left;
    /*margin-left: 10px;*/
}

.message_content .message_list .message_tag span {
    /* width: 18px;
    height: 18px;
    line-height: 17px;
    font-size: 12px;
    margin-right: 6px;
    display: inline-block; */
    width: 18px;
    height: 18px;
    line-height: 17px;
    font-size: 12px;
    margin-right: 6px;
    display: inline-block;
}

.message_content .message_list .tag_cui {
    background: #ffeee3;
    border: 1px solid #ffbc91;
    border-radius: 2px;
    color: #FF6500;
}

.message_content .message_list .tag_ji {
    color: #F5222D;
    background: #fff1f0;
    border: 1px solid #ff9492;
    border-radius: 2px;
}

.message_content .message_list .tag_chao {
    background: #fff7e8;
    border: 1px solid #FFD591;
    border-radius: 2px;
    color: #FF8800;
}

.message_content .message_list .message_time {
    color: #999;
    font-size: 12px;
    display: block;
}

.scroll_wrap {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 359px;
    height: 359px;
}

.scroll_content {
    width: 317px;
}

.message_loading {
    font-size: 13px;
    color: #222;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

.triangleBorder {
    /* position: absolute;
    left: 203px;
    overflow: hidden;
    width: 0;
    height: 0;border-width: 10px 10px;border-style: solid dashed dashed dashed; */
    position: absolute;
    left: 195px;
    overflow: hidden;
    width: 0;
    height: 0;
    border-width: 6px 6px;
    border-style: solid dashed dashed dashed;
}

.tbBorder {
    top: -2px;
    border-color: transparent transparent #fff transparent;
}

.tbBackground {
    top: -3px;
    border-color: transparent transparent #e7e7eb transparent;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


/* 待办消息结束 */

.ou-wrap .allow,
.ou-wrap .forbid {
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    border-radius: 12px;
    font-size: 12px;
}

.ou-wrap .allow {
    background: rgba(255, 175, 34, 0.10);
    border: 1px solid rgba(245, 166, 35, 0.30);
    color: #FF8800;
}

.ou-wrap .forbid {
    background: rgba(248, 97, 98, 0.10);
    border: 1px solid rgba(248, 97, 98, 0.30);
    color: #F86161;
}

.ou-wrap .tree span {
    color: #222;
}


/* .td span{
    color: #222;
} */


/* .ou-wrap .ivu-tree-title-selected span, .ou-wrap  .ivu-tree-title-selected span:hover{
    color: #1990FF;
} */

.basic-info-wrap {
    font-size: 0;
    line-height: 0;
    background: #FBFBFB;
    /* box-shadow: 0 1px 8px 1px rgba(0,0,0,0.09); */
    border-radius: 2px;
    overflow: hidden;
    min-width: 1140px;
}

.basic-name-wrap {
    position: relative;
    padding: 12px 18px;
}

.basic-name-wrap img {
    vertical-align: middle;
    width: 32px;
    height: 32px;
}

.basic-name-box {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    width: 80%;
}

.basic-name-title {
    color: #999;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px;
}

.basic-name {
    font-size: 16px;
    color: #222;
    letter-spacing: 0;
    line-height: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 80%;
}

.edit-basic {
    position: absolute;
    right: 18px;
    width: 84px;
    height: 30px;
    padding: 0;
    top: 50%;
    margin-top: -15px;
    border-radius: 0;
}

.basic-item-wrap {
    padding: 10px 18px;
    background: #fff;
    height: 58px;
}

.basic-item-box {
    vertical-align: middle;
    float: left;
}
.basic-item-box .ivu-tooltip{
    max-width: 100%;
}
.basic-item-box .ivu-tooltip .ivu-tooltip-rel{
    width: 100%;
}
.basic-item {
    font-size: 13px;
    color: #222;
    letter-spacing: 0;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.basic-item-box+* {
    padding-left: 12px;
}

.detali-content {
    background: #fff;
    position: absolute;
    top: 154px;
    left: 0;
    right: 16px;
    bottom: 26px;
    min-width: 1140px;
}

.hasGoBack .detali-content {
    top: 188px;
}

.ivu-tabs-nav .ivu-tabs-tab {
    padding: 11px 16px;
}

/* .detali-content .ivu-tabs {
    margin: 0 16px;
} */

.detali-content .tree-wrap {
    position: absolute;
    width: 224px;
    top: 0;
    bottom: 12px;
    background-color: #fff;
    border: 1px solid #e9ebee;
}
.general-field{
    height: 100%;
}
.general-field .tree-wrap {
    position: absolute;
    width: 246px;
    top: 0;
    left: 16px;
    bottom: 12px;
    background-color: #fff;
    border: 1px solid #e9ebee;
}
.general-field .tree-wrap .tree-title {
    padding: 14px 16px;
    color: #222222;
    font-size: 14px;
}
.general-field .referenceContent{
    overflow: visible;
    top: 0px;
    right: 25px;
    left: 243px;
    bottom: 0px;
    position: absolute;
}

.tree-item-wrap .ivu-checkbox{
    line-height: initial;
}
.detali-content .tree-wrap .tree-title {
    padding: 14px 16px;
    color: #222222;
    font-size: 14px;
}

.detali-content .tree-wrap .expand-button-class{
   
}
.detali-content .tree-wrap .expand-button-class li{
    padding: 0px 16px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding-bottom: 3px;
} 

.detali-content .tree-wrap .expand-button-class li:hover{
    background-color: #F4F9FF;
    color: #1990FF;
}

.detali-content .tree-wrap .expand-button-class .expand-button-active{
    background-color: #F4F9FF;
    color: #1990FF;
}


.org-table-wrap .autoTbale {
    border: 0 none;
}

.ivu-select-item-focus {
    background: #fff;
}
.branch-conditions .ivu-col{
    float: left;
}
.branch-conditions .ivu-input-number-disabled .ivu-input-number-input{
    opacity: 1;
    color: #222222;
}
.branch-conditions .rule-checkbox-group.ivu-checkbox-group{
    border: 1px solid #dcdee2;
    min-height: 32px;
    padding: 0 8px;
}
.branch-conditions .rule-checkbox-group.ivu-checkbox-group .ivu-checkbox-group-item{
    margin: 6px 0;
    display: block;
}
.branch-conditions .rule-checkbox-group.ivu-checkbox-group .ivu-checkbox+span, 
.branch-conditions .rule-checkbox-group.ivu-checkbox-group .ivu-checkbox-wrapper+span{
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}
.form-condition .ivu-modal-body {
    overflow: hidden;
}

.form-condition .left-content {
    width: 200px;
    height: 100%;
    display: inline-block;
    border: 1px solid #E9EBEE;
    background: #FAFDFF;
    overflow: auto;
    border-radius: 0;
}

.form-condition .left-content .ivu-icon {
    font-size: 14px;
    color: #A5A5A5;
    margin-top: 0;
}

.form-condition .left-content .icon-shanchu {
    font-size: 14px;
    margin-left: 3px;
    color: #A5A5A5;
}
.form-condition .left-content .ivu-btn>.ivu-icon{
    bottom: -1px;
}
.form-condition .left-content .light.ivu-icon {
    color: #A5A5A5;
}

.form-condition .left-content p {
    font-family: MicrosoftYaHei;
    color: #222222;
    letter-spacing: 0;
}

.form-condition .left-content .ivu-card-head {
    border-bottom: none;
    padding: 16px 12px 7px 12px;
}

.form-condition .left-content .ivu-card-head p {
    font-size: 16px;
    font-weight: 500;
}

.form-condition .left-content .ivu-card-body {
    font-size: 14px;
    padding: 0;
}

/* .form-condition .right-content .ivu-card-body {
    padding: 16px 6px 0 16px;
} */

.form-condition .left-content ul>li {
    padding: 10px 16px;
}

.form-condition .left-content ul>li.active {
    background: #F1F4F6;
}

.form-condition .left-content ul>li:hover {
    background: #F1F4F6;
    cursor: pointer;
}

.form-condition .left-content span,
.form-condition .right-content span.title {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #222222;
    letter-spacing: 0;
    vertical-align: middle;
}

.form-condition .right-content {
    width: 860px;
    vertical-align: top;
    height: 100%;
    display: inline-block;
    overflow: auto;
    border-radius: 0;
    border: 1px solid #E9EBEE;
    border-left: none;
}

.userDialog_tag span.ivu-tag-text {
    line-height: 15px;
}

/* .flow-step-event .access_branch .ivu-col, .form-condition .right-content .ivu-col {
    padding-right: 10px;
} */

.ivu-icon.ivu-icon-ios-add-circle-outline,
.route-modal .ivu-icon.ivu-icon-ios-add-circle-outline {
    color: #34A6F8;
    font-size: 17px !important;
    height: 19px;
    /* line-height: 20px; */
}

.access_branch .ivu-icon.ivu-icon-ios-trash-outline,
.route-modal .ivu-icon.ivu-icon-ios-trash-outline {
    font-size: 22px;
    color: #34A6F8;
    cursor: pointer;
    margin-left: 5px;
}

.access_branch .ivu-input {
    min-height: 32px;
    height: 32px;
    /* line-height: 32px; */
    color: #222;
}

.access_btn {
    padding-left: 2px;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
}

.flow-handler .add_icon,
.saasCustomer .add_icon
 {
    display: inline-block;
    width: 30px;
    height: 28px;
    position: absolute;
    border-left: 1px solid #DDDDDD;
    right: 1px;
    top: 50%;
    margin-top: -14px;
    z-index: 99999999999;
    cursor: pointer;
}

.flow-handler span:hover .add_icon::before,
.saasCustomer span:hover .add_icon::before {
    background-color: #888888;
}

.flow-handler span:hover .add_icon::after,
.saasCustomer span:hover .add_icon::after{
    background-color: #888888;
}

.flow-monitor .flow-handler span:hover .add_icon::before {
    background-color: #888888;
}

.flow-monitor .flow-handler span:hover .add_icon::after {
    background-color: #888888;
}
 .flow-handler span:hover .add_icon::before {
    background-color: #888888;
}

 .flow-handler span:hover .add_icon::after {
    background-color: #888888;
}
.flow-handler .add_icon::before,
.saasCustomer .add_icon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 13px;
    background-color: #bbb;
    top: 8px;
    left: 14px;
}

.flow-handler .add_icon::after,
.saasCustomer .add_icon::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 1px;
    background-color: #bbb;
    top: 14px;
    left: 8px;
}

.flow-monitor .flow-handler .ivu-input-wrapper {
    width: 280px;
}

.flow-monitor .ivu-tag-default {
    background: #EEEEEE;
    border-radius: 2px;
    border-radius: 2px;
}

.flow-monitor .ivu-icon-ios-close:hover {
    color: #333 !important;
}

.flow-monitor .ivu-tag:hover {
    opacity: 1;
}

.flow-monitor .ivu-tag-default .ivu-tag-text {
    color: #666 !important;
}

.flow-monitor .additional .flow-handler .add_icon {
    display: inline-block;
    width: 24px;
    height: 22px;
    position: absolute;
    border-left: 1px solid #DDDDDD;
    right: 1px;
    top: 50%;
    margin-top: -11px;
    z-index: 99999999999;
    cursor: pointer;
}

.flow-monitor .additional .flow-handler span:hover .add_icon::before {
    background-color: #888888;
}

.flow-monitor .additional .flow-handler span:hover .add_icon::after {
    background-color: #888888;
}

.flow-monitor .additional .flow-handler .add_icon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 11px;
    background-color: #bbb;
    top: 5px;
    left: 11px;
}

.flow-monitor .additional .flow-handler .add_icon::after {
    content: '';
    position: absolute;
    width: 11px;
    height: 1px;
    background-color: #bbb;
    top: 10px;
    left: 6px;
}

.flow-monitor .additional {
    padding: 0px 10px 0px 10px;
    border: 1px solid #E9EBEE;
}

.flow-monitor .additional .ivu-icon {
    font-size: 13px;
}
.flow-monitor .additional .ivu-icon-ios-close-circle {
    font-size: 14px;
    color: #ccc;
}

.flow-monitor .additional .ivu-icon.ivu-icon-ios-add {
    font-size: 14px !important;
}

.flow-monitor .additional .ivu-select-arrow {
    margin-top: -5px;
    right: 4px;
}

.flow-monitor .additional .ivu-input-small {
    font-size: 12px;
}

.flow-monitor .additional .ivu-input {
    min-height: 0;
    border-radius: 2px;
}

.flow-monitor .additiona .ivu-form-item-content {
    height: 40px;
}

.flow-monitor .additional .ivu-form-item {
    margin-bottom: 0px;
}

.flow-monitor .additional .ivu-input-wrapper {
    width: 390px;
}

.flow-monitor .additional .ivu-input-wrapper.ivu-date-picker-editor {
    width: 184px;
}

.flow-monitor .additional .ivu-input-wrapper.ivu-date-picker-editor:focus {
    outline: unset;
}

.flow-monitor .additional .ivu-form-item.dashed {
    width: 100%;
    /* padding-bottom: 10px; */
    border-bottom: 1px #ddd dashed;
    padding: 5px 0px 4px 0px;
    /* height: 40px;
    line-height: 24px; */
}

.flow-monitor .additional .ivu-form-item.dashed-btn {
    padding: 8px 0px;
}

.flow-monitor .additional .ivu-form-item.dashed-btn .ivu-btn {
    border-radius: 2px;
}

.flow-monitor .ivu-btn.single-line {
    height: auto;
}

.flow-monitor .ivu-btn.single-line span {
    word-break: break-word;
    white-space: normal;
    text-align: left;
}

.flow-monitor .additional .additional-row .ivu-input-wrapper.ivu-date-picker-editor {
    width: 123px;
}

.flow-monitor .additional-row .ivu-input-wrapper {
    width: 271px;
}


/*----------------------展开刷选---------------------------------*/

.additional .ivu-form-item-label {
    /* padding: 7px 0px 10px 0; */
}

.additional-row .iAll-search-select-col {
    width: 271px;
    height: 24px;
    line-height: 24px;
}

.additional-row .iAll-search-select-col .ivu-select-selection {
    height: 24px;
    line-height: 24px;
}

.additional-row .iAll-search-select-col .ivu-select-selection {
    height: 24px;
    line-height: 24px;
}

.additional-row .iAll-search-select-col .ivu-select-selection .ivu-select-placeholder {
    height: 24px;
    line-height: 22px;
    font-size: 12px;
}

.additional-row .iAll-search-select-col .ivu-select-selection .ivu-select-selected-value {
    height: 24px;
    line-height: 22px;
    font-size: 12px;
}

.flow-handler .ivu-input-wrapper .ivu-icon.ivu-icon-ios-add,
.flow-handler-org .ivu-input-wrapper .ivu-icon.ivu-icon-ios-add {
    font-size: 24px;
    border-left: 1px solid #ddd;
    cursor: pointer;
}

.org-table-model .icon-zuzhi1 {
    font-size: 14px;
    color: #1990FF;
    margin-right: 9px;
}

.access_btn .ivu-icon-ios-add {
    font-size: 22px;
    line-height: 1;
    color: #1990FF;
}

.access_btn span {
    font-size: 13px;
    color: #1990FF;
    display: inline-block;
    vertical-align: middle;
    margin: 0 !important;
}

.access_role_name {
    color: #222;
    font-size: 13px;
    display: inline-block;
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.access_org_name {
    color: #222;
    font-size: 13px;
    display: inline-block;
    width: 268px;
}

.access_org_name .ivu-poptip-body-content-inner {
    white-space: normal;
}

.access_org_name .icon-zuzhi1 {
    font-size: 14px;
    color: #1990FF;
    margin-right: 9px;
}

.access_item_title {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    font-size: 13px;
    color: #666;
}

.access_item_wrap {
    display: inline-block;
    width: 577px;
    vertical-align: top;
}

.access_del_btn {
    padding: 0px 6px;
    transition: none !important;
}

.access_del_btn.active,
.access_del_btn:active,
.access_del_btn:hover {
    color: #5BA1F5 !important;
}

.access_del_btn.ivu-btn {
    transition: none !important;
}

.access_del_btn span {
    font-size: 13px;
    color: #5BA1F5 !important;
    transition: none !important;
    font-family: Microsoft YaHei;
}

.memberDialogWrap .ivu-select-dropdown {
    max-height: 327px;
}

.memberDialogWrap .ivu-select-loading {
    height: 32px;
    line-height: 32px;
}

.memberDialogWrap .ivu-table th {
    background: #F9F9FD !important;
}

.memberDialogWrap .ivu-table th+th {
    border-left: 1px solid #E9EBEE;
}

.ivu-select .user_name {
    color: #222;
    font-size: 13px;
    width: 150px;
    display: inline-block;
    margin-right: 12px;
}

.ivu-select .userOrg {
    color: #222;
    font-size: 13px;
    width: 488px;
    display: inline-block;
}

.memberDialogWrap .userOrg {
    color: #222;
    font-size: 13px;
    width: 465px;
    display: inline-block;
}

.ivu-select .lookMore,
.ivu-select .hideMore {
    width: 100%;
    height: 30px;
    line-height: 24px;
    text-align: center;
    font-size: 13px;
    color: #999;
    cursor: pointer;
}

.view_columnMode .ivu-form-item-content p {
    display: inline-block;
    font-size: 13px;
    color: #222;
}

.view_columnMode .ivu-form-item-content span {
    display: inline-block;
    vertical-align: -1px;
    font-size: 13px;
    color: #222;
}

.view_columnMode .ivu-input[disabled],
fieldset[disabled] .ivu-input {
    color: #222;
}

.flowcenter .user_view {
    padding: 16px;
}

.flowcenter .user_view .detali-content {
    top: 152px;
    left: 16px;
    right: 16px;
    bottom: 16px;
    border-radius: 2px;
}

.user_view_goback {
    margin-bottom: 14px;
    height: 21px;
}

.user_view_goback i {
    color: #9B9B9B;
    font-size: 20px;
}

.user_view_goback a {
    color: #222;
    font-size: 14px;
    vertical-align: middle;
    margin-left: 4px;
}
.user_view .ivu-tag span.ivu-tag-text{
    line-height: 16px !important;
}
.user_view #hl-tree-table .ivu-tooltip{
    left: 0;
}

/* 签章密码开始 */

.signturePasswordWrap {
    display: inline-block;
    margin-left: 20px;
}

.signturePasswordWrap .ivu-btn {
    width: 68px;
    height: 28px;
    padding: 0;
    text-align: center;
    vertical-align: sub;
    /* border: 1px solid #eeeeee; */
    border-radius: 4px;
}

.signturePasswordWrap .helpTips {
    font-size: 16px;
    vertical-align: middle;
    color: #999;
}
.signturePasswordWrap .ivu-tooltip{
    margin-left: 6px;
}
.signture_pic_rule {
    font-size: 13px;
    color: #222;
    display: inline-block;
    vertical-align: -2px;
}

.signture_pic_wrap {
    margin-top: 9px;
    font-size: 0;
}

.signture_pic_wrap ul li {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    height: 80px;
    border: 1px dashed #d9d9d9;
    border-radius: 2px;
    text-align: center;
    margin: 0 18px 10px 0;
    overflow: hidden;
    position: relative;
    font-size: 0;
    line-height: 0;
}

.signture_pic_wrap ul li.add:be {
    cursor: pointer;
}

.signture_pic_wrap ul li .ivu-icon-ios-add {
    font-size: 40px;
    color: #999;
    line-height: 80px;
}

.signturePasswordWrap .ivu-poptip,
.signturePasswordWrap .ivu-poptip-rel {
    width: auto;
}

.updata_password_wrap .ivu-form-item {
    margin-bottom: 18px;
}

.updata_password {
    text-align: right;
}

.updata_password .ivu-btn {
    width: 60px;
    height: 24px;
    border-radius: 2px
}

.signture_pic_wrap .ivu-upload {
    width: 100%;
}

#upload_signture_pic {
    display: none;
}
.upload_signture_pic{
    display: none;
}

.signture_pic_wrap img {
    width: 160px;
    height: 80px;
}

.basic-item-box .sign_pic {
    width: 36px;
    height: 18px;
    /* margin-top: 4px; */
    cursor: pointer;
    /* border: 1px solid #E9EBEE; */
}

.basic-item-box .ivu-poptip,
.basic-item-box .ivu-poptip-rel {
    width: 36px;
}

.basic-item-box .sign_big_pic {
    width: 160px;
    height: 80px;
}

.signture_pic_wrap .is_default {
    color: #fff;
    background: #2AA3FB;
    text-align: center;
    position: absolute;
    width: 80px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    top: 4px;
    right: -26px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -sand-transform: rotate(45deg);
    transform: rotate(45deg);
}

.signture_pic_wrap .edit-bar {
    width: 100%;
    height: 0;
    line-height: 28px;
    margin: 0px;
    text-align: left;
    color: #fff;
    font-size: 12px;
    will-change: height;
    position: absolute;
    transition: height .3s;
    bottom: 0;
    background: #4F5367;
    padding: 0 12px;
    text-align: right;
}

.signture_pic_wrap li:hover .edit-bar {
    height: 28px;
}

.signture_pic_wrap .edit-bar .left_btn {
    font-size: 12px;
    cursor: pointer;
    color: #fff;
}

.signture_pic_wrap .edit-bar .left_btn i {
    font-size: 13px;
    color: #fff;
    margin-right: 6px;
}

.signture_pic_wrap .edit-bar .delete_sign {
    margin-left: 20px;
}

.view_sign {
    font-size: 12px;
    color: #222;
    line-height: 27px;
    padding-top: 1px;
}

.sign_uploading .ivu-icon-ios-close {
    font-size: 24px;
    position: absolute;
    right: 0px;
    cursor: pointer;
}

.sign_uploading p {
    line-height: 65px;
    font-size: 13px;
    color: #999;
}

.sign_uploading div {
    height: 2px;
    position: absolute;
    top: 50px;
    left: 38px;
}

.sign_uploading div.uploaded {
    width: 42px;
    background-color: #1990FF;
}

.sign_uploading div.uploadAll {
    width: 84px;
    background-color: #d1e9ff;
}


/* 签章密码结束 */


/* 流程效率分析 */

.report-year .search,
.report-org .search {
    position: fixed;
    width: 100%;
    top: 50px;
    margin-left: -12px;
    height: 54px;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 1px 0 0 #E1E3E4;
    padding: 12px 16px;
}

.report-year .summary-year,
.report-org .summary-org {
    margin: 56px 6px 0 6px;
    overflow-x: hidden;
    overflow-y: auto;
}

.summary-year .title {
    height: 110px;
    background: #fff;
    border: 1px solid #E9EBEE;
}

.summary-org .ivu-col {
    padding: 0 !important;
}

.summary-org .title {
    padding: 18px;
    background: #fff;
    border: 1px solid #E9EBEE;
}

.summary-org .title .ivu-table th {
    background-color: #ECF7FF !important;
}

.summary-year .detail {
    position: absolute;
    top: 186px;
    left: 6px;
    right: 6px;
    bottom: 0;
    background: #fff;
    border: 1px solid #E9EBEE;
    border-radius: 2px;
    overflow-y: auto;
    padding-bottom: 10px;
}

.summary-year .title .ivu-col {
    height: 100%;
    border-right: 1px solid #E9EBEE;
    padding: 2px 30px !important;
}

.summary-year .title .ivu-col:last-child {
    border-right: unset;
}

.summary-year .title span {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
}

.summary-year .title span.num {
    color: #03BBFF;
}

.summary-year .title span.time {
    color: #FF9900;
}

.summary-year span.up,
.summary-year i.up {
    color: #01D492;
}

.summary-year span.down,
.summary-year i.down {
    color: #FF9900;
}

.summary-org .detail {
    padding: 18px;
    margin-top: 16px;
    background: #fff;
    border: 1px solid #E9EBEE;
    border-radius: 2px;
}

.report-detail .ivu-modal-body {
    padding: 0;
    overflow-y: hidden;
}

.report-detail .pager {
    border-bottom: none;
    padding-bottom: 0;
    border: unset;
    padding: 12px 0px;
}

.report-detail .ivu-modal-footer {
    border-top: none;
}

.role-list .virtuallist {
    height: 100%;
}

#my_tree {
    height: 100%;
    min-height: 0%;
}

#my_tree>div {
    display: block !important;
    width: 100% !important;
    height: 100%;
}
.flow-classify #my_tree>div{
    width: auto !important;
    min-width: 100%;
    display: inline-block !important;
    vertical-align: middle;
}
#my_tree .ivu-tooltip span.ivu-table-cell-ellipsis {
    /* padding:  0 9px 0 0px; */
    padding-right: 20px;
}

#my_tree .ivu-tooltip {
    width: 100%;
    padding-left: 20px;
}

#my_tree .ivu-icon-md-arrow-dropright,
#my_tree .ivu-icon-md-arrow-dropdown {
    font-size: 20px;
    color: #999;
    position: absolute;
    width: 12px;
    top: 6px;
    cursor: pointer;
}

#my_tree .ivu-icon-ios-loading {
    font-size: 14px;
    top: 8px;
    color: #999;
    position: absolute;
    width: 12px;
}

#my_tree .ivu-tree-title {
    position: relative;
    padding-left: 5px;
    font-size: 13px;
    color: #222;
    height: 32px !important;
    line-height: 32px !important;
}

#my_tree .ivu-tree-title:hover {
    background: unset;
}

#my_tree .tree-item-wrap:hover,#my_tree .hover-active {
    background: #F5F5F5;
}

#my_tree .ivu-tree-title-selected {
    background: unset;
}
#my_tree.role-tree .ivu-tree-title-selected{
    /* color: #1990FF; */
}
#my_tree .my-tree-active {
    background: #F4F9FF;
}
#my_tree .ivu-icon-md-add:hover,#my_tree .tree-more-icon:hover{
    /* color: #1990FF !important; */
}



/* #my_tree .ivu-tree-title:hover  .ivu-table-cell-poptip{
    display: block;
} */

#my_tree .ivu-tree-title .ivu-table-cell-poptip {
    position: absolute;
    left: 0px;
    top: 30px;
    min-width: 150px;
    display: none;
    font-size: 14px;
    background: #fff;
    position: absolute;
    padding: 8px 16px;
    color: #515a6e;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    z-index: 1060;
}

#my_tree .ivu-tree-title .ivu-table-cell-poptip .ivu-table-cell-arrow {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    left: 16px;
    top: -7px;
    border-width: 0 7px 7px;
    border-bottom-color: hsla(0, 0%, 85%, .5);
}

#my_tree .ivu-tree-title .ivu-table-cell-poptip .ivu-table-cell-arrow::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-color: transparent;
    border-style: solid;
    top: 1px;
    border-width: 7px;
    margin-left: -7px;
    border-top-width: 0;
    border-bottom-width: 7px;
    border-bottom-color: #fff
}


/* iview message样式重构 start*/

.ivu-message .ivu-message-notice-content {
    padding: 0;
    height: 40px;
    line-height: 0;
    font-size: 0;
    border-radius: 0;
    overflow: hidden;
    position: relative;
}

.ivu-message .ivu-icon {
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.ivu-message .ivu-message-error .ivu-icon {
    color: #f86161;
    font-size: 42px;
}

.ivu-message .ivu-message-notice-close {
    right: 0;
    top: 0;
    background-color: #fff;
}

.ivu-message .ivu-message-notice-close i.ivu-icon {
    font-size: 24px;
    top: 0;
}

.ivu-message-notice-closable .ivu-message-notice-content-text {
    padding-right: 18px;
}

.ivu-message .ivu-message-error .ivu-icon-ios-close-circle,
.ivu-message .ivu-message-success .ivu-icon-ios-checkmark-circle,
.ivu-message .ivu-message-warning .ivu-icon-ios-alert,
.ivu-message .ivu-message-info .ivu-icon-ios-information-circle {
    font-family: 'iconfont' !important;
}

.ivu-message .ivu-message-error .ivu-icon-ios-close-circle:before {
    content: "\e6ab";
}

.ivu-message .ivu-message-custom-content>span {
    min-width: 200px;
    display: inline-block;
    font-size: 13px;
    text-align: left;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
}

.ivu-message .ivu-message-success .ivu-icon {
    color: #00d161;
    font-size: 42px;
}

.ivu-message .ivu-message-success .ivu-icon-ios-checkmark-circle:before {
    content: "\e6ac";
}

.ivu-message .ivu-message-warning .ivu-icon {
    color: #f9bc00;
    font-size: 42px;
}

.ivu-message .ivu-message-warning .ivu-icon-ios-alert:before {
    content: "\e6ae";
}

.ivu-message .ivu-message-info .ivu-icon {
    color: #1990ff;
    font-size: 42px;
}

.ivu-message .ivu-message-info .ivu-icon-ios-information-circle:before {
    content: "\e6ad";
}


/* iview message样式重构 end*/

.webuploader-pick {
    background-color: transparent !important;
    padding: 0 !important;
}


/* 流程导入导出 start*/

.export_modal .ivu-modal-header,
.export_modal .ivu-modal-footer {
    border: 0 none;
}

.export_modal .ivu-modal-body {
    padding: 0 16px;
}

.export_modal .ivu-modal-close .ivu-icon-ios-close {
    display: none;
}

.export_modal.hasErr .ivu-modal-close .ivu-icon-ios-close {
    display: block;
}

.handle_loading {
    padding-top: 60px;
}

.handle_loading p {
    text-align: center;
    font-size: 14px;
    color: #666;
}

.handle_loading .progress_wrap {
    height: 20px;
    position: relative;
}

.handle_loading .progress_bg {
    width: 340px;
    height: 4px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 15px;
}

.handle_loading .progress_val {
    width: 20px;
    height: 4px;
    margin: 0 auto;
    background: #1990FF;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 15px;
}


/* 流程导入导出 end*/


/* 组织单选 */

.handlerConfigDialog.orgSelect .ivu-modal-body {
    padding: 0 !important;
}

.handlerConfigDialog.orgSelect .ivu-modal-footer {
    padding-bottom: 16px;
}

.lineClamp {
    position: relative;
}

.lineClamp::after {
    content: '...';
    bottom: 0;
    right: 4px;
    width: 12px;
    background: #fff;
    padding-left: 3px;
    position: absolute;
}

.column-form .ivu-form-item-content .ivu-radio-group span {
    font-family: MicrosoftYaHei;
    font-size: 13px;
    color: #222222;
}

.column-form .ivu-modal-header {
    border-bottom: none;
}

.column-form .ivu-modal-footer {
    border-top: none;
}

.column-form .ivu-radio-inner {
    width: 16px;
    height: 16px;
}

.column-form .ivu-radio-inner:after {
    width: 10px;
    height: 10px;
}

.column-form .dropdown_comp .ivu-row {
    margin-bottom: 12px;
}

.column-form .dropdown_comp .ivu-row:last-child {
    margin-bottom: 0;
}

.column-form .dropdown_comp .ivu-btn.ivu-btn-default.ivu-btn-circle.ivu-btn-small {
    height: 24px;
    width: 24px;
    line-height: 25px;
    padding: 0;
}

.column-form .dropdown_comp .ivu-btn.ivu-btn-default.ivu-btn-circle.ivu-btn-small {
    height: 24px;
    width: 24px;
    line-height: 25px;
    padding: 0;
}
.access_branch .rule_mgr_exp{
    float: left;
    width: 606px;
    line-height: 34px;
}
.access_branch .ivu-icon.ivu-icon-ios-add-circle-outline{
    height: 16px;
    bottom: 0;
}
.rule-use-form .ivu-modal-body,.work-schedule-form .ivu-modal-body{
    padding-top: 6px !important;
}
.rule-form .access_branch{
    width: 800px;
}
.column-form .dropdown_comp .ivu-btn.ivu-btn-default.ivu-btn-circle.ivu-btn-small>span {
    text-align: center;
    display: inline-block;
    height: 16px;
    color: #98A1A8;
}


/**分支条件管理*/

.select-condition-input .ivu-input {
    height: 32px;
    /* line-height: 32px; */
}

.select-condition-input .ivu-input-number {
    height: 32px;
    /* line-height: 32px; */
}


/* 搜索下拉  start*/

.select-search-input .ivu-input {
    height: 30px;
    text-overflow: ellipsis;
    /* line-height: 32px; */
    overflow: hidden;
    padding-right: 20px;
}

.select-search-input .ivu-input-suffix i {
    font-size: 14px;
}


/* 搜索下拉  end*/


/**
* 城市选择组件
*/

.flow-select-city {
    width: 100%;
    line-height: 30px;
    border-radius: 2px;
    padding-left: 8px;
    padding-right: 40px;
    color: #222;
    cursor: pointer;
    border: 1px solid #dcdee2;
    position: relative;
}

.flow-select-city:hover {
    border: 1px solid #57a3f3;
}
.flow-select-city.disabled{
    background-color: #f3f3f3;
    opacity: 1;
    cursor: not-allowed;
}
.flow-select-city.disabled:hover{
    border: 1px solid #dcdee2;
}
.city-val {
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
}

.city-color {
    color: #ccc;
}

.selectCity-bottom {
    position: fixed;
    width: 430px;
    overflow: hidden;
    z-index: 9999;
    background: #fff;
    box-shadow: 1px 1px 11px 2px rgba(0, 0, 0, 0.1);
}

.select-city-body {
    position: fixed;
    z-index: 9999999;
    display: block;
    width: 432px;
    height: 32px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #E9EBEE;
    box-shadow: 1px 1px 11px 2px rgba(0, 0, 0, 0.1);
}

/*分页组件*/

.pager .leftTotal {
    position: absolute;
    left: 0;
}

.pager .ivu-page-item a {
    color: #222;
    font-size: 13px;
}

.pager .ivu-page-item-active a {
    border-color: #13ADFF !important;
    color: #13ADFF !important;
}

.pager .ivu-page-options-elevator {
    color: #222;
    font-size: 13px;
}

.ivu-page-options-sizer .ivu-select-selection {
    height: 28px;
    line-height: 28px;
    min-width: 100px;
}

.ivu-page-options-sizer .ivu-select-selection .ivu-select-selected-value {
    height: 28px;
    line-height: 28px;
    padding-right:36px;
    box-sizing: border-box;
}

.ivu-table-header th {
    border-right: 1px solid #e8eaec;
}

.ivu-table-header th:first-child {
    border-left: 0;
}

.ivu-table-header th[rowspan="1"] {
    border-left: 0;
}

.analysis-detail .ivu-table-header {
    height: 46px;
    line-height: 44px;
}

.analysis-detail .ivu-table-body td {
    border: 0;
    background: unset;
}

.analysis-detail .ivu-table-body tr {
    height: 46px;
    line-height: 44px;
}

.analysis-detail .ivu-table-body .ivu-table-row:nth-child(1) {
    background: #FFFFFF;
}

.analysis-detail .ivu-table-body .ivu-table-row:nth-child(2) {
    background: #F8FCFF;
}

.analysis-detail .ivu-table-wrapper {
    border: unset;
}

.analysis-detail .ivu-table-header th {
    border: unset;
}

.analysis-detail .ivu-table th {
    background-color: #ECF7FF !important;
    padding: 0;
}

.analysis-detail .ivu-table:before {
    width: 0px;
}

.analysis-detail .ivu-table:after {
    width: 0px;
}

.ivu-form-item-error .ivu-checkbox-inner{
    border-color: #ed4014 !important;
}
/*----------------------------------全局样式-------------------------------------------*/

.ivu-input-search-icon:hover {
    color: #BFBFBF;
}

.ivu-table td,
.ivu-table th {
    /* padding: 5px 0px 4px 0px; */
}

.ivu-table-border td{
    border-right: 0;
}
.ivu-table-border td:last-child{
    border-right: 1px solid #e8eaec;
}
.ivu-icon-ios-search {
    font-family: "iconfont";
    line-height: 30px;
}
.ivu-icon-ios-search:hover:before {
    color: #1990FF;
}
.ivu-icon-ios-search:before {
    content: "\e73b";
    font-size: 15px;
    color: #9B9B9B;
}

.ivu-dropdown-menu {
    min-width: 90px;
}

.ivu-table-sort i {
    font-size: 15px;
    line-height: 8px;
    color: #b2b2b2;
}

.ivu-page-item,
.ivu-page-options-elevator input {
    border-radius: 2px;
}

.ivu-page-next,
.ivu-page-prev {
    border-radius: 2px;
}

.ivu-btn-default:hover {
    border: 1px solid rgba(25, 144, 255, 0.80);
    color: #1990FF;
}

.ivu-btn-primary:hover {
    background: rgba(25, 144, 255, 0.80);
    /* border: rgba(25,144,255,0.80); */
    color: #FFFFFF;
}

.ivu-btn-primary:focus,
.ivu-btn-dashed:focus {
    box-shadow: unset;
}

.ivu-btn-error:hover {
    background: rgba(248, 97, 97, 0.80);
    border-color: rgba(248, 97, 97, 0.80);
}

.ivu-btn-error:focus {
    box-shadow: unset;
}

.ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: #1990FF;
    background-color: #1990FF;
    border-collapse:separate;
}

.ivu-checkbox-checked .ivu-checkbox-inner:after{
    width: 4px !important;
    height: 8px !important;
    top: 2px;
    left: 5px;
    border: 1px solid #fff;
    border-top: 0;
    border-left: 0;
}

.ivu-page-total {
    color: #222;
}

.time_unit{
    position: absolute;
    right: 5px;
    top: 1px;
    padding-right: 6px;
    height: 28px;
    line-height: 30px;
    font-size: 13px;
    color: #999;
    background: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
  }
  .time_unit.disabled_style{
    background: #f3f3f3;
    cursor: not-allowed;
  }

/*----------------------------------全局弹窗dialog样式--------------------------------*/

.ivu-modal .ivu-modal-header {
    padding: 20px 20px 0px 20px;
    border-bottom: 0;
    font-size: 16px;
    color: #222;
    margin-bottom: 20px;
}

.ivu-modal .ivu-modal-body {
    /* padding: 20px 30px 20px; */
    /* padding: 14px 30px 20px 30px; */
    padding: 0 30px;
}

.ivu-modal .ivu-form .ivu-form-item-content {
    font-size: 13px;
}

.ivu-modal .ivu-form .ivu-tooltip-rel {
    vertical-align: unset;
    position: absolute;
    top: 1px;
    height: 20px;
}

.ivu-modal .ivu-form .ivu-input-number-input,
.ivu-modal .ivu-form .ivu-input-number.ivu-input-number-default {
    height: 30px;
    line-height: 30px;
}
.showpercentage{margin-right: 16px;position: relative;}
.showpercentage .percentage-dw{position: absolute;right: -16px;top: 4px;line-height: 20px;}

.ivu-modal .ivu-form textarea.ivu-input {
    padding: 5px 10px;
    line-height: 20px;
}

.ivu-modal .ivu-form .ivu-form-item-content .ivu-radio-group span {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.65);
}

.ivu-modal .ivu-form:last-child .ivu-form-item:last-child {
    margin-bottom: 0px;
}

.ivu-modal .ivu-form .ivu-radio {
    line-height: 16px;
}

.ivu-modal .ivu-form .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.ivu-modal .ivu-form .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    height: 30px;
    line-height: 30px;
}

.ivu-modal .ivu-modal-footer {
    padding: 0px 30px 20px 30px;
    margin-top: 20px;
}

.ivu-modal .ivu-modal-footer>div {
    /* padding-top: 10px; */
}

.ivu-modal .ivu-modal-footer .ivu-btn {
    border-radius: 2px;
    font-size: 13px;
    height: 32px;
}

.ivu-modal .ivu-modal-footer .ivu-btn span {
    line-height: 32px;
}

.ivu-modal .ivu-modal-footer button+button {
    margin-left: 10px;
}

.ivu-modal .ivu-modal-close {
    right: 18px;
    top: 18px;
}

.ivu-modal .ivu-modal-close .ivu-icon-ios-close {
    font-size: 12px;
    color: #A6A7A9;
    font-family: 'iconfont' !important;
}

.ivu-modal-close .ivu-icon-ios-close:hover {
    color: #888888;
}

.ivu-modal .ivu-modal-close .ivu-icon-ios-close:before {
    content: "\e740";
}

.ivu-modal input::-webkit-input-placeholder {
    color: #999;
}

.ivu-modal input::-moz-input-placeholder {
    color: #999;
}

.ivu-modal input::-ms-input-placeholder {
    color: #999;
}

.ivu-modal textarea::-webkit-input-placeholder {
    color: #999;
}

.ivu-modal textarea::-moz-input-placeholder {
    color: #999;
}

.ivu-modal textarea::-ms-input-placeholder {
    color: #999;
}


/*----------------新增字段-------------*/

.iModal .ivu-modal .model-input-wrapper .ivu-textarea-wrap .ivu-input {
    max-height: 197px;
}


/*----------------------------全局样式 分支条件管理----------------------------------- */

.ivu-modal .branch-conditions .ivu-input {
    height: 32px;
    /* line-height: 32px; */
    color: #222222;
}

.ivu-modal .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    color: #222222;
}
.ivu-modal .group-fields-to-id.error .ivu-select-selection{
    border: 1px solid #ed4014;
}
.ivu-modal .ivu-select-placeholder {
    color: #999 !important;
}


/*----------------------------全局样式 添加CLASS名iall-xx----------------------------- */

.iAll-btn {
    min-width: 74px;
    font-size: 13px;
    border-radius: 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    padding: 0;
}
.iAll-btn.ivu-btn[disabled] {
    color: #222;
    background: #F5F5F5;
    border: 1px solid #E6E6E6;
}

.iAll-btn.ivu-btn-primary[disabled] {
    color: #fff;
    background-color: rgba(25, 144, 255, 0.6);
    border: 0;
}
.iAll-btn.ivu-btn-primary[disabled] span{
    color: #fff;
}
.iAll-btn.ivu-btn-error[disabled] {
    color: #fff;
    background-color: rgba(248, 97, 97, 0.6);
    border: 0;
}

.iAll-search-btn {
    min-width: 60px;
    border-radius: 2px;
}

.iAll-dialog-btn {
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    border-radius: 2px;
}


/*搜索下select下拉框*/

.iAll-search-select {
    width: 390px;
    height: 24px;
    line-height: 24px;
}

.iAll-search-select .ivu-select-selection {
    height: 24px;
    line-height: 24px;
}

.iAll-search-select .ivu-select-selection {
    height: 24px;
    line-height: 24px;
}

.iAll-search-select .ivu-select-selection .ivu-select-placeholder {
    height: 24px;
    line-height: 22px;
    font-size: 12px;
}

.iAll-search-select .ivu-select-selection .ivu-select-selected-value {
    height: 24px;
    line-height: 22px;
    font-size: 12px;
}


/*select下拉框*/

.iAll-select-selection {
    min-width: 160px;
    height: 30px;
    line-height: 30px;
}

.iAll-select-selection .ivu-select-selection {
    height: 30px;
    line-height: 30px;
}

.iAll-select-selection .ivu-select-selection .ivu-select-placeholder {
    height: 30px;
    line-height: 30px;
}

.iAll-select-selection .ivu-select-selection .ivu-select-selected-value {
    height: 30px;
    line-height: 30px;
}
.partOrg{
    border-top: 1px solid #dcdcdc;padding-top: 6px;margin-top: 6px;
}

.monitor_status.ivu-select-small.ivu-select-multiple .ivu-tag{
    height: 19px;
    line-height: 15px;
    font-size: 12px;
    padding: 0 6px;
    margin: 1px 1px 1px 0;
}
.monitor_status.ivu-select-small .ivu-tag span.ivu-tag-text{
    line-height: 18px;
}

/**------------------------------tag--------------------------------*/

.ivu-tag-blue {
    background: rgba(52, 166, 248, 0.10);
    border: 1px solid rgba(52, 166, 248, 0.30);
}

.ivu-tag-blue .ivu-tag-text {
    color: #1F92FF !important;
}

.ivu-tag-orange {
    background: rgba(255, 175, 34, 0.10);
    border: 1px solid rgba(245, 166, 35, 0.30);
}

.ivu-tag-orange .ivu-tag-text {
    color: #FF8800 !important;
}

.ivu-tag-green {
    background: rgba(0, 195, 90, 0.10);
    border: 1px solid rgba(0, 195, 90, 0.30);
    height: 24px;
    width: 60px;
    border-radius: 30px;
}

.ivu-tag-green .ivu-tag-text {
    color: #21CA6F !important;
}

.ivu-tag-default {
    background: #F0F4F8;
    /* border: 1px solid rgba(181,181,181,0.30); */
}

.ivu-tag-default .ivu-tag-text {
    color: #666 !important;
}

.ivu-tag-red {
    background: rgba(248, 97, 98, 0.10);
    border: 1px solid rgba(248, 97, 98, 0.30);
    height: 24px;
    width: 60px;
    border-radius: 30px;
}

.ivu-tag-red .ivu-tag-text {
    color: #F86161 !important;
}


/*-----------------------表格两边无边框--------------------------*/

.table-border-tightly .ivu-table:after {
    width: 0;
}

.table-border-tightly .ivu-table-wrapper {
    border-left: unset;
}


/*-----------------------表格三边无边框--------------------------*/

.table-border-three .ivu-table:after {
    width: 0;
}

.table-border-three .ivu-table-wrapper {
    border-left: unset;
}

.table-border-three .ivu-table:before {
    width: 0;
}


/*-----------------------表格右边无边框--------------------------*/

.table-border-right .ivu-table:after {
    width: 0;
}

.table-border-right .plTableBox .el-table--border{
    border-left: 0;
}
/*----------------------头部标题样式-----------------*/

.head-title-btn {
    width: 100%;
    display: flex;
    align-items: center;
}

.showGroupsIcon{
    position: absolute;
    width: 8px;
    height: 64px;
    background: #E9EBEE;
    left: -16px;
    top: 50%;
    margin-top: -32px;
    cursor: pointer;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.showGroupsIcon .arrowIcon{
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left-color: #9B9B9B;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 2px;
}
.showGroupsIcon .showGroups{
    border-left-color: transparent;
    border-right-color: #9B9B9B;
    left: -3px;
}
.showGroupsIcon:hover{
    background: #E0EAF7;
}
.showGroupsIcon:hover .arrowIcon{
    border-left-color: #13ADFF;
}
.showGroupsIcon:hover .showGroups{
    border-left-color: transparent;
    border-right-color: #13ADFF;
}

/* 流程中心版本信息样式开始 */
    .versionsTitleWrap{
        line-height: 28px;
        padding-bottom: 18px;
        border-bottom: 1px solid #E9EBEE;
    }
    .versionsTitleWrap img{
        vertical-align: top;
    }
    .versionsTitleWrap .versionsTitle{
        color: #222;
        font-size: 20px;
        display: inline-block;
        vertical-align: top;
        line-height: 30px;
        margin: 0 7px 0 5px;
    }
    .versionsTitleWrap .versionName{
        font-size: 13px;
        color: #59A7F1;
        display: inline-block;
        vertical-align: middle;
        border: 1px solid #59A7F1;
        border-radius:2px;
        height: 22px;
        line-height: 20px;
        padding: 0 5px;
    }
    .versionsInfo{
        padding: 16px 0 82px 0;
    }
    .versionsInfo li{
        line-height: 20px;
        padding-bottom: 10px;
    }
    .versionsInfo li .title{
        color: #666;
        font-size: 13px;
    }
    .versionsInfo li .value{
        color: #222;
        font-size: 13px;
    }
/* 流程中心版本信息样式结束 */
.resetHandlerBatchDialog .ivu-form-item-error-tip{
    padding-left: 72px;
}
.ivu-modal .ivu-spin-fix {
    background-color: #fff;
}

.formCanvas .ivu-select-single .ivu-select-selection .ivu-select-placeholder{
    font-size: inherit;
    padding-right: 0;
}
.formCanvas .ivu-input{
    font-size: inherit;
}
.percentage-content .ivu-input{padding-right: 20px !important;}
.formCanvas .ivu-radio-wrapper{
    font-size: inherit;
}
.formCanvas .ivu-select{
    font-size: inherit;
}

.with_child_wrap{
    float: right;
}
.with_child_wrap .ivu-checkbox{
    margin-bottom: 1px;
}
.copyTips.ivu-poptip-confirm .ivu-poptip-body-message{
    font-size: 14px;color: #222;padding-left: 0;
}
.copyTips.ivu-poptip-confirm .ivu-poptip-body .ivu-icon{
    display: none;
}
.copyTips.dropdownHide {
    display: none;
}
.autoHeight .ivu-upload-list{
    margin-top: 0;
}

#floweditor .rightbarWarp .ivu-form-label-left .autoHeight.helpDoc  .ivu-form-item-label{
    padding-top: 4px!important;
}
.moxie-shim-html4{
    opacity: 0;
}
.autoHeight.helpDoc .ivu-upload-list-remove{
    font-size: 22px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    margin-right: 8px;
}
.autoHeight.helpDoc .ivu-upload.disabled span{
    cursor: not-allowed;
}
.autoHeight.helpDoc .ivu-upload.disabled .ivu-upload-list-remove{
    display: none;
}
.wfd-data-fix .CodeMirror{
    height: 100%;
    box-shadow: 0 2px 7px rgb(0 0 0 / 15%);
}
.wfd-data-fix .mp-grid__empty-wrap{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100px;
    height: 100px;
}
.flow-form .form_name{
    font-size: 13px;
    position: absolute;
    left: 8px;
    top: 4px;
    padding-left: 2px;
    background: #fff;
    width: 320px;
    z-index: 3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.flow-form .form_name.isDisabled{
    background-color: #f3f3f3;
}
.ivu-input-wrapper .ivu-input-prefix, .ivu-input-wrapper .ivu-input-suffix{
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==);
    z-index: 3;
}
.infoTip{
    position: absolute;
    top: 10px;
    right: 220px;
    font-size: 13px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}
.infoTip .iconfont{
    font-size: 16px;
    margin-right: 6px;
    color: #FF8800;
}

 .add_bussiness_modal .ivu-modal .ivu-modal-header {
     margin-bottom: 0px;
 }

 .add_bussiness_modal .ivu-modal .ivu-modal-body {
     padding: 0px 16px;
 }

  .add_bussiness_modal .ivu-modal .ivu-modal-body .ivu-tabs-nav .ivu-tabs-tab{
    padding:12px 8px
 }

 .auth-info-edit .iModal .ivu-modal{
    top: -20%;
 }


.ivu-tooltip-rel .customlinkbtn{color:#5BA1F5;cursor: pointer;margin-left: 10px;}
/* .procinsmodifylog .ivu-page .leftTotal .ivu-page-options-sizer{display: none; height: 28px;overflow: hidden;} */


/*代理设置 隐藏时间选择*/
.noneMinute {
    .el-time-spinner__wrapper{
      width: 100% !important;
    }
    .el-scrollbar:nth-of-type(2){
      display: none;
    }
  }

.publish-flow-form-show-result .ivu-modal-wrap .ivu-modal .ivu-modal-content .ivu-modal-close{display: none;}