.Hui-commodity .goods-group-item .goods-group-name {
    font-family: 'MyFont';
    color: #5a92ff;
    font-size: 20px;
    position: relative;
    padding-left: 15px;
    
}

.Hui-commodity .goods-group-item .goods-group-name::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: #5a92ff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.Hui-commodity .goods-group-item .goods-group-info {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
    padding-bottom: 0.2rem;
}





.Hui-commodity .goods-group-item .goods-group-info .option-name {
    background: #fff;
    padding: 0.18rem 0.2rem !important;
    border: 1.3px solid #e5e7eb;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    box-shadow: 0 1px 2px 0 #0000000d;
    transition: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    font-size: 0.165rem;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.Hui-commodity .goods-group-item .goods-group-info .option-name.is-active {
    background: rgb(242, 247, 255);
    color: #1e3a8a;
    border: 2px solid #3b82f6;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.Hui-commodity .goods-group-item .goods-group-info .option-name:hover {
    background-color: #eff6ff80;
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}


.Hui-commodity .goods-group-item .goods-group-info .option-name {
    background: #fff;
    padding: 0.18rem 0.2rem !important;
    border: 1.3px solid #e5e7eb;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    box-shadow: 0 1px 2px 0 #0000000d;
    transition: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    font-size: 0.165rem;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.Hui-commodity .goods-group-item .goods-group-info .option-name.is-active {
    background: rgb(242, 247, 255);
    color: #1e3a8a;
    border: 2px solid #3b82f6;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.Hui-commodity .goods-group-item .goods-group-info .option-name:hover {
    background-color: #eff6ff80;
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}