.titaui-okr-detail-ao-nice {
  padding-bottom: 75px;
}

.titaui-ao-nice {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.titaui-ao-nice.ao-nice-fixed-bottom {
  position: fixed;
  bottom: 110px;
  left: 50%;
  transform: translateX(-50%);
}

.titaui-ao-nice__bigfingler {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 16px 0 11px 0;
  box-sizing: border-box;
  width: 108px;
  height: 56px;
  background: rgba(40, 121, 255, 0.1);
  border-radius: 28px;
  margin-bottom: 16px;
  cursor: pointer;
}

.titaui-ao-nice__bigfingler-make-good {
  display: inline-block;
  color: #2879ff;
  height: 20px;
  font-size: 20px;
  font-weight: 600;
}

.titaui-ao-nice__bigfingler-count {
  display: inline-block;
  height: 20px;
  font-size: 14px;
  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;
  font-weight: 400;
  color: #2879ff;
  line-height: 20px;
}

.titaui-ao-nice__users > span {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 15px;
  background-color: yellowgreen;
  cursor: pointer;
}

.titaui-ao-nice__users > span:not(:first-child) {
  margin-left: 12px;
}

.titaui-ao-nice__user-item {
  position: relative;
  height: 24px;
  width: 24px;
  display: inline-block;
}

.titaui-ao-nice__user-item:not(:last-child) {
  margin-right: 12px;
}

.titaui-ao-nice__user-item > img {
  position: absolute;
  width: 18px;
  height: 18px;
  bottom: -3px;
  right: -2px;
}
