.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active,.okr-fade-in-enter,.okr-fade-in-leave-active,.okr-fade-in-linear-enter,.okr-fade-in-linear-leave,.okr-fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active,.okr-fade-in-linear-enter-active,.okr-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.okr-fade-in-enter-active,.okr-fade-in-leave-active,.okr-zoom-in-center-enter-active,.okr-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.okr-zoom-in-center-enter,.okr-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.okr-zoom-in-top-enter-active,.okr-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.okr-zoom-in-top-enter,.okr-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.okr-zoom-in-bottom-enter-active,.okr-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.okr-zoom-in-bottom-enter,.okr-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.okr-zoom-in-left-enter-active,.okr-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.okr-zoom-in-left-enter,.okr-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45);transform:scale(.45)}.collapse-transition{-webkit-transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out}.horizontal-collapse-transition{-webkit-transition:width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out;transition:width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out}.okr-list-enter-active,.okr-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.okr-list-enter,.okr-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.okr-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}*{margin:0;padding:0}.org-chart-container{display:block;width:100%;text-align:center}.vertical .org-chart-node-children{padding-top:20px}.vertical .org-chart-node,.vertical .org-chart-node-children{position:relative;-webkit-transition:all .5s;transition:all .5s}.vertical .org-chart-node{float:left;text-align:center;list-style-type:none;padding:20px 5px 0 5px}.vertical .org-chart-node:after,.vertical .org-chart-node:before{content:"";position:absolute;top:0;right:50%;width:50%;border-top:1px solid #ccc;height:20px}.vertical .org-chart-node:after{right:auto;left:50%;border-left:1px solid #ccc}.vertical.one-branch>.org-chart-node:after,.vertical.one-branch>.org-chart-node:before{display:none}.vertical.one-branch>.org-chart-node{padding-top:0}.vertical .org-chart-node:first-child:before,.vertical .org-chart-node:last-child:after{border:0 none}.vertical .org-chart-node:last-child:before{border-right:1px solid #ccc;border-radius:0 5px 0 0}.vertical .org-chart-node:only-child:before{border-radius:0 0 0 0;margin-right:-1px}.vertical .org-chart-node:first-child:after{border-radius:5px 0 0 0}.vertical .org-chart-node.is-leaf{padding-top:20px;padding-bottom:20px}.vertical .org-chart-node.is-leaf:before{content:"";display:block;height:20px}.vertical .org-chart-node.is-leaf .org-chart-node-label:after{display:none}.vertical .org-chart-node-children:before{content:"";position:absolute;top:0;left:50%;border-left:1px solid #ccc;width:0;height:20px}.vertical .org-chart-node-label{position:relative;display:inline-block}.vertical .org-chart-node-label .org-chart-node-label-inner{-webkit-box-shadow:0 1px 10px rgba(31,35,41,.08);box-shadow:0 1px 10px rgba(31,35,41,.08);display:inline-block;padding:10px;margin:0;font-size:16px;word-break:break-all}.vertical .org-chart-node-label .org-chart-node-label-inner:hover{-webkit-box-shadow:0 1px 14px rgba(31,35,41,.12);box-shadow:0 1px 14px rgba(31,35,41,.12);cursor:pointer}.vertical .org-chart-node-label .org-chart-node-btn{position:absolute;top:100%;left:50%;width:20px;height:20px;z-index:10;margin-left:-11px;margin-top:9px;background-color:#fff;border:1px solid #ccc;border-radius:50%;-webkit-box-shadow:0 0 2px rgba(0,0,0,.15);box-shadow:0 0 2px rgba(0,0,0,.15);cursor:pointer;-webkit-transition:all .35s ease;transition:all .35s ease}.vertical .org-chart-node-label .org-chart-node-btn:hover{-webkit-transform:scale(1.15);transform:scale(1.15);cursor:pointer}.vertical .org-chart-node-label .org-chart-node-btn:after,.vertical .org-chart-node-label .org-chart-node-btn:before{content:"";position:absolute}.vertical .org-chart-node-label .org-chart-node-btn:before{top:50%;left:4px;right:4px;height:0;border-top:1px solid #ccc}.vertical .org-chart-node-label .org-chart-node-btn:after{top:4px;left:50%;bottom:4px;width:0;border-left:1px solid #ccc}.vertical .org-chart-node-label .expanded.org-chart-node-btn:after{display:none}.vertical .org-chart-node.collapsed .org-chart-node-label{position:relative}.vertical .org-chart-node.collapsed .org-chart-node-label:after{content:"";position:absolute;top:100%;left:0;width:50%;height:20px;border-right:1px solid #ddd}.horizontal .org-chart-node-children,.horizontal .org-chart-node-left-children{position:relative;padding-left:20px;-webkit-transition:all .5s;transition:all .5s}.horizontal .org-chart-node-left-children{padding-right:20px}.horizontal .org-chart-node:not(.is-left-child-node){padding:0 5px 0 20px;-webkit-transition:all .5s;transition:all .5s}.horizontal .is-left-child-node,.horizontal .org-chart-node:not(.is-left-child-node){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.horizontal .is-left-child-node{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 20px 0 5px}.horizontal .org-chart-node:not(.is-left-child-node):after,.horizontal .org-chart-node:not(.is-left-child-node):before{content:"";position:absolute;border-left:1px solid #ccc;top:0;left:0;width:20px;height:50%}.horizontal .is-left-child-node:after,.horizontal .is-left-child-node:before{content:"";position:absolute;border-right:1px solid #ccc;top:0;right:0;width:20px;height:50%}.horizontal .is-left-child-node:after,.horizontal .org-chart-node:not(.is-left-child-node):after{top:50%;border-top:1px solid #ccc}.horizontal.one-branch>.org-chart-node:after,.horizontal.one-branch>.org-chart-node:before{display:none}.horizontal.one-branch>.org-chart-node{padding-left:0}.horizontal .org-chart-node:first-child:before,.horizontal .org-chart-node:last-child:after{border:0 none}.horizontal .org-chart-node:not(.is-left-child-node):not(.is-not-child):last-child:before{border-bottom:1px solid #ccc;border-radius:0 0 0 5px}.horizontal .is-left-child-node:last-child:before{border-bottom:1px solid #ccc;border-radius:0 0 5px 0}.horizontal .org-chart-node:only-child:before{border-radius:0 0 0 0!important;border-color:#ccc}.horizontal .org-chart-node:not(.is-left-child-node):first-child:after{border-radius:5px 0 0 0}.horizontal .is-left-child-node:first-child:after{border-radius:0 5px 0 0}.horizontal .org-chart-node.is-leaf{position:relative;padding-left:20px;padding-right:20px}.horizontal .org-chart-node.is-leaf:before{content:"";display:block}.horizontal .is-left-child-node.is-leaf .org-chart-node-label:before,.horizontal .org-chart-node.is-leaf .org-chart-node-label:after{display:none}.horizontal .is-left-child-node:last-child:after{border-radius:0 0 5px 0}.horizontal .is-left-child-node:only-child:after{border-radius:0 0 0 0}.horizontal .is-left-child-node.is-leaf{position:relative;padding-left:20px;padding-right:20px}.horizontal .is-left-child-node.is-leaf:before{content:"";display:block}.horizontal .is-left-child-node .org-chart-node-label:after{display:none}.horizontal .org-chart-node-children:before,.horizontal .org-chart-node-left-children:before{content:"";position:absolute;left:0;top:50%;border-top:1px solid #ccc;width:12px;height:10px}.horizontal .org-chart-node-children:before{width:20px}.horizontal .org-chart-node-left-children:before{left:calc(100% - 11px)}.horizontal>.only-both-tree-node>.org-chart-node-left-children:before{display:none}.horizontal .org-chart-node-label{position:relative;display:inline-block}.horizontal .org-chart-node-label .org-chart-node-label-inner{-webkit-box-shadow:0 1px 10px rgba(31,35,41,.08);box-shadow:0 1px 10px rgba(31,35,41,.08);display:inline-block;padding:10px;margin:10px 0;font-size:16px;word-break:break-all}.horizontal .org-chart-node-label .org-chart-node-label-inner:hover{-webkit-box-shadow:0 1px 14px rgba(31,35,41,.12);box-shadow:0 1px 14px rgba(31,35,41,.12);cursor:pointer}.horizontal .org-chart-node-label .org-chart-node-btn{position:absolute;left:100%;top:50%;width:20px;height:20px;z-index:10;margin-top:-11px;margin-left:9px;background-color:#fff;border:1px solid #ccc;border-radius:50%;-webkit-box-shadow:0 0 2px rgba(0,0,0,.15);box-shadow:0 0 2px rgba(0,0,0,.15);cursor:pointer;-webkit-transition:all .35s ease;transition:all .35s ease}.horizontal .org-chart-node-label .org-chart-node-btn:hover,.horizontal .org-chart-node-label .org-chart-node-left-btn:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.horizontal .org-chart-node-label .org-chart-node-btn:after,.horizontal .org-chart-node-label .org-chart-node-btn:before,.horizontal .org-chart-node-label .org-chart-node-left-btn:after,.horizontal .org-chart-node-label .org-chart-node-left-btn:before{content:"";position:absolute}.horizontal .org-chart-node-label .org-chart-node-btn:before,.horizontal .org-chart-node-label .org-chart-node-left-btn:before{top:50%;left:4px;right:3px;border-top:1px solid #ccc;height:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.horizontal .org-chart-node-label .org-chart-node-btn:after,.horizontal .org-chart-node-label .org-chart-node-left-btn:after{top:4px;left:50%;bottom:4px;width:0;border-left:1px solid #ccc}.horizontal .org-chart-node-label .expanded.org-chart-node-btn:after,.horizontal .org-chart-node-label .expanded.org-chart-node-left-btn:after{display:none}.horizontal .org-chart-node-label .org-chart-node-left-btn{position:absolute;right:100%;top:50%;width:20px;height:20px;z-index:10;margin-top:-11px;margin-right:9px;background-color:#fff;border:1px solid #ccc;border-radius:50%;-webkit-box-shadow:0 0 2px rgba(0,0,0,.15);box-shadow:0 0 2px rgba(0,0,0,.15);cursor:pointer;-webkit-transition:all .35s ease;transition:all .35s ease}.horizontal .is-left-child-node.collapsed .org-chart-node-label,.horizontal .org-chart-node.collapsed .org-chart-node-label{position:relative}.horizontal .is-left-child-node.collapsed .org-chart-node-label:before,.horizontal .org-chart-node.collapsed .org-chart-node-label:after{content:"";border-bottom:1px solid #ccc;position:absolute;top:0;left:100%;height:50%;width:10px}.horizontal .org-chart-node .is-root-label.is-not-left-child:before,.horizontal .org-chart-node .is-root-label.is-not-right-child:after{display:none!important}.horizontal .is-left-child-node.collapsed .org-chart-node-label:before{left:-10px}.horizontal .only-both-tree-node>.org-chart-node-label:before{content:"";border-bottom:1px solid #ccc;position:absolute;top:0;right:100%;height:50%;width:20px}.org-chart-node-children .org-chart-node-btn-text{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:50%;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#909090;z-index:2}
.vdr{-ms-touch-action:none;touch-action:none;border:1px dashed #000}.handle,.vdr{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.handle{width:10px;height:10px;background:#eee;border:1px solid #333}.handle-tl{top:-10px;left:-10px;cursor:nw-resize}.handle-tm{top:-10px;left:50%;margin-left:-5px;cursor:n-resize}.handle-tr{top:-10px;right:-10px;cursor:ne-resize}.handle-ml{left:-10px;cursor:w-resize}.handle-ml,.handle-mr{top:50%;margin-top:-5px}.handle-mr{right:-10px;cursor:e-resize}.handle-bl{bottom:-10px;left:-10px;cursor:sw-resize}.handle-bm{bottom:-10px;left:50%;margin-left:-5px;cursor:s-resize}.handle-br{bottom:-10px;right:-10px;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}
.detailsDrawerMain .el-drawer .el-drawer__body {
  border-top: 1px solid #f3f4f7;
}
.detailsDrawerMain .el-drawer .el-drawer__body .el-progress__text {
  display: none;
}
.detailsDrawerMain .el-drawer .el-drawer__body .section-div {
  border: 1px solid #d9d9d9;
  margin: 20px;
  padding: 10px 10px 0px 10px;
  border-radius: 5px;
}
.detailsDrawerMain .el-drawer .el-drawer__body .section-div .header-div {
  margin-bottom: 10px;
}
.detailsDrawerMain .el-drawer .el-drawer__body .section-div .header-div .line-div {
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 24px;
  color: #999999;
  padding-left: 30px;
}
.detailsDrawerMain .el-drawer .el-drawer__body .section-div .header-div .type-div {
  font-size: 12px;
  line-height: 24px;
  color: #999999;
  text-align: center;
}
.detailsDrawerMain .el-drawer .el-drawer__body .section-div .header-div .per-div {
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
  text-align: center;
}
.detailsDrawerMain .el-drawer .el-drawer__body .section-div .header-div .title-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detailsDrawerMain .el-drawer .el-drawer__body .section-div .header-div .title-div .number {
  font-size: 12px;
  padding-right: 2px;
}
.detailsDrawerMain .el-drawer .el-drawer__body .section-div .header-div .title-div .number div:nth-child(1) {
  width: 27px;
  height: 27px;
  line-height: 27px;
  color: #fff;
  text-align: center;
  background: #fab120;
  border-radius: 50%;
}
.detailsDrawerMain .el-drawer .el-drawer__body .section-div .header-div .title-div .content {
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  line-height: 24px;
}
.detailsDrawerMain .el-drawer .el-drawer__body .section-div .item-div {
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
  text-align: center;
  margin-left: 30px;
  padding-top: 10px;
  border-top: 1px solid #d9d9d9;
}
.detailsDrawerMain .el-drawer .el-drawer__body .section-div .label-span {
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 24px;
  color: #ffffff;
  background: #409eff;
  padding: 2px 5px;
  border-radius: 10px;
}
.detailsDrawerMain .el-drawer .el-drawer__body .section-div .text-span {
  padding-left: 8px;
}


.pa-header-search-user-select .el-select-dropdown__item.hover[data-v-ae26ca76], .el-select-dropdown__item[data-v-ae26ca76]:hover {
    background-color: #2d68ea;
    color: #ffffff;
    border-radius: 4px;
}
.pa-header-search-user-select .el-select-dropdown__item.selected[data-v-ae26ca76] {
    background-color: #2d68ea!important;
    color: #ffffff!important;
    font-weight: 700;
}
.el-select-dropdown__item[data-v-ae26ca76]{
    padding: 5px 5px;
    line-height: 27px;
    border-radius: 4px;
}
.search-image[data-v-ae26ca76]{
    width: 28px;
    height: 28px;
    line-height: 28px;
}

.breadcrumb {
  z-index: 10;
  position: relative;
}
.OkrViewMain .org-chart-node-label {
  margin-left: 20px;
}
.OkrViewMain .pernrClass .org-chart-node-label-inner {
  border: 2px solid #F56C6C;
}
.OkrViewMain .label-class-blue {
  color: #1989fa;
}
.OkrViewMain .label-bg-blue {
  background: #1989fa;
  color: #fff;
}
.OkrViewMain .diy-wrapper {
  padding: 0px;
  text-align: left;
  width: 300px;
}
.OkrViewMain .diy-wrapper .name-box {
  padding: 12px;
}
.OkrViewMain .diy-wrapper .name-box .icon_style {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: relative;
  top: 6px;
  margin-right: 8px;
}
.OkrViewMain .diy-wrapper .name-box .name_style {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 22px;
  color: #333333;
  margin-right: 8px;
}
.OkrViewMain .diy-wrapper .name-box .dept_style {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 22px;
  color: #333333;
}
.OkrViewMain .diy-wrapper .num-box {
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.OkrViewMain .diy-wrapper .num-box .el-progress__text {
  display: none;
}
.OkrViewMain .diy-wrapper .num-box .first-div {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  border-radius: 12px;
  background-color: #fab120;
  margin-right: 10px;
}
.OkrViewMain .diy-wrapper .num-box .secend-div {
  width: 132px;
  height: 24px;
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 24px;
  color: #333333;
  opacity: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 10px;
}
.OkrViewMain .diy-wrapper .num-box .third-div {
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
  padding-left: 10px;
}
.OkrViewMain .diy-wrapper .tool-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #f3f4f7;
}
.OkrViewMain .diy-wrapper .tool-box > div {
  width: 33.33333333%;
}
.OkrViewMain .diy-wrapper .tool-box .icon_style {
  width: 20px;
  height: 20px;
  background: #ffffff;
  margin-top: 5px;
  position: relative;
  top: 5px;
  margin-right: 5px;
}
.OkrViewMain .no-padding {
  padding: 0 !important;
}
.OkrViewMain .draggable_content {
  width: 100%;
  height: calc(100vh);
}
.OkrViewMain .draggable_content .vdr {
  border: 0px;
}
.OkrViewMain .draggable_content .vue_draggable_resizable .map_content_box .map_content .org-chart-container .org-chart-node-label-inner {
  padding: 0px;
  background: #ffffff;
  opacity: 1;
  border-radius: 4px;
}
.OkrViewMain .draggable_content .vue_draggable_resizable .map_content_box .map_content .org-chart-container .org-chart-node-left-btn {
  background-color: #409eff;
}
.OkrViewMain .draggable_content .vue_draggable_resizable .map_content_box .map_content .org-chart-container .org-chart-node-btn {
  background-color: #409eff;
}
.OkrViewMain .draggable_content .vue_draggable_resizable .map_content_box .map_content .org-chart-container .org-chart-node-btn-text {
  background: #409eff;
  color: #fff;
}
.horizontal .is-left-child-node {
  padding: 0 20px 0 0px;
}
.horizontal .is-left-child-node.is-leaf {
  padding-left: 0px;
}
.horizontal .org-chart-node-left-children {
  padding-left: 0px;
}
.horizontal .org-chart-node.is-leaf {
  padding-left: 0px;
}