.titapage-okr-map-share-okr__header {
  display: flex;
  position: relative;
  align-items: center;
  padding-left: 25px;
  box-sizing: border-box;
  border-radius: 12px;
  height: 76px;
  background: #ffffff;
  box-shadow: 0px 0px 8px 0px #e9eef3;
  z-index: 1;
}

.titapage-okr-map-share-okr__header-title {
  display: inline-block;
  position: relative;
  padding-right: 12px;
  margin-right: 12px;
  box-sizing: border-box;
  font-size: 20px;
  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;
  font-weight: 600;
  color: #141c28;
  line-height: 28px;
}

.titapage-okr-map-share-okr__header-dark {
  display: inline-block;
  position: absolute;
  margin-right: 10px;
  font-size: 14px;
  right: 95px;
  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;
  font-weight: 400;
  color: #3f4755;
  line-height: 20px;
  cursor: pointer;
}

.titapage-okr-map-share-okr__header-dark:before {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background: url("../../../images/trigger.svg") no-repeat;
  vertical-align: middle;
}

.titapage-okr-map-share-okr__header-dark:hover {
  color: #2879ff;
}

.titapage-okr-map-share-okr__header-dark:hover:before {
  background-image: url("../../../images/trigger-hover.svg");
}

.titapage-okr-map-share-okr__header-direction {
  display: inline-block;
  position: absolute;
  right: 25px;
}

.titapage-okr-map-share-okr__header-showMore {
  box-sizing: border-box;
  position: absolute;
  right: 110px;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  color: #3f4755;
  font-size: 12px;
}

.titapage-okr-map-share-okr__header-showMore::after {
  position: absolute;
  display: inline-block;
  background: url("../../../images/line-down-arrow.svg") transparent no-repeat 50% 50%;
  content: '';
  height: 6px;
  width: 10px;
  right: 0;
  top: calc(50% - 3px);
}

.titapage-okr-map__dark .titapage-okr-map-share-okr__header {
  background: #3f4755;
  box-shadow: none;
}

.titapage-okr-map__dark .titapage-okr-map-share-okr__header-title {
  color: #fff;
}

.titapage-okr-map__dark .titapage-okr-map-share-okr__header-dark {
  color: #89919f;
}

.titapage-okr-map__dark .titapage-okr-map-share-okr__header-dark:before {
  background-image: url("../../../images/trigger-dark.svg");
}

.titapage-okr-map__dark .titapage-okr-map-share-okr__header-dark:hover {
  color: #fff;
}

.titapage-okr-map__dark .titapage-okr-map-share-okr__header-dark:hover:before {
  background-image: url("../../../images/trigger-dark-hover.svg");
}

.titapage-okr-map__dark .titapage-okr-map-share-okr__header .titaui-switch-label {
  color: #fff;
}

.titapage-okr-map__dark .titapage-okr-map-share-okr__header .titaui-icon-button-list__btn {
  border: none;
}

.titapage-okr-map__dark .titapage-okr-map-share-okr__header .titaui-icon-button-list__btn-icon--export {
  background-position: 0 -598px;
}

.titapage-okr-map__dark .titapage-okr-map-share-okr__header .titaui-icon-button-list__btn-icon--horizontal {
  background-position: 0 -494px;
}

.titapage-okr-map__dark .titapage-okr-map-share-okr__header .titaui-icon-button-list__btn-icon--vertical {
  background-position: 0 -546px;
}

.titapage-okr-map__dark .titapage-okr-map-share-okr__header .titaui-icon-button-list__btn:hover {
  background-color: #515a69;
}
