.okr-detail-okrs-list {
  height: 100%;
}

.okr-detail-okrs-list__okr-list--draggable .rc-tree-treenode:hover .tita-okrdt-tree__kr-node-drag {
  visibility: visible;
}

.okr-detail-okrs-list__okr-list--readonly .rc-tree-treenode:last-child .tita-okrdt-tree__kr-node {
  border-bottom: none;
}

.okr-detail-okrs-list__addkr {
  position: relative;
  padding: 12px 0;
  cursor: pointer;
}

.okr-detail-okrs-list__addkr-prefix {
  color: #2879ff;
  margin-right: 5px;
  font-size: 13px;
  font-weight: 600;
}

.okr-detail-okrs-list__addkr-text {
  height: 22px;
  font-size: 14px;
  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;
  font-weight: 400;
  color: #2879ff;
  line-height: 22px;
}

.okr-detail-okrs-list__align-on {
  margin: 16px 0 0 0;
  padding: 0 32px 0 32px;
}

.okr-detail-okrs-list__align-on-tree {
  position: relative;
  left: -14px;
  width: calc(100% + 14px);
}

.okr-detail-okrs-list__align-on-tree .rc-tree-treenode.rc-tree-treenode-leaf-last .tita-okrdt-tree__o-child-node {
  border-bottom: none;
}

.okr-detail-okrs-list__align-on-title {
  height: 22px;
  font-size: 14px;
  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;
  font-weight: 600;
  color: #a4acb9;
  line-height: 22px;
}

.okr-detail-okrs-list__align-on-title > span {
  position: relative;
  cursor: pointer;
}

.okr-detail-okrs-list__align-on-title > span:before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 0;
  right: -16px;
  width: 16px;
  height: 16px;
  background: url(../images/xialat-s.svg) transparent no-repeat 50% 50%;
  cursor: pointer;
  transform: rotate(0);
  transition: all 0.2s;
}

.okr-detail-okrs-list__align-on-title--open > span:before {
  transform: rotate(-180deg);
}

.okr-detail-okrs-list__align-to {
  margin: 6px 0 0 0;
  padding: 0 32px 0 32px;
}

.okr-detail-okrs-list__align-to-tree {
  position: relative;
  left: -14px;
  width: calc(100% + 14px);
}

.okr-detail-okrs-list__align-to-add {
  margin-top: 12px;
  margin-bottom: 24px;
  cursor: pointer;
}

.okr-detail-okrs-list__align-to-add-prefix {
  color: #2879ff;
  margin-right: 5px;
  font-size: 13px;
  font-weight: 600;
}

.okr-detail-okrs-list__align-to-add-text {
  height: 22px;
  font-size: 14px;
  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;
  font-weight: 400;
  color: #2879ff;
  line-height: 22px;
}

.okr-detail-okrs-list__align-to-title {
  height: 22px;
  font-size: 14px;
  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;
  font-weight: 600;
  color: #a4acb9;
  line-height: 22px;
}

.okr-detail-okrs-list .tita-okrdt-tree {
  overflow: visible;
}

.okr-detail-okrs-list .tita-okrdt-tree .titaui-tree,
    .okr-detail-okrs-list .tita-okrdt-tree .rc-tree-list-holder {
  overflow: visible;
}
