.outcome-main {
  min-height: 500px;
  padding-bottom: 30px;
}

.search-wrap {
  display: flex;
  margin-bottom: 22px;
  justify-content: flex-end;
}
.search-wrap > div {
}
.search-wrap > div > input {
  width: 355px;
  height: 35px;
  margin-right: 18px;
  padding: 0 12px;
  line-height: 33px;
  font-size: 12px;
  color: #000000;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #cccccc;
  outline: none;
  box-sizing: border-box;
}
.search-wrap > div > button {
  width: 83px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  outline: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.search-wrap > div .search-btn {
  margin-right: 10px;
  background: #0f6db7;
}
.search-wrap > div .clear-btn {
  background: #cccccc;
}

.outcome-list {
}
.outcome-item {
  display: flex;
  min-height: 196px;
  margin-bottom: 22px;
  padding: 36px 34px 20px;
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(160, 166, 180, 0.21);
  border-radius: 4px;
  box-sizing: border-box;
}
.outcome-item .outcome-item-brand {
  width: 80px;
  height: 80px;
  margin-right: 34px;
  object-fit: scale-down;
}
.outcome-item .outcome-item-main {
  flex: 1;
}
.outcome-item-main-t {
  display: flex;
  margin-bottom: 16px;
  justify-content: space-between;
}

.outcome-item-main-t .name {
  font-weight: bold;
  font-size: 18px;
  color: #000000;
}
.outcome-item-main-t .partner {
  font-size: 14px;
  color: #000000;
}

.outcome-item-main-m {
  margin-bottom: 30px;
  line-height: 18px;
  font-size: 14px;
  color: #727272;
}
.outcome-item-main-b {
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
}

.outcome-item-main-b .tags-wrap {
}

.outcome-item-main-b .tags-wrap .tag-item {
  display: inline-block;
  margin-right: 30px;
  padding: 0 10px;
  font-size: 16px;
  color: #0f6db7;
  text-align: center;
  line-height: 30px;
  border: 1px solid #0f6db7;
  border-radius: 4px;
}

.outcome-item-main-b .tags-wrap .tag-item:last-child {
  margin-right: 0;
}

.outcome-item-main-b .action-wrap {
  display: flex;
}

.outcome-item-main-b .action-wrap button {
  width: 144px;
  height: 36px;
  line-height: 34px;
  font-size: 16px;
  color: #0f6db7;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #0f6db7;
  outline: none;
  cursor: pointer;
}

.outcome-item-main-b .action-wrap button.disabled {
  color: #999;
  background-color: #cdcdcd;
  cursor: not-allowed;
  border: none;
}

.outcome-item-main-b .action-wrap button:last-child {
  margin-left: 40px;
  color: #ffffff;
  background-color: #0f6db7;
}

.outcome-item-product {
  width: 180px;
  height: 112px;
  margin-left: 60px;
  object-fit: scale-down;
  box-shadow: 0px 0px 10px 0px rgba(160, 166, 180, 0.21);
}