@charset "UTF-8";
html,body{
	height : 100%;
	width : 100%;
	margin : 0px;
	overflow-y : hidden;
	overflow-x : hidden;
}
.render-body{
    margin: 0px;
    display: inline-block;
    padding: 0px 0px;
    background-color: #eaf9ff;
    /* background-image: url(../../../images/pageeditor/bc-01.png); */
}
.render-scroll{
	width : 100%;
	height: 100%;
	overflow-y : auto;
    overflow-x : auto;
}
.render-content{
	min-height: 100%;
	position: relative;
	margin: 0px auto;
	border: 0px #1591de dashed;
}

::-webkit-scrollbar, #basicInformation-selectedField ::-webkit-scrollbar{
    width: 6px;
}
::-webkit-scrollbar-thumb, #basicInformation-selectedField ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
}
::-webkit-scrollbar-track, #basicInformation-selectedField ::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
}

/* ----------切换条样式------------ */
.switch-bar{
	padding: 0px;
    height: 16px;
    text-align: center;
}
.sp-locate{
	margin: 0 auto;
	width: -webkit-fit-content;
  	width: -moz-fit-content;
  	width: fit-content;
  	text-align: center;
    height: 100%;
    padding: 4px;
    display: -ms-inline-flexbox;
}
.pp{
    float: left;
	width: 20px;
    height: 8px;
    border-radius: 10px;
    background-color: #ffffff;
    cursor: pointer;
    margin: 0px 7px;
    box-shadow: 0px 0px 1px 1px #cac5c5;
}
.pp:hover{
	box-shadow: 0px 0px 5px 2px #cac5c5;
}
.sy-selected{
    width: 50px;
    border-radius: 10px;
    background-color: #0285dc;
    animation: switch-select 300ms ease 1;
	-moz-animation: switch-select 300ms ease 1;	/* Firefox */
	-webkit-animation: switch-select 300ms ease 1;	/* Safari 和 Chrome */
	-o-animation: switch-select 300ms ease 1;
}
.sy-unselected{
    animation: switch-back 300ms ease 1;
	-moz-animation: switch-unselect 300ms ease 1;	/* Firefox */
	-webkit-animation: switch-unselect 300ms ease 1;	/* Safari 和 Chrome */
	-o-animation: switch-unselect 300ms ease 1;
}

@keyframes switch-select
{
	0%   {width: 20px;}
	100% {width: 50px;}
}
@keyframes switch-unselect
{
	0%   {width: 50px;}
	100% {width: 20px;}
}
/* -----------组件通用----------------  */
.card-wrapper{
	width: 100px;
    height: 100px;
    padding : 10px;
    position: absolute;
}

.card{
	position:relative;
	width: 100%;
    height: 100%;
    border-radius: 6px;
    background-color: #ffffff;
}

.card .head{
	width: 100%;
    height: 40px;
    padding: 10px 15px;
    border-radius: 5px 5px 0px 0px;
    font-size: 18px;
    font-family: 微软雅黑;
}
.card .head .eicon{
	float : left;
	margin-top: 4px;
    margin-right: 10px;
	height: 16px;
    width: 4px;
    background-color: #0079fe;
}
.card .head .title{
	float: left;
    font-weight: bold;
    /* margin-left: 10px; */
    height: 25px;
    display: inline-block;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card .ct-wrapper{
	position: absolute;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
    font-size: 18px;
    font-family: 微软雅黑;
    top: 40px;
    left: 0px;
    bottom: 0px;
}

.ct-wrapper .content{
	width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    padding: 10px 5px 5px;
}

/* --------------目标管理----------------  */
.com-goal{
	width: 1000px;
	height: 290px;
	min-width: 550px;
	min-height: 260px;
}
.com-goal .ct-wrapper{
	
}
.com-goal div.content{ 
	padding: 5px 1%;
}
.com-goal .goal-item{
	position:relative;
	width: 32%;
	height: 100%;
	display: inline-block;
	border: solid 0px #000;
}

.goal-item .p-pie {
	width: 80%;
    height: 80%;
    margin: 0px auto;
}
.goal-item .p-text {
	position: absolute;
    bottom: 3%;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.goal-item .p-dates{
	font-size: 14px;
    color: #707171;
}
.goal-item .p-title {
    text-align: center;
    font-size: 1vw;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
}
.goal-item .p-count {
    text-align: center;
    font-size: 1.2vw;
    display: inline-block;
 	cursor: pointer;
}

.goal-item .p-select {
    text-align: center;
    font-size: 1vw;
    display: none;
    margin-top: 10px;
}
.p-select select{
	font-size: 14px;
	border-radius: 5px;
    border: none;
    box-shadow: 0px 0px 5px 1px #d4d3d3;
    outline: none;
    width: 98%;
}
.goal-item .person{
	
}
.person .p-count {
	color: #47ca6a;
}
.goal-item .group{
	
}
.group .p-count {
	color: #30b4de;
}
.goal-item .company{
	
}
.company .p-count {
	color: #ff9b27;
}
/* --------------项目动态----------------  */
.com-poject{
	width: 560px;
	height: 300px;
	min-height: 250px;
	min-width: 250px;
}

.com-poject .content{
    padding: 0px 15px 10px 15px;
}
.com-poject .pro-items{
    position: absolute;
    top: 20px;
    left: 15px;
    right: 15px;
    bottom: 10px;
}
.pro-items .p-layout{
	float: left;
    width: 50%;
    height: 50%;
    min-height: 50px;
    min-width: 70px;
    position: relative;
    margin-top: 5px;
    cursor: pointer;
}
.p-account{
    position: relative;
    float: left;
    width: 33.33%;
    height: 50%;
    min-height: 50px;
    min-width: 70px;
    display: inline-block;
    border: 0px solid #cac6c6;
    margin: 0px 0px 0px;
    margin-top: 12px;
    cursor: pointer;
}
.p-account-item{
    position: absolute;
    border: solid 0px;
    min-height: 50px;
    min-width: 70px;
    max-height: 100px;
    max-width: 140px;
    padding: 0px 5px;
    margin: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.p-account .pc{
    width: 100%;
    height: 49%;
    margin: auto auto;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.3vw;
}
.p-account div:nth-of-type(1){
    font-size: 32px;
}

.com-poject .p-item{
	position: absolute;
    border: solid 0px;
    min-height: 50px;
    min-width: 70px;
    max-height: 100px;
    padding: 0px 5px;
    margin: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.p-item .pc{
	width: 100%;
    margin: auto auto;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.3vw;
}

.p-item div:nth-of-type(1){
    font-weight: normal;
    font-style: normal;
    font-size: 32px;
    margin: 5px 0px;
    text-align: center;
}
.p-item div:nth-of-type(1){
    font-size: 32px;
}
.p-item .ready{
	color: #CC0000;
}
.p-item .underway{
	color: #FFCC00;
}
.p-item .ended{
	color: #0098FF;
}
.p-item .scoring{
	color: #63D396;
}
/* --------------公告---------------- */
.com-gonggao{
	/*width: 600px;*/
	/*height: 310px;*/
    width: 470px;
    height: 290px;
}
.com-gonggao .content{
	/* padding: 15px; */
}
.gonggao-padding{
    padding: 10px 10px 10px 20px;
}
.gonggao-more{
	float: right;
    margin-right: 5px;
    margin-top: 0px;
    cursor: pointer;
    color: #868686;
    font-size: 24px;
}
.gonggao-more:hover{
	text-shadow: 0px 0px 10px #868686;
}
.com-gonggao .gonggao-list{
	display: block;
    width: 100%;
    height: 100%;
    border: solid 0px #dedede;
    font-size: 16px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0px 0px 0px 0px #e6e4e4;
    padding: 0px;
    overflow-y:hidden;
    overflow-x:hidden;
    padding-bottom: 10px;
}
.com-gonggao .gonggao-list li{
    list-style: inside;
	padding: 8px 5px 0px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.com-gonggao .gonggao-list li a{
	color: #333;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    right: 120px;
    left: 25px;
}

/* --------------待办----------------  */
.com-notice{
	/*width: 460px;*/
	width: 470px;
	/*height: 310px;*/
	height: 290px;
}
.com-notice .content{
	/* padding: 15px; */
}
.notice-padding{
    padding: 10px 10px 10px 20px;
}
.notice-more{
	float: right;
    margin-right: 5px;
    margin-top: 0px;
    cursor: pointer;
    color: #868686;
    font-size: 24px;
}
.notice-more:hover{
	text-shadow: 0px 0px 10px #868686;
}
.com-notice .notice-list{
	display: block;
    width: 100%;
    height: 100%;
    border: solid 0px #dedede;
    font-size: 16px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0px 0px 0px 0px #e6e4e4;
    padding: 0px;
    overflow-y:hidden;
    overflow-x:hidden;
    padding-bottom: 10px;
}
.com-notice .notice-list li{
    list-style: none;
    height: 30px;
	padding: 5px 5px 5px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.com-notice .notice-list li a{
	color: #333;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    right: 120px;
    left: 55px;
}
.com-notice .notice-list li img{
	width: 40px;
    position: absolute;
    top: 8px;
}
.pl-notice{
    /*width: 460px;*/
    width: 470px;
    /*height: 310px;*/
    height: 290px;
}
.pl-notice .mylearn-list{
    display: block;
    width: 100%;
    height: 100%;
    border: solid 0px #dedede;
    font-size: 16px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0px 0px 0px 0px #e6e4e4;
    padding: 0px;
    overflow-y:hidden;
    overflow-x:hidden;
    padding-bottom: 10px;
}
.pl-notice .mylearn-list li{
    list-style: none;
    height: 30px;
    padding: 5px 5px 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.pl-notice .mylearn-list li a{
    color: #333;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    right: 120px;
    left: 37px;
}
.pl-notice .mylearn-list li img{
    width: 40px;
    position: absolute;
    top: 8px;
}

.com-notice .itemContent{
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
}
.com-notice .backlog-item{
    width: 200px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    position: relative;
    border: 1px solid #dedede;
    margin: 5px 5px;
    padding: 0px 15px 0px 20px;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    cursor: pointer;
}
.com-notice .backlog-count{
    width: 45px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    float: left;
}
.com-notice .backlog-name{
    font-size: 18px;
    float: left;
}
.com-notice .single-item{
    width: 100%;
    height: 100%
}
.com-notice .single-itemdiv{
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    text-align: center;
    cursor: pointer;
}
.com-notice .single-count{
    font-size: 96px;
}
.com-notice .single-name{
    font-size: 26px;
    font-weight: bold;
}
.com-notice .single-details{
    position: absolute;
    bottom: 10px;
    right: 5px;
    cursor: pointer;
    font-size: 16px
}
.com-notice .pro-items{
    position: absolute;
    top: 20px;
    left: 15px;
    right: 15px;
    bottom: 10px;
}
.com-notice .p-item{
    position: absolute;
    border: solid 0px;
    min-height: 50px;
    min-width: 70px;
    max-height: 100px;
    padding: 0px 5px;
    margin: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.com-notice .p-layout{
    float: left;
    width: 50%;
    height: 100%;
    min-height: 50px;
    min-width: 70px;
    position: relative;
    margin-top: 0px;
    cursor: pointer;
}
/*.com-notice .content {
    padding: 10px 4px 5px 4px;
}*/

.bl{
	
}

.bl a>span{
	margin-right: 10px;
}
.bl .bl-blname{
	margin-right: 0px;
}
.bl .bl-task-num{
    color: #7b7b7b;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0;
    cursor: pointer;
}
.bl-time{
    position: absolute;
    margin-right: 10px;
    color: #868686;
    right: 0px;
    top: 5px;
    background-color: #ffffff;
    padding: 0px 5px;
    box-shadow: 0px 0px 4px 3px #ffffff;
    border-radius: 40%;
}
/* --------------战略落地执行情况----------------  */
.com-pps{
	width: 560px;
    height: 300px;
    min-width: 333px;
}
.com-pps .ct-wrapper{
	overflow: hidden;
}
.com-pps .pps-bar{
	width: 100%;
    height: 100%;
    padding-right: 10px;
}
.com-pps .pps-option{
	position: absolute;
	width: 17%;
	top: 0px;
    right: 15px;
    z-index: 1;
}

.pps-option select{
	width: 100%;
    height: 100%;
    line-height: 100%;
    font-size: 0.6vw;
    border: none;
    box-shadow: 0px 0px 5px 1px #d4d3d3;
    outline: none;
    margin: 0px;
}

.icon-shadow {
	
}
.icon-shadow:hover{
	text-shadow: 0px 0px 10px;
}
.ct-empty{
    height: 100%;
    width: 100%;
    font-size: 16px;
    color: #999999;
    position: relative;
    background-color: #ffffff;
    z-index: 1;
    border-radius: 5px;
}
.ct-empty span{
    position: absolute;
    top: 40%;
    left: 40%;
    display: block;
}

/*------------------ staffbus ------------------------*/
.com-staffbus{
    width: 400px;
    height: 300px;
}

.com-staffbus .content{
	overflow-y: auto;
}

.sb-wraps{
	margin: 0px auto;
}

.sb-wrap{
    width: 90px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}
.sb-block{
    display: block;
	width: 60px;
	height: 60px;
	margin: 0px auto;
}
.sb-text{
    width: 100%;
    padding: 2px 2px;
    text-align: center;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.sb-version{
    position: absolute;
    top: 5px;
    right: 22px;
    font-size: 12px;
    color: white;
}
/*--------------排名------------------------*/
.rank-period{
    position: absolute;
    top: 15px;
    right: 10px;
    color: #999999;
    font-size: 14px;
}

/* -------------joinedExams--------------- */
.com-joined-exam{
	width: 400px;
	min-width: 300px;
	height: 300px;
}

.com-joined-exam img {
    border: none;
    width: 16px;
}
.exam-list{
    display: block;
    width: 100%;
    height: 100%;
    border: solid 0px #dedede;
    font-size: 16px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0px 0px 0px 0px #e6e4e4;
    padding: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 10px;
}
.exam-list li{
	position: relative;
	list-style: none;
    padding: 5px 5px 0px 10px;
}
.exam-list li>div{
	top: 5px;
	position: absolute;
}

.exam-list .je-title{
	left: 35px;
	right: 70px;
	cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.exam-list .je-status{
	right: 0px;
}
.exam-list .je-title:hover{
	text-decoration: underline;
}
.exam-list .je-count{
	right: 10px;
}

/* ----------------绩效得分排名------------------- */
.com-jxscore-rank{
	width: 400px;
	min-width: 300px;
	height: 300px;
}
/* ----------------职称政策法规------------------- */
.zcClass{
    width: 600px;
    height: 310px;
}
.zcClass li{
    font-size: 16px;
}
.zcClass li a{
    color: #333;
}
/*----------------------绩效目标状态数据统计------------------------*/
div.gct{
	width: 500px;
	height: 300px;
	min-width: 270px;
    min-height: 250px;
}
.gct .content{
	padding: 0px 15px 10px 15px;
}
.gct-opl{
	position: absolute;
	left: 15px;
	right: 15px;
	z-index: 1;
}
div.gct .loading-wrap{
	width: 25%;
}
div.gct .blank-model{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
    text-align: center;
	background-color: #ffffff;
    z-index: 10;
    display: none;
}
div.gct div.bmt{
	 margin: 17% 0;
}
.swr{
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	margin-right: 5px;
}
.swr .xl{
	margin: 0px;
    transform: scale(0.46, 0.8);
    margin: 0px;
    transform: scale(0.46, 0.8);
    position: absolute;
    top: 1px;
    right: -5px;
}
.swr .sx{
    font-style: normal;
    margin-right: 10px;
}
.gct-opl div.struct,.gct-opl div.pos{
	display: none;
	max-width: 60%;
}
.swr select{
	position: absolute;
}
.swr select option{
	cursor: pointer;
}
.gct-opl select{
	border: none;
    font-size: 14px;
    width: 100%;
    height: 100%;
    opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}

.gct-opl select:focus,.gct-opl select:active{
	outline: none;
	box-shadow: none;
}
.gct div .gct-items{
	position: absolute;
	top: 20px;
	left: 15px;
	right: 15px;
	bottom: 10px;
}
.gct .gct-layout{
	float: left;
	width: 33.33%;
	height: 50%;
	min-height: 50px;
    min-width: 70px;
	position: relative;
	margin-top: 5px;
}
.gct .gct-item{
	position: absolute;
    border: solid 0px;
	min-height: 50px;
    min-width: 70px;
    max-height: 100px;
    max-width: 140px;
    padding: 0px 5px;;
    margin: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px
}

.gct .gct-item .gct-state{
    /* color: #999999; */
    font-size: 1.3vw;
    text-align: center;
    overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all;
}

.gct .gct-item .gct-count{
	font-weight: normal;
    font-style: normal;
    font-size: 32px;
    color: #333333;
    margin: 5px 0px;
    text-align: center;
}

.gct .gct-item .gct-percent-bar{
	position: relative;
	width: 100%;
	height: 7px;
	border-radius: 6px;
}
.gct .gct-item .gct-percent-back{
	position: absolute;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
	width: 100%;
	height: 100%;
	border-radius: inherit;
}
.gct .gct-item .gct-percent{
	position: absolute;
	opacity: 1;
	height: 100%;
	width: 0%;
	border-radius: inherit;
	z-index: 1;
}

.gct div.gct-total{
	/* height: 100%;
	margin-top: 30px; */
}
.gct .gct-total .gct-state{
	/* font-size: 28px; */
}
.gct .gct-total .gct-count{
	font-size: 32px;
}
.gct-total .gct-percent-bar div{
	background-color: rgb(0, 121, 254);
}
.gct-going .gct-percent-bar div{
	background-color: rgb(227, 209, 92);
}
.gct-finish .gct-percent-bar div{
	background-color: rgb(143, 227, 92);
}
.gct-unfinish .gct-percent-bar div{
	background-color: rgb(255, 130, 118);
}
.gct-timeout .gct-percent-bar div{
	background-color: rgb(232, 14, 0);
}
/*----------------------快捷菜单------------------------*/
.menus{
    z-index: inherit !important;
}
.com-shortCutMenu {
    /*width: 432px;*/
    /*height: 350px;*/
    width: 470px;
    height: 290px;
}
.com-shortCutMenu .ct-wrapper {
    position: absolute;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
    font-size: 18px;
    font-family: 微软雅黑;
    top: 0px;
    left: 0px;
    bottom: 0px;
}
.com-shortCutMenu .menu-block {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0px auto;
    border-radius: 25px;
    text-align: center;
    margin-top: 10px;
}
.com-shortCutMenu .menu-span {
    font-size: 30px;
    line-height: 50px;
    color: #fff;
}
.com-shortCutMenu .menu-text {
    width: 100%;
    padding: 2px 2px;
    text-align: center;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 6px;
    height: 24px;
}
.com-shortCutMenu .menu-wrap {
    width: 100px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    height: 100px;
}
.com-shortCutMenu>.card {
    border: solid 1px transparent;
    background-color: transparent; /* 让背景透明，相当于背景颜色无效*/
}
.com-shortCutMenu .content {
    overflow-y: auto;
}
.editor .com-shortCutMenu>.card {
    border: solid 1px #dedede;
    background-color: #ffffff;
}
.com-shortCutMenu #myModal {
    width: 570px;
    margin: 30px auto;
    margin-top: 0px;
    overflow: hidden !important;
}
.com-shortCutMenu .rootName {
    margin: 5px 2px;
    padding: 5px 0px;
}
.com-shortCutMenu .root-ext {
    width: 22px;
    height: 22px;
    margin: 0 2px;
}
.com-shortCutMenu .root-text {
    margin: 2px;
    font-weight: bold;
    letter-spacing: 4px;
}

.com-shortCutMenu .checkspan {
    float: right;
    padding-right: 15px;
    display: none;
}
.com-shortCutMenu .functionUl {
    display:none;
    padding-left: 38px;
}
.com-shortCutMenu .functionLI {
    margin: 5px 2px;
    padding: 5px 0px;
}
.com-shortCutMenu .li-ext {
    margin: 0px 2px;
    width: 18px
}
.com-shortCutMenu .li-text {
    margin-left: 5px;
}
.com-shortCutMenu .rootName:hover {
    background-color: #ddd;
}
.iconxiala{
    margin: 0px !important;
}
.com-shortCutMenu .functionLI:hover {
    background-color: #ddd;
}
/*----------------------考核结果------------------------*/
.com-assessResult {
    width: 400px;
    height: 310px;
}
.com-assessResult .card .ct-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}
.com-assessResult .itemContent{
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
}
.com-assessResult .item{
    width: 100%;
    height: 100%
}
.com-assessResult .itemdiv{
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    text-align: center;
    cursor: pointer;
}
.com-assessResult .count{
    font-size: 96px;
    color:#F28D49;
}
.com-assessResult .name{
    font-size: 26px;
    font-weight: bold;
}
.com-assessResult .details{
    position: absolute;
    bottom: 10px;
    right: 5px;
    cursor: pointer;
    font-size: 16px
}
.com-assessResult .no-data{
    font-size: 16px;
    padding-top: 5px;
}

/* ----------------团队排行------------------- */
.gr-bar{
	width:100%;
	height: 40px;
	position: relative;
	padding: 3px 0px;
}

.gr-bar .grank{
	width:24px;
	height:24px;
	background-color:#FFFFFF;
	border-radius:12px;
	color: #FFF;
	text-align: center;
	position: absolute;
	margin-left: 30px;
	margin-top: 1px;
}
.gr-bar .gname{
	height: 100%;
	position: absolute;
	left: 60px;
	width: 95px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 16px;
	line-height: 26px;
}
.gr-bar .gprogress{
	position: absolute;
	top: 10px;
	left: 155px;
	right: 80px;
    background-color: #dedede;
    border-radius: 25px;
    height: 12px;
}
.gprogress .inner-bar{
	height: 30px;
	border-radius: inherit;
	height: inherit;
	background-color: #0079fe;
}
.gr-bar .pecent{
	position: absolute;
	right: 30px;
	top: 4px;
	width: 47px;
	text-align:right;
	font-size: 16px;
	padding-top: 2px;
}
/* ----------------个人排行------------------- */
.gr-bar .grname{
	height: 100%;
	position: absolute;
	left: 60px;
	width: 63px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 16px;
	line-height: 26px;
}
.gr-bar .grprogress{
	position: absolute;
	top: 10px;
	left: 125px;
	right: 80px;
    background-color: #dedede;
    border-radius: 25px;
    height: 12px;
}
.grprogress .inner-bar{
	height: 30px;
	border-radius: inherit;
	height: inherit;
	background-color: #0079fe;
}
/*基本信息样式*/
.icon-plus-sign{
    color: #0088cc;
    margin-top: 6px;
    font-size: 18px !important;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 6px;
}
.icon-plus-sign-select{
    color: #0088cc;
    margin-top: 6px;
    font-size: 18px;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 6px;
}
#basicInformation  .code-item-list {
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    border-bottom: 1px solid #ededed;
    text-align: left;
}
#basicInformation .item-next {
    float: right;
    line-height: 20px;
    cursor: pointer;
    width: 40px;
    margin: 7px 0px;
    text-align: center;
    border-left: 1px solid #ededed;
    color: #ababab;
}
#basicInformation ::-webkit-scrollbar, #basicInformation-selectedField ::-webkit-scrollbar{
    width: 5px;
}
#basicInformation ::-webkit-scrollbar-thumb, #basicInformation-selectedField ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
}
#basicInformation ::-webkit-scrollbar-track, #basicInformation-selectedField ::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
}
#basicInformation #left-title .la {
    height: 100%;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    padding: 0px 4px 0px 4px;
    border-bottom: solid 2px #FFFFFF00;
}
#basicInformation #left-title .tag {
    text-decoration: none;
    height: 100%;
    display: inline-block;
    padding: 0px 5px;
    color: #333333;
    cursor: default;
}
#basicInformation .code-item-list {
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    border-bottom: 1px solid #ededed;
    text-align: left;
}
#basicInformation .code-item-list label {
    cursor: pointer;
    display: inline;
    font-weight: normal;
    vertical-align: middle;
}
#basicInformation .code-item-list input {
    position: unset;
    opacity: unset;
    width: 16px;
    height: 16px;
    margin-top: 0px;
    vertical-align: middle;
}
#basicInformation .rule-code-block, #basicInformation-selectedField .rule-code-block {
    display: inline-block;
    float: left;
    color: #2384CB;
    padding: 2px 12px 6px 12px;
    margin-right: 10px;
    margin: 5px;
    border-radius: 28px;
    background-color: #d3effc;
}
#basicInformation .rule-code-cancel, #basicInformation-selectedField .rule-code-cancel {
    cursor: pointer;
    margin-left: 10px;
    font-size: 17px;
}
#basicInformation{
    width: 550px;
    height: 340px;
    min-height: auto !important;
    min-width: auto !important;
}
#basicInformation .partTwo{
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #dedede;
}
#basicInformation .ct-wrapper #up div, #basicInformation .ct-wrapper #partThree div, #basicInformation .ct-wrapper #partOther div{
  padding: 2px 0;
}
#basicInformation .ct-wrapper #up #A0101, #basicInformation .ct-wrapper #up #A0112{
    font-size: 20px;
    font-weight: bolder;
}
.usualRoster, .usualStatistic {
    /*min-height: 270px;*/
    /*min-width: 270px;*/
    height: 290px;
    width: 470px;
}
.usualRoster .content a{
    position: absolute;
    right: 100px;
    left: 28px;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.usualStatistic .content a{
    right: 10px;
    left: 28px;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.usualRoster .content span{
    background-color: #FFFFFF;
}
.usualRoster .content img, .usualStatistic .content img{
    height: 24px;
}
.usualRoster .content, .usualStatistic .content{
    padding: 0px 10px 0px 15px;
    font-size: 16px;
 }
.usualRoster .content div, .usualStatistic .content div{
    padding: 2px 0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.usualSearch .content div{
    padding: 2px 0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.usualSearch .content img{
    height: 24px;
}
.usualSearch .content{
    padding: 0px 10px 0px 15px;
    font-size: 16px;
}
.usualSearch {
    height: 290px;
    width: 470px;
}
/* ----------------一键查询------------------- */
#oneClickQuery{
    width: 800px;
    max-height: 82px  !important;
}
#oneClickQuery .ct-wrapper{
    position: absolute;
    top:0px !important;
}
#oneClickQuery >.card {
    border: solid 1px transparent;
    background-color: transparent; /* 让背景透明，相当于背景颜色无效*/
}
#oneClickQuery .ct-input {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-left:0px;
    padding: 2px;
    height: 42px;
    max-height: 42px;
}
#oneClickQuery .ct-input-oneClick{
    width: 100%;
    height: 37px;
    border: none;
}
#oneClickQuery .ct-input-oneClick:focus{
    border: none;
    box-shadow: none;
}
#oneClickQuery .ct-search-btn{
     border-bottom-right-radius: 20px !important;
     border-top-right-radius: 20px !important;
    font-size: 14px;
 }
#oneClickQuery .ct-fangdajing{
    border-bottom-left-radius: 20px !important;
    border-top-left-radius: 20px !important;
    background-color: #fff;
    border-right:0px ;
    font-size: 20px !important;
}

#oneClickQuery .ct-sopt{
    position: relative;
    left: 38px;
    max-height: 192px;
    overflow-y: auto;
}
#oneClickQuery .sitem{
    height: 86%;
    position: relative;
    border-radius: 4px;
    padding: 4px 5px 0px 10px;
    margin-right: 7px;
    margin-top:2px;
}
#oneClickQuery .sitem i.remv{
    background-color: unset;
    border-radius: 3px;
    font-size: 12px!important;
    cursor: pointer;
    margin-left: 5px;
    position: relative;
    top: -1px;
}
#oneClickQuery .sitem i.remv:hover{
    text-shadow: 0px 0px 5px;
}
#oneClickQuery .sinput:focus{
    outline: none;
    border: none;
    box-shadow: none;
}
#oneClickQuery .cus-opt i.remv{
    margin-left: 10px;
}
#oneClickQuery .cus-opt i.xljt{
    font-size: 12px;
    transform: scale(0.6, 1.2);
    position: absolute;
    top: 4px;
    right: 16px;
}
#oneClickQuery .sitem .ztree{
    position: absolute !important;
    margin-top: 5px;
    top: 100%;
    left: 0px;
    z-index: 10;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #dedede;
    box-shadow: 2px 2px 5px 0px #8c8282;
    padding: 10px;
    min-width: 200px;
    max-width: 300px;
    min-height: 150px;
    max-height: 250px;
    overflow: auto;
}
/*------------------------------*/
#oneClickQuery  .code-item-list {
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    border-bottom: 1px solid #ededed;
    text-align: left;
}

#oneClickQuery .item-next {
    float: right;
    line-height: 20px;
    cursor: pointer;
    width: 40px;
    margin: 7px 0px;
    text-align: center;
    border-left: 1px solid #ededed;
    color: #ababab;
}
#oneClickQuery #left-title .la {
    height: 100%;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    padding: 0px 4px 0px 4px;
    border-bottom: solid 2px #FFFFFF00;
}
#oneClickQuery #left-title .tag {
    text-decoration: none;
    height: 100%;
    display: inline-block;
    padding: 0px 5px;
    color: #333333;
    cursor: default;
}
#oneClickQuery .code-item-list {
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    border-bottom: 1px solid #ededed;
    text-align: left;
}
#oneClickQuery .code-item-list label {
    cursor: pointer;
    display: inline;
    font-weight: normal;
    vertical-align: middle;
}
#oneClickQuery .code-item-list div {
    cursor: pointer;
    display: inline;
    font-weight: normal;
    vertical-align: middle;
}
#oneClickQuery .code-item-list input {
    position: unset;
    opacity: unset;
    width: 16px;
    height: 16px;
    margin-top: 0px;
    vertical-align: middle;
}
#oneClickQuery .rule-code-block, #oneClickQuery-selectedField .rule-code-block {
    display: inline-block;
    float: left;
    color: #2384CB;
    padding: 2px 12px 6px 12px;
    margin-right: 10px;
    margin: 5px;
    border-radius: 28px;
    background-color: #d3effc;
}
#oneClickQuery .rule-code-cancel, #oneClickQuery-selectedField .rule-code-cancel {
    cursor: pointer;
    margin-left: 10px;
    font-size: 17px;
}

#oneClickQuery ::-webkit-scrollbar-thumb, #oneClickQuery-selectedField ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
}
#oneClickQuery ::-webkit-scrollbar-track, #oneClickQuery-selectedField ::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
}
#oneClickQuery .partTwo{
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #dedede;
}
#basicInformation .ct-empty span{
    position: absolute;
    top: 36%;
    left: 28%;
    display: block;
}

/* ----------------在线账号数------------------- */
div.com-onlineTenantUser{
    width: 400px;
    height: 100px;
    min-width: 260px;
}
.com-onlineTenantUser .card .head .title{
    position: relative;
    overflow: unset;
    cursor: pointer;
    width: unset;
}
.com-onlineTenantUser .title>span{
    margin-right: 6px;
}
.com-onlineTenantUser .owl{
    position: absolute;
    top: 100%;
    font-weight: normal;
    min-height: 200px;
    max-height: 500px;
    z-index: 1;
    color: #333333;
    display: none;
}
.com-onlineTenantUser .title .show{
    display: block;
}
.com-onlineTenantUser .owl{
    cursor: default;
}
div.com-onlineTenantUser .orgbar {
    border-bottom: solid 1px #dedede;
}
.com-onlineTenantUser .orgbar .opn,.com-onlineTenantUser .orgbar .ops{
    color: #1890FF;
}
.com-onlineTenantUser .orgbar i.ops{
    font-size: 12px;
}
.com-onlineTenantUser .owlw{
    width: 300px;
    background-color: #ffffff;
    box-shadow: #dedede 1px 1px 4px 1px;
    padding: 4px 0px;
    border-radius: 4px;
    position: relative;
    top: 10px;
}
.com-onlineTenantUser .owlw::before {
    content: "";
    display: block;
    height: 5px;
    z-index: 1;
    position: absolute;
    background-color: #ffffff;
    top: 0px;
    left: 8px;
    right: 8px;
}
.com-onlineTenantUser .owl .direct{
    position: absolute;
    transform: rotate(180deg);
    color: #ffffff;
    top: -10px;
    left: 20px;
    text-shadow: #dedede 0 0 4px;
}
div.com-onlineTenantUser .content{
    padding: 10px 15px;
}
div.com-onlineTenantUser .tc{
    font-size: 32px;
    /*color: #1890FF;*/
    position: absolute;
    right: 15px;
    top: -14px;
    bottom: 0px;
    display: flex;
    cursor: pointer;
}
div.com-onlineTenantUser .tt{
    font-size: 16px;
    position: absolute;
    top: 0px;
    bottom: 6px;
    display: flex;
}
div.com-onlineTenantUser .tc>div,div.com-onlineTenantUser .tt>div{
    margin: auto;
}
div.com-onlineTenantUser div.content{
    cursor: pointer;
}
div.com-onlineTenantUser .owlw>div{
    padding: 10px 14px;
    font-size: 14px;
}
div.com-onlineTenantUser .owlw table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
div.com-onlineTenantUser .owlw table td{
    height: 40px;
    padding: 0px 8px;
    font-size: 14px;
    border-bottom: solid 1px #dedede;
}
div.com-onlineTenantUser .owlw .orgitem:hover{
    background-color: #EBF5FF;
}
div.com-onlineTenantUser .owlw .orgitem .on{
    padding-left: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.com-onlineTenantUser .owlw .orgitem .child-btn{
    width: 40px;
    color: #1890FF;
}
div.com-onlineTenantUser .owlw .orgitem .child-btn span{
    border-left: solid 1px #dedede;
    padding: 0px 6px;
    cursor: pointer;
}
div.com-onlineTenantUser .owlw .all{
    padding-right: 6px;
    border-right: solid 1px #dedede;
    color: #1890FF;
    cursor: pointer;
}
div.com-onlineTenantUser .owlw .bits{
    margin-left: 6px;
}
div.com-onlineTenantUser .owlw .scroller{
    overflow-y: auto;
    min-height: 240px;
    max-height: 400px;
    padding: 0px;
}

/* ----------------人员总量------------------- */
div.com-staffTotal{
	width: 400px;
	height: 100px;
	min-width: 260px;
}
.com-staffTotal .card .head .title{
	position: relative;
	overflow: unset;
	cursor: pointer;
	width: unset;
}
.com-staffTotal .title>span{
	margin-right: 6px;
}
.com-staffTotal .owl{
	position: absolute;
	top: 100%;
    font-weight: normal;
    min-height: 200px;
    max-height: 500px;
    z-index: 1;
    color: #333333;
    display: none;
}
.com-staffTotal .title .show{
	display: block;
}
.com-staffTotal .owl{
	cursor: default;
}
div.com-staffTotal .orgbar {
	border-bottom: solid 1px #dedede;
}
.com-staffTotal .orgbar .opn,.com-staffTotal .orgbar .ops{
	color: #1890FF;
}
.com-staffTotal .orgbar i.ops{
	font-size: 12px;
}
.com-staffTotal .owlw{
    width: 300px;
    background-color: #ffffff;
    box-shadow: #dedede 1px 1px 4px 1px;
    padding: 4px 0px;
    border-radius: 4px;
    position: relative;
    top: 10px;
}
.com-staffTotal .owlw::before {
    content: "";
    display: block;
    height: 5px;
    z-index: 1;
    position: absolute;
    background-color: #ffffff;
    top: 0px;
    left: 8px;
    right: 8px;
}
.com-staffTotal .owl .direct{
    position: absolute;
    transform: rotate(180deg);
    color: #ffffff;
    top: -10px;
    left: 20px;
    text-shadow: #dedede 0 0 4px;
}
div.com-staffTotal .content{
	padding: 10px 15px;
}
div.com-staffTotal .tc{
	font-size: 32px;
	/*color: #1890FF;*/
    position: absolute;
    right: 15px;
    top: -14px;
    bottom: 0px;
    display: flex;
    cursor: pointer;
}
div.com-staffTotal .tt{
	font-size: 16px;
    position: absolute;
    top: 0px;
    bottom: 6px;
    display: flex;
}
div.com-staffTotal .tc>div,div.com-staffTotal .tt>div{
	margin: auto;
}
div.com-staffTotal div.content{
	cursor: pointer;
}
div.com-staffTotal .owlw>div{
	padding: 10px 14px;
	font-size: 14px;
}
div.com-staffTotal .owlw table{
	width: 100%;
	border-collapse: separate;
    border-spacing: 0;
 }
div.com-staffTotal .owlw table td{
	height: 40px;
	padding: 0px 8px;
	font-size: 14px;
	border-bottom: solid 1px #dedede;
}
div.com-staffTotal .owlw .orgitem:hover{
	background-color: #EBF5FF;
}
div.com-staffTotal .owlw .orgitem .on{
	padding-left: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.com-staffTotal .owlw .orgitem .child-btn{
	width: 40px;
	color: #1890FF;
}
div.com-staffTotal .owlw .orgitem .child-btn span{
	border-left: solid 1px #dedede;
	padding: 0px 6px;
	cursor: pointer;
}
div.com-staffTotal .owlw .all{
    padding-right: 6px;
    border-right: solid 1px #dedede;
    color: #1890FF;
    cursor: pointer;
}
div.com-staffTotal .owlw .bits{
	margin-left: 6px;
}
div.com-staffTotal .owlw .scroller{
	overflow-y: auto;
	min-height: 240px;
	max-height: 400px;
    padding: 0px;
}
.chart{
	width: 100%;
	height: 100%;
}
/* ----------------人员构成------------------- */
.inven-composition{
	width: 400px;
	min-width: 300px;
	height: 300px;
}
.inven-composition .content{
	padding-top: 0px;
}
.inven-composition .dims{
	margin: 0px 0px;
	position: relative;
	z-index: 1;
	height: 26px;
}
.inven-composition .show-dims{
	word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: ABSOLUTE;
    left: 10px;
    right: 20px;
    height: 100%;
}
.inven-composition .more-dims{
	width: 18px;
	position: absolute;
	right: 4px;
	top: 0px;
}
.inven-composition .more-dims .mdis{
	display: none;
    background-color: #ffffff;
    border-radius: 6px;
    padding: 4px 0px;
    box-shadow: 0 0 6px 0px #bab8b8;
    width: 200px;
    max-height: 204px;
    position: absolute;
    top: 100%;
    left: 0px;
    overflow-y: auto;
}
.inven-composition .more-dims .mdis .sdi{
    padding: 6px 12px;
    white-space: break-spaces;
    word-break: break-word;
    display: block;
}
.inven-composition .more-dims .mdis .sdi:hover{
	background-color: #EBF5FF;
}
.inven-composition .more-dims .more-btn{
	cursor: pointer;
}
.inven-composition .dims .sdi{
    font-size: 16px;
    padding: 0px 8px;
    cursor: pointer;
    position: relative;
}
.inven-composition .dims .show-dims .sdi:before{
	content: '';
	position: absolute;
	bottom: -2px;
	height: 2px;
	background-color: #ffffff;
	left: 8px;
    right: 8px;
}
.inven-composition .dims .curr{
	border-bottom: solid 0px #0079fe;
}
.inven-composition .dims .show-dims .curr:before{
	background-color: #0079fe;
}
.inven-composition .chart{
	position: absolute;
	top: 26px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: unset;
}
.inven-composition .mdis{
	display: none;
}
.chart canvas{
	cursor: pointer;
}
/* ----------------人员趋势------------------- */
.inven-trend{
	width: 400px;
	min-width: 300px;
	height: 300px;
}

/* ----------------人数统计------------------- */
.com-staffCount{
	min-width: 200px;
}
.com-staffCount .card .ct-wrapper{
	top: 0px;
}
.com-staffCount .ct-wrapper .content{
	padding: 0px;
}
.com-staffCount table{
	width: 100%;
	height: 100%;
}
.com-staffCount .sctc,.com-staffCount .sctt{
	text-align: center;
	padding: 2px 6px;
}
.com-staffCount .sctc{
	padding-top: 8px;
	font-size: 26px;
}
.com-staffCount .sctc span{
	cursor: pointer;
}
.com-staffCount .sctt{
	padding-bottom: 14px;
    font-size: 16px;
}
.com-staffCount .sctc>div,.com-staffCount .sctt>div{
	margin: auto;
}
/* ----------------岗位空缺情况看板---------------- */
.com-pos-vacancy{
    width: 100%;
    min-width: 820px;
    height: unset;
    padding: 0px 10px 10px;
    position: relative;
}
.com-pos-vacancy .card{
	height: unset;
	background-color: unset;
}
.com-pos-vacancy .head{
	display: none;
}
.com-pos-vacancy .card .ct-wrapper{
	top: 0px;
	position: relative;
	font-size: 14px;
}
.com-pos-vacancy .statistic-bar{
	display: flex;
	flex-wrap: nowrap;
}
.com-pos-vacancy .statistic-bar .se{
	cursor: pointer;
}
.statistic-bar table{
	width: 100%;
    table-layout: fixed;
}
.com-pos-vacancy .psitem{
    font-size: 14px;
	padding: 6px 10px 6px 0px;
	box-sizing: border-box;
}
.com-pos-vacancy .statistic-bar td:last-child{
	padding-right: 0px;
}
.com-pos-vacancy .psitem .pw{
    padding: 1px 8px;
	height: 120px;
	position: relative;
	border-radius: 4px;
	box-shadow: 1px 1px 6px #dedede;
}
.com-pos-vacancy .alarm{
	position: absolute;
	top: 0px;
	left: 10px;
	width: 30px;
    height: 36px;
}
.com-pos-vacancy i.wl{
	font-size: 32px;
}
.com-pos-vacancy .pvc{
    font-weight: 650;
    font-style: normal;
    font-size: 26px;
    text-align: center;
    margin-top: 20px;
}
.com-pos-vacancy .ptnm{
	width: 100%;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin-top: 16px;
    color: #333333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
}

.com-pos-vacancy .st-eager{
	color: #E81313;
}
.com-pos-vacancy .st-eager .pw{
	background: linear-gradient(180deg, rgba(255, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 99%);
}
.com-pos-vacancy .st-warn{
	color: #ffc53d;
}
.com-pos-vacancy .st-warn .pw{
	background: linear-gradient(180deg, #FFFBE7, rgba(255, 255, 255, 1) 99%);
}

.com-pos-vacancy .st-normal{
	color: #00bc7b;
}
.com-pos-vacancy .st-normal .pw{
	background: linear-gradient(180deg, rgba(194, 255, 239, 1) 0%, rgba(255, 255, 255, 1) 99%);
}
.com-pos-vacancy .pvl{
	padding: 20px 6px 0px;
	background-color: #ffffff;
	display: none;
	margin-top: 6px;
}
.com-pos-vacancy .pvl .total-bar{
	font-weight: 400;
}
.com-pos-vacancy .tbt{
	padding-left: 10px;
	border-left: solid 6px rgba(0, 140, 255, 1);
    font-weight: 650;
    font-style: normal;
    font-size: 16px;
    margin-bottom: 10px;
    height: 24px;
}
.com-pos-vacancy .tbt .tbt-text{
	padding: 2px 0px;
}
.com-pos-vacancy .tbl{
	width: 100%;
	border-collapse: separate;
    border-spacing: 0;
}
.com-pos-vacancy .tbl thead{
	background-color: rgba(233, 244, 255, 1);
}

.com-pos-vacancy .tbl thead th{
	font-weight: normal;
}
.com-pos-vacancy .tbl thead th,.com-pos-vacancy .tbl tbody td{
	height: 40px;
}
.com-pos-vacancy .tbl tbody td{
	padding: 4px 4px;
	border-bottom: solid 1px #dedede;
}
.com-pos-vacancy .tbl tbody td.wlc{
	text-align: center;
}
.com-pos-vacancy .linkn{
	color: #1E89FF;
	cursor: pointer;
}
.com-pos-vacancy .vcl{
    border: solid 1px;
    border-radius: 4px;
    padding: 2px 10px;
    width: auto;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 0px; 
}
.com-pos-vacancy .vacancyTypes>div{
	margin-bottom: 4px;
}
.com-pos-vacancy .vacancyTypes div:last-of-type{
	margin-bottom: 0px;
}

.com-pos-vacancy .list-foot{
	display: flex;
    justify-content: flex-end;
    padding: 10px 0px;
}

.com-pos-vacancy .page-info{
	display: flex;
    line-height: 30px;
    height: 30px;
}
.com-pos-vacancy .page-switch{
	display: flex;
	border: solid 1px #dedede;
    margin-right: 10px;
    height: 100%;
    line-height: 28px;
}
.com-pos-vacancy .page-switch .pi:hover{
	text-shadow: 0px 0px 2px;
}
.com-pos-vacancy .pages{
	display: flex;
	height: 100%;
}
.com-pos-vacancy .pages div:last-of-type{
	margin-right: 0px;
}
.com-pos-vacancy .pi{
	border: solid 1px #ffffff;
    border-top: 0px;
    border-bottom: 0px;
	width: 30px;
    height: 100%;
    text-align: center;
    border-right-color: #dedede;
    box-sizing: content-box;
    margin-right: 2px;
    cursor: pointer;
}
.com-pos-vacancy .pages .curr{
    border-color: #FFFFFF;
    box-shadow: 0 0 1px 2px #1f76cb;
}

.com-pos-vacancy .slw{
	margin-left: 10px;
    font-weight: normal;
}
.com-pos-vacancy .tbt label{
	margin-bottom: 0px;
}
.com-pos-vacancy .slw .si{
    font-weight: normal;
    position: relative;
    padding: 2px 10px;
    display: block;
    height: 24px;
    background-color: #ECF5FF;
    border-radius: 4px;
}
.com-pos-vacancy .slw .si .dsi-btn{
   	position: ABSOLUTE;
    top: -6px;
    right: -6px;
    color: #FF3B30;
}
.com-pos-vacancy .to-page{
    border: solid 1px #dedede;
    outline: none;
    min-width: unset;
    width: 60px;
    margin-left: 4px;
    margin-right: 4px;
    height: 100%;
    padding: 0px 6px;
    position: relative;
    top: 1px;
	
}
.com-pos-vacancy .to-page:hover{
	outline: none;
}
.com-pos-vacancy .page-switch .next{
	border-right-color: #ffffff;
}
.com-pos-vacancy .tt{
    border-right: 0px;
}
.com-pos-vacancy .tt table{
	width: 100%;
}
.com-pos-vacancy .tt .tth{
	background: linear-gradient(90deg, rgba(0, 140, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    height: 30px;
    padding: 0px 8px;
    font-size: 18px;
    color: #ffffff;
    display: none;
}
.com-pos-vacancy .mlv{
    /*border: solid 1px rgba(0, 140, 255, 1);
    border-right: 0px;*/
}
.com-pos-vacancy .statistic-bar .mlv:last-child{
    /*
    border-right: solid 1px rgba(0, 140, 255, 1);
    */
}
.com-pos-vacancy .mlv .tth{
	display: block;
}
.com-pos-vacancy .mlv div.ttsc{
	padding: 6px 0px;
}
.com-pos-vacancy .tt .ttsc{
	padding: 6px 0px;
}
.com-pos-vacancy .tt .ttsc .psitem{
	padding: 0px 6px 0px 0px;
}
.com-pos-vacancy .statistic-bar .ttsc td:last-child{
	padding-right: 0px;
}
/* ----------------人员编制情况看板---------------- */
.com-staff-config{
	min-width: 200px;
	min-width: 400px;
}

/*  ----------------绩效等级分布start-------------------------- */

.jx-degree-distribute {
    min-width: 500px;
    min-height: 300px;
}

.jx-degree-distribute .head .title {
    width: 300px;
}

/*.jx-degree-distribute .ct-wrapper {*/
/*    min-width: 500px;*/
/*    min-height: 260px;*/
/*}*/

/*  ----------------绩效等级分布end-------------------------- */

.jx-pre-result-contrast {
    min-width: 500px;
    min-height: 300px;
}

.pre-result-obj-item {
    display: inline-block;
    float: left;
    color: #2384CB;
    padding: 2px 12px 6px 12px;
    margin: 5px;
    border-radius: 28px;
    background-color: #d3effc;
}

.pre-result-obj-item .pre-result-cancel {
    cursor: pointer;
    margin-left: 10px;
    font-size: 17px;
}

.jx-pre-result-contrast .axis-tip {
    display: none;
    position: absolute;
    background-color: rgba(50, 50, 50, 0.7);
    border-width: 0px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font: 14px / 21px "Microsoft YaHei";
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    z-index: 999;
}

#jxPreResultDimContainer {
    padding: 0;
    min-width: 200px;
    max-width: 300px;
    max-height: 350px;
    overflow-y: auto;
}

#jxPreResultDimContainer .layui-tree-iconClick {
    width: 10px;
    margin-left: 0px;
}

#jxPreResultDimContainer .layui-tree-entry {
    height: auto;
}

#jxPreResultDimContainer .layui-layer-TipsG {
    display: none;
}

#jxPreResultGoalContainer .con-flex {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
}

#jxPreResultGoalContainer .icondingliangzhibiao {
    color: #00C7BE !important;
}
#jxPreResultGoalContainer .icondingxingzhibiao {
    color: #32ADE6 !important;
}
#jxPreResultGoalContainer .iconjiafenzhibiao {
    color: #34C759 !important;
}
#jxPreResultGoalContainer .iconjianfenzhibiao {
    color: #FF9500 !important;
}
#jxPreResultGoalContainer .iconfoujuexiang {
    color: #FF3B30 !important;
}

#jxPreResultGoalContainer {
    min-width: 400px !important;
    max-width: 500px;
    padding: 0 !important;
    color: #333333;
    font-size: 14px;
}

#jxPreResultGoalContainer .search-container {
    padding: 10px;
}

#jxPreResultGoalContainer .goal-content {
    max-height: 350px;
    overflow-y: auto;
}

#jxPreResultGoalContainer .goal-content .goalNameContainer {
    line-height: 20px;
    padding: 8px 10px;
}

#jxPreResultGoalContainer .goal-content .goalNameContainer:hover {
    background-color: rgb(235, 245, 255);
}

#jxPreResultGoalContainer .goal-content .goalNameContainer.checked {
    background-color: rgb(235, 245, 255);
}

#jxPreResultGoalContainer .goal-content .goalNameContainer .goalIndex {
    max-width: 32px;
}

#jxPreResultGoalContainer .goal-content .goalNameContainer .goalIcon {
    margin: 0 4px;
}

#jxPreResultGoalContainer .goal-content .goalNameContainer .goalNature {
    flex: 1;
    text-align: center;
    display: inline-block;
    height: 100%;
}

#jxPreResultGoalContainer .goal-content .goalNameContainer .goalChecked {
    display: none;
    color: #409EFF;
    height: 20px;
}

#jxPreResultGoalContainer .goal-content .goalNameContainer .goalName {
    width: 300px;
    display: inline-block;
    height: 100%;
    flex: 1;
}

#jxPreResultGoalContainer .goal-content .goalNameContainer.checked .goalChecked {
    display: block;
    background-color: rgb(235, 245, 255);
}

#jxPreResultGoalContainer .empty-tip-content {
    line-height: 60px;
    text-align: center;
}

/* 某些分辨率下如果title字数少会导致select不换行（火狐浏览器已经出现） */
.properties .setting-content .set-item > span{
    display: inline-block;
    min-width: 70px;
}

/*-----------------------年度考核------------------------  */
/* 我的考核 */
.kh-container{border-radius: 6px;height: 300px;width: 500px;background-color: #ffffff;padding:0px !important;min-width:400px;}
.kh-section-header{border-left: 5px solid #0079fe;padding-left: 8px;font-size: 18px;font-weight: bold;}
.kh-section{margin-top: 10px;height:calc(100% - 58px);overflow: auto;}
.kh-project-item {display: flex;align-items: center;gap: 14px;margin-left: 15px;line-height: 40px;}
.kh-dot {width: 10px;height: 10px;border-radius: 50%;}
.not-back-color{background: #f56c6c;}
.assessment-back-color {background: #409EFF;}
.entry-back-color {background: #FF9900;}
.complete-back-color{background: #67c23a;}
.end-back-color {background: #909399;}
.not-color{color: #f56c6c;}
.assessment-color {color: #409EFF;}
.entry-color {color: #FF9900;}
.complete-color{color: #67c23a;}
.end-color {color: #909399;}
.not-label-back-color{background: #fef0f0;}
.assessment-label-back-color {background: #ecf5ff;}
.entry-label-back-color {background: #fdf6ec;}
.complete-label-back-color{background: #f0f9eb;}
.end-label-back-color {background: #f4f4f5;}
.kh-projectName{font-size:16px;}
.kh-label{width: 57px;height: 25px;line-height: 24px;border: 0;border-radius: 4px;text-align: center;}
.kh-link{cursor: pointer;}
.kh-link:hover{color:#a0cfff;}
/* 考核过程（年度考核） */
.kh-process-section{margin-top: 10px;height:calc(100% - 50px);overflow: auto;}
.kh-container-process{border-radius: 6px;height: 500px;width: 450px;min-width:350px;background-color: #ffffff;}
.kh-process-project{border:1px solid #dedede;border-radius:4px;margin-bottom:10px;}
.kh-process-project-head{height:45px;background-color:#EEEEEE;padding:10px 15px;}
.kh-process-project-name{font-size:17px;}
.kh-process-project-content{padding:3px;}
.kh-process-link{line-height:25px;margin:10px;height:25px;}
/* .kh-process-link .count{padding:0 10px;float:left ;}
.kh-process-link .count .big{font-size:20px;}
.kh-process-link .count .small{font-size:12px;} */
.kh-process-link .count .big{font-size:20px;display: none;}
.kh-process-link .count .small{font-size:12px;display: none;}
.kh-process-link .count{float:left ;width: 10px;height: 10px;background-color: #FF9900;border-radius: 50%;margin-top: 7px;margin-right: 5px;}
.kh-process-link .linkName{font-size:16px;font-weight: bold;}
.kh-process-link .kh-deptEvalSpan{font-style: italic;font-size: 12px;margin-left:3px;}
.kh-process-link .btnLink{font-size:13px;color: #409EFF;float:right;margin-right:5px;cursor: pointer;}
.kh-process-link .btnLink:hover{color:#a0cfff;}
.kh-process-project-head .iconfont-pc{font-weight: bold;float: right;cursor: pointer;}