.w-code {
  width: 620px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  margin-bottom: 16px;
  &-title {
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    background-color: #f8f8f8;
    padding: 8px 16px 8px 8px;
    border-bottom: 1px solid #dddddd;
    color: #636363;
    font-size: 14px;
  }
  &-show {
    cursor: pointer;
    color: #7f7f7f;
    &:hover {
      color: #636363;
    }
  }
  &-main {
    padding: 8px 16px;
    border-bottom: 1px solid #dddddd;
  }
  &-codes {
    padding-left: 8px;
    padding-right: 8px;
    height: 0px;
    overflow: hidden;
    transition: all 500ms;
    &.active {
      height: 240px;
      overflow: scroll;
    }
  }

}