[v-cloak] {
  display: none !important;
}

.display-flex {
  display: flex !important;
  align-items: center;
}

div {
    box-sizing: border-box;
}

body {
    background: var(--el-color-primary-light-9);
    font-family: 'PingFangSC', 'Tahoma', 'helvetica', 'hiragino sans gb', 'arial', 'Microsoft YaHei', 'Simsun', 'sans-serif';
    color: #333;
    font-size: 12px;
    min-width: 390px;
}

dd,
p {
    padding: 0;
    margin: 0;
}

h3,
h4 {
    font-weight: normal;
    margin: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

table {
    width: 100%;
    border-collapse: collapse;
}

input::input-placeholder {
    color: #757575 !important;
}

.ma-select.input-sm>.placeholder {
    color: #757575 !important;
}

.BoxCenter {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: auto !important;
}

.cp{
    cursor: pointer;
}

/*图标的url*/
/*菜单距离两边的留白距离*/
/*左侧菜单背景色*/
/*z链接字体选中颜色*/
.on-loadding {
    visibility: hidden
}

.menu-fold {}

.menu-fold>label {
    position: fixed;
    cursor: pointer;
    left: 246px;
    top: 8px;
    padding: 6px 3px;
    z-index: 5;
    transform: scale(.8);
    transition: all .3s;
    background: #fdfcfc;
    color: #666;
    font-size: 14px;
    opacity: 0
}

.menu-fold>label:hover {
    background: #f3f3f3
}

.menu-fold .mf-hide {
    left: 57px
}

.menu-fold i {
    font-size: 18px;
    color: #c6c4c4;
}

.menu-fold>label .icon-angle-left {}

.menu-fold>label .icon-angle-right {
    display: none
}

.menu-fold .mf-hide .icon-angle-left {
    display: none
}

.menu-fold .mf-hide .icon-angle-right {
    display: inline-block
}

.loading {
    position: relative;
    z-index: 8;
    padding-top: 70px;
}

.skin-yellow .left-menu .main-menu {
    background: #ffb980;
}

.skin-yellow .left-menu .main-menu .menu-item.select dt {
    background: #d69866;
}

.skin-yellow .main-head ul li.select {
    color: #b4bd38;
    border-bottom-color: #b4bd38;
}

.skin-yellow .left-menu .main-menu .menu-item dd li.select {
    background: #e9ecb9;
    border-right: 5px solid #b4bd38;
}

.left-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    width: 133px;
    background: #fdfdfd;
    border-right: 1px solid #ddd;
    overflow: hidden;
}

.left-menus {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    width: 133px;
    background: #fdfdfd;
    border-right: 1px solid #ddd;
    overflow: hidden;
}

.left-menu .main-menu {
    background: #fff;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: -17px;
    bottom: 0;
    overflow-x: visible;
    overflow-y: scroll;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.left-menu .main-menu .menu-item {
    margin: 0;
}

.left-menu .main-menu .menu-item dt {
    font-weight: 500;
    padding: 18px 0;
    cursor: pointer;
    transition: box-shadow .3s;
    position: relative;
    margin-left: -14px;
    background-color: #fff;
    color: #000;
}

/*.left-menu .main-menu .menu-item dt i { display: inline-block; background: url("../Images/new/main_menu_ico.png") -3px -37px; width: 32px; height: 32px; transform: scale(0.8); transition: transform .4s }*/
.left-menu .main-menu .menu-item dt i {
    transition: transform .4s;
    font-size: 14px;
    display: inline-block;
    margin-left: 16px;
    margin-top: 5px;
}

.left-menu .main-menu .menu-item dd {
    top: 0;
    left: 58px;
    right: 0;
    bottom: 0;
}

.left-menu .main-menu .menu-item dd .dl-menu {
    overflow: hidden;
}

/* height:calc(100vh - 63px) */
.left-menu .main-menu .menu-item dd .dl-menus {
    overflow: hidden;
}

.left-menu .main-menu .menu-item dd .dl-menu:hover {
    overflow-y: auto
}

.left-menu .main-menu .menu-item dd .dl-menu>li {
    width: 188px
}

.left-menu .main-menu .menu-item dd .line {
    border-top: 1px solid #d7dee5;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 8px;
}

.left-menu .main-menu .menu-item.select {
    background: #fff;
}

/* .left-menu .main-menu .menu-item.select dt {  } */
.left-menu .main-menu .menu-item dt:hover {
    color: #0099ff;
}

/* .left-menu .main-menu .menu-item dt:hover i {transform: translateY(-7px) scale(1.1);} */
.left-menu .main-menu .menu-item dt:hover .dt-tips {
    opacity: 1;
    bottom: 4px;
    color: #fff;
}

/* 标题后面的倒三角 */
/* .left-menu .main-menu .menu-item.select dt:after { position: absolute; content: ''; border-right: 6px solid #edf1f6; border-top: 6px solid transparent; border-bottom: 6px solid transparent; right: 0; top: 21px; } */
.left-menu .main-menu .menu-item.select dd {
    display: block;
    width: 190px
}

/**/
.left-menu .user-face {
    text-align: center;
    padding: 12px 0;
    position: relative
}

.left-menu .user-face img {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    cursor: pointer
}

.user-down {
    position: fixed;
    top: 6px;
    width: 188px;
    box-shadow: 0 0 24px rgba(0, 0, 0, .18);
    left: 58px;
    background: #fff;
    z-index: 6;
    padding: 6px 0;
    display: none
}

.user-down li a {
    line-height: 30px;
    display: block;
    color: #666
}

.user-down li a i {
    margin-left: 15px;
    margin-right: 10px
}

.user-down li a:hover {
    background: #f3f3f3
}

.left-menu .user-face:hover ul {
    display: block
}

.left-menu .user-face:hover ul a {
    color: #fff
}

.left-menu .menu-search {
    padding-left: 13px;
    padding-bottom: 2px;
}

.left-menu .menu-search h2 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 27px;
    padding-bottom: 3px;
}

.search-box {
    border: 1px solid #ddd;
    background: #f1f3f5;
    border-radius: 13px;
    padding: 3px 0;
    height: 30px;
}

.search-box i {
    display: inline-block;
    background: url("../Images/new/main_menu_ico.png") -165px -8px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 10px;
}

.search-box input {
    width: 146px;
    border: 0;
    background: #f1f3f5;
    font-size: 14px;
    margin-right: 8px;
    outline: none;
}

.main-head {
    display: flex;
    justify-content: space-between;
}

.main-head h2 {
    margin: 0;
    line-height: 59px;
    margin-left: 25px;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
}

.main-head>ul {
    color: #666;
    font-size: 15px;
    padding-left: 5px;
    padding-top: 40px;
    text-align: center;
}

.main-head>ul>li {
    display: inline-block;
    margin: 0 8px;
    cursor: pointer
}

.main-head ul li.select {
    color: #3dbaff;
    border-bottom: 2px solid #3dbaff;
}

.main-head .logo {
    position: absolute;
    top: 8px;
    right: 40px;
}

.main-head .logo img {
    height: 37px
}

.main-head .mh-menu {
    color: #fff;
    float: right;
    padding: 0;
    margin-right: 30px;
    line-height: 60px;
}

.main-head .mh-menu a {
    color: #fff
}

.main-head .mh-menu>li i {
    margin-right: 4px;
    font-size: 16px;
}

.main-head .mh-menu .badge {
    background: #ff0000;
    font-weight: 500;
    padding: 1px 4px;
    margin-top: -18px;
}

.mh-menu .dropdown-menu>li>a {
    padding: 5px 20px;
    color: #666;
}

.mh-menu .dropdown-menu>li i {
    margin-right: 7px
}

.main-con {
    background: #fff;
    margin: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.main-con .mc-left {
    float: left;
    width: 33%;
}

.main-con .mcl-title {
    font-weight: normal;
    font-size: 15px;
    border: 1px solid #d7dee5;
    background: #f5f6fa;
    height: 40px;
    line-height: 40px;
    position: relative;
    padding-left: 16px;
    margin-bottom: 0
}

.main-con .mcl-title:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    width: 4px;
    background: #6d7781;
}

.project-info li {
    border: 1px solid #eee;
    border-top: 0;
    zoom: 1;
    line-height: 22px;
    padding: 5px 0;
    font-size: 13px;
}

.project-info li:after {
    content: '';
    display: block;
    clear: both;
}

.project-info li span {
    float: left;
    padding-left: 15px;
    color: #888;
}

.project-info li p {
    float: left;
    padding-left: 4px;
}

.pi-xs2 {
    border-left: 1px solid #eee
}

.pi-xs2 li {
    float: left;
    width: 50%;
    height: 32px;
    border-left: 0
}

.main-con .mc-right {
    float: right;
    width: 66%;
    padding-right: 6px;
    box-sizing: border-box;
}

.main-con .mc-right .project-pie-chart {
    height: 220px;
    padding: 10px 0;
}

.main-con .mc-right .project-pie-chart .pie-chart-l {
    float: left;
    width: 49.5%;
    height: 100%;
    background: #f7f7f7;
}

.main-con .mc-right .project-pie-chart .pie-chart-r {
    float: right;
    width: 49.5%;
    height: 100%;
    background: #f7f7f7;
}

.main-con .mc-right .project-pie-chart h4 {
    font-size: 15px;
    padding-left: 10px;
    padding-top: 5px;
    height: 4px;
}

.main-con .mc-right .project-cost {
    border: 1px solid #d7dee5;
    padding: 6px;
}

.main-con .mc-right .project-cost h3 {
    font-size: 15px;
    padding-left: 8px;
    padding-top: 5px;
}

.main-con:after {
    content: '';
    display: block;
    clear: both;
}

.project-table {
    font-size: 13px;
    line-height: 26px;
}

.project-table th {
    background: #e4e7f2;
    padding: 5px 0;
    padding-left: 3px;
}

.project-table td {
    padding: 6px 0;
    padding-left: 3px;
}

.project-table tbody tr:nth-child(even) {
    background: #f5f6fa;
}

.project-table .fm-text.readonly {
    border-bottom: 0
}

.skin-change-bt {
    padding: 5px;
    padding-left: 17px;
}

.skin-change-bt span {
    display: inline-block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    margin: 0 2px;
}

.skin-change-bt .s-blue {
    background: #1d3e83;
}

.skin-change-bt .s-yellow {
    background: #ffb980;
}

.dl-menu li {
    line-height: 40px;
    position: relative;
    font-size: 15px;
}

.dl-menu li h3 {
    font-size: 14px;
    padding-left: 5px;
    margin: 0;
    line-height: 36px;
}

.dl-menu li h3:hover {
    color: #0099ff !important;
}

.dl-menu li h3.select {
    background: #def0fa;
    border-left: 3px solid #3798e9;
}

.dl-menu li h4 {
    padding-left: 13px;
    display: none;
    line-height: 2.2em;
    margin: 0;
    font-size: 12px;
    height: 2.2em;
    overflow: hidden;
}

.dl-menu li h4.select {
    background: #ECF5FF;
    box-shadow: 0px 1px 6px 0px rgba(9, 60, 117, 0.12);
    border-radius: 8px;
}

.dl-menu li h4.select label {
    margin-right: 9px;
}

.dl-menu li h4.select i {
    color: #3798e9
}

.dl-menu li h4 label {
    float: right;
    margin-right: 12px;
    background: #ef434e;
    color: #fff;
    line-height: 16px;
    border-radius: 8px;
    margin-top: 5px;
    font-size: 12px;
    padding: 0 3px;
    min-width: 16px;
    text-align: center;
    font-weight: normal;
}

.dl-menu li h4 i {
    margin-left: -5px;
    font-size: 14px;
    color: #555;
    width: 15px;
    display: inline-block
}

/*.dl-menu li h4 i:after { position: absolute; display: block; content: ''; height: 46px; width: 19px; background: url("../Images/new/menu_l2_ico.png") -4px 0px; }
*/

/* border-left: 6px solid #055555; */
.menu-item a {
    text-decoration: none;
}

.dl-menu li .icon-chevron-down {
    content: '';
    position: absolute;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    left: 145px;
    top: 3px;
}

.dl-menu li .icon-chevron-right {
    content: '';
    position: absolute;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    left: 145px;
    top: 3px;
}

.dl-menu li.open h4 {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    width: 190px;
    height: 38px;
    border-radius: 8px;
    padding: 0 14px;
    align-items: center;
    line-height: 38px;
}

.dl-menu li a {
    color: inherit;
    display: block;
    padding: 3px 0;
    margin-left: -65px;
}

.dl-menu li a:hover,
.dl-menu li a:link {
    text-decoration: none
}

/* .dl-menu li.open .ico { transform: rotate(45deg); } */
.dl-menu li h4 .i2:after {
    background-position: -32px 0px;
}

.dl-menu li h4 .i3:after {
    background-position: -59px 0px;
}

.dl-menu li h4 .i4:after {
    background-position: -88px 0px;
}

.dl-menu li h4 .i5:after {
    background-position: -114px 0px;
}

.dl-menu li h4 .i6:after {
    background-position: -141px 0px;
}

.dl-menu.dm-m li h3 {
    padding-left: 18px;
    line-height: 32px;
    border-left: 1px solid #fff;
}

.dl-menu.dm-m li h4 {
    line-height: 30px;
    color: #555;
    border-left: 1px solid #fff;
}

.dl-menu.dm-m li h4 label {
    margin-top: 6px;
}

.dl-menu.dm-m li .active {
    background: #f1f3f6;
    border-left: 1px solid #5ebdca;
}

.pm-all {
    font-size: 14px;
    padding-left: 6px;
    margin-bottom: 0;
    line-height: 30px;
    margin-top: 10px;
}

.pm-all.active {
    background: #f1f3f6;
    border-left: 1px solid #5ebdca;
}

.page-main {
    position: fixed;
    left: 134px;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    visibility: hidden;
    transition: all .3s;
}

.page-menu {
    width: 230px;
    background: #fff;
    border-right: 1px solid #ddd;
    overflow: auto;
}

.page-menu h2.pm-all {
    border-left: 1px solid #fff;
    padding-left: 18px;
    font-size: 12px;
}

.page-menu h2.pm-all.active {
    border-left: 1px solid #5ebdca;
}

.page-main .page-con {
    flex: 1;
    overflow: auto;
}

.seach-bd {
    padding: 16px 12px;
    margin: 0 6px;
    border-bottom: 1px solid #d7dee5;
}

.left-menu .main-menu .menu-item.select dd::-webkit-scrollbar,
.page-menu::-webkit-scrollbar {
    width: 1px;
}

.p-ico {
    display: inline-block;
    background: url("../Images/new/main_menu_ico.png");
    vertical-align: middle;
    margin-top: -4px;
}

.ico-edit {
    width: 24px;
    height: 24px;
    background-position: -3px -3px;
    transform: scale(0.8);
}

.no-submenu .left-menu {
    width: 177px;
}

.no-submenu .left-menu .main-menu .menu-item.select dd {
    display: none;
}

.no-submenu .menu-fold {
    display: none;
}

.no-submenu .page-main {
    left: 0% !important;
}

/*form-group ma-block*/
.ma-con {
    padding: 0 10px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group .input-group-addon {
    display: table-cell;
}

.input-group .fm-text {
    display: table-cell;
    border: 1px solid #CCC;
}

.input-group .fm-text .fm-text-input {
    border: 0;
    width: 100%;
    height: 25px;
    outline: none;
    text-indent: 5px
}

.imain {
    border: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}

.raise-bd {
    overflow: auto;
    /* white-space: nowrap; */
    /* height: calc(100vh - 25px); */
    padding-right: 12px;
    column-count: 4;
    column-gap: 0;
}

.raise-dl {
    background: #fff;
    padding: 10px;
    border: 1px solid #e6e8e9;
    border-top: 0;
    border-radius: 15px;
    /* display: inline-block; */
    /* width: 300px; */
    margin-left: 10px;
    padding-bottom: 18px;
    box-shadow: 0 3px 3px #ddd;
    /* vertical-align: top; */
    margin-top: 0;
    break-inside: avoid;
    margin-bottom: 10px;
}

.raise-dl dt {
    font-size: 14px;
    font-weight: bold;
    padding-left: 16px;
    line-height: 30px
}

.raise-dl dd {
    line-height: 28px;
    padding-top: 2px;
    margin: 5px 0;
    border-radius: 4px;
    font-size: 12px;
    color: #555;
    padding-left: 14px;
    position: relative
}

.raise-dl dd:hover {
    background: #def0fa;
}

.raise-dl dd .raise-icon {
    display: inline-block;
    width: 20px;
    text-align: center
}

.raise-dl dd>i {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 15px;
}

.raise-dl dd>i:hover {
    color: sandybrown
}

.raise-dl dd .icon-star {
    color: sandybrown
}

.raise-dl dd .icon {
    font-size: 14px;
}

.raise-dl dd a {
    display: block;
    color: inherit
}

.raise-dl dd a:hover {
    text-decoration: none
}

.flow-center-flex {
    display: flex
}

.flow-center-flex .fcf-right {
    flex: 1;
    padding-left: 6px;
}

/*分页*/
.zui-pagination {
    display: inline-block;
    vertical-align: middle
}

.zui-pagination>li {
    display: inline;
}

.zui-pagination>li>a {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.zui-pagination>li:first-child>a {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.zui-pagination>li:last-child>a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*控制台*/
.clear {
    zoom: 1
}

.clear:after {
    display: block;
    clear: both;
    content: ''
}

.flow-list-bd {
    padding-top: 12px
}

.flow-list {
    padding: 15px;
    padding-bottom: 0;
    margin-bottom: 10px
}

.flow-list h3 {
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 10px
}

.flow-list h3 .icon-cog {
    float: right;
    cursor: pointer
}

.flow-list:hover .fl-cog {
    display: block
}

.flow-list h3 .fl-cog {
    float: right;
    color: #777;
    display: none
}

.flow-list h3 .fl-cog i {
    margin: 0 5px;
    cursor: pointer
}

.flow-list h3 .fl-cog i:hover {
    color: #337ab7
}

.flow-list h3 .icon-cog:hover {
    color: #337ab7
}

.flow-list h3>label {
    border-left: 4px solid #3798e9;
    padding-left: 6px;
    display: block
}

.flow-list .ul li {
    color: #373a3c;
    border-top: 1px solid #eee;
    padding: 8px 8px
}

.flow-list .ul li:first-child {
    border: 0
}

.flow-list {
    background: #fff;
    border-radius: 15px;
}

.flow-list .ul li label {
    float: right;
    font-weight: normal;
    font-size: 12px;
    color: #888
}

.raise-bar {
    padding-bottom: 10px;
    margin: 0 -6px;
}

.raise-bar li {
    float: left;
    width: 48%;
    margin: 3px 1%;
    background: #eee;
    border-radius: 4px;
    font-size: 13px;
    color: #555;
    line-height: 32px;
    padding-left: 12px
}

.raise-bar li a {
    color: #555;
}

.raise-bar li i {
    margin-right: 4px
}

.raise-bar-l li {
    width: 100%;
    margin: 3px 0
}

.flow-favorites {
    padding-bottom: 10px
}

.flow-favorites li {
    float: left;
    width: 50%;
    border-bottom: 1px solid #dddbda;
    padding: 8px 0;
    color: #555;
    height: 55px;
}

.flow-favorites li .ff-title {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 52px);
}

.flow-favorites li .ff-title h2,
.flow-favorites li .ff-title h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flow-favorites li h2 {
    color: #373a3c;
    font-size: 14px;
    margin: 0;
    line-height: 20px
}

.flow-favorites li h4 {
    color: #3798e9;
    font-size: 14px;
}

.flow-favorites li .icon-angle-right {
    vertical-align: middle;
    font-size: 22px;
    margin-left: 3px
}

.flow-favorites .fave-ico {
    background: #3798e9;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    width: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 2px;
    margin: 0 5px
}

.process-query-bd,
.flow-table {
    height: calc(100vh - 30px);
    overflow: auto
}

.page-menu {
    height: calc(100vh - 30px);
    overflow: hidden
}

.page-menu .p-scroll {
    height: calc(100vh - 89px);
    overflow: hidden;
}

.page-menu .p-scroll:hover {
    overflow-y: auto;
}

.dl-menu.dm-m {
    width: 229px
}

/* .role_tree { display: block; position: absolute; width: 250px; left: 10px; } */
.role_tree {
    display: none;
}

.flow-table {
    padding-top: 0
}

.language-switch {
    padding: 5px 18px;
    font-size: 0
}

.language-switch label {
    display: inline-block;
    background: #ddd;
    padding: 1px 10px;
    font-weight: normal;
    font-size: 13px;
}

.language-switch label.select {
    background: #253b8b;
    color: #fff;
}

.no-data {
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(50% - 14px);
    font-size: 20px;
    color: #666;
}

/*工作日历*/
.work-week {
    padding-bottom: 8px;
}

.work-week h6 {
    font-size: 15px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    color: #888;
    margin-bottom: 0;
}

.work-week h6 .content {
    position: absolute;
    left: 60px;
    right: 60px;
    top: 0;
    bottom: 0;
    font-weight: bold;
}

.work-week .prev {
    float: left;
    font-size: 12px;
    width: 50px;
    cursor: pointer;
}

.work-week .next {
    float: right;
    font-size: 12px;
    width: 50px;
    cursor: pointer;
}

.work-week p span {
    width: 14.2857%;
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.work-week p {
    font-size: 13px;
    overflow: hidden;
    height: 30px;
    font-weight: bold;
}

.work-week ul {
    margin-top: 2px;
}

.work-week ul li {
    width: 14.2857%;
    float: left;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    padding: 2px 0;
    color: #666;
}

.work-week ul li label {
    display: inline-block;
    width: 26px;
    border-radius: 13px;
    line-height: 26px;
    font-weight: normal;
}

.work-week ul li.select label {
    background: #3cbaff;
    color: #fff
}

.rlCenter:after {
    display: block;
    content: '';
    clear: both
}

/*个人资料*/
.personal-main {
    height: calc(100vh - 70px);
    padding: 15px;
    display: flex;
}

.personal-left {
    height: 100%;
    background: #fff;
    width: 220px;
    margin-right: 10px
}

.personal-right {
    height: 100%;
    background: #fff;
    flex: 1
}

.dt-tips {
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    text-align: center;
    white-space: nowrap;
    color: #a6b2dc;
    font-weight: normal;
    transition: all .4s;
}

.personal-left .up {
    text-align: center
}

.main {
    overflow: auto;
    min-width: 1200px;
}

.headPortrait {
    border-radius: 50px;
    width: 100px;
    height: 100px;
    margin: 10px 0 10px 0
}

.jobNumber {
    color: #969696;
    font-size: 13px;
    line-height: 20px;
    margin: 6px 0 20px 0;
}

.fts20 {
    font-size: 16px;
}

.CallInfo {
    margin: 10px 10px 0 0;
    border-bottom: 1px solid #ddd;
    color: #3dbaff;
    font-size: 16px;
}

.mag20 {
    margin-top: 12px;
    border-bottom: 1px solid #ddd;
    line-height: 28px;
    font-size: 14px;
    margin-left: 16px;
    padding-left: 15px;
}

.pad10-50 {
    padding: 10px 50px;
}

.Drop {}

.Drop dd {
    padding-left: 32px
}

.Drop a {
    color: #666;
    font-size: 14px;
    line-height: 32px;
    display: block
}

.Drop .select {
    background: #f1f3f7;
}

.Drop dd:hover {
    background: #f6f7fb;
}

.Drop .select a {
    color: #3cbaff;
    border-right: 4px solid #3cbaff
}

.Drop dl {
    margin-bottom: 0
}

.Drop dd a i {
    margin-right: 6px
}

.Drop dd a label {
    display: inline-block;
    width: 26px;
    text-align: center;
    margin-bottom: 0
}

#Right {}

#Right dl {
    float: left;
    width: 50%;
    margin: 10px 0 0 0;
}

#Right dl li {
    line-height: 25px;
}

#Right dl li>span {
    display: inline-block;
    width: 200px;
    text-align: right;
}

#Right dl li input {
    height: 20px;
    border: 1px solid #ccc;
    width: 220px;
    text-indent: 5px
}

.RightDrop {
    overflow: auto;
}

.required2 {
    color: red;
}

.caiwenji {
    margin: 0 0 23px 0;
    padding-left: 273px;
}

.clear {
    clear: both;
}

#Right dl li .uploadimg {
    display: inline-block;
    position: relative;
    border: 1px solid #ddd;
    width: 150px;
    height: 200px;
}

#Right dl li .uploadimg img {
    width: 100%;
    height: 100%
}

#Right dl li .uploadimg label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3dbaff;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    line-height: 28px;
    cursor: pointer
}

/*日历*/
.calendar-left {
    background: #fff;
    left: 58px;
    top: 0;
    bottom: 0;
    width: 240px;
    position: fixed;
    border-right: 1px solid #ddd
}

.calendar-left h4 {
    font-size: 15px;
    padding-left: 10px;
    font-weight: bold;
    padding-top: 12px
}

#calendar1 {
    padding: 10px
}

.calendar-main {
    flex: 1;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.calendar-main .work-week h6 {
    position: absolute;
    top: 0;
    left: 280px;
    width: 202px;
}

.calendar-main .work-week ul li {
    border: 1px solid #f3f3f3;
    border-bottom: 0;
    border-left: 0;
    height: calc(16.6666vh - 22px)
}

.calendar-main .work-week ul {
    border-bottom: 1px solid #f3f3f3
}

.calendar-main .work-week ul li label {
    display: block;
    text-align: right;
    width: auto;
    line-height: 16px;
    font-size: 12px;
    padding-right: 6px;
}

.work-week li h5 {
    background: #bfeafe;
    font-weight: normal;
    line-height: 18px;
    border-left: 3px solid #2dbcff;
    font-size: 12px;
    margin: 2px;
    text-align: left;
    padding-left: 3PX
}

.add-schedule {
    position: absolute;
    left: 510px;
    top: 17px;
}

.add-schedule input {
    background: #3cbaff;
    color: #fff;
    border: 0;
    height: 24px;
    width: 90px;
    border-radius: 12px;
}

/*项目管理*/
.manage-menu ul {
    height: 46px;
    line-height: 36px;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
    padding-top: 8px;
    padding-left: 15px;
}

.manage-menu ul li {
    float: left;
    padding: 0 10px;
    border: 1px solid #d7dee5;
    background: #f6f6f6;
    margin-left: -1px;
}

.manage-menu ul li a {
    color: #666;
    display: block;
    padding: 0 10px
}

.manage-menu ul .select {
    border-bottom-color: #fff;
    background: #fff
}

.manage-menu ul li a:hover,
.manage-menu ul .select a {
    color: #3798e9;
}

.progress-txt {
    position: absolute;
    color: #76b65c;
    right: -40px;
    top: -3px;
    font-size: 14px;
}

.progress-bar-warning .progress-txt {
    color: #e3b055
}

.progress-bar-danger .progress-txt {
    color: #c35b5a
}

.p-status {
    float: right
}

.p-status label {
    color: #35cd03;
    font-weight: normal;
    margin: 0;
}

.p-status label i {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    border: 3px solid #c2efb2;
    background: #35cd03;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
    margin-left: 8px;
}

.p-ts {
    float: left;
    margin-left: 100px;
    color: #9c2e2c;
    background: #f2dede;
    border: 1px solid #eacfd3;
    text-align: center;
    border-radius: 5px;
    line-height: 28px;
    font-size: 14px;
    width: 70%;
    margin-top: 6px;
    margin-bottom: 4px
}

.main-con .pro-detail {
    width: 49.5%
}

.pro-tab-s {
    background: #f5f6fa;
    height: 40px;
    line-height: 38px;
    border: 1px solid #d7dee5;
    font-size: 14px
}

.pro-tab-s li {
    float: left;
    border-right: 1px solid #d7dee5;
    padding: 0 12px;
    cursor: pointer
}

.pi-xs2 li.li-l {
    width: 100%
}

.pro-tab-s li.select {
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #3798e9
}

.mcl-title-s {
    font-size: 15px;
    background: #f5f6fa;
    padding-left: 15px;
    line-height: 32px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}

.pro-tab-bd-grey {
    background: #f9f9f9
}

.pro-tab-bd-grey .pro-tab-s li.select {
    background: #f9f9f9;
    border-bottom-color: #f9f9f9
}

/*数据表格及搜索条件*/
.input-group-name {
    text-align: right;
    font-size: 13px;
    line-height: 24px;
    padding-top: 3px;
    padding-bottom: 3px
}

.input-group-value {
    padding-left: 0;
    padding-top: 3px;
    padding-bottom: 3px
}

.input-group-value input[type=text],
.input-group-value select {
    border: 1px solid #ced7de;
    height: 24px;
    text-indent: 5px;
    width: 100%
}

.input-group-value input[type=text]:focus {
    background: #f4f6fa
}

.form-search-group {
    padding: 10px 0;
    background-color: #fff;
}

.form-search-oper {
    text-align: right;
    padding: 10px 0
}

.tabs2 {
    background-color: #fff;
    padding: 10px 5px;
}

.form-search-oper .btn {
    background-color: #0099ff;
    border-color: grey;
    text-shadow: 0 0px 0 #fff !important;
    color: #fff;
}


.table-bd {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 2px 6px 0 rgba(0, 0, 0, .045);
    border-radius: 4px;
    overflow-x: auto
}

.table-responsive thead>tr>th {
    border-bottom: 2px solid #ecf0f4;
    line-height: 30px;
    color: #838a9d;
    font-weight: 400;
    padding: 4px 0;
    padding-left: 10px;
    white-space: nowrap
}

.table-responsive td {
    line-height: 20px;
    padding: 4px 0;
    padding-left: 8px;
    white-space: nowrap
}

.table-footer {
    border-top: 2px solid #ecf0f4;
    line-height: 36px;
    padding-left: 22px;
    display: flex;
}

.table-responsive .check-column {
    width: 45px;
    text-align: center
}

.table-responsive .txt-warp {
    white-space: nowrap;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 24px;
    line-height: 24px
}

.table-bd .icon-check-empty {
    font-size: 16px;
    color: #d6d8dc;
    vertical-align: middle;
}

.table-responsive tbody>tr {
    -webkit-transition: .2s cubic-bezier(.175, .885, .32, 1);
    -o-transition: .2s cubic-bezier(.175, .885, .32, 1);
    transition: .2s cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-property: background-color, -webkit-box-shadow;
    -o-transition-property: box-shadow, background-color;
    transition-property: background-color, -webkit-box-shadow;
    transition-property: box-shadow, background-color;
    transition-property: box-shadow, background-color, -webkit-box-shadow;
}

.table-responsive tbody>tr:hover {
    background: #fafafa;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    box-shadow: 0 0 4px rgba(0, 0, 0, .15);
}

.table-responsive .ico {
    color: #6ab8ff;
    font-size: 16px;
    cursor: pointer
}

.table-responsive .ico:hover {
    color: #9acbf9
}

.flow-list-tab {
    padding: 12px 5px;
    font-size: 13px
}

.flow-list-tab li {
    float: left;
    margin-right: 18px;
}

.flow-list-tab li.select a {
    font-weight: 700;
    color: #6ab8ff;
    border-bottom: 1px solid #6ab8ff
}

.flow-list-tab li a {
    display: inline-block;
    color: #333
}

.flow-list-tab li:hover a {
    color: #6ab8ff
}

.search-hide {
    background: #fff;
    margin-bottom: 8px;
    border-radius: 10px;
}

.ma-tabs {
    margin: 0 !important;
}

.flow-list-tab li>label {
    margin: 0;
    font-weight: normal;
    cursor: pointer
}

.flow-list-tab li>label i {
    margin-right: 4px
}

.flow-list-tab li>label input[type=checkbox] {
    display: none
}

.flow-list-tab li>label.open,
.flow-list-tab li>label:hover {
    color: #3798e9
}

.flow-list-tab li.oper {
    float: right
}

.flow-list-tab li.oper>span {
    display: inline-block;
    margin-left: 18px;
    cursor: pointer
}

.flow-list-tab li.oper>span:hover {
    color: #6ab8ff
}

.flow-list-tab li.oper>span i {
    margin-right: 4px
}

.statistic {
    color: #d6d8dc;
    margin-left: 15px
}

.paginationss {
    position: absolute;
    top: 20px;
    margin-left: 40%;
}

.pagination a {
    color: #999;
}

.pagination li {
    margin-right: 10px;
    color: #999
}

.pagination li i {}

.pagination li i:hover {
    color: #3798e9
}

.pagination li select {
    margin-left: 10px;
    color: #838a9d;
    border: 1px solid #ddd
}

a:link {
    text-decoration: none
}

/*协同办公*/
.synergism-body {
    background: #edf1f5
}

.synergism-head {
    background: #002f6c;
    padding: 3px 0;
    color: #fff
}

.synergism-body .workbench-in {
    font-size: 16px;
    margin-top: 6px;
}

.synergism-body .workbench-in .s {
    background: #fff;
    width: 32px;
    line-height: 32px;
    border-radius: 16px;
    margin-right: 8px;
}

.synergism-body .workbench-in .s i {
    color: #4169bc;
    font-size: 20px;
}

.task-manage {
    padding-top: 15px
}

.task-manage .task-menu {
    float: left;
    width: 260px;
    background: #fff;
    border: 1px solid #dbdfe3
}

.task-manage .task-list {
    float: right;
    width: 930px;
    background: #fff;
    border: 1px solid #dbdfe3
}

.task-manage .task-menu h2 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
    line-height: 30px;
    margin: 0;
    padding-top: 12px;
    color: #555
}

.task-manage .task-list h2 {
    font-size: 18px;
    padding: 0 20px;
    border-bottom: 1px solid #ddd;
    line-height: 52px;
    margin: 0;
    padding-top: 8px
}

.task-manage .task-list h2 .add {
    float: right;
    color: #fda32b;
    font-size: 15px
}

.task-manage .task-list h2 .add i {
    margin-right: 4px;
    font-size: 16px
}

.task-list-bd {
    padding: 20px
}

.task-list-ico {
    display: inline-block;
    background: #3cbaff;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    vertical-align: middle;
    text-align: center;
    margin-top: -4px;
    line-height: 28px
}

.task-list-ico i {
    font-size: 18px;
    vertical-align: middle
}

.task-list-bd {
    font-size: 13px
}

.task-list-bd th {
    font-weight: normal;
    background: #3cbaff;
    color: #fff;
    text-align: center;
    line-height: 20px;
    padding: 4px 6px
}

.task-list-bd td {
    line-height: 20px;
    padding: 4px 6px
}

.task-list-bd tbody tr:nth-child(2n) {
    background: #f2f3f8
}

.task-menu ul {
    font-size: 14px;
    padding: 15px
}

.task-menu ul li {
    color: #555
}

.task-menu ul .select {
    color: #3cbaff
}

.line-y {
    display: inline-block;
    height: 30px;
    width: 1px;
    background: #ddd;
    vertical-align: middle;
    margin: 0 6px;
}

.line-x {
    display: inline-block;
    height: 1px;
    width: 10px;
    background: #ddd;
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -2px
}

.task-menu ul li .icon-cubes {
    margin-right: 6px;
    color: #999
}

.table-footer .mapager {
    width: auto
}

.table-footer .pull-right {
    margin-top: 3px
}

.table-footer-pager {
    margin: 0 auto;
}

.float-layout {
    column-count: inherit
}

.float-layout .raise-dl {
    float: left;
    width: calc(25% - 11px)
}

/*流程可折叠*/
.dl-slide .fm-group-head {
    cursor: pointer
}

.dl-slide .ico-open {
    border-bottom: 5px solid #888;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
    cursor: pointer
}

.dl-slide.slide-up .ico-open {
    border-top: 5px solid #888;
    border-bottom: 0
}

.dl-slide dt {
    font-weight: normal
}

.modal-backdrop.am-fade {
    background: rgba(0, 0, 0, .3);
}

.modal-content {
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}

.page-main.fold-up {
    left: 58px
}

.mainer-right {
    background: #fff;
    height: calc(100vh - 85px);
    overflow: auto;
    margin: 0 15px;
    margin-top: 70px;
}

@media screen and (min-width:1800px) {
    body {
        font-size: 14px
    }

    .left-menu .main-menu {
        width: 100%
    }

    .left-menu .main-menu .menu-item dd {
        left: 70px;
    }

    .left-menu .main-menu .menu-item.select dd {
        width: 210px
    }

    .dl-menu li h3,
    .dl-menu li h4 {
        font-size: 14px
    }

    .dl-menu li h4 i {
        font-size: 15px
    }

    .left-menu {
        width: 280px
    }

    .page-main {
        left: 280px
    }

    .user-down {
        width: 209px;
        left: 70px
    }

    .left-menu .main-menu .menu-item dt i {
        font-size: 15px;
        margin-top: 3px;
    }

    .left-menu .main-menu .menu-item dt {
        padding: 0;
        padding-top: 22px;
    }

    .left-menu .main-menu .menu-item dd .dl-menu>li {
        width: 209px;
    }

    .menu-fold>label {
        left: 279px
    }

    .menu-fold .mf-hide {
        left: 69px;
    }

    .no-submenu .left-menu {
        width: 10.9%;
    }

    .no-submenu .left-menus {
        width: 2.9%;
    }

    .no-submenu .page-main {
        left: 182px;
    }

    .left-menu .user-face img {
        width: 36px;
        height: 36px;
        border-radius: 18px;
    }

    .calendar-left {
        left: 70px
    }

    .left-menu .main-menu .menu-item.select dt:after {
        top: 24px
    }

    .page-main.fold-up {
        left: 70px
    }

    .main-head .logo img {
        height: 40px
    }

    .main-head .logo {
        top: 13px
    }

    .mainer-right {
        height: calc(100vh - 100px);
        margin-top: 85px;
    }

    .dl-menu li h4 label {
        margin-top: 7px
    }
}

@media screen and (min-width:1600px) {
    .jq-grid-bd {
        font-size: 14px
    }
}

.contenter-box {
    padding: 15px;
    margin-left: -10px;
}

.contenter-box-x {
    padding: 0;
    margin-top: 20px;
    padding-bottom: 40px;
}


.grid-btn {
    color: #555;
    cursor: pointer;
    font-style: normal;
    color: #3798e9;
}

.grid-btn:before {
    margin-right: 2px
}

.grid-btn:hover {
    color: #3087d0;
}

body .layui-layer {
    border-radius: 4px
}

body .layui-layer-title {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.dl-menu li h3 .icon-circle-blank {
    margin-left: -17px;
    margin-right: 5px;
}

.data-tree-page {
    position: relative
}

.data-tree-page .role_tree {
    background: #fff;
    height: calc(100vh - 28px);
    left: 0;
    top: 15px;
    padding-top: 8px;
    padding-left: 5px;
}

.data-tree-page .flow-table {
    margin-left: 265px;
    padding: 0
}

.table-info {
    position: relative;
    padding-right: 355px
}

.table-info .ti-right {
    position: absolute;
    width: 340px;
    right: 0;
    top: 0;
    padding-left: 15px;
    border-left: 1px solid #ddd;
    padding-right: 8px
}

.ti-detail {
    padding-top: 20px
}

.ti-detail li {
    border-bottom: 1px dashed #cacaca;
    padding: 8px 0;
    padding-left: 20px;
    position: relative
}

.ti-detail li b {
    color: #555;
    font-size: 16px
}

.ti-detail li .icon-angle-right {
    font-size: 22px;
    position: absolute;
    left: 3px
}

.ti-detail li .ico-fj {
    position: absolute;
    background: #ecedf0;
    border-radius: 3px;
    width: 16px;
    height: 16px;
    text-align: center;
    left: -3px;
    top: 12px;
}

.ti-detail li .ico-fj i {
    display: inline-block;
    border-left: 6px solid #3c9bea;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.ti-detail li p {
    padding-top: 4px
}

.ti-detail li .p1 {
    padding-top: 8px
}

.ti-detail li .fj {
    border: 1px dashed #cacaca;
    margin-top: 14px;
    padding-bottom: 12px
}

.ti-detail li .fj .ico {
    display: block;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 160px;
    margin: 0 auto;
    text-align: center;
    height: 130px;
    padding-top: 30px;
    margin-bottom: 5px
}

.ti-detail li .fj .ico i {
    font-size: 60px;
    color: #e9e9e9
}

.ti-detail li .fj h3 {
    font-size: 14px;
    text-align: center;
    line-height: 50px
}

.ti-detail li .fj h3 i {
    font-size: 18px;
    color: #707070
}

.ti-detail li .fj h3 .ll {
    color: #3798e9
}

.ti-detail li .f-name {
    width: 160px;
    margin: 0 auto;
}

.ti-detail li .f-name .name {
    font-size: 16px;
    color: #3798e9;
}

.f-mess {
    color: #888
}

.f-mess .size {
    float: right
}

@media screen and (min-width:1800px) {
    .table-info {
        padding-right: 435px
    }

    .table-info .ti-right {
        width: 420px;
    }
}

.taskadd-bt {
    float: right;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 7px
}

.taskadd-bt i {
    color: #409cea;
    font-size: 18px;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
}

.modal-new .cover {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .4
}

.modal-new .modal-dialog {
    background: transparent
}

.modal-new .modal-title {
    font-size: 16px
}

.modal-new .modal-header {
    padding: 10px 15px
}

/*ma-tabs新样式*/
.main100-tb {
    height: calc(100vh - 100px);
    overflow: auto;
}

.main100 {
    height: calc(100vh - 100px);
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: auto;
}

.imain-main100 {
    height: calc(100vh - 30px);
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: auto;
}

.imain-main100-tb {
    height: calc(100vh - 30px);
    overflow: auto;
}

.tabs1 .nav-tabs>li {
    border: 1px solid #ddd;
    margin-left: -1px;
    background: #f6f6f6;
}

.tabs1 .nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    font-size: 15px;
    line-height: 38px;
    min-width: 110px;
    text-align: center;
    transition: none;
    padding: 0 10px;
}

.tabs1 .nav-tabs>li.active>a,
.tabs1 .nav-tabs>li.active>a:hover {
    border: 0;
    background: #f6f6f6;
    color: #3798e9;
}

.tabs1 .nav-tabs>li>a:hover {
    border: 0
}

.tabs1 .nav-tabs>li.active {
    border-top: 3px solid #3798e9;
}

.tabs1 .nav-tabs>li.active>a {
    line-height: 36px
}

.tabs1 .nav-tabs {
    padding-left: 15px
}

/*ma-tabs新样式2*/
.tabs2 .nav-tabs>li {
    border-left: 1px solid #ddd;
    padding: 0 10px;
    height: 20px
}

.tabs2 .nav-tabs>li>a {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 7px;
    height: 30px;
    border: 0
}

.tabs2 .nav-tabs>li:first-child {
    border: 0
}

.tabs2 .nav-tabs>li.active>a,
.tabs2 .nav-tabs>li.active>a:hover {
    border: 0;
    background: #fff;
    border-bottom: 3px solid #3798e9;
    color: #3798e9
}

.tabs2 .nav-tabs {
    height: 30px
}

.tabs2 .nav>li>a:hover,
.tabs2 .nav>li>a:focus {
    background: transparent;
    border: 0;
    color: #3798e9
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
    text-align: left
}

.dropdown-menu {
    text-align: left
}

/*禁用按钮事件*/
.handle-delay {
    pointer-events: none;
    opacity: .5;
}

/*fmselect 下拉样式*/
.text-select tr td,
.text-select tr th {
    padding: 2px 0;
    padding-left: 20px
}

.text-select tbody tr {
    cursor: pointer
}

.text-select tbody tr:hover {
    background: #bfc8ea
}

.jg-btn {
    font-style: normal;
    cursor: pointer;
}

.jg-btn:hover {
    color: #3798e9
}

/*台账-项目详情table*/
.ht-table th {
    background: #f5f6fa;
    line-height: 36px;
    padding-left: 20px;
    font-weight: normal
}

.ht-table td {
    border: 1px solid #eee;
    line-height: 36px;
    padding-left: 20px
}

.jqgrid-table th {
    height: 36px;
    font-weight: 700;
    color: #888;
    background: #f1f1f1;
    padding-left: 8px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    white-space: nowrap
}

.jqgrid-table td {
    border: 0;
    line-height: 28px;
    padding: 4px 0;
    color: #555;
    padding-left: 8px;
    border-bottom: 1px solid #e8e8e8;
    white-space: nowrap
}

.jqgrid-table tbody tr:nth-child(2n) {
    background: #f8f8f8
}

.jqgrid-table tr {
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8
}

.jqgrid-table tbody tr:hover {
    background: #f3f8fd
}

.jqgrid-table.border td {
    border-left: 1px solid #e8e8e8
}

.single-main {
    background: #fff;
    margin: 15px 15px 0;
    height: calc(100vh - 30px);
    overflow: auto
}

.err-item {
    display: inline-block;
    color: #d9534f;
    width: 50%;
    font-weight: normal
}

#pageTitle {
    font-size: 16px;
    padding-left: 10px;
    border-bottom: 1px solid #ddd;
    line-height: 30px;
    margin: 10px 15px;
    display: none
}

.wf-search .dl-menu li h4 label {
    background: grey;
    display: none
}

.retract {
    position: absolute;
    right: 242px;
    top: 0;
    cursor: pointer;
    width: 10px;
    z-index: 2;
    transition: all .3s;
    bottom: 0;
    border-radius: 5px;
}

.retract:hover {
    background: rgba(0, 0, 0, .075);
}

.retract label {
    margin: 0;
    font-weight: normal;
    position: absolute;
    opacity: .7;
    background: #3798e9;
    border-radius: 5px;
    color: #fff;
    padding: 6px 0;
    width: 100%;
    text-align: center;
    top: 30%;
    cursor: pointer
}

.retract:hover label {
    opacity: 1
}

.retract .icon-angle-left {
    display: none
}

.modal-user.open .retract .icon-angle-left {
    display: inline-block
}

.modal-user.open .retract .icon-angle-right {
    display: none
}

.modal-user.open .retract {
    right: 5px
}

.page-menu {
    transition: all .3s;
}

.modal-user .page-menu {
    margin-left: -230px;
}

.modal-user.open .page-menu {
    margin-left: 0;
}

#phMenu {
    overflow: hidden
}

/* .modal-user .flow-table { margin-left: 15px; transition: all .3s;position:relative } */
.modal-user.open .flow-table {
    margin-left: 250px;
}

/*排序图标*/
th.both:after {
    color: gray;
    content: '\e6bd';
}

th.up:after {
    color: gray;
    content: '\e6b9';
}

th.down:after {
    color: gray;
    content: '\e6b8';
}

.ui-jqgrid tr.ui-row-ltr td {
    text-align: center;
    border: 0px solid #fff !important;
}

.ui-th-column,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    text-indent: 8px;
    text-align: center;
    font-weight: 600;
}

.ui-jqgrid .ui-jqgrid-htable th {
    background-color: #f4f7f9;
    color: #152C5B
}

.excel-table-bd th {
    background: #fff;
    border: 0px solid #fff;
}

.table-excel td,
.fixed-column td {
    border: 0px solid #fff
}

.float-bottom-oper {
    background-color: #fff;
}

.btn-primary {
    background-color: #0099ff;
    border: 1px solid #0099ff;
}

.btn-default {
    background-color: #0099ff;
    border: 1px solid #0099ff;
    text-shadow: 0 0px 0 #fff;
    color: #fff;
}

.btn-primary:hover {
    background-color: #0099ff;
    border: 1px solid #0099ff;
}

/*.btn-default:hover{background-color: #0099ff;border: 1px solid #0099ff;color: #fff;}*/
.row {
    margin-left: 0px;
    margin-top: 0;
    margin-bottom: 10px;
}

.ma-detailinfo>.content>.row>.cell .ma-data-select>.select-data-button:before {
    background-color: #fff;
    color: #000;
}

.ma-detailinfo>.content>.row>.cell .ma-data-select.input-sm {
    overflow: hidden;
}

.table-detail>thead>tr>th {
    background-color: #00CCFF !important;
    color: #fff;
}

.fm-text.disabled>.fm-text-input+.fm-text-shadetext {
    background-color: #fff;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: #4e6ef2;
    color: #fff !important;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #0099ff;
    color: #fff;
}

.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
    background-color: #0099ff;
}

.dt-span {
    font-size: 14px;
    margin-left: 8px;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.dl-menu {
    background-color: #fff;
}

.desktop-bd .workbench .workbench-left {
    width: calc(100vw - 505px) !important;
}

.Namehlist:hover {
    color: #0099ff;
}


.ListHeader {
    margin: 0 0 8px 0;
    overflow-y: auto;
    width: 100%;
    height: 54px;
    background: #FFFFFF;
    box-shadow: 0px 1px 8px 0px rgba(24, 99, 204, 0.12);
    border-radius: 8px;
}

.ListHeader_name {
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    position: relative;
    display: block;
    float: left;
    padding: 0 20px;
    height: 30px;
    background: #FFFFFF;
    box-shadow: 0px 1px 8px 0px rgba(24,99,204,0.12);
    border-radius: 4px;
    margin-right: 15px;
    line-height: 30px;
    flex-shrink: 0;
}

.ListHeader_name_title {
    line-height: 30px;
    cursor: pointer;
    text-align: center;
    position: relative;
    display: block;
    float: left;
    padding: 0 20px;
    height: 30px;
    background: #FFFFFF;
    box-shadow: 0px 1px 8px 0px rgba(24, 99, 204, 0.12);
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    margin-right: 24px;
    flex-shrink: 0;
}

.ListHeader_name:hover .ListHeader_name-i{
    color: #1863CC;
}

.ListHeader_name_i {
    display: none !important;
}

.ListHeader_name:hover .ListHeader_name_i {
    display: block !important;
}

.ListHeader_name:hover .boxicon{
    display: block;
}

.ListHeader_bottom {
    width: 79%;
    height: 1px;
    position: absolute;
    background-color: #1863CC;
    top: 45px;
    left: 10px;
}


.main-menu .select a .menu-item-btuink:hover {
    color: #1863CC !important;
}

.menu-item-btuink-server {
    color: #000;
    text-align: center;
}

.menu-item-btuink-server:hover {
    color: #1863CC;
}


.el-icon-s-fold {
    margin: 0 10px 0 5px;
    cursor: pointer;
}

.boxicon {
    max-width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
    margin-right: -10px;
    margin-left: 3px;
}


/* *****************************框架新样式************************************ */

/*蓝色按钮bpm全局引入样式*/
#bpm-silkt-buttom {
    border: 1px solid #0099ff;
    color: grey;
    background-color: #fff;
    width: 42px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px
}

/*搜索框 搜索弹出栏 组合框*/
.bpm_boxi {
    text-align: left;
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgb(100 100 100 / 40%);
    cursor: pointer;
}

.bpm_boxi_content {
    text-align: left;
    padding: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    padding: 0 10px;
    box-shadow: 1px 1px 3px rgb(100 100 100 / 40%);
    margin-bottom: 10px;
    padding-bottom: 0px;
    padding-top: 8px;
    margin-top: 10px;
}

.bpm_leftiut {
    padding-top: 0
}

.btn-mini {
    font-size: 12px !important;
    padding: 5px 4px;
}

.bpm_boxi input {
    padding: 3px 8px;
    margin-left: 1px;
}

.bpm_boxi a {
    margin-left: 1px;
}

.bpm_search {
    color: grey;
    padding: 3px 8px;
    background-color: #fff !important;
}

/*新表格bpm全局样式*/
.table>thead>tr>th {
    background-color: #f4f7f9 !important;
    font-weight: 600;
    color: #152c5b;
    padding: 10px 5px;
    border-right: 1px solid #e8e8e8;
}

/* .table > tbody > tr{border:1px solid #fff } */
.table>tbody>tr>td>div {
    border: 0 !important;
}


/* 自定义表格样式 */
.jcCustomTable {}

/* 自定义表格去除文字白底 */
.jcCustomTable td .ma-select {
    background-color: transparent !important;
}

/* 修改选择框内文字跟输入框文字不对其问题 */
.fm-text.input-sm>.fm-text-input {
    padding-left: 5px !important;
}

.ma-select.single>.select-value>.item {
    padding-left: 5;
}

.ma-select.single.input-sm>.select-value>.item {
    padding-left: 5px !important;
}

.ma-select.multi.input-sm>.select-value>.item {
    background-color: transparent !important;
}

/* 禁止弹窗横向拉动 */
.left-drag-div {
    position: static !important;
}

.right-drag-div {
    position: static !important;
}

/* 控制表格增加横向滚动条 */
.jq-grid-bd .ui-jqgrid-bdiv {
    overflow: auto !important;
}

.jq-grid-bd .ui-jqgrid-bdiv2 {
    overflow: visible !important;
}

.jq-grid-bd table {
    table-layout: auto;
}

/** 更多内容提示错误对话框样式 **/
.modal-errMore .modal-body {
    overflow: auto;
    max-height: 500px;
}

/** 处理多个空格变成一个空格的问题 **/
/* span { white-space: pre-wrap;} */

/** 表格首字段冻结(锁定)样式 **/
.bpm_tb_col_first_freeze {
    vertical-align: middle;
    position: sticky !important;
    z-index: 1;
    left: 0px;
}

/** 表格末尾字段冻结(锁定)样式 **/
.bpm_tb_col_last_freeze {
    vertical-align: middle;
    position: sticky !important;
    z-index: 1;
    right: 0px;
}


/* *****************************首页样式************************************ */

.login-bg {
    margin: 0;
    background: url('/Content/Images/bgck.png') no-repeat center;
    background-size: 100% 100%;
}

.form-login-box {
    width: 1498px;
    height: 754px;
    border-radius: 18px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    overflow: hidden;
    display: flex;
}

.form-login-box-i {
    width: 974px;
    height: 754px;
}

.form-login-box-i img {
    width: 100%;
    height: 100%;
}

.form-login-box-s {
    box-sizing: border-box;
    padding: 30px;
    width: 524px;
    height: 754px;
}

.form-login-box-s-i {
    width: 150px;
    height: 45px;
}

.form-login-box-s-i img {
    width: 100%;
    height: 100%;
}

.form-login-box-s-s {
    text-align: center;
    margin-top: 52px;
}

.form-login-box-s-s-1 {
    font-weight: 600;
    font-size: 34px;
    color: #333333;
}

.form-login-box-s-s-2 {
    font-weight: 400;
    font-size: 20px;
    color: #666666;
    margin-top: 11px;
}

.form-login-box-s-s-2-1{
    padding-right: 70px;
    font-size: 18px;
}

.form-login-box-s-s-2-2{
    padding-left: 115px;
    font-size: 18px;
    margin-top: 5px;
}

.nlg-form-box-s-inp {
    margin: 0 auto;
    display: flex;
    align-items: center;
    width: 380px;
    height: 56px;
    background: #EEEEEE;
    border-radius: 8px;
    margin-top: 40px;
    padding: 0 18px;
}

.nlg-form-box-s-inp-i {
    width: 24px;
    height: 24px;
}

.nlg-form-box-s-inp-i img {
    width: 100%;
    height: 100%;
}

.nlg-form-box-s-inp-s-n {
    background-color: #EEEEEE !important;
    border: none;
    font-size: 20px;
    color: #666;
    margin-left: 16px;
}

.nlg-form-box-s-inp-z {
    height: 28px;
    opacity: 0.6;
    border: 1px solid #999999;
    margin-left: 16px;
}

.form-login-box-s-t {
    width: 410px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 20px;
}

.form-login-box-s-t-i {
    display: flex;
    align-items: center;
    font-size: 16px;
    cursor: pointer;
}

.form-login-box-s-t-i-1 {
    margin: 4px !important;
}

.form-login-box-s-t-i-2 {
    margin-left: 3px;
}

.form-login-box-s-t-s {
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    color: #1677FE;
}

.form-login-box-s-b {
    width: 380px;
    height: 56px;
    background: #1677FE;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    margin: 0 auto;
    margin-top: 66px;
    cursor: pointer;
}

.form-login-box-s-t-i-2 {
    font-size: 16px;
    color: #666666;
}

.nlg-form-box-s-inp-t {
    width: 140px;
    height: 56px;
    background-color: #1677FE;
    color: #fff;
    text-align: center;
    line-height: 56px;
    font-size: 16px;
    margin-left: auto;
    cursor: pointer;
}

.nlg-form-box-s-inp-s-n-s {
    margin: 0;
    width: 200px;
}

.nlg-form-box-s-inp-y {
    width: 30px;
    height: 30px;
    margin-left: auto;
}

.nlg-form-box-s-inp-y img {
    width: 100%;
    height: 100%;
}

.nlg-form-box-s-inp-ts {
    background-color: #ccc !important;
}

.tab-lan-img {
    width: 150px;
    height: 45px;
    margin-top: 5px;
}

.tab-lan-box {
    height: 100%;
    overflow-y: scroll;
    width: 245px;
}

.tab-lan-box-zw {
    width: 100%;
    height: 70px;
}

.tab-lan-tap-box {
    width: 240px;
    height: 60px;
    background-color: #fff;
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 58px;
    display: flex;
    position: fixed;
    top: 0;
    z-index: 9999;
    justify-content: center;
}

.tab-lan-tap-box-img-1 {
    width: 32px;
    height: 32px;
    margin: 11px 5px 0 17px;
}

.tab-lan-tap-box-stair {
    display: flex;
    color: #000000A6;
    font-weight: 400;
    width: 163px;
    margin: 32px auto;
    margin: 0px;
    width: 190px;
    height: 38px;
    border-radius: 8px;
    padding: 0 14px;
    align-items: center;
}

.tab-lan-tap-box-stair-optfor{
    background: #ECF5FF;
    box-shadow: 0px 1px 6px 0px rgba(9, 60, 117, 0.12);
}

.tab-lan-tap-box-stair-s {
    cursor: pointer;
    margin-left: 24px;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
}

.tab-lan-tap-box-stair-i {
    width: 12px;
    height: 12px;
    margin-left: auto;
}

.tab-lan-tap-box-stair-is {
    width: 12px;
    height: 12px;
}

.tab-lan-tap-box-second-level{
    margin-top: 15px !important;
}

.tab-lan-tap-box-second-level-box-i {
    margin-left: 38px;
    font-size: 5px;
}

.tab-lan-tap-box-second-level-box-s {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000000A6;
    display: block;
    padding-left: 48px !important;
}

.tab-lan-tap-box-second-level-box-s span {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.tab-lan-tap-box-second-level-box-centent{
    width: 190px;
    height: 41px;
    background: #ECF5FF;
    box-shadow: 0px 1px 6px 0px rgba(9,60,117,0.12);
    border-radius: 8px;
}

.tab-lan-tap-box-second-level-box-centents{
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    margin-left: 60px;
}

.tab-lan-tap-box-second-level-box-icon{
    width: 4px;
    height: 38px;
    background: #1863CC;
    border-radius: 2px;
    margin-right: 6px;
    margin-left: 20px;
}

.tab-lan-tap-box-second-level-box-pd{
    padding-left: 30px !important;
    /* font-weight: 600; */
    font-size: 16px;
    color: #1863CC;
    max-width: 162px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tab-lan-tap-box-second-level-box-pds{
    max-width: 133px;
    min-width: 133px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown-toggle-tx{
    width: 40px;
    height: 40px;
    margin-right: 6px;
    border-radius: 50%;
}

.dropdown-toggle-i{
    margin-right: 30px !important;
}

.tab-lan-tap-box-second-level-box-zw{
    width: 30px;
    height: 38px;
}

/* *****************************首页样式结束************************************ */

/* *****************************切换主题开始************************************ */


.header-box{
    display: flex;
    align-items: center;
}

.dropdown-toggle-box{
    cursor: pointer;
}

.dropdown-menu{
    padding: 8px 20px !important;
}

.dropdown-toggle-i{
    font-size: 17px;
}

.dropdown{
    display: flex;
    align-items: center;
    color: #000;
}

.switch-theme-colors-box-li{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    margin-right: 20px;
    position: relative;
}

.switch-theme-colors-box-i{
    width: 22px;
    height: 22px;
    background-color: var(--el-color-primary);
    border-radius: 5px ;
    cursor: pointer;
}

.switch-theme-colors-box-s{
    width: 100px;
    /* height: 80px; */
    background-color: #fff;
    border-radius: 8px;
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    box-shadow: 0px 1px 12px 0px rgba(0, 44, 137, 0.1);
    z-index: 999;
    box-sizing: border-box;
    padding: 10px 10px 0 10px;
}

.switch-theme-colors-box-li:hover .switch-theme-colors-box-s{
    display: block;
}

.switch-theme-colors-box-s-color{
    width: 100%;
    height: 20px;
    background-color: #81d8cf;
    border-radius: 5px ;
    margin: 0 10px 10px 0;
    cursor: pointer;
    display: inline-block;
}

.subMenuList-h4{
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    width: 190px;
    height: 38px;
    border-radius: 8px;
    padding: 0 14px;
    align-items: center;
    line-height: 38px;
    cursor: pointer;
    /* box-shadow: 0px 1px 6px 0px rgba(9, 60, 117, 0.12); */
    margin: 0;
    font-size: 12px;
}

.main-head-tow{
    display: none;
}

.main-head-tow-left{
    font-size: 22px;
}

.main-head-tow-conter{
    width: 180px;
    height: 50px;
}

.main-head-tow-conter img {
    width: 100%;
    height: 100%;
}

.main-head-tow-dropdown .dropdown-toggle-tx{
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin-right: 0;
}

.el-drawer__header{
    font-size: 22px;
    font-weight: 700;
}

.el-drawer.ltr, .el-drawer.rtl{
    min-width: 300px;
}

.main-head-one{
    display: flex;
    width: 100%;
    justify-content: space-between;
}



.mobile-menu {
  width: 100%;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

/* 一级菜单项 */
.mobile-menu-item {
  border-bottom: 1px solid #f0f0f0;
}

.mobile-menu-item:last-child {
  border-bottom: none;
}

.mobile-menu-item-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.mobile-menu-item-name:hover,
.mobile-menu-item-name:focus {
  background-color: #f5f5f5;
  outline: none;
}

/* 图标样式 */
.mobile-menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  color: #666666;
}

.mobile-menu-icon.rotate {
  transform: rotate(180deg);
}

/* 二级菜单 */
.mobile-menu-submenu {
  background-color: #fafafa;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.mobile-menu-submenu[style*="display: block"] {
  max-height: 1000px;
  opacity: 1;
}

.mobile-menu-subitem {
  border-bottom: 1px solid #f0f0f0;
}

.mobile-menu-subitem:last-child {
  border-bottom: none;
}

.mobile-menu-subitem-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 25px;
  font-size: 13px;
  color: #555555;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.mobile-menu-subitem-name:hover,
.mobile-menu-subitem-name:focus {
  background-color: #eeeeee;
  outline: none;
}

/* 三级菜单 */
.mobile-menu-subsublist {
  background-color: #f2f2f2;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.mobile-menu-subsublist[style*="display: block"] {
  max-height: 1000px;
  opacity: 1;
}

.mobile-menu-subsublist-item {
  padding: 12px 30px;
  font-size: 14px;
  color: #666666;
  cursor: pointer;
  transition: all 0.3s ease;
}

.mobile-menu-subsublist-item:hover,
.mobile-menu-subsublist-item:focus {
  background-color: #e9e9e9;
  color: #2d7ff9;
  outline: none;
}

/* *****************************切换主题结束************************************ */

.messagers-holder{
    z-index:999999999;
}

/* 兼容H5登录页面 */
.nlg-form-box-s-inp-y {
    width: 30px;
    height: 30px;
    margin-left: auto;
}

.nlg-form-box-s-inp-y img {
    width: 100%;
    height: 100%;
}