/*V2版本样式表*/
.level-A,.level-B,.level-C,.level-D,.level-E{background-color: #607d8b;color: white;}
.level-A i,.level-B i,.level-C i,.level-D i,.level-E i{display: none;}
.level-A:hover i,.level-B:hover i,.level-C:hover i,.level-D:hover i,.level-E:hover i,.level-A.checked i,.level-B.checked i,.level-C.checked i,.level-D.checked i,.level-E.checked i{display: inline-block;}
.level-A:hover,.level-A.checked{background-color: #ff5722;color: white;}
.level-B:hover,.level-B.checked{background-color: #ffa000;color: white;}
.level-C:hover,.level-C.checked{background-color: #00acc1;color: white;}
.level-D:hover,.level-D.checked{background-color: #4caf50;color: white;}
.level-E:hover,.level-E.checked{background-color: #3cad80;color: white;}

*{font-family: "MicrosoftYaHei";-webkit-font-smoothing: antialiased;}
::-webkit-scrollbar{width:8px;height:10px;background-color: #303bcc;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0px rgba(0,0,0,0.3);background-color:#f5f5f5;}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0px rgba(0,0,0,.3);background-color: #1B56BE;}


body{display: flex; height: 100vh;flex-direction: column;scrollbar-face-color: #1B56BE;background-attachment: fixed;}
.page-main{flex: 1;}
.page-container{margin: 0 auto; width: 90%; max-width: 1680px;  min-width: 1280px;}

.emp-info-avatar{position: relative;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;line-height: 120px; width: 80px;height: 80px;border-radius: 50%;background: #1B56BE;overflow: hidden; box-shadow: 0 0 5px #999; border:2px solid #fff}
.emp-info-avatar  .nickname{ width: 100%;text-align: center;color: #ffffff;font-size: 28px;}
.emp-info-avatar .change-avatar{display: none;position: absolute;width: 80px;height: 40px;bottom: 0;left: 0;color: #fff;line-height: 40px;cursor: pointer;background: rgba(0, 0, 0, 0.3);}
.emp-info-avatar:hover .change-avatar{display: block;text-align: center;}
.emp-info-img-thumb{height: 80px; width: 100px; overflow: hidden; display: inline-block;}
.emp-info-img-thumb img{min-height:120px;}

.emp-pathnav{padding: 12px;}
.emp-page-footer{width: 100%;  margin-top: 40px; min-height: 100px;    background: #282828;    color: #666;    font-size: 14px}



.profile-btn{border:1px solid #ffffff; border-radius: 50%; margin: 20px auto 0 auto;}
.emp-page-header1{width: 100%;height: 60px;min-height:60px;background: #1B56BE;  background-position: center; background-size: 100%; background-repeat: no-repeat; position: relative; padding-top: 8px; border-bottom: 1px solid #678cd3;}
.emp-page-header1 .logo{width:270px;height: 47px; overflow: hidden; margin-left: 32px;}
@supports(display:grid) {
	.emp-page-header1 .logo img{width: 263px; height: 47px;  margin-left: -263px;filter: drop-shadow(263px 0 #fff); }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.emp-page-header1 .logo img{width: 263px; height: 47px; }
}

.emp-page-header1 .header-right{height: 60px; min-height: 60px; position:absolute;right: 0px; top: 0px; background-position: left; background-repeat: no-repeat; width: 33%; text-align: right; padding-right: 40px; padding-top: 12px;}
.name-div{display: inline-block; text-align: center; padding: 3px; height: 32px; margin: 3px; line-height: 32px; cursor: pointer; vertical-align:text-top; font-size: 16px; color: white;position: relative;}
.emp-page-header2{background-color: #1B56BE; height: 50px; z-index: 99; position: relative; min-height: 50px;}
.emp-page-header2 li{display: inline-block; list-style: none; vertical-align: text-top;position: relative; margin: 0px;}
.emp-page-header2 .emp-nav{color: #fff; padding-top: 12px; font-size: 16px;cursor: pointer; text-align: center;z-index: 1;}
.emp-page-header2 .emp-nav span{ color: #fff;padding: 0px 20px; font-size: 16px; margin: 0px;}
.emp-page-header2 .emp-nav .nav-text{border-left: 2px solid #436eb8;box-sizing: border-box; }
.emp-page-header2 .emp-nav .nav-tag{display: none;}
.emp-page-header2 .emp-nav.curr .nav-tag{display: block; }
.emp-page-header2 .emp-nav:hover .nav-tag{display: block;}
.emp-page-header2 .emp-nav a{ color: #fff;}
.emp-page-header2 .emp-nav:hover{ background-color:rgba(0,0,0,0.1);}
.emp-page-header2 .emp-nav.curr{ background-color:rgba(0,0,0,0.1);font-weight: 700;}
.emp-page-header2 .emp-nav:hover a{ color: #1B56BE;}
.emp-page-header2 .emp-nav .emp-nav-child{display:none;min-width:152px;padding:6px 0;position:absolute;background:#fff;top:48px;left:0px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 1px 12px 0 rgba(0,0,0,.2);box-shadow:3px 1px 12px 3px rgba(0,0,0,.2);color:#444;z-index:999999; font-weight: 400;}
.emp-page-header2 .emp-nav:hover .emp-nav-child{display:block;}
.emp-page-header2 .emp-nav .emp-nav-child .cnav{ height: 44px; line-height: 44px; cursor: pointer; padding-left: 20px;white-space: nowrap;  padding-right: 20px;}
.emp-page-header2 .emp-nav .emp-nav-child .cnav:hover{background-color: #1B56BE; color: white;}
.emp-page-header2 .emp-nav .emp-nav-child .cnav.curr{background-color: #1B56BE; color: white;}


.fun-btn{display: inline-block; text-align: center; padding: 2px; background-color: rgba(255,255,255,0.15); width: 32px; height: 32px; margin: 3px; border-radius: 50%; cursor: pointer; vertical-align:text-top;position: relative;z-index: 9999;}
.name-div .emp-nav-child,.fun-btn .emp-nav-child{display: none;z-index: 9999;}
.fun-btn > i{color: white;}
.fun-btn.revcolor,.fun-btn.revcolor:hover{background-color: rgba(255,255,255,1);;}
.fun-btn.revcolor > i{color: #1B56BE;}
.fun-btn:hover{background-color: rgba(255,255,255,0.5); }
.name-div:hover .emp-nav-child,.fun-btn:hover .emp-nav-child{display:block; width: 160px; position: absolute; top: 30px; left: -60px;  border-radius: 10px; overflow: hidden;}
.name-div .emp-nav-child .cnav,.fun-btn .emp-nav-child .cnav{ height: 44px; line-height: 44px; cursor: pointer; padding-left: 20px;white-space: nowrap;  padding-right: 20px;}
.name-div .emp-nav-child .cnav:hover,.fun-btn .emp-nav-child .cnav:hover{background-color: #1B56BE; color: #fff;}
.name-div .emp-nav-child .cnav.curr,.fun-btn .emp-nav-child .cnav.curr{background-color: #1B56BE; color: #fff;}

.main-fun-btn{ background-size: cover; position: relative; margin-left: 10px; height: 70px; width: 170px; cursor: pointer;box-shadow: 0px 4px 8px 0px rgba(28,72,154,0.18); border-radius: 10px;}
.main-fun-btn:hover{ box-shadow: 0px 4px 8px 10px rgba(28,72,154,0.1); animation: bounce 0.5s ease-in-out;}
.main-fun-btn .btn-content{position: absolute;width: 100%; height: 100%;top: 0; left: 0; padding: 15px; color: white;}
.main-fun-btn .btn-img-tag{vertical-align: middle; display: inline-block; background-color: rgba(255,255,255,0.15); padding: 7px; border-radius: 5px; height: 42px; width: 42px;}
.main-fun-btn .btn-img-tag svg{height: 28px; width: 28px;}
.main-fun-btn .btn-img-tag svg .maincolor{fill: #fff !important;}

.main-fun-btn .mask-1{background-image: linear-gradient(90deg, #1B56BE 0%, #1b56beb3 100%);background:-ms-linear-gradient(left, rgba(27, 86, 190,0.6), rgba(27, 86, 190,0.9));position: absolute;width: 100%; height: 100%;top: 0; left: 0;border-radius: 10px;}
.main-fun-btn .mask-2{background-image: linear-gradient(90deg, #B34A56 0%, #b34a56b3 100%);background:-ms-linear-gradient(left, rgba(179, 74, 86,0.6), rgba(179, 74, 86,0.9));position: absolute;width: 100%; height: 100%;top: 0; left: 0;border-radius: 10px;}
.main-fun-btn .mask-3{background-image: linear-gradient(270deg, #d17c47b3 2%, #D27A3F 100%);background:-ms-linear-gradient(left, rgba(209, 124, 71,0.6), rgba(210, 122, 63,0.9));position: absolute;width: 100%; height: 100%;top: 0; left: 0;border-radius: 10px;}
.main-fun-btn .mask-4{background-image: linear-gradient(90deg, #1B56BE 0%, #1b56beb3 100%);background:-ms-linear-gradient(left, rgba(27, 86, 190,0.6), rgba(27, 86, 190,0.9));position: absolute;width: 100%; height: 100%;top: 0; left: 0;border-radius: 10px;}
.main-fun-btn .mask-5{background-image: linear-gradient(90deg, #53A26F 0%, #53a26fb3 100%);background:-ms-linear-gradient(left, rgba(83, 162, 111,0.6), rgba(83, 162, 111,0.9));position: absolute;width: 100%; height: 100%;top: 0; left: 0;border-radius: 10px;}
.main-fun-btn .mask-6{background-image: linear-gradient(270deg, #d17c47b3 2%, #D27A3F 100%);background:-ms-linear-gradient(left, rgba(209, 124, 71,0.6), rgba(210, 122, 63,0.9));position: absolute;width: 100%; height: 100%;top: 0; left: 0;border-radius: 10px;}
.main-fun-btn.bg-1{background-image:url('/common/images/v2/bg1.png');}
.main-fun-btn.bg-2{background-image:url('/common/images/v2/bg2.png');}
.main-fun-btn.bg-3{background-image:url('/common/images/v2/bg3.png');}
.main-fun-btn.bg-4{background-image:url('/common/images/v2/bg4.png');}
.main-fun-btn.bg-5{background-image:url('/common/images/v2/bg5.png');}
.main-fun-btn.bg-6{background-image:url('/common/images/v2/bg6.png');}

.count-badge{min-width: 16px;height: 16px;background: white; border-radius: 50%; padding: 0 4px; font-size: 0.7em; color: #1B56BE;vertical-align: middle;line-height: 15px;margin: 0 0 2px 10px;    position: absolute;top: -5px;right: -5px;}
.count-badge-2{min-width: 16px;height: 16px;background: red; border-radius: 50%; padding: 0 4px; font-size: 0.7em; color: #fff;vertical-align: middle;line-height: 15px;margin: 0 0 2px 10px;    position: absolute;top: 5px;right: 5px;}
.profile-overview{width: 100%; border-radius: 10px; background-color: #1B56BE;overflow: hidden; box-sizing: border-box; color: white;}
.profile-overview *{color: white;}
.profile-overview .skewed-box{position: relative;width: 100%;height: 208px;background-color: #1B56BE; overflow: hidden;background-image: url('/common/images/v2/profile-bg.png'); background-position: top right; background-repeat: no-repeat; background-size: cover;filter: blur(0.1px);}
.profile-overview .skewed-box:before {content: '';position: absolute;bottom: -50%;right: 0;width: 600px;height: 100%;background-color: #dde6f5;transform: skewX(-88deg); }
.profile-overview .space{height: 5px; background-color: #dde6f5;}
.profile-overview .usa{background-color: white;}
.right-flag{position: absolute; right: 14px; top: 20px; background-image: url('/common/images/v2/flag.png'); height: 35px; width: 85px; background-size: cover;z-index: 1; color: white; cursor: pointer; padding: 3px 0px 0 20px;}



.column-title{font-size: 18px; font-weight: 700; color: #1B56BE;}

.column-container{ border-radius: 6px; overflow: hidden; width: 100%;  background-color: white; margin-top: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.05); /* margin-top: 24px; margin-bottom: 24px;*/}
.column-title-2{font-size: 17px; font-weight: 700; color: #1B56BE; background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196 50' version='1.1' class='design-iconfont' xmlns:xlink='http://www.w3.org/1999/xlink' > <g fill='%231B56BE' fill-rule='evenodd' opacity='.1' class='maincolor'> <path d='M8,0 L163,0 L163,0 L184,50 L0,50 L0,8 C-5.41083001e-16,3.581722 3.581722,8.11624501e-16 8,0 Z'/>    <path d='M168 0L175 0 196 50 189 50z'/>  </g></svg>"); background-position: left; background-size:196px; background-repeat: no-repeat; height: 50px; padding-top: 10px; padding-left: 10px; background-color: #edf1fa; border-bottom: 2px solid #c4d3e6;filter: blur(0.1px);}
.column-title-2 .design-iconfont{width: 17px;}
.column-main{background-image: url('/common/images/v2/column-main-bg.png'); background-position:bottom; background-size:auto; background-repeat: no-repeat; }
/*图片居中，文字在图片下方*/
.column-main-center .prf-btn{text-align: center;height: 130px;width: 240px;display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid #E5E5E5;margin-left: 10px;box-shadow: 0 4px 10px 0 #0000001f;border-radius: 8px;}
.column-main-center .other-coll-btn {height: 100%;width: 100%;border-radius: 8px;}
.column-main-center .other-coll-btn:hover{width: 100%;box-shadow: rgba(0,0,0,0.3) 5px 5px 15px 0; color: #1B56BE;}
/* 确保图片独占一行并居中 */
.column-main-center .other-coll-btn img {display: block;margin: 15px auto;}
.column-content{padding: 10px;}

.other-coll-btn{width: 100%; cursor: pointer; padding: 10px; font-size: 16px; border-radius: 10px; height: 65px; vertical-align: middle; white-space: nowrap;}
.other-coll-btn:hover{width: 90%;box-shadow: rgba(0,0,0,0.3) 5px 5px 15px 0; color: #1B56BE;}
.other-coll-btn img{width: 46px;margin-right: 10px;}


.emp-flag{background: rgba(255,255,255,0.1); border: rgba(255,255,255,0.4) 1px solid; border-radius: 20px;  margin: 0px 10px 5px 0px; padding: 2px 15px; white-space: nowrap; display: inline-block;}

.common-apps .app-icon{padding: 10px; background-color:rgba(27,96,190,0.2); width: 50px; height: 50px; border-radius: 30%; margin: 10px auto; cursor: pointer; overflow: hidden; }
/*@supports (display:flex) {
	.common-apps .app-icon img{width: 32px; height: 32px; margin-left: -50px;filter: drop-shadow(50px 0 #1b56be);}	
}
@supports not (display:flex) {
	.common-apps .app-icon img{width: 32px; height: 32px; filter: drop-shadow(50px 0 #fff);}
}*/

.common-apps .app-icon svg{height: 28px !important; width: 28px !important;}
.common-apps .app-icon.color-1{background-color:rgba(27,96,190,0.2);}
.common-apps .app-icon.color-1 svg path{fill:#1B56BE;}
.common-apps .app-icon.color-2{background-color:rgba(46, 179, 209, 0.2);}
.common-apps .app-icon.color-2 svg path{fill: #2EB3D1;}
.common-apps .app-icon.color-3{background-color:rgba(210, 124, 68, 0.2);}
.common-apps .app-icon.color-3 svg path{fill: #D27C44;}
.common-apps .app-icon.color-4{background-color:rgba(78, 160, 107, 0.2);}
.common-apps .app-icon.color-4 svg path{fill: #4EA06B;}

.common-apps .app-icon.sm{padding: 10px; width: 50px; height: 50px; border-radius: 10px;  overflow: hidden; }
.common-apps .app-icon.sm img{width: 40px; height: 40px;}
.common-apps .check-tag{display: none; position: absolute; top: 5px; right: 5px; font-size: 16px;}
.common-apps .favorite .check-tag{display: block;}
.common-apps .app-name{text-align: center; color: #282820; cursor: pointer;}

.person-avatar{border:2px solid white; border-radius: 50%; width: 56px; height: 56px;box-sizing: border-box;box-shadow: 0px 0px 10px #0e3565;}

.flow-row{border-bottom: 1px dashed #ececec; padding: 10px;}
.flow-row:hover{background-color: rgba(27,96,190,0.1);}
.flow-icon{position: relative;}
.flow-icon .cal-icon{position: absolute; top: 0px; left: 0px; height: 45px; width: 45px;}
.flow-icon .cal-icon .design-iconfont{height: 45px; width: 45px;}
.flow-icon .flow-month{color: white;z-index: 1;  position: absolute; top: 10px; width: 45px; text-align: center;font-size: 10px;}
.flow-icon .flow-day{color: #1B56BE; position: absolute; top: 25px; width: 45px;font-weight: 700; text-align: center;}

.todo-container{background-image: url("/common/images/v2/todolist-bg.png"); background-size: 1160px; background-position-x: calc(100%,-20px);}
/**
 * svg样式
 */
.design-iconfont{width: 14px; }
.design-iconfont .maincolor{fill:#1B56BE}
.design-iconfont .whitecolor{fill:#fff}
.design-iconfont .warncolor{fill:#FF9C1D}
.icon-center-span {display: inline-flex; align-items: center; justify-content: center; height: 1em; line-height: normal; vertical-align: middle;margin-right: 2px;margin-top: -2px;}

/**
 * 日历
 */
.calendar-title{height: 50px; background-color: #edf2fa; padding: 16px 10px; width: 100%;}
.calendar-title .design-iconfont{width: 18px;}
.calendar-title .ar-left{float:left;display: inline-block; cursor: pointer; height: 20px;}
.calendar-title .ar-left .design-iconfont{transform: rotate(180deg);}
.calendar-title .ar-right{float:right;display: inline-block;cursor: pointer; height: 20px;}
.calendar-title .calendar-name{display: inline-block; font-size: 17px; font-weight: 700; color: #1B56BE;}
.cal-week-title{height: 42px; line-height: 42px; border-bottom: 1px solid #efefef;}
.cal-week-day{height: 62px;border-bottom: 1px solid #efefef;}
.cal-week-day .cal-day-container{position: relative;box-sizing: border-box; max-height: 60px; cursor: pointer;}
.cal-week-day .cal-day-container .cal-day{color: #333; padding-top: 10px; font-size: 17px;}
.cal-week-day .cal-day-container .cal-nongli{color: #999; font-size: 12px;}
.cal-week-day .cal-day-container .cal-holiday{color: #FF9C1D; font-size: 12px;}
.cal-week-day .cal-day-container  .cal-duty-title{color: #D52121; font-size: 12px;}
.cal-week-day .cal-day-container.cal-today{background-color: #1B56BE; border-radius: 6px; }
.cal-week-day .cal-day-container.cal-today *{color: #fff;}
.cal-week-day .cal-day-container .cal-reminder{position: absolute; right: 15px; top: 5px;}
.cal-week-day .cal-day-container .cal-reminder .design-iconfont{width: 10px; height: 12px;}

/**
 * 自定义表单配色
 */

.selform-grid-col .fix-col{border: 1px solid #e5e5e5; background-color: rgba(27, 86, 190, 0.05);}
.selform-grid-col .auto-col{border: 1px solid #e5e5e5; }

/**
 * 文字配色
 */
.fc-main{color: #666 !important;}
.fc-info{color: #1B56BE !important;}
.fc-success{color: #00AF59 !important;}
.fc-warn{color: #FFA002 !important;}
.fc-error{color: #FF5F57 !important;}
.fc-done{color: #41B29C !important;}
.fc-disable{color: #666666 !important;}
/**
 * 按钮配色
 */
.bd-main{border:1px solid rgba(27,86,190,0.3); color: #1B56BE;}
.bd-main i{color: #1B56BE;}
.bd-info{border:1px solid rgba(27,86,190,0.3); color: #1B56BE;}
.bd-info i{color: #1B56BE;}
.bd-success{border:1px solid rgba(0, 175, 89,0.3); color: #00AF59;}
.bd-success i{color: #00AF59;}
.bd-done{border:1px solid rgba(65, 178, 156, 0.3); color: #41B29C;}
.bd-done i{color: #41B29C;}
.bd-warn{border:1px solid rgba(255, 160, 2, 0.3); color: #FFA002;}
.bd-warn i{color: #FFA002;}
.bd-error{border:1px solid rgba(255, 95, 87, 0.3); color: #FF5F57;}
.bd-error i{color: #FF5F57;}
.bd-disable{border:1px solid rgba(102, 102, 102, 0.3); color: #666;}
.bd-disable i{color: #666;}

.bg-main{background-color: #1B56BE !important; color: #fff !important; border: 0px;}
.bg-main i{color: #fff;}
.bg-info{background-color:  #1B56BE !important; color: #fff !important;; border: 0px;}
.bg-info i{color: #fff;}
.bg-success{background-color: #00AF59 !important; color: #fff !important;; border: 0px;}
.bg-success i{color: #fff;}
.bg-done{background-color: #41B29C !important; color: #fff !important;; border: 0px;}
.bg-done i{color: #fff;}
.bg-warn{background-color: #FFA002 !important; color: #fff !important;; border: 0px;}
.bg-warn i{color: #fff;}
.bg-error{background-color: #FF5F57 !important; color: #fff !important;; border: 0px;}
.bg-error i{color: #fff;}
.bg-disable{background-color:rgba(102, 102, 102, 0.3); color: #666 !important;;}
.bg-disable i{color: #666;}

.bg-main-light{background-color:rgba(27,86,190,0.18); color: #1B56BE; border: 0px;}
.bg-main-light i{color: #1B56BE;}
.bg-info-light{background-color:rgba(27,86,190,0.18); color: #1B56BE; border: 0px;}
.bg-info-light i{color: #1B56BE;}
.bg-success-light{background-color:rgba(0, 175, 89,0.18); color: #00AF59; border: 0px;}
.bg-success-light i{color: #00AF59;}
.bg-done-light{background-color:rgba(65, 178, 156, 0.18); color: #41B29C; border: 0px;}
.bg-done-light i{color: #41B29C;}
.bg-warn-light{background-color:rgba(255, 160, 2, 0.18); color: #FFA002; border: 0px;}
.bg-warn-light i{color: #FFA002;}
.bg-error-light{background-color:rgba(255, 95, 87, 0.18); color: #FF5F57; border: 0px;}
.bg-error-light i{color: #FF5F57;}
.bg-disable-light{background-color:rgba(102, 102, 102, 0.1); color: #999;}
.bg-disable-light i{color: #999;}
/*
 *边框配色
 */
.bd-to-info{border-top:#1B56BE 1px solid}
.bd-bo-info{border-bottom:#1B56BE 1px solid}

/*前台左侧菜单*/
.menu-nav-name{	background-color: #edf2fa;	font-size: 16px;	color: #333333;	text-align: center;	line-height: 44px;}
.menu-nav{	font-size: 14px;	padding: 0px 20px 20px 20px;	cursor: pointer;}
.menu-nav .coll-menu{	margin-top: 5px;	cursor: pointer;border-radius: 6px;line-height: 34px; padding-left: 10px;}
.menu-nav .coll-menu .img-circle{	border-radius: 50%;	margin-right: 8px;	width: 20px;	height: 20px;}
.menu-nav .coll-menu.active{color: #1B56BE;background-color: #DFE7F6;}
.title-name{	font-weight: 700;	font-size: 17px;	color: #333333;	line-height: 22px;	margin-bottom: 10px;}

.audit-emp-div{position: relative; display: inline-block; margin: 5px 10px; width: 50px; height: 80px; vertical-align: top; cursor: pointer;}
.audit-emp-div .avatar-del{position: absolute; top: -5px; right: -5px;}
.audit-emp-div .small-avatar{height: 50px; width: 50px; overflow: hidden; border: 2px solid #ffffff; border-radius: 10px; background-color: #1B56BE; font-size: 28px;  color: #fff; margin: auto 0; text-align: center; line-height: 50px; box-shadow: 0 0 5px #ccc;}
.audit-emp-div .plus{height: 50px; width: 50px; overflow: hidden; border: 1px solid #cccccc; border-radius: 50%; background-color: #ffffff; font-size: 28px; font-weight: bold; color: #cccccc; margin: auto 0; text-align: center; line-height: 45px;}

/*.flowtable .inputtable td{border: red 1px solid  !important;}
.flowtable {color: red;}*/

.auditor-flag{font-weight:400; color: #1B56BE; margin-right: 5px; border: 1px solid #efefef; padding: 3px 15px;}

.step-container{height: 70px; margin-top: 20px;}
.step-container .step-info{background-color: #F2F2F2; padding: 10px;position: relative; overflow: hidden; border-radius: 8px;color: #333;}
.step-container .step-info:after {content: ' ';border-right: 5px solid rgba(216, 216, 216, 1);position: absolute; left: -7px; top: 10%;width: 10px;height: 80%; border-radius: 5px;}
.step-container .step-name{font-size: 17px; font-weight: 700;  padding-left: 15px;}
.step-container .step-desc{ color: #999; padding-left: 15px;}
.step-container .step-oprate{padding-top: 10px;}
.step-container .step-tag{padding: 28px; position: relative; font-size: 14px;font-weight: 700;}
.step-container .step-tag .step-done-tag{position: absolute; background-color: #00AF59;box-shadow: 0 0 0 5px rgba(0, 175, 89,0.18); z-index: 1; right: 20px; top: 28px; height: 28px; width: 28px; padding: 3px 7px; border-radius: 50%;display: none;}
.step-container.done .step-tag .step-done-tag{display: block;}
.step-container .step-tag:before{content: ''; position: absolute;display: block; width: 12px; height: 12px; border:2px solid #ccc;top: 34px; right: 30px; border-radius: 50%; background-color: #fff;}
.step-container .step-tag:after{content: ''; position: absolute;display: block; width: 2px; height: 80px; border-right:1px dashed #ccc; right: 35px; bottom: 42px;}
.step-div > .step-container:first-child .step-tag:after{border-right:0px}
.step-container:hover .step-info:after{border-right: 5px solid #1B56BE;}
.step-container:hover .step-info{background-color: rgba(27,86,190,0.18);}
.step-container.done,.step-container.done:hover{color: #00AF59;}
.step-container:hover,.step-container:hover .step-info{color: #1B56BE;}
.step-container:hover .step-tag:before{border-color: #1B56BE;}

.step-container.done .step-info{background-color: rgba(0, 175, 89, 0.1); color: #00AF59;}
.step-container.done .step-info:after{border-right: 5px solid #00AF59;}
.step-container.done .step-info:hover:after{border-right: 5px solid #00AF59;}
.step-container.done .step-info:hover{background-color: rgba(0, 175, 89,0.18);}

/*移动端*/

.profile-overview-mobile{margin: 0 auto; width: 95%; margin-top: 20px; background-color:#1B56BE;background-image: url('/common/images/v2/todolist-bg.png');background-size: cover; height: 180px; border-radius: 10px;position: relative;}
.profile-overview-mobile *{color: white;}
.gapdiv{border-bottom: 2px dashed rgba(255,255,255,0.2);position: relative;}
.gapdiv:after{content: ''; width: 20px; height: 20px; background-color: #fcfcfc;border-radius: 50%;position: absolute;right: -10px;top: -10px;}
.gapdiv:before{content: ''; width: 20px; height: 20px; background-color: #fcfcfc;border-radius: 50%;position: absolute;left: -10px;top: -10px;}
.profile-overview-mobile .person-avatar{width: 70px; height: 70px;}
.profile-overview-mobile .emp-flag{font-weight: normal;font-size: 12px;}
.mobile-page-container{background-color: white; border-radius: 10px 10px 0 0;border: 1px solid white; }
.mobile-page-container .flow-row{margin: 8px 10px; border-bottom: 0px; background-color: #f5f5f5; border-radius: 5px;}
.mobile-page-container .flow-icon .flow-month{top: 5px !important;}
.mobile-stat-card-1{background-color: #7e8faa; background-image: url('/common/images/v2/profile-bg.png');background-size: cover; border-radius: 6px;position: relative;height: 65px; padding: 5px;}
.mobile-stat-card-2{background-color: #265ec0; background-image: url('/common/images/v2/profile-bg.png');background-size: cover; border-radius: 6px;position: relative;height: 65px; padding: 5px;}
.mobile-stat-card-1 .svg-btn,.mobile-stat-card-2 .svg-btn{position: absolute; right: 20px; top: 15px;width:35px; height: 35px; border-radius: 5px; background-color: rgba(255,255,255,0.2); padding: 6px 6px 10px 10px;}