.goods { height: 100%; }
.goods .main-card { height: 100%; }
.goods .config-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.goods .content { flex: 1; }
.goods .goods-item-name {
  cursor: pointer;
  padding: 8px 16px;
  border: 3px solid #2A6F6F;
  color: #2A6F6F;
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 30px;
  display: inline-block;
}
.goods .goods-item-name:hover {
  background: #2A6F6F;
  color: #EAE6DF;
}
.goods .goods-change-box { max-width: 100%; }
.goods .goods-change-box .goods-item-box {
  max-height: 500px;
  overflow-y: auto;
  padding: 0.2rem;
}
.goods .goods-change-box .goods-item-box .goods-group-item { margin-bottom: 0.3rem; }
.goods .goods-change-box .goods-item-box .goods-group-item .goods-group-name {
  font-weight: 700;
  font-size: 0.18rem;
  margin-bottom: 0.15rem;
  font-family: var(--font-heading);
  color: #1A1A1A;
}
.goods .goods-change-box .goods-item-box .goods-group-item .goods-group-info {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 15px;
  row-gap: 0.1rem;
}
.goods .goods-change-box .goods-item-box .goods-group-item .goods-group-info .option-name {
  cursor: pointer;
  font-size: 0.14rem;
  font-family: var(--font-body);
  font-weight: 600;
  transition: none;
}
.goods .goods-change-box .goods-item-box .goods-group-item .goods-group-info .option-name:hover {
  color: #2A6F6F;
}