header {
    z-index: 9;
    position: fixed;

}

m
    /*header.navbar {*/
    /*    min-height: 2.2rem;*/
    /*}*/
input[type=checkbox] {
    display: block;
    margin: 5px 0 0;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

a.el-btn {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 2px solid #fff;
    border-radius: 2px;
    content: "";
    cursor: pointer;
    display: block;
    height: 18px;
    width: 18px
}

a.el-btn.-inline {
    display: inline-block;
    margin: 0 10px
}

a.el-btn:hover {
    border: 2px solid #6563ff
}

a.el-btn.-edit {
    background-image: url(../img/info.svg)
}

a.el-btn.-setting {
    background-image: url(../img/setting.svg)
}

a.el-btn.-doc {
    background-image: url(../img/d-document-text.svg)
}

a.el-btn.-remove {
    background-image: url(../img/i-trash.svg)
}

a.el-btn.-plus {
    background-image: url(../img/plus.svg)
}

a.el-btn.-plus.-minus {
    background-image: url(../img/minus.svg)
}

.o-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    display: inline-block;
    height: 26px;
    width: 26px
}

.o-icon.-plus {
    background-image: url(../img/i-plus.svg)
}

.o-icon.-opt {
    background-image: url(../img/i-opt.svg)
}

.o-icon.-card {
    background-image: url(../img/card.svg)
}

.o-icon.-cart {
    background-image: url(../img/i-cart.svg)
}

.o-icon.-cash {
    background-image: url(../img/money.svg)
}

.o-icon.-check {
    background-image: url(../img/i-check.svg)
}

.o-icon.-alert {
    background-image: url(../img/i-alert.svg)
}

.o-icon.-comment {
    background-image: url(../img/comment.svg)
}

.o-icon.-insta {
    background-image: url(../img/insta.svg)
}

.o-icon.-gift {
    background-image: url(../img/i-gift.svg)
}

.o-icon.-bottle {
    background-image: url(../img/i-bottle.svg)
}

.o-icon.-trash {
    background-image: url(../img/i-trash.svg)
}

.o-icon.-bars {
    background-image: url(../img/-bars.svg)
}

.o-icon.-exit {
    background-image: url(../img/i-exit.svg)
}

.o-icon.-books {
    background-image: url(../img/i-books.svg)
}

.o-icon.-user {
    background-image: url(../img/i-user.svg)
}

.row-input-link a:hover, .row-input-link a:link:hover, .row-input-link a:visited:hover {
    border: 2px solid #6563ff
}

.row-input-link a.-mail, .row-input-link a:link.-mail, .row-input-link a:visited.-mail {
    background-image: url(../img/mail.svg)
}

.row-input-link a.-phone, .row-input-link a:link.-phone, .row-input-link a:visited.-phone {
    background-image: url(../img/phone.svg)
}

.row-input-link a.-corner_right_down, .row-input-link a:link.-corner_right_down, .row-input-link a:visited.-corner_right_down {
    background-image: url(../img/corner_right_down.svg)
}

.goods-menu .panel a:link.-act, .goods-menu .panel a:link:hover, .goods-menu .panel a:visited.-act, .goods-menu .panel a:visited:hover {
    background: #4338ca;
    color: #f3f4f6
}

.goods-style {
    /*color: #1f2937;*/
    /*margin-bottom: 90px;*/
    /*position: relative*/
}

.goods-style label {
    /*font-size: 12px*/
}

.goods-style label a:visited, .goods-style label > a:link {
    /*margin-left: 10px;*/
    /*text-decoration: underline*/
}

.goods-style label > input, .goods-style label > select {
    /*margin-top: 5px*/
}

.goods-style mark {
    border-radius: 20px;
    color: #1f2937;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding: 5px 10px
}

.goods-style mark.-yellow {
    background-color: #ffc22d
}

.goods-style mark.-red {
    background-color: #ff6f70
}

.goods-style mark.-green {
    background-color: #00ca92
}

.goods-style table {
    border-spacing: 0;
    margin-bottom: 20px
}

.goods-style table thead {
    position: sticky;
    top: 60px
}

.goods-style table thead th {
    background: #f3f4f6;
    color: #1f2937;
    font-weight: 400;
    text-transform: none
}

.goods-style table thead th:first-child {
    border-radius: 8px 0 0 8px
}

.goods-style table thead th:last-child {
    border-radius: 0 8px 8px 0
}

.goods-style table tbody tr {
    /*cursor: default*/
}

.goods-style table tbody tr:nth-child(2n) {
    background: #fff
}

.goods-style table tbody tr td {
    border-bottom: 1px solid #f2f2f2;
    cursor: default;
    font-size: 12px
}

.goods-style table tbody tr td.-hidden a {
    opacity: 0
}

.goods-style table tbody tr td.text-right {
    text-align: right
}

.goods-style table tbody tr td > div {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.goods-style table tbody tr:hover td a {
    opacity: 1
}

.goods-style .alert {
    bottom: 20px;
    color: #fff;
    font-size: 14px;
    padding: 16px;
    position: fixed;
    right: 20px
}

.goods-style .alert.-success {
    background: #00ca92
}

.goods-style hr {
    border-top: 4px gray;
    margin-bottom: 10px
}

.goods-style button, .goods-style input, .goods-style select {
    background: #f3f4f6;
    border-color: #f3f4f6;
    border-radius: 8px;
    font-size: 12px;
    outline: none;
    padding: 8px
}

.goods-style button:active, .goods-style button:focus, .goods-style input:active, .goods-style input:focus, .goods-style select:active, .goods-style select:focus {
    border-color: #4338ca
}

.goods-style button, .goods-style input[type=submit] {
    background: #4338ca;
    border-color: #4338ca
}

.goods-style a.btn, .goods-style button.btn, .goods-style input.btn {
    align-items: center;
    border: 2px solid #4338ca;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 400;
    gap: 10px;
    justify-content: center;
    padding: 8px 16px
}

.goods-style a.btn.btn-primary, .goods-style button.btn.btn-primary, .goods-style input.btn.btn-primary {
    background: #4338ca;
    color: #c7d2fe;
    text-decoration: none
}

.goods-style a.btn.btn-empty, .goods-style button.btn.btn-empty, .goods-style input.btn.btn-empty {
    background: #fff;
    color: #4338ca;
    text-decoration: none
}

.goods-style a.btn.btn-danger, .goods-style button.btn.btn-danger, .goods-style input.btn.btn-danger {
    background: #00ca92;
    border-color: #00ca92;
    color: #000;
    text-decoration: none
}

.goods-style a.btn.btn-default, .goods-style button.btn.btn-default, .goods-style input.btn.btn-default {
    background: #f3f4f6;
    border-color: #f3f4f6;
    color: #1f2937;
    text-decoration: none
}

.goods-style a.btn.btn-default:hover, .goods-style button.btn.btn-default:hover, .goods-style input.btn.btn-default:hover {
    background: #4338ca;
    color: #fff
}

.goods-style a.btn.btn-block, .goods-style button.btn.btn-block, .goods-style input.btn.btn-block {
    border: none;
    display: flex;
    margin: 10px 0;
    padding: 10px 0;
    text-align: center;
    width: 100%
}

.goods-style a.btn > i, .goods-style button.btn > i, .goods-style input.btn > i {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px
}

.goods-style a.btn > i.-add, .goods-style button.btn > i.-add, .goods-style input.btn > i.-add {
    background-image: url(../img/d-add.svg)
}

.goods-style a.btn > i.-eye, .goods-style button.btn > i.-eye, .goods-style input.btn > i.-eye {
    background-image: url(../img/eye.svg)
}

.goods-style a.btn.hidden, .goods-style button.btn.hidden, .goods-style input.btn.hidden {
    display: none
}

.productSearch_short.-act {
    z-index: 999
}

.prodResult_short {
    align-items: stretch;
    background-color: #fff;
    box-shadow: 0 4px 33px -12px rgba(0, 0, 0, .7);
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    left: 0;
    margin-top: 0;
    max-height: 200px;
    overflow-y: auto;
    padding: 0 10px;
    position: absolute;
    right: 0;
    z-index: 999;
}

.prodResult_short a:link, .prodResult_short a:visited {
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    padding: 10px 5px
}

.prodResult_short.hidden {
    display: none
}

.goods {
    margin-bottom: 90px;
    margin-left: 220px
}

.goods > .container, .goods > form > .container {
    background: #fff;
    border-radius: 8px;
    max-width: 2600px;
    padding-bottom: 20px;
    padding-top: 20px
}

.goods > .container .row, .goods > form > .container .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between
}

.goods > .container .row > div, .goods > .container .row > label, .goods > form > .container .row > div, .goods > form > .container .row > label {
    margin-bottom: 20px;
    width: calc(50% - 10px)
}

.goods .top {
    padding: 0 0 20px
}

.goods .top, .goods .top > div, .goods .top > div > form {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.goods .top > div, .goods .top > div > form {
    gap: 20px
}

.goods .top label {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center
}

.goods .top label span {
    display: block;
    font-size: 12px
}

.goods .top button, .goods .top input, .goods .top select {
    margin: 0
}

.goods .top strong {
    font-size: 20px;
    font-weight: 500
}

.goods .top strong small {
    display: block;
    font-size: 12px;
    padding-top: 10px
}

input.input-mini {
    display: inline;
    margin: 0;
    width: 40px
}

input.input-mini[type=button] {
    background: #00ca92;
    width: 10px
}

button.el-submit, input[type=submit].el-submit {
    bottom: 20px;
    left: 20px;
    position: fixed !important;
    right: 20px;
    width: auto
}

table.el-table.table-products tbody tr td {
    padding: 0;
    text-align: center;
}

.has-iframe .f-html, .has-pdf .f-html, .has-gmap .f-html {
    padding: 0;
}

.b-btns {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: flex-start
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.no-margin {
    margin: 0
}

@media screen and (max-width: 960px) {
    /*header {*/
    /*    background: rgba(245, 251, 252, .8);*/
    /*    margin-bottom: 0;*/
    /*    padding: 0 0 10px*/
    /*}*/
    /*header .container {*/
    /*    padding: 0*/
    /*}*/
    /*header .container nav {*/
    /*    display: block*/
    /*}*/
    /*header .container nav > div {*/
    /*    align-items: stretch;*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    padding: 0*/
    /*}*/
    /*header .container nav > div:first-child {*/
    /*    justify-content: flex-start;*/
    /*    padding: 10px 20px 0 10px*/
    /*}*/
    /*header .container nav > div > .dropdown {*/
    /*    padding: 0;*/
    /*    text-align: left*/
    /*}*/
    /*header .container nav > div a:visited, header .container nav > div > a:link, header .container nav > div > mark {*/
    /*    align-items: center;*/
    /*    display: flex;*/
    /*    padding: 0*/
    /*}*/
    /*header .container nav > div:nth-child(2) {*/
    /*    display: none*/
    /*}*/
    /*header .container nav a:link.js-menu, header .container nav a:visited.js-menu {*/
    /*    align-items: center;*/
    /*    display: flex;*/
    /*    margin-right: 60px*/
    /*}*/
    .pageCatalog_cat a:link, .pageCatalog_cat a:visited {
        font-size: 12px;
        padding: 10px
    }

    main {
        /*padding-top: 100px*/
    }

    main > .container {
        /*overflow-x: auto;*/
        /*padding: 10px;*/
        /*width: calc(100% - 20px)*/
    }

    main > .container table {
        /*display: block;*/
        /*min-width: 100%;*/
        /*overflow-x: auto;*/
        /*width: 100%*/
    }

    main > .container table td, main > .container table th {
        /*min-width: unset;*/
        /*overflow: hidden;*/
        /*text-overflow: ellipsis;*/
        /*white-space: nowrap*/
    }

    main > .container table td:first-child {
        /*max-width: unset*/
    }

    main > .container table.el-table.table-products {
        max-width: 300px;
        width: 300px
    }

    fieldset {
        /*padding: 20px 0*/
    }

    .row {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-around
    }

    .row .-col {
        width: 100%
    }

    form {
        overflow-x: auto
    }

    img {
        max-width: unset
    }

    .topStatuses {
        flex-wrap: wrap;
        gap: 10px
    }

    .goods-menu {
        display: none;
        width: auto
    }

    .goods-menu.open {
        bottom: 0;
        display: block;
        left: 0;
        right: 40px;
        top: 0;
        z-index: 999
    }

    .goods-menu:before {
        backdrop-filter: blur(1px);
        background-color: rgba(0, 0, 0, .5);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }

    .goods {
        margin: 0 10px
    }

    .goods-style table thead {
        position: static
    }

    .goods > .container .row > div, .goods > .container .row > label, .goods > form > .container .row > div, .goods > form > .container .row > label {
        margin-bottom: 0;
        width: 100%
    }
}

.modalMenu {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: center;
    padding: 20px
}

.modalMenu a:link, .modalMenu a:visited {
    font-size: 18px;
    text-transform: uppercase
}

.modalMenu a:link.-act, .modalMenu a:visited.-act {
    font-weight: 700
}

main.blockModal {
    padding: 0;
    font-family: "Inter", sans-serif;
}

main.blockModal .container {
    margin: 0;
    padding: 0
}

.fancybox__content {
    padding: 0
}

@media (min-width: 1024px) {
    .fancybox__slide {
        padding: 5px
    }
}

.productSearch.-act {
    font-size: 2rem;
    padding: 20px;
    z-index: 9999
}

.prodResult, .productSearch.-act {
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.prodResult {
    align-items: stretch;
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 4px 33px -12px rgba(0, 0, 0, .7);
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    overflow-y: auto;
    padding-top: 80px;
    z-index: 999
}

.prodResult a:link, .prodResult a:visited {
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    padding: 10px 5px
}

.prodResult a:link b, .prodResult a:visited b {
    font-size: 1.2rem
}

.prodResult a:link span, .prodResult a:visited span {
    font-size: 1rem;
    text-align: right
}

.prodResult.hidden {
    display: none
}

.detailsDelivery_addr {
    position: relative
}

.department-result, .town-result, .up-result {
    background: #fff;
    box-shadow: 0 2px 10px #d2d2d2;
    color: gray;
    font-size: 12px;
    left: 0;
    margin-top: -20px;
    max-height: 30vh;
    overflow-y: auto;
    padding: 10px;
    position: absolute;
    right: 0;
    z-index: 99
}

.department-result a:visited, .department-result > a:link, .town-result a:visited, .town-result > a:link, .up-result a:visited, .up-result > a:link {
    color: #000;
    display: block;
    font-size: 14px;
    padding: 10px;
    position: relative
}

.department-result a:visited:hover, .department-result > a:link:hover, .town-result a:visited:hover, .town-result > a:link:hover, .up-result a:visited:hover, .up-result > a:link:hover {
    background: gray
}

.department-result a:visited.-close, .department-result > a:link.-close, .town-result a:visited.-close, .town-result > a:link.-close, .up-result a:visited.-close, .up-result > a:link.-close {
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.department-result a:visited.-close:before, .department-result > a:link.-close:before, .town-result a:visited.-close:before, .town-result > a:link.-close:before, .up-result a:visited.-close:before, .up-result > a:link.-close:before {
    background: #000;
    content: "";
    display: inline-block;
    height: 16px;
    mask-image: url(../img/close.svg);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100% auto;
    transition: all .1s ease;
    width: 16px
}

.department-result.hidden, .dialog, .town-result.hidden, .up-result.hidden {
    display: none
}

.dialog {
    max-width: 500px;
    padding: 0;

}

.dialog form {
    padding: 20px
}

.dialog form input, .dialog form select {
    /*margin-bottom: 10px*/
}

.dialog form strong {
    /*display: block;*/
    /*font-size: 20px;*/
    /*font-weight: 500;*/
    /*margin-bottom: 10px*/
}

table.el-table {
    border: none;
    border-collapse: collapse;
    text-align: left
}

table.el-table thead {
    /*border-bottom: 2px solid gray*/
}

table.el-table thead th {
    /*background: #fff;*/
    /*color: gray;*/
    /*font-weight: 700;*/
    text-align: left
}

table.el-table tr {
    /*background: #fff;*/
    border: none;
    /*border-bottom: 1px solid #d2d2d2;*/
    text-align: left
}

table.el-table tr th:after {
    position: absolute;
    right: 2px
}

table.el-table tr th.sort-asc:after {
    content: "\25b4"
}

table.el-table tr th.sort-desc:after {
    content: "\25be"
}

table.el-table tr.bl-more-info.hidden {
    display: none
}

table.el-table tr.bl-more-info table tr, table.el-table tr.bl-more-info table tr td {
    vertical-align: middle
}

table.el-table tr td {
    align-items: flex-start;
    border: none;
    text-align: left;
    vertical-align: top
}

table.el-table tr td .bl-uComment {
    display: block;
    font-size: 14px;
    font-style: italic;
    padding: 20px 0
}

table.el-table tr td.-green {
    background: #a7cbcb
}

table.el-table tr td.-green td {
    vertical-align: middle
}

table.el-table tr td.-yellow {
    background: #efef99
}

table.el-table tr td.-yellow td {
    vertical-align: middle
}

table.el-table tr td.-red {
    background: #faa4a4
}

table.el-table tr td.-red td {
    vertical-align: middle
}

table.el-table tr td.-fiolet {
    background: #cea4fa
}

table.el-table tr td.-fiolet td {
    vertical-align: middle
}

table.el-table tr td.-pink {
    background: #faa4df
}

table.el-table tr td.-pink td {
    vertical-align: middle
}

table.el-table tr td.-turquoise {
    background: #a4faf3
}

table.el-table tr td.-turquoise td {
    vertical-align: middle
}

table.el-table tr td.bl-btn {
    vertical-align: middle;
    width: 36px
}

table.el-table tr td.bl-btn.text-right {
    text-align: right
}

table.el-table tr td.bl-id {
    vertical-align: middle
}

table.el-table tr td.bl-id > div {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: flex-start
}

table.el-table tr td.bl-id > div b {
    color: #383838;
    display: block;
    font-size: 24px
}

table.el-table tr td.bl-id > div small {
    color: #bebebe;
    display: block;
    font-size: 14px
}

table.el-table tr td.bl-price {
    vertical-align: middle
}

table.el-table tr td.bl-price b {
    color: #466e5d;
    display: block;
    font-size: 22px;
    font-weight: 700;
    margin: auto
}

table.el-table input, table.el-table select, table.el-table textarea {
    margin-bottom: 0
}

table.el-table input[type=submit] {
    background: none;
    border: 2px solid #000;
    color: #000;
    /*cursor: pointer; !*font-size: 12px;*! !*margin-top: 10px;*!*/
    text-transform: uppercase
}

table.el-table input[type=submit]:hover {
    background: #6563ff;
    border-color: #6563ff;
    color: #fff
}

table.el-table.table-products {
    padding: 0
}

.row-input-link {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.row-input-link input {
    flex: auto
}

.row-input-link a, .row-input-link a:link, .row-input-link a:visited {
    background-color: #f8f7e1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70%;
    border: 2px solid #efebb0;
    border-radius: 2px;
    content: "";
    /*cursor: pointer;*/
    display: block;
    height: 36px;
    width: 36px
}

table {
    min-width: 100%;
    width: 100%
}

table td, table th {
    font-weight: unset;
    padding: 10px
}

/*table tbody tr:nth-child(2n) {*/
/*    background-color: #e1e1e1*/
/*}*/

table td {
    /*color: #2e3336;*/
    /*font-size: 14px;*/
    /*line-height: 1.4;*/
    text-align: center
}

table th {
    /*color: #000;*/
    /*font-size: 12px;*/
    /*line-height: 1.4;*/
    /*text-transform: uppercase*/
}

table tr:hover td {
    /*background-color: hsla(0, 0%, 94%, .53);*/
    /*border-color: #000;*/
    /*color: #000;*/
    /*cursor: pointer*/
}

table td:hover {
    /*color: #000*/
}

table td strong {
    /*display: block;*/
    /*font-size: 20px;*/
    /*font-weight: 400;*/
    /*padding-bottom: 5px*/
}

table td.-link {
    text-align: center;
    width: 46px
}

table td.-link img {
    height: 30px;
    opacity: .6;
    width: 30px
}

table td.-link img:hover {
    opacity: 1
}

table tr.-half td {
    text-align: left;
    width: 50%
}

.pageCatalog_cat {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 20px auto
}

.pageCatalog_cat a:link, .pageCatalog_cat a:visited {
    border-radius: 2px;
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 15px 10px;
    text-align: center
}

.pageCatalog_cat a:link.-act, .pageCatalog_cat a:link:hover, .pageCatalog_cat a:visited.-act, .pageCatalog_cat a:visited:hover {
    background: #6563ff;
    color: #fff
}

.topStatuses {
    align-items: center;
    display: flex;
    justify-content: space-around;
    padding: 10px 0
}

.topStatuses a:link, .topStatuses a:visited {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 33px -12px rgba(0, 0, 0, .44);
    padding: 10px 20px
}

.topStatuses a:link:hover, .topStatuses a:visited:hover {
    background-color: #efef99
}

.topStatuses a:link.-act, .topStatuses a:visited.-act {
    background: #6563ff;
    color: #fff
}

.prodCart {
    max-width: 100%;
    overflow-x: auto
}

.prodCart table tr td {
    vertical-align: middle
}

.goods-menu {
    background: #fff;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    padding: 20px 0;
    position: fixed;
    top: 0;
    width: 200px;
    z-index: 999
}

.goods-menu > img {
    display: block;
    margin: 0 auto;
    padding: 0 20px
}

.goods-menu .accordion {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    margin: 0 16px;
    outline: none;
    padding: 8px;
    text-align: left;
    transition: .4s;
    width: calc(100% - 32px)
}

.goods-menu .accordion:after {
    color: #777;
    content: "\02795";
    float: right;
    font-size: 10px;
    margin-left: 5px
}

.goods-menu .accordion:hover:after, .goods-menu .active:after {
    content: "\2796"
}

.goods-menu .accordion:hover {
    background: #f3f4f6
}

.goods-menu .panel {
    border-left: 2px solid #ececec;
    display: none;
    margin: 0 16px;
    overflow: hidden;
    padding: 0 8px
}

.goods-menu .panel hr {
    border: none;
    border-bottom: 2px solid #ececec;
    margin: 10px
}

.goods-menu .panel a:link, .goods-menu .panel a:visited {
    border-radius: 8px;
    color: #1f2937;
    display: block;
    font-size: 12px;
    margin-left: 4px;
    padding: 8px 16px
}

.blockModal input, .blockModal select, .blockModal textarea {
    background-color: #fff;
    border: 2px solid #e3e3e3;
    border-radius: 4px;
    box-sizing: border-box;
    color: gray;
    display: block;
    font-size: 13px;
    height: auto;
    margin-bottom: 30px;
    min-width: 80px;
    outline: 0;
    padding: 10px;
    width: 100%
}

.blockModal input:focus, .blockModal select:focus, .blockModal textarea:focus {
    background: #d2d9dd
}

.blockModal select {
    -webkit-appearance: menulist-button
}

.blockModal .number {
    border-radius: 15px 15px 15px 0;
    display: inline-block;
    font-size: .8em;
    height: 30px;
    line-height: 30px;
    margin-right: 4px;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .2);
    width: 30px
}

.blockModal.number, .blockModal input[type=button], .blockModal input[type=submit] {
    background: #bebebe;
    color: #fff;
    text-align: center
}

.blockModal input[type=button], .blockModal input[type=submit] {
    border: 2px solid #bebebe;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-style: normal;
    margin-bottom: 10px;
    padding: 10px 20px;
    position: relative
}

.blockModal input[type=button]:hover, .blockModal input[type=submit]:hover {
    background: #6563ff;
    border-color: #6563ff;
    color: #fff
}

.blockModal input.-price {
    color: #000;
    font-size: 18px;
    margin: 0;
    text-align: center;
    width: 90px
}

.blockModal a.el-button {
    border: 2px solid #000;
    border-radius: 2px;
    color: #000;
    cursor: pointer;
    display: block;
    margin: 10px 0;
    padding: 10px;
    text-align: center
}

.blockModal a.el-button:hover {
    border: 2px solid #6563ff;
    color: #6563ff
}