#breadcrumb a {
    color: #333
}



.breadcrumb {
    height: 30px;
    line-height: 30px;
    justify-content: flex-start;
    font-size: 12px
}

.breadcrumb,
.breadcrumb .breadcrumb-inline {
    width: 100%;
    display: flex;
    align-items: center
}

.breadcrumb .breadcrumb-inline .breadcrumb-item {
    display: inline-block;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0
}

.breadcrumb .breadcrumb-inline .breadcrumb-item span {
    font-size: 12px
}

.breadcrumb .breadcrumb-inline .breadcrumb-item:last-child {
    flex-shrink: 1
}

.breadcrumb .breadcrumb-inline .breadcrumb-item .info {
    cursor: pointer;
    color: #222
}

.breadcrumb .breadcrumb-inline .breadcrumb-item .info:hover {
    opacity: .8
}

.breadcrumb .breadcrumb-inline .breadcrumb-item .primary {
    color: #72777d
}

.breadcrumb .breadcrumb-inline .breadcrumb-item .breadcrumb-separator {
    margin-right: 3px
}

.category li {
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    cursor: pointer;
    font-size: 12px;
    transition: all .2s ease-in-out
}

.category li i {
    margin-right: 5px
}

.category .active,
.category li:hover {
    background: #f9f3eb;
    color: #e70012
}

.category .m-link {
    border-top: 6px solid #f2f2f2;
    position: relative;
    box-sizing: content-box
}

.category .m-link:after {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e630";
    font-size: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    margin: auto
}

.allCategory .title {
    padding: 0 20px 0 10px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 10px solid #f2f2f2
}

.allCategory .title .h2-count {
    font-size: 12px;
    color: #666
}

.allCategory .title .h2-extra,
.allCategory .title .h2-extra .icon-arrow-right-2 {
    font-size: 12px
}

.allCategory .title i {
    margin-right: 5px
}

.allCategory .title span {
    color: #666
}

.allCategory .title:hover {
    color: #e70012
}

.allCategory .item {
    border-bottom: 10px solid #fff
}

.allCategory .item .title {
    border-bottom: 1px solid #f2f2f2;
    height: 40px;
    line-height: 40px
}

.allCategory .item .itemcon {
    padding: 0 10px
}

.allCategory .item .itemcon .h3 {
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d6d6d6
}

.allCategory .item .itemcon .h3 .span {
    height: 12px;
    background: #e70012;
    width: 4px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: -1px
}

.allCategory .item .itemcon .h3 .h3-count {
    font-size: 12px;
    color: #666
}

.allCategory .item .itemcon ul {
    display: flex;
    flex-wrap: wrap
}

.allCategory .item .itemcon li {
    margin-bottom: 10px;
    margin-right: 12.66px
}

.allCategory .item .itemcon li a {
    display: block
}

.allCategory .item .itemcon li a:hover {
    color: #e70012
}

.allCategory .item .itemcon li a:hover .imgbox {
    border: 1px solid #e70012
}

.allCategory .item .itemcon li .imgbox {
    width: 85px;
    height: 85px;
    background: #fff;
    border: 1px solid #eee;
    padding: 2px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.allCategory .item .itemcon li .imgbox .showImg {
    width: 70px;
    height: 70px;
    border: unset
}

.allCategory .item .itemcon li .p {
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
    width: 85px;
    line-height: 20px
}

.allCategory::-webkit-scrollbar {
    display: none;
    width: 0
}

.el-icon-arrow-down {
    /* font-size: 20px; */
    vertical-align: middle
}

.arrowUp {
    transform: rotate(180deg)
}

.secondLevel li {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    cursor: pointer;
    font-size: 12px
}

.secondLevel li i {
    margin-right: 5px
}

.secondLevel .active,
.secondLevel li:hover {
    background: #e70012;
    color: #fff
}

.filterBox {
    background: #fff;
    font-size: 12px
}

.filterBox .border_attr {
    border-bottom: 1px solid #ebeef5
}

.filterBox .filterPart:last-child .border_attr {
    border-bottom: none
}

.filterBox .oneBrand .el-checkbox__input .el-checkbox__inner {
    display: none
}

.filterBox .oneBrand .el-checkbox__label {
    padding-left: 0
}

.filterBox .label-mini {
    font-size: 12px;
    max-width: 160px;
    display: inline-block
}

.filterBox .f-img-box {
    margin: 5px 10px
}

.filterBox .f-img-box .f-img {
    max-width: 100%;
    max-height: 60px
}

.filterBox .title {
    border-radius: 4px 4px 0 0;
    border: 1px solid #ebeef5;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    height: 50px;
    background: #fff
}

.filterBox .title span {
    font-size: 12px;
    color: #72777d;
    cursor: pointer
}

.filterBox .title span i {
    margin-right: 2px
}

.filterBox .title span:hover {
    color: #e70012
}

.filterBox .filterItem {
    border: 1px solid #ebeef5
}

.filterBox .filterItem .filterPart {
    background: #fff;
    margin-bottom: 10px;
    padding: 0 10px 10px
}

.filterBox .filterItem .filterPart .filterPart-title {
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between
}

.filterBox .filterItem .filterPart .filterPart-title .filterItem-title {
    font-weight: 700
}

.filterBox .filterItem .filterPart .filterPart-title .filterItem-title .duoxuan {
    font-weight: 400;
    font-size: 12px;
    color: #72777d
}

.filterBox .filterItem .arrow {
    cursor: pointer;
    width: 20px;
    height: 40px;
    text-align: right
}

.filterBox .filterItem .arrowUp {
    transform: rotate(180deg)
}

.filterBox .filterItem .mt {
    margin-bottom: 10px
}

.filterBox .filterItem .range {
    margin-bottom: 15px
}

.filterBox .filterItem .filterItem-title {
    font-size: 14px;
    width: 150px
}

.filterBox .filterItem .el-checkbox {
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center
}

.filterBox .filterItem .range .rangecon {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.filterBox .filterItem .range .rangecon .el-input__inner {
    padding: 0 5px
}

.filterBox .filterItem .range .rangebut {
    margin-top: 10px;
    width: 100%;
    padding: 10px 20px;
    font-size: 12px
}

.filterBox .filterItem .range .el-input {
    width: 40%
}

.filterBox .filterItem .range .divider {
    width: 8px;
    height: 1px;
    background: #333
}

.filterBox .filterItem .searchcon {
    border-top: 1px solid #ebeef5
}

.filterBox .filterItem .brandChecked .scroll_c .checked_con {
    margin-right: 0
}

.filterBox .filterItem .brandcon {
    max-height: 175px;
    overflow-y: scroll;
    border: 1px solid #d8d8d8
}

.filterBox .filterItem .brandcon .el-checkbox {
    padding: 0 10px
}

.filterBox .filterItem .brandcon .el-checkbox:hover {
    background: #f9f4f0
}

.filterBox .filterItem .brandHcon {
    max-height: 340px;
    overflow-y: auto;
    overflow-x: hidden
}

.filterBox .filterItem .open {
    text-align: center;
    color: #e70012;
    margin-top: 10px;
    cursor: pointer
}

.filterBox .filterItem .el-button.is-disabled {
    cursor: default
}

.filterBox .checked_con {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 10px 10px 0
}

.filterBox .checked_con .checked_text {
    font-size: 12px;
    color: #b9bbbe
}

.filterBox .checked_con .close_btn {
    color: #72777d;
    font-size: 12px;
    cursor: pointer
}

.filterBox .el-input__inner {
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.filterBox .el-input__icon {
    height: 30px;
    line-height: 30px
}

.filterBox .el-collapse {
    border: none;
    border-bottom: 1px solid #ebeef5;
    padding: 0 10px;
    background: #fff;
    margin-bottom: 10px
}

.filterBox .el-collapse:last-child {
    margin-bottom: 0
}

.filterBox .el-collapse .el-collapse-item__content {
    padding-bottom: 15px
}

.filterBox .el-checkbox__label {
    font-weight: 400
}

.filterBox .el-radio {
    font-size: 12px;
    display: flex;
    align-items: center
}

.filterBox .el-radio,
.filterBox .el-radio .el-radio__label {
    height: 30px;
    line-height: 30px
}

.el-button.is-disabled {
    border: 1px solid #ecdfd2 !important;
    color: #e7d5c2 !important;
    background: #fffaf6 !important
}

.cancel_btn.is-disabled {
    border: 1px solid #f2f2f2 !important;
    color: #72777d !important;
    background: #f2f2f2 !important
}

.brand-codes-mt {
    margin-top: 10px
}

.list-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 60px auto;
    font-size: 14px;
    color: #666
}

.moudleList {
    margin-top: 10px
}

.moudleList ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.moudleList ul li {
    width: 49.5%;
    border: 1px solid #dcdfe6;
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden
}

.result {
    border: 1px solid #dedede;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.result .item {
    width: 20%;
    padding-bottom: 10px;
    margin-bottom: 20px;
    cursor: pointer;
    border: 1px solid transparent
}

.result .item .formatproductStatus {
    color: #be946a
}

.result .item .imageCon {
    height: 155px;
    overflow: hidden;
    position: relative
}

.result .item .name {
    margin: 5px 0
}

.result .item .formatproductStatusText {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.result .item .product_itemNo {
    margin-bottom: 2px;
    color: #999;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.result .item .image_con_new {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.result .item .image_con_new .flex_detail {
    width: 180px
}

.result .item .photo {
    width: 150px;
    height: 150px;
    display: block;
    margin-bottom: 5px
}

.result .item .label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px
}

.result .item .label .spec {
    font-size: 12px;
    color: #e70012
}

.result .item .label .tag {
    color: #d05d64;
    border: 1px solid #fad5d8;
    background: #ffeff0;
    font-size: 12px;
    padding: 2px 4px
}

.result .item .name {
    font-size: 12px;
    color: #333;
    height: 36px
}

.result .item .price {
    font-size: 14px;
    color: #ce2031
}

.result .item .price strong {
    font-size: 16px;
    font-weight: 600
}

.result .item .deliver {
    color: #999;
    font-size: 12px
}

.result .item:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15)
}

.result .item:hover .name {
    color: #be946a
}

.m-goods {
    padding: 10px;
    background: #fff
}

.m-goods,
.m-goods .m-img-box {
    display: flex;
    align-items: center
}

.m-goods .m-img-box {
    width: 72px;
    height: 72px;
    margin-right: 10px;
    flex-shrink: 0;
    justify-content: center;
    position: relative
}

.m-goods .m-img-box .m-img {
    max-width: 72px;
    max-height: 72px
}

.m-goods .m-img-box .m-img:hover {
    position: absolute;
    left: -10px;
    top: -10px;
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px;
    z-index: 10;
    background: #fff;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .3)
}

.m-goods .goodsinfo {
    width: 100%;
    min-width: 0
}

.m-goods .goodsinfo .goods-info-title {
    display: flex;
    justify-content: space-between
}

.m-goods .goodsinfo .goods-info-title .to-detail {
    width: 80px;
    text-align: right;
    font-size: 12px;
    color: #333
}

.m-goods .goodsinfo .goods-info-title .to-detail .arrow {
    font-size: 12px;
    color: #999;
    margin-left: 2px;
    transform: scale(.8);
    transform-origin: center;
    display: inline-block;
    position: relative;
    top: 1px
}

.m-goods .goodsinfo .goods-info-title .to-detail:hover {
    color: #e70012
}

.m-goods .goodsinfo .goods-info-title .to-detail:hover .arrow {
    color: rgba(190, 149, 106, .8)
}

.m-goods .goodsinfo .goods-info-title h2 {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    font-size: 14px;
    width: 0
}

.m-goods .goodsinfo h2 {
    font-size: 14px
}

.m-goods .goodsinfo .productName {
    font-weight: nomal
}

.m-goods .goodsinfo .row {
    margin-top: 2px;
    /*color: #e70012;*/
    display: flex;
    justify-content: space-between
}

.m-goods .goodsinfo .row .to-detail {
    font-size: 12px;
    color: #333
}

.m-goods .goodsinfo .row .to-detail .arrow {
    font-size: 12px;
    color: #999;
    margin-left: 2px;
    transform: scale(.8);
    transform-origin: center;
    display: inline-block;
    position: relative;
    top: 1px
}

.m-goods .goodsinfo .row .to-detail:hover {
    color: #e70012
}

.m-goods .goodsinfo .row .to-detail:hover .arrow {
    color: rgba(190, 149, 106, .8)
}

.m-goods .goodsinfo .price {
    font-size: 16px;
    /*color: #ce2031;*/
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin-bottom: 5px
}

.m-goods .goodsinfo .price strong {
    font-weight: 700
}

.m-goods .goodsinfo .price .mini {
    font-size: 12px;
    font-weight: 700
}

.tag-warrper,
.vipValue {
    margin-left: 5px
}

.vipValue {
    color: #222
}

.ClassifyTableList {
    position: relative;
    max-width: 982px;
    overflow: hidden
}

.ClassifyTableList .ve-table-container {
    min-height: 70px
}

.ClassifyTableList .ve-table-header-th {
    min-width: 50px;
    max-width: 120px;
    height: 34px;
    white-space: nowrap;
    padding: 0 2px !important;
    box-sizing: border-box;
    font-size: 12px !important
}

.ClassifyTableList .ve-table-body-td,
.ClassifyTableList .ve-table-body-tr,
.ClassifyTableList .ve-table-header-tr {
    height: 34px !important;
    box-sizing: border-box;
    font-size: 12px !important
}

.ClassifyTableList .ve-table-body-td {
    min-width: 50px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px !important
}

.ClassifyTableList .ve-table-body-tr:hover td {
    background-color: #fff7ee !important
}

.ClassifyTableList .table {
    width: 100%
}

.ClassifyTableList .el-table__body-wrapper .el-table__empty-block .el-icon-loading {
    font-size: 20px
}

.ClassifyTableList .selected-row,
.ClassifyTableList .selected-row td {
    background-color: #fff7ee !important
}

.ClassifyTableList .disabled-row {
    color: #999 !important
}

.ClassifyTableList .disabled-row,
.ClassifyTableList .disabled-row td {
    background-color: #f7f7f7 !important
}

.table-expand {
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.table-expand .iconfont {
    margin-bottom: 10px;
    cursor: pointer;
    color: #666
}

.table-expand .iconfont:hover {
    color: #e70012;
    opacity: .8
}

.table-expand .flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

.load-more {
    font-size: 12px;
    color: #333
}

.load-more .arrow {
    font-size: 12px;
    color: #999;
    transform: scale(.8);
    transform-origin: center;
    display: inline-block;
    position: relative;
    top: 0;
    left: -2px
}

.load-more:hover {
    color: #e70012
}

.load-more:hover .arrow {
    color: rgba(190, 149, 106, .8)
}

.classifyCart {
    min-height: 50px;
    padding: 10px 0
}

.classifyCart .inline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    position: relative
}

.classifyCart .inline.center {
    justify-content: center;
    margin-bottom: 10px
}

.el-input-number--mini {
    width: 80px
}

.el-table {
    border-right: none !important;
    border-left: none !important
}

.el-table__cell {
    padding: 5px 0 !important
}

.cell {
    font-weight: 400;
    font-size: 12px
}

.tableList {
    margin-top: 10px
}

.tableList ul li {
    width: 100%;
    border: 1px solid #dcdfe6;
    margin-bottom: 20px;
    background: #fff;
    overflow: hidden
}

.tag .el-tag {
    margin-bottom: 2px;
    height: 20px;
    padding: 0 6px;
    border-radius: 0;
    line-height: 20px
}

.tag .el-tag--danger {
    color: #d05d64;
    background: #ffeff0;
    border: 1px solid #fad5d8
}

.tag .el-tag--warning {
    color: #f78612;
    background: #fff8e0;
    border: 1px solid #ffe2c5
}

.tag .el-tag--plain {
    background: #fff
}

.pop-position {
    margin-bottom: -5px !important
}

#_calcLength {
    visibility: hidden
}

.table-container {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 982px;
    min-height: 48px;
    font-size: 12px
}

.table-container .table {
    width: 100%
}

.table-container .disabled {
    background: #f7f7f7;
    cursor: not-allowed
}

.table-container .disabled:hover {
    cursor: not-allowed
}

.table-tag {
    width: 28px;
    height: 14px;
    background-size: contain;
    margin-left: 4px
}

.table-tag.danger {
    background-image: url(/_nuxt/img/d7a0458.png);
    background-repeat: no-repeat
}

.table-tag.plain {
    background-image: url(/_nuxt/img/da67336.png);
    background-repeat: no-repeat
}

.price {
    display: flex;
    align-items: center;
    min-width: 120px
}

.max-width {
    width: 140px
}

.itemNo {
    display: flex;
    max-width: 110px;
    width: 80px;
    align-items: center
}

.inline-block {
    display: inline-block
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.underline {
    text-decoration: underline;
    text-underline-offset: 3px
}

.disabled-row,
.disabled-row .itemNo {
    color: #b9bbbe
}

.disabled-row:hover .item-text:hover {
    color: #b9bbbe !important
}

.price-integer {
    font-size: 12px;
    display: inline-block
}

.font10,
.price-decimal {
    transform: scale(.82);
    font-size: 12px;
    display: inline-block;
    height: 23px;
    vertical-align: bottom;
    margin-left: -1px
}

/*table tr td,
table tr th {
    padding: 0 8px
}*/


/*table tr td:first-child,
table tr th:first-child {
    border-left: none !important
}

table tr td:last-child,
table tr th:last-child {
    border-right: none !important;
    padding-right: 8px
}

table {
    min-height: 24px;
    line-height: 24px;
    padding: 2px
}*/

/*td,
th,
tr {
    cursor: pointer;
    white-space: nowrap;
    word-break: break-all
}

.td-div {
    height: 24px;
    overflow: hidden
}

th {
    background: #e6e6e6;
    font-weight: 400
}*/

.tag-warrper {
    margin-left: 5px
}

.ClassifyTableNormal {
    max-width: 1200px;
    height: -moz-fit-content;
    height: fit-content
}

.ClassifyTableNormal .table {
    position: relative
}

.ClassifyTableNormal .table .empty-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 34px;
    box-sizing: border-box
}

.ClassifyTableNormal .table .empty-box .el-icon-loading {
    font-size: 24px;
    color: #888
}

.ClassifyTableNormal .is-module .ve-table .ve-table-container.ve-table-border-around .ve-table-border-x tr:last-child>td {
    border-bottom: 1px solid #eee
}

.ClassifyTableNormal .row-1 .ve-table-container {
    min-height: 70px
}

.ClassifyTableNormal .row-2 .ve-table-container {
    min-height: 104px
}

.ClassifyTableNormal .row-3 .ve-table-container {
    min-height: 138px
}

.ClassifyTableNormal .row-4 .ve-table-container {
    min-height: 172px
}

.ClassifyTableNormal .row-5 .ve-table-container {
    min-height: 206px
}

.ClassifyTableNormal .length-5 .ve-table .ve-table-container.ve-table-border-around .ve-table-border-x tr:last-child>td {
    border-bottom: 0
}

.ClassifyTableNormal .ve-table-header-th {
    min-width: 50px;
    max-width: 120px;
    height: 34px;
    white-space: nowrap;
    padding: 0 5px !important;
    box-sizing: border-box;
    font-size: 12px !important
}

.ClassifyTableNormal .ve-table-body-td,
.ClassifyTableNormal .ve-table-body-tr,
.ClassifyTableNormal .ve-table-header-tr {
    height: 34px !important;
    box-sizing: border-box;
    font-size: 12px !important
}

.ClassifyTableNormal .ve-table-body-td {
    min-width: 50px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px !important
}

.ClassifyTableNormal .ve-table-body-tr:hover td {
    background-color: #fff7ee !important
}

.ClassifyTableNormal .el-table__body-wrapper {
    min-height: 186px
}

.ClassifyTableNormal .el-table__body-wrapper .el-table__empty-block {
    min-height: 180px;
    width: auto !important
}

.ClassifyTableNormal .el-table__body-wrapper .el-table__empty-block .el-icon-loading {
    font-size: 20px
}

.ClassifyTableNormal .selected-row,
.ClassifyTableNormal .selected-row td {
    background-color: #fff7ee !important
}

.ClassifyTableNormal .disabled-row {
    background-color: #f7f7f7 !important;
    color: #999 !important
}

.ClassifyTableNormal .disabled-row td {
    background-color: #f7f7f7 !important
}

.table-expand {
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.table-expand .iconfont {
    margin-bottom: 10px;
    cursor: pointer;
    color: #666
}

.table-expand .iconfont:hover {
    color: #e70012;
    opacity: .8
}

.table-expand .flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

.load-more {
    font-size: 12px;
    color: #333
}

.load-more .arrow {
    font-size: 12px;
    color: #999;
    transform: scale(.8);
    transform-origin: center;
    display: inline-block;
    position: relative;
    top: 0;
    left: -2px
}

.load-more:hover {
    color: #e70012
}

.load-more:hover .arrow {
    color: rgba(190, 149, 106, .8)
}

.classifyCart {
    min-height: 30px;
    height: 30px;
    line-height: 30px
}

.classifyCart .inline {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    position: relative
}

.classifyCart .inline.center {
    justify-content: center;
    margin-bottom: 10px
}

.classifyCart .inline-hover {
    cursor: pointer
}

.classifyCart .inline-hover:hover,
.classifyCart .inline-hover:hover .iconfont {
    color: #e70012
}

.classifyCart .iconfont {
    margin-bottom: 10px;
    cursor: pointer;
    color: #666
}

.classifyCart .iconfont:hover {
    color: #e70012;
    opacity: .8
}

.el-input-number--mini {
    width: 80px
}

.el-table__cell {
    padding: 5px 0 !important
}

.cell {
    font-weight: 400;
    font-size: 12px
}

.cell a:hover {
    color: #e70012
}

.normalList {
    margin-top: 10px
}

.normalList .n-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.normalList .n-list .n-li {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 20px;
    border: 1px solid #dcdfe6;
    background: #fff;
    overflow: hidden
}

.listlist {
    margin-top: 10px
}

.listlist li {
    border: 1px solid #dcdfe6;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    background: #fff
}

.listlist li .left {
    padding: 10px;
    border-right: 1px solid #dcdfe6;
    flex-shrink: 0;
    position: relative
}

.listlist li .left img {
    width: 160px;
    height: 160px;
    display: block
}

.listlist li .middle {
    width: 540px;
    padding: 20px
}

.listlist li .middle h2 {
    font-size: 14px;
    font-weight: 700
}

.listlist li .middle .p,
.listlist li .middle h2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.listlist li .middle .p {
    margin: 5px 0;
    width: 500px
}

.listlist li .middle .p .brand {
    width: -moz-fit-content;
    width: fit-content;
    background: #f4e3cf;
    padding: 2px 10px;
    font-size: 12px;
    display: inline-block;
    margin: 5px 0;
    color: #a67949 !important
}

.listlist li .middle .p span {
    width: 60px;
    display: inline-block
}

.listlist li .middle .p a,
.listlist li .middle .p em {
    border-right: 1px solid #cdd7ef;
    padding: 0 5px;
    font-style: normal
}

.listlist li .middle .p .itemno:hover {
    color: #e70012
}

.listlist li .middle .p a:last-child,
.listlist li .middle .p em:last-child {
    border-right: none
}

.listlist li .right {
    width: 240px;
    margin: 20px 0;
    border-left: 1px dashed #dcdfe6;
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0
}

.listlist li .right .price {
    font-size: 16px;
    color: #ce2031;
    line-height: 22px;
    display: flex;
    align-items: center;
    padding-right: 10px
}

.listlist li .right .price .mini {
    font-size: 12px
}

.listlist li .right .price strong {
    font-weight: 600
}

.listlist li .right .p {
    margin: 5px 0
}

.listlist li .right .p a {
    /*background: #e70012;
    border-radius: 4px;
    color: #fff;
    padding: 5px 15px;
    display: inline-block;
    color: #fff !important*/
}

.vipValue {
    color: #222;
    margin-left: 5px
}

.sort-caret {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    position: absolute;
    left: 7px
}

.sort-caret.ascending {
    border-bottom-color: #c0c4cc;
    bottom: 2px
}

.is-active .sort-caret.ascending {
    border-bottom-color: #e9c8a6
}

.is-active .sort-caret.descending {
    border-top-color: #e9c8a6
}

.is-active .sort-caret.ascending.asc {
    border-bottom-color: #fff !important
}

.is-active .sort-caret.descending.desc {
    border-top-color: #fff !important
}

.inner-box .asc {
    border-bottom-color: #bf956a !important
}

.inner-box .desc {
    border-top-color: #bf956a !important
}

.sort-caret.descending {
    border-top-color: #c0c4cc;
    top: 2px
}

.filter-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

.filter-wrapper .filter-container {
    flex: 1;
    display: flex;
    align-items: center
}

.filter-wrapper .filter-container .filter-tab .top-bottom {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 14px;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    overflow: initial;
    position: relative
}

.filter-wrapper .filter-container .filter-tab .inner-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative
}

.filter-wrapper .filter-container .filter-tab .inner-box:after {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px
}

.filter-wrapper .filter-container .filter-tab .inner-box .label {
    font-size: 12px
}

.filter-wrapper .filter-container .filter-tab .inner-box .top-bottom {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 14px;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    overflow: initial;
    position: relative
}

.filter-wrapper .filter-container .filter-tab.el-radio-button__inner {
    border-radius: 0
}

.filter-wrapper .filter-container .filter-tab.el-radio-button--small .el-radio-button__inner {
    padding: 8px 15px
}

.filter-wrapper .filter-container .filter-prostatus {
    margin: 0 8px
}

.filter-wrapper .filter-container .filter-price {
    margin-right: 8px
}

.filter-wrapper .filter-container .filter-price .input-mini-max {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
    border: 1px solid #d6d6d6;
    box-sizing: border-box
}

.filter-wrapper .filter-container .filter-price .input-mini-max.el-input__inner {
    border: 0;
    height: 28px;
    line-height: 28px
}

.filter-wrapper .filter-container .filter-price .input-mini-max.el-input--small {
    height: 28px;
    font-size: 12px
}

.filter-wrapper .filter-container .filter-price .input-mini-max.el-radio-button__inner {
    border-top: none;
    border-bottom: none;
    border-radius: 0
}

.filter-wrapper .filter-container .filter-price .input-mini-max.el-button--small {
    font-size: 12px;
    height: 28px;
    border-radius: 0;
    border: 0 !important
}

.filter-wrapper .filter-container .filter-price .filter-price-reset {
    margin-left: 0;
    color: #bfbfbf !important;
    background: #f2f2f2
}

.filter-wrapper .filter-container .filter-delivery-range {
    width: 116px
}

.filter-wrapper .filter-container .filter-delivery-range.el-input__inner {
    border-radius: 0;
    height: 30px;
    font-size: 12px
}

.filter-wrapper .filter-container .filter-delivery-range.el-input--small {
    height: 30px;
    font-size: 12px
}

.filter-wrapper .view-tab-container {
    display: flex;
    font-size: 12px
}

.filter-wrapper .view-tab-container .view-item {
    margin-left: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 12px
}

.filter-wrapper .view-tab-container .view-item img {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.filter-wrapper .view-tab-container .checked {
    color: #e70012
}

.filter-wrapper .proStatusBtn {
    display: flex;
    align-items: center;
    font-size: 14px
}

.filter-wrapper .proStatusBtn i {
    border: 1px solid #dcdfe6;
    background: #fff;
    width: 14px;
    height: 14px;
    display: block;
    margin-right: 5px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center
}

.filter-wrapper .proStatusBtn .el-icon-check {
    background: #e70012;
    color: #fff;
    font-size: 12px;
    border: 1px solid #e70012;
    font-weight: 700
}

.pageUl {
    margin: 0
}

.pageLi,
.pageUl {
    vertical-align: top;
    display: inline-block
}

.pageLi {
    margin: 0 5px;
    background-color: #f4f4f5;
    color: #333;
    min-width: 30px;
    border-radius: 2px;
    padding: 0 4px;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer
}

.pageLi:hover {
    color: #be946a
}

.tePageLi,
.tePageLi:hover {
    background-color: #be946a !important;
    color: #fff !important
}

.tePageLi:hover {
    cursor: default !important
}

.categoryDetail .CD-row {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    background: #fff;
    padding: 0 0 10px
}

.categoryDetail .CD-row.attr-checked-list {
    padding-top: 0
}

.categoryDetail .CD-row.attr-checked-list .item {
    width: -moz-fit-content;
    width: fit-content;
    padding: 3px 5px 3px 8px;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    color: #666;
    background: #fafafa;
    border: 1px solid #d8d8d8;
    margin-top: 10px;
    margin-right: 10px
}

.categoryDetail .CD-row.attr-checked-list .item:last-child {
    margin-right: 0
}

.categoryDetail .CD-row.attr-checked-list .item .label {
    margin-right: 2px
}

.categoryDetail .CD-row.attr-checked-list .item .value {
    color: #e70012;
    margin-right: 5px
}

.categoryDetail .CD-row.attr-checked-list .item .close-box {
    width: 14px;
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e70012;
    border-radius: 50%;
    cursor: pointer
}

.categoryDetail .CD-row.attr-checked-list .item .close-box .iconfont {
    font-size: 12px;
    transform: scale(.7);
    transform-origin: center
}

.categoryDetail .CD-row.attr-checked-list .item:hover {
    border-color: #e70012
}

.categoryDetail .CD-row.attr-checked-list .item:hover .close-box {
    background: #e70012;
    color: #fff;
    transform: scale(1)
}

.categoryDetail .CD-row .v-title {
    position: relative
}

.categoryDetail .CD-row .v-title .v-inline {
    font-size: 16px;
    font-weight: 600;
    padding-left: 12px;
    position: relative;
    color: #333
}

.categoryDetail .CD-row .v-title .v-inline:before {
    content: " ";
    width: 4px;
    height: 14px;
    background: #e70012;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.categoryDetail .CD-row .v-title:after {
    content: " ";
    width: 100%;
    height: 1px;
    background: #d6d6d6;
    margin: 10px 0;
    display: block
}

.categoryDetail .CD-row .v-content {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 12px;
    background: #f5f5f5;
    font-size: 12px;
    color: #333;
    line-height: 20px;
    letter-spacing: 1px
}

.categoryDetail .CD-row .v-content+.c-list {
    margin-top: 10px
}

.categoryDetail .CD-row.category-list .c-list {
    display: flex;
    flex-wrap: wrap
}

.categoryDetail .CD-row.category-list .c-list .c-item {
    box-sizing: border-box;
    width: 152.3px;
    height: 62px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #dedede
}

.categoryDetail .CD-row.category-list .c-list .c-item:hover {
    color: #e70012;
    border-color: #e70012
}

.categoryDetail .CD-row.category-list .c-list .c-item:nth-child(6n) {
    margin-right: 0
}

.categoryDetail .CD-row.category-list .c-list .c-item:nth-child(-n+6) {
    margin-top: 0
}

.categoryDetail .CD-row.category-list .c-list .c-item .c-img-box {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px
}

.categoryDetail .CD-row.category-list .c-list .c-item .c-img-box .c-img {
    max-width: 100%;
    max-height: 100%
}

.categoryDetail .CD-row.category-list .c-list .c-item .c-desc .c-name {
    max-height: 34px;
    max-width: 76px;
    font-size: 12px;
    color: #333;
    line-height: 17px;
    display: flex;
    align-items: flex-end;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.categoryDetail .CD-row.category-list .c-list .c-item .c-desc .c-count {
    font-size: 12px;
    color: #666;
    line-height: 17px
}

.categoryDetail .CD-row.knowledge-list .c-list {
    display: flex;
    flex-wrap: wrap
}

.categoryDetail .CD-row.knowledge-list .c-list .c-item {
    box-sizing: border-box;
    width: 216px;
    padding-left: 12px;
    display: flex;
    align-items: center;
    margin-right: 30px;
    margin-top: 10px;
    font-size: 12px !important;
    color: #333;
    line-height: 17px
}

.categoryDetail .CD-row.knowledge-list .c-list .c-item .v-inline {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.categoryDetail .CD-row.knowledge-list .c-list .c-item:nth-child(4n) {
    margin-right: 0
}

.categoryDetail .CD-row.knowledge-list .c-list .c-item:nth-child(-n+4) {
    margin-top: 0
}

.categoryDetail .CD-row.knowledge-list .c-list .c-item:before {
    content: " ";
    width: 6px;
    height: 6px;
    background: #666;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
    flex-shrink: 0
}

.categoryDetail .CD-row.knowledge-list .c-list .c-item:hover {
    color: #e70012
}

.categoryDetail .CD-row.knowledge-list .c-list .c-item:hover:before {
    background: #e70012
}

.categoryDetail .font-light:hover {
    color: #e70012
}

.categoryDetail .CD-menu-box .el-loading-spinner .circular {
    width: 20px
}

.categoryDetail .CD-menu-box li:hover {
    color: #e70012
}

.categoryDetail .caret-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    height: 34px;
    width: 24px;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    overflow: initial;
    position: relative
}

.categoryDetail .caret-wrapper.asc .sort-caret.ascending {
    border-bottom-color: #fff
}

.categoryDetail .caret-wrapper.asc .sort-caret.descending {
    border-top-color: #e9c8a6
}

.categoryDetail .caret-wrapper.desc .sort-caret.ascending {
    border-bottom-color: #e9c8a6
}

.categoryDetail .caret-wrapper.desc .sort-caret.descending {
    border-top-color: #fff
}

.categoryDetail .caret-wrapper .sort-caret {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    position: absolute;
    left: 7px
}

.categoryDetail .caret-wrapper .sort-caret.ascending {
    border-bottom-color: #c0c4cc;
    top: 5px
}

.categoryDetail .caret-wrapper .sort-caret.descending {
    border-top-color: #c0c4cc;
    bottom: 7px
}

.sort-caret {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    position: absolute;
    left: 7px
}

.sort-caret.ascending {
    border-bottom-color: #c0c4cc;
    bottom: 2px
}

.is-active .sort-caret.ascending {
    border-bottom-color: #e9c8a6
}

.is-active .sort-caret.descending {
    border-top-color: #e9c8a6
}

.is-active .sort-caret.ascending.asc {
    border-bottom-color: #fff
}

.is-active .sort-caret.descending.desc {
    border-top-color: #fff
}

.sort-caret.descending {
    border-top-color: #c0c4cc;
    top: 2px
}

.categoryDetail {
    font-size: 12px
}

.categoryDetail .pagination {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.categoryDetail .pagination .total {
    font-size: 12px;
    color: #666;
    margin-top: 10px
}

.categoryDetail .title {
    font-size: 18px;
    color: #333;
    line-height: 25px;
    background: #fff;
    padding: 10px 20px
}

.categoryDetail .descr {
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    letter-spacing: 1px;
    padding: 10px 20px;
    background: #fff
}

.categoryDetail .descr .p {
    border: 1px solid #dcdfe6;
    padding: 10px;
    border-radius: 4px
}

.categoryDetail .relevant {
    background: #fff
}

.categoryDetail .relevant .list {
    display: flex;
    flex-wrap: wrap
}

.categoryDetail .relevant a {
    line-height: 30px;
    width: 25%;
    margin-bottom: 5px;
    padding-left: 20px
}

.categoryDetail .relevant a span {
    width: 5px;
    height: 5px;
    background: #666;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle
}

.categoryDetail .relevant a:hover {
    color: #e70012
}

.categoryDetail .Fclassify {
    background: #fff;
    display: flex;
    flex-wrap: wrap
}

.categoryDetail .Fclassify .Fclassify-item {
    width: 19%;
    border: 1px solid #dcdfe6;
    padding: 5px 10px;
    border-radius: 4%;
    display: flex;
    align-items: center;
    margin-left: 1%;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: left
}

.categoryDetail .Fclassify .Fclassify-item:hover {
    color: #e70012
}

.categoryDetail .Fclassify .Fclassify-item img {
    width: 60px;
    height: 60px;
    margin-right: 5px
}

.categoryDetail .bottom {
    background: #fff;
    padding: 10px 0 20px
}

.categoryDetail .conditions {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.categoryDetail .conditions .left {
    display: flex
}

.categoryDetail .conditions .left .sortbox {
    border: 1px solid #e70012;
    height: 30px;
    line-height: 30px;
    display: flex;
    align-items: center
}

.categoryDetail .conditions .left .sortbox .s-item {
    width: 60px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-right: 5px
}

.categoryDetail .conditions .left .sortbox .s-item:nth-child(2) {
    border: 1px solid #e70012;
    border-top: 0;
    border-bottom: 0
}

.categoryDetail .conditions .left .sortbox .s-item .caret-wrapper {
    position: absolute;
    right: -3px;
    top: 0;
    bottom: 0;
    margin: auto
}

.categoryDetail .conditions .left .sortbox .active {
    background: #e70012;
    color: #fff
}

.categoryDetail .conditions .left .checkbox {
    margin-left: 20px;
    display: flex;
    align-items: center
}

.categoryDetail .conditions .left .checkbox .el-checkbox {
    margin-right: 10px;
    font-weight: 400;
    font-size: 12px
}

.categoryDetail .conditions .right {
    display: flex;
    color: #666;
    font-size: 12px;
    align-items: center
}

.categoryDetail .conditions .right ul {
    display: flex;
    margin-left: 10px
}

.categoryDetail .conditions .right ul li {
    margin-left: 10px;
    cursor: pointer;
    display: flex
}

.categoryDetail .conditions .right ul li img {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.categoryDetail .checked {
    color: #e70012
}

.cartImg {
    width: 120px;
    height: 90px;
    margin-bottom: 10px
}

.continue {
    margin-right: 14px;
    color: #fff;
    background: #000;
    margin-top: 10px;
    display: inline-block;
    padding: 5px 0;
    width: 90px;
    text-align: center
}

.goCart {
    background: #e70012
}

.list-empty {
    flex-direction: column;
    margin: 60px auto;
    font-size: 14px;
    color: #666
}

.filter,
.list-empty {
    display: flex;
    align-items: center
}

.filter {
    padding: 5px 0;
    justify-content: space-between
}

.filter .search-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e70012;
    border-radius: 0 2px 2px 0;
    height: 30px;
    width: 100%;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

.filter .search-button .el-icon-search {
    color: #fff
}

.filter .inner-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative
}

.filter .inner-box:after {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px
}

.filter .inner-box .label {
    font-size: 12px
}

.filter .inner-box .top-bottom {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 14px;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    overflow: initial;
    position: relative
}

.input-mini-max,
.left-filter,
.price-input {
    display: flex;
    flex-direction: row;
    align-items: center
}

.input-mini-max {
    background: #fff;
    border: 1px solid #d6d6d6;
    margin: 0 10px;
    border-radius: 4px;
    box-sizing: border-box
}

.input-mini-max.el-input__inner {
    border: 0
}

.input-mini-max.el-radio-button__inner {
    border-top: none;
    border-bottom: none;
    border-radius: 0
}

.searchright {
    display: flex;
    font-size: 12px
}

.searchright .menubox {
    display: flex
}

.searchright .menubox .modal {
    margin-left: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 12px
}

.searchright .menubox .modal img {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.searchright .allcount {
    margin-left: 10px
}

.affix[data-v-0dad2686] {
    position: fixed;
    z-index: 11
}

.searchResult .result {
    border: 1px solid #dedede;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.searchResult .result .item {
    width: 20%;
    padding: 10px;
    cursor: pointer;
    border: 1px solid transparent
}

.searchResult .result .item .photo {
    width: 147px;
    height: 147px;
    display: block;
    margin: 0 auto 10px
}

.searchResult .result .item .label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px
}

.searchResult .result .item .label .spec {
    font-size: 12px;
    color: #e70012
}

.searchResult .result .item .label .tag {
    color: #d05d64;
    border: 1px solid #fad5d8;
    background: #ffeff0;
    font-size: 12px;
    padding: 2px 4px
}

.searchResult .result .item .name {
    font-size: 12px;
    color: #333;
    height: 36px
}

.searchResult .result .item .price {
    font-size: 14px;
    color: #ce2031
}

.searchResult .result .item .price strong {
    font-size: 16px;
    font-weight: 600
}

.searchResult .result .item .deliver {
    color: #999;
    font-size: 12px
}

    .searchResult .result .item:hover {
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    }

.searchResult .result .item:hover .name {
    color: #e70012
}

.input-mini-max,
.left-filter,
.price-input {
    display: flex;
    flex-direction: row;
    align-items: center
}

.input-mini-max {
    background: #fff;
    border: 1px solid #d6d6d6;
    margin: 0 10px;
    border-radius: 4px;
    box-sizing: border-box
}

.input-mini-max.el-input__inner {
    border: 0
}

.el-input-group__append {
    background: #e70012
}

.input-with-select {
    width: 270px
}

.sort-caret {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    position: absolute;
    left: 7px
}

.sort-caret.ascending {
    border-bottom-color: #c0c4cc;
    bottom: 2px
}

.is-active .sort-caret.ascending {
    border-bottom-color: #e9c8a6
}

.is-active .sort-caret.descending {
    border-top-color: #e9c8a6
}

.is-active .sort-caret.ascending.asc {
    border-bottom-color: #fff
}

.is-active .sort-caret.descending.desc {
    border-top-color: #fff
}

.sort-caret.descending {
    border-top-color: #c0c4cc;
    top: 2px
}

.filter {
    background: #f5f5f5;
    border: 1px solid #dedede;
    padding: 5px 10px;
    justify-content: space-between
}

.filter,
.filter .search-button {
    display: flex;
    align-items: center
}

.filter .search-button {
    justify-content: center;
    background: #e70012;
    border-radius: 0 2px 2px 0;
    height: 30px;
    width: 100%;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

.filter .search-button .el-icon-search {
    color: #fff
}

.filter .inner-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative
}

.filter .inner-box:after {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px
}

.filter .inner-box .label {
    font-size: 12px
}

.filter .inner-box .top-bottom {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 14px;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    overflow: initial;
    position: relative
}

.right {
    font-size: 12px
}

.right,
.right .menubox {
    display: flex
}

.right .menubox .modal {
    margin-left: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 12px
}

.right .menubox .modal img {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.right .allcount {
    margin-left: 10px
}

.checked {
    color: #e70012
}

.pagination {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.pagination .total {
    font-size: 12px;
    color: #666;
    margin-top: 10px
}

.list-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    padding-top: 120px;
    color: #666
}

.el-button--small {
    border-radius: 0
}

.el-input--small .el-input__inner {
    height: 28px !important;
    line-height: 28px !important;
    border-radius: 0 !important
}

.el-input.el-input--small {
    height: 28px
}

.el-button--small,
.el-radio-button--small .el-radio-button__inner {
    padding: 7px 15px !important;
    border-radius: 0
}

.filter {
    padding: 2px 10px !important
}

.el-collapse-item__content {
    padding-bottom: 0 !important
}

.vipicon {
    width: 86px !important;
    height: 16px !important
}

.vipValue {
    color: #222;
    margin-left: 5px
}

.maxRightWidth .result .item {
    width: 15.0% !important
}

.maxRightWidth .table-container {
    width: 1200px !important
}

.maxRightWidth .listlist .middle {
    width: 760px !important
}

.check-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 22px 0 10px
}

.checkbox-grop-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background: #fff;
    max-height: 100px;
    overflow: auto
}

.checkbox-grop-wrap .checkbox-wrap {
    margin-right: 40px;
    margin-bottom: 13px
}

.fun-button {
    position: absolute;
    top: 10px;
    right: 10px;
    height: auto;
    line-height: 22px;
    overflow: hidden;
    zoom: 1;
    justify-content: flex-end;
    display: flex
}

.fun-button .more {
    float: left;
    margin-right: 10px;
    position: relative;
    font-size: 12px;
    padding: 3px 6px;
    background: #fff;
    visibility: visible;
    color: #333;
    border: 1px solid #ddd;
    cursor: pointer
}

.fun-button .el-button--mini {
    padding: 7px 6px
}

.fun-button .el-button,
.fun-button .el-button:active {
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    color: #666
}

.fun-button .el-button:hover {
    background: #fff;
    border: 1px solid #e70012;
    border-radius: 0;
    color: #e70012
}

.tab-list {
    overflow: hidden;
    padding: 0 56px 7px 0
}

.tab-list .key-item {
    float: left;
    text-align: center;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #e70012;
    border: 1px solid #e70012;
    margin: 0 5px 5px 0;
    cursor: pointer
}

.tab-list .key-item.active {
    background-color: #e70012;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #e70012
}

.selected {
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
}

.selected .pd-6 {
    padding: 0 6px
}

.selected .pd-l-10 {
    padding-left: 10px
}

.selected .title {
    color: #999;
    cursor: pointer;
    font-size: 12px
}

.selected .select-tag {
    display: flex;
    align-items: center;
    flex-direction: row
}

.selected .tag-name {
    color: #666;
    font-size: 12px
}

.selected.el-tag--plain {
    display: flex;
    align-items: center;
    flex-direction: row
}

.selected .check-name {
    color: #e70012;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.selected .el-tag {
    border-radius: 0;
    height: 24px;
    line-height: 24px
}

.screening-box {
    /*margin-bottom: 10px;*/
    font-size: 12px;
    position: relative
}

.screening-box .selected {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 0
}

.screening-box .selected .tag-name {
    color: #666;
    font-size: 12px
}

.screening-box .selected .check-name {
    color: #e70012
}

.screening-box .show {
    max-height: 230px
}

.screening-box .hidde {
    max-height: 102px;
    overflow: hidden
}

.screening-box .Bhidde {
    height: 39px;
    overflow: hidden
}

.screening-box .scroll {
    max-height: 220px;
    overflow-y: scroll
}

.screening-box .Bscroll {
    max-height: 154px;
    overflow-y: scroll
}

.screening-box .select-list {
    border-top: 0px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6
}

.screening-box .select-list .box-size {
    display: flex;
    align-items: center;
    flex-direction: row;
    border-bottom: 0px solid #d6d6d6;
    background: #f5f5f5;
    position: relative;
    white-space: nowrap
}

.screening-box .select-list .box-size .left-title {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 110px;
    overflow: hidden;
    padding: 14px 20px;
    box-sizing: border-box;
    color: #666;
    border-right: 1px solid #e2e2e2;
    background: #f1f1f1;
    text-align: left
}

.screening-box .select-list .box-size .selector-checkbox-group {
    padding: 14px 20px 0;
    margin-bottom: 2px;
    margin-left: 110px;
    background: #fff;
    flex: 1
}

.screening-box .select-list .box-size .selector-box {
    padding: 14px 125px 0 20px;
    background: #fff;
    flex: 1;
    /*margin-left: 110px*/
}

.screening-box .select-list .box-size .right-select-data {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    box-sizing: border-box
}

.screening-box .select-list .box-size .right-select-data li {
    margin-right: 15px;
    margin-bottom: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.screening-box .select-list .box-size .right-select-data li .eleImagebox {
    width: 72px;
    height: 72px;
    border: 1px solid #eee;
    padding: 0px;
    margin-bottom: 1px
}
 
.screening-box .select-list .box-size .right-select-data li .eleImage {
    width: 72px;
    height:72px
}

.screening-box .select-list .box-size .right-select-data li .name {
    font-size: 12px;
    width: 72px;
    text-align: center
}

.screening-box .select-list .box-size .right-select-data li:hover .eleImagebox {
    border: 1px solid #e70012
}

.screening-box .select-list .box-size .right-select-data li:hover span {
    color: #e70012
}

.screening-box .select-list .isTest .selector-box {
    padding: 14px 100px 0 20px
}

.screening-box .select-list .isTest li:nth-child(11n) {
    margin-right: 0
}

.el-checkbox__label {
    font-size: 12px;
    font-weight: 400;
    color: #333
}

.isBoxShow {
    display: none !important
}

.ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85px
}

.clear-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 20px
}

.clear-box .btn-item {
    padding: 2px 5px;
    border: 1px solid #dedede;
    margin-left: 10px;
    cursor: pointer
}

.chooser {
    position: relative;
    display: block
}

.image-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.image-slot i {
    font-size: 20px
}

.chooser-img {
    width: 80px;
    height: 80px;
    padding: 8px;
    position: relative
}

.chooser-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 360px;
    overflow: hidden;
    width: calc(91% + 26px)
}

.chooser-list:hover {
    overflow: auto
}

.chooser-list:hover::-webkit-scrollbar {
    width: 8px
}

.chooser-list:hover::-webkit-scrollbar-thumb {
    border-radius: 4px;
    box-shadow: inset 0 0 5px #ccc
}

.chooser-list:hover::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fafafa;
    border-radius: 4px;
    background: #fafafa
}

.chooser-list li {
    flex: 0 0 42%;
    margin-bottom: 10px;
    margin-right: 5px;
    border-radius: 7px;
    color: #9c9c9c;
    text-align: center;
    background: #fff;
    cursor: pointer
}

.chooser-list li.active {
    color: #e70012
}

.chooser-list li.active .chooser-img {
    border: 1px solid #e70012
}

.chooser-list li.active .chooser-img:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-right: 22px solid #e70012;
    border-top: 22px solid transparent
}

.chooser-list li.active .chooser-img:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 6px;
    background: transparent;
    bottom: 4px;
    right: 2px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    transform: rotate(-50deg);
    z-index: 9
}

.infinite-list {
    height: 200px
}

.checkSpan {
    display: inline-block;
    width: 160px;
    vertical-align: middle
}

.virtualList {
    max-height: 200px;
    overflow: hidden
}

.virtualList:hover {
    overflow-y: auto
}

.virtualList::-webkit-scrollbar {
    width: 10px
}

.virtualList::-webkit-scrollbar-thumb {
    border-radius: 4px;
    box-shadow: inset 0 0 5px #ccc
}

.virtualList::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fafafa;
    border-radius: 4px;
    background: #fafafa
}

.left-filter .el-collapse-item {
    margin-bottom: 0
}

.left-filter .el-input__inner {
    padding: 0 0 0 6px
}

.left-filter .el-icon-arrow-up:before {
    content: "\e78f";
    color: #d6d6d6
}

.left-filter .el-collapse-item__header {
    background: #f5f5f5;
    height: 43px;
    line-height: 43px;
    padding-left: 10px;
    font-size: 12px;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede
}

.left-filter .el-collapse-item__arrow {
    transform: rotate(90deg)
}

.left-filter .el-collapse-item__arrow.is-active {
    transform: rotate(-90deg)
}

.left-filter .el-collapse-item__wrap {
    border: 1px solid #dedede
}

.left-filter .el-checkbox-group {
    padding-bottom: 10px
}

.left-filter .el-collapse-item__content {
    padding: 10px
}

.left-filter .el-checkbox__label {
    font-size: 12px;
    color: #333
}

.left-filter .title-attr {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px
}

.left-filter .el-button.is-disabled:focus,
.left-filter .el-button.is-disabled:hover,
.left-filter .el-button.is-disabled {
    border: 1px solid #ecdfd2 !important;
    color: #e7d5c2 !important;
    background: #fffaf6 !important
}

.scroll-bar {
    overflow: auto
}

.scroll-bar::-webkit-scrollbar {
    width: 10px
}

.scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    box-shadow: inset 0 0 5px #ccc
}

.scroll-bar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fafafa;
    border-radius: 4px;
    background: #fafafa
}

.sortcon {
    flex: 1;
    flex-shrink: 1;
    position: relative;
    overflow: hidden
}

/*.sortcon .left-box {
    min-height: 1px;
    flex-shrink: 0
}

.sortcon .left {
    width: 206px;
    height: -moz-fit-content;
    height: fit-content;
    flex-shrink: 0;
    z-index: 5
}

.sortcon .left.fixed {
    position: fixed;
    top: 116px
}

.sortcon .left.fixedDown {
    position: absolute;
    bottom: 0
}

.sortcon .left h2 {
    background: #fff;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding-left: 25px;
    color: #e70012;
    font-size: 16px;
    border-bottom: 1px solid #e70012
}

.sortcon .left h2 i {
    margin-right: 5px;
    font-size: 16px;
    position: relative;
    bottom: -1px
}

.sortcon .left h2.Category-All {
    padding-left: 0;
    text-align: center
}

.sortcon .left .category,
.sortcon .left .secondLevel {
    background: #fff
}

.sortcon .left .category {
    border-left: none;
    border-right: none;
    border-bottom: none
}*/

/*.sortcon .right {
    margin-left: 10px;
    width: 1024px;
    padding: 0 0 10px
}

.sortcon .right .allCategory {
    height: auto;
    overflow: -moz-scrollbars-none !important;
    background: #fff
}*/

.filter {
    margin-bottom: 10px
}

.filter .el-tag {
    margin-right: 5px
}

.search-ad {
    margin-top: 10px;
    display: block
}

.maxLeftWidth {
    width: 206px
}

.maxRightWidth {
    width: 1200px !important;
    margin-left: 0 !important
}

.maxRightWidth .result .item {
    width: 14.80% !important
}

.noSearchResult .result {
    height: 102px;
    background: #fff8eb;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    border: 1px solid #ffead8;
    padding: 20px
}

.noSearchResult .result .consult {
    height: 28px;
    text-align: right;
    font-size: 12px;
    color: #333;
    margin-top: -10px
}

.noSearchResult .result .consult span {
    width: 92px;
    height: 28px;
    background: #e70012;
    border-radius: 4px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
    cursor: pointer
}

.noSearchResult .result .resultpic {
    width: 82px;
    height: 82px;
    display: block;
    background: #fff;
    border-radius: 50%;
    border: 5px solid #fff;
    margin-right: 20px
}

.noSearchResult .result .resulttxt {
    font-size: 14px;
    color: #333
}

.noSearchResult .reconmmond {
    display: flex;
    justify-content: space-between
}

.noSearchResult .reconmmond .left {
    width: 194px
}

.noSearchResult .reconmmond .right {
    width: 996px
}

.noSearchResult .reconmmond .right .hotgoods {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    font-size: 16px;
    color: #333;
    height: 40px;
    padding: 0 10px;
    margin-bottom: 10px;
    font-weight: 600
}

.noSearchResult .reconmmond .right .hotgoods span {
    width: 4px;
    height: 14px;
    background: #e70012;
    display: block;
    margin-right: 5px
}

.noSearchResult .reconmmond .right .list {
    border: 1px solid #dedede;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.noSearchResult .reconmmond .right .list .item {
    width: 20%;
    padding: 0 20px 20px;
    cursor: pointer;
    border: 1px solid transparent
}

.noSearchResult .reconmmond .right .list .item .photo {
    width: 147px;
    height: 147px;
    display: block;
    margin: 10px auto
}

.noSearchResult .reconmmond .right .list .item .label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px
}

.noSearchResult .reconmmond .right .list .item .label .spec {
    font-size: 12px;
    color: #e70012
}

.noSearchResult .reconmmond .right .list .item .label .tag {
    color: #d05d64;
    border: 1px solid #fad5d8;
    background: #ffeff0;
    font-size: 12px;
    padding: 2px 4px
}

.noSearchResult .reconmmond .right .list .item .name {
    font-size: 12px;
    color: #333;
    height: 36px
}

.noSearchResult .reconmmond .right .list .item .price {
    font-size: 14px;
    color: #ce2031
}

.noSearchResult .reconmmond .right .list .item .price strong {
    font-size: 16px;
    font-weight: 600
}

.noSearchResult .reconmmond .right .list .item .deliver {
    color: #999;
    font-size: 12px
}

.noSearchResult .reconmmond .right .list .item:hover {
    border: 1px solid #e70012
}

.noSearchResult .reconmmond .right .list .item:hover .name {
    color: #e70012
}

.brand {
    /*padding: 10px;*/
    width: fit-content;
    background: #f4e3cf;
    padding: 2px 10px;
    font-size: 12px;
    display: inline-block;
    margin: 5px 0;
    color: #a67949 !important;
}

.brand .brand-img {
    width: 186px;
    padding-top: 4px;
    height: 51px
}

.brand .title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
    margin-bottom: 5px
}

.brand .title .text {
    font-size: 14px;
    color: #333
}

.brand .title .more {
    font-size: 12px;
    color: #999;
    display: flex;
    align-items: center
}

.brand .title .more .text-more {
    padding-right: 5px
}

.screening-box .selected {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 0
}

.screening-box .selected .tag-name {
    color: #666;
    font-size: 12px
}

.screening-box .selected .check-name {
    color: #e70012
}

.screening-box .show {
    height: auto
}


.screening-box .select-list {
    border-top: 0px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6
}

.screening-box .select-list .box-size {
    display: flex;
    align-items: center;
    flex-direction: row;
    border-bottom: 1px solid #d6d6d6;
    background: #f5f5f5;
    position: relative;
    white-space: nowrap
}

.screening-box .select-list .box-size .left-title {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 110p x;
    overflow: hidden;
    padding: 14px 20px;
    box-sizing: border-box;
    color: #666;
    border-right: 1px solid #e2e2e2;
    background: #f1f1f1;
    text-align: left
}

.screening-box .select-list .box-size .selector-checkbox-group {
    margin-bottom: 2px
}

.screening-box .select-list .box-size .selector-box,
.screening-box .select-list .box-size .selector-checkbox-group {
    /* padding: 14px 180px 0 20px; */
    /*margin-left: 110px;*/
    background: #fff;
    flex: 1
}

.screening-box .select-list .box-size .right-select-data {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    box-sizing: border-box
}

.screening-box .select-list .box-size .right-select-data li {
    /* margin-right: 50px; */
    margin-bottom: 12px;
    /* height: 26px; */
    line-height: 26px;
    cursor: pointer
}

.table-list-page4 {
    margin-top: 10px
}

.table-list-page4 .image-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.table-list-page4 .image-slot i {
    font-size: 20px
}

.table-list-page4 .table-header-color {
    background: #f5f5f5;
    color: #333
}

.table-list-page4 .footer-table {
    display: flex;
    background: #fafafa;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #dedede;
    margin-top: -1px;
    padding: 7px 20px;
    font-size: 12px
}

.table-list-page4 .footer-table .more-list {
    color: #e70012;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: row
}

.table-list-page4 .footer-table .more-list .icon-bottom {
    font-size: 18px;
    padding-left: 8px
}

.table-list-page4 .footer-table .left-footer-text {
    color: #666
}

.table-list-page4 .footer-table .left-footer-text .number-color {
    color: #e70012
}

.table-list-page4 .header-top {
    border: 1px solid #dedede;
    padding: 6px 20px 6px 6px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: -1px
}

.table-list-page4 .header-top .link {
    font-size: 12px;
    color: #333;
    cursor: pointer;
    margin-bottom: 10px
}

.table-list-page4 .header-top .left-data {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer
}

.table-list-page4 .header-top .left-data .pic-img {
    width: 80px;
    height: 80px
}

.table-list-page4 .header-top .left-data .info {
    padding-left: 20px
}

.table-list-page4 .header-top .left-data .info .brand-name {
    margin-right: 5px
}

.table-list-page4 .header-top .left-data .info .name {
    font-size: 14px;
    color: #333;
    display: flex;
    font-weight: 700;
    margin-bottom: 8px
}

.table-list-page4 .header-top .left-data .info .price {
    color: #ce2031;
    font-size: 16px;
    font-weight: 700
}

.table-list-page4 .header-top .left-data .info .price .sign {
    font-size: 12px
}

.vxe-body--row:hover {
    background: #fff7ee
}

.sort {
    background: #f2f2f2;
    padding-bottom: 20px;
    height: 100%
}

.sort .sortcon {
    flex: 1;
    flex-shrink: 1;
    position: relative;
    overflow: hidden
}

.sort .sortcon .left-box {
    width: 206px;
    min-height: 1px;
    flex-shrink: 0
}

/*.sort .sortcon .left {
    width: 206px;
    height: -moz-fit-content;
    height: fit-content;
    flex-shrink: 0;
    z-index: 5
}*/

.sort .sortcon .left.fixed {
    position: fixed;
    top: 116px
}

.sort .sortcon .left.fixedDown {
    position: absolute;
    bottom: 0
}

.sort .sortcon .left h1 {
    background: #fff;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding-left: 25px;
    color: #e70012;
    font-size: 14px;
    border-bottom: 1px solid #e70012;
    font-weight: 400
}

.sort .sortcon .left h1 i {
    margin-right: 5px;
    font-size: 16px;
    position: relative;
    bottom: -1px
}

.sort .sortcon .left h1.Category-All {
    padding-left: 0;
    text-align: center;
    background: #e70012;
    color: #fff
}

.sort .sortcon .left .category,
.sort .sortcon .left .secondLevel {
    background: #fff
}

.sort .sortcon .left .category {
    border-left: none;
    border-right: none;
    border-bottom: none
}

.sort .sortcon .right {
    
}

.sort .sortcon .right .allCategory {
    height: auto;
    overflow: -moz-scrollbars-none !important;
    background: #fff
}

.sort .filter {
    margin-bottom: 10px
}

.sort .filter .el-tag {
    margin-right: 5px
}

@media only screen and (min-width:1200px) {
    .el-col-lg-4 {
        width: 14.2857%
    }
}

.ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.list-greater-7 {
    width: 100%
}

.list-greater-7 .image-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.list-greater-7 .image-slot i {
    font-size: 20px
}

.list-greater-7 .grid-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    height: 209px;
    background: #fff;
    margin-top: 10px
}

.list-greater-7 .grid-content:hover {
    border: 1px solid #e70012
}

.list-greater-7 .grid-content .goods-img {
    width: 116px;
    height: 116px;
    padding: 8px;
    margin-top: 20px
}

.list-greater-7 .grid-content .grid-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    height: 209px;
    background: #fff;
    margin-top: 10px
}

.list-greater-7 .grid-content .grid-content:hover {
    border: 1px solid #e70012
}

.list-greater-7 .grid-content .grid-content .goods-img {
    width: 116px;
    height: 116px;
    padding: 8px;
    margin-top: 20px
}

.list-greater-7 .grid-content .grid-content .name {
    font-size: 14px;
    color: #333;
    text-align: center
}

.list-greater-7 .grid-content .deltaPlus,
.list-greater-7 .grid-content .grid-content .deltaPlus {
    font-size: 12px;
    font-weight: 400;
    color: #e70012;
    margin-top: 4px
}

.level-2-wap {
    background: #f5f5f5;
    padding: 0 10px 10px
}

.ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.image-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.image-slot i {
    font-size: 20px
}

.category-list {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    flex-wrap: wrap;
    padding-left: 10px;
    width: 100%
}

.row-list {
    flex: 1;
    min-height: 768px
}

.category-item {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    border: 1px solid #dedede;
    padding: 8px;
    margin: 0 0 10px;
    cursor: pointer
}

.category-item:hover {
    border: 1px solid #e70012
}

.category-item .category-img {
    width: 100px;
    margin-right: 10px;
    height: 100px
}

.category-item .category-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px 0
}

.category-item .category-info .title {
    color: #333;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.category-item .category-info .dec {
    color: #999;
    font-size: 12px
}

.category-item .category-info .all-text {
    color: #e70012;
    font-size: 12px
}

.ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tooltip-item {
    max-width: 300px;
    text-align: justify
}

.commodity {
    margin-left: 10px;
    flex: 1
}

.commodity .top-title {
    background: #f5f5f5;
    border: 1px solid #dedede;
    padding: 9px 10px;
    font-size: 14px;
    color: #333
}

.commodity .top-title .question {
    color: #666
}

.commodity .goods-list {
    display: flex;
    flex-direction: row;
    border: 1px solid #dedede;
    margin-top: -1px;
    margin-bottom: 12px;
    padding: 10px 14px
}

.commodity .goods-list .goods-item {
    padding: 10px;
    flex: 0 0 20%;
    line-height: 2;
    width: 0
}

.commodity .goods-list .goods-item .price {
    color: #ce2031;
    font-size: 15px
}

.commodity .goods-list .goods-item .price .sign {
    font-size: 12px
}

.commodity .goods-list .goods-item .name {
    font-size: 12px;
    color: #333
}

.commodity .goods-list .goods-item .day,
.commodity .goods-list .goods-item .number {
    font-size: 12px;
    color: #999
}

.commodity .goods-list .goods-item .day img {
    vertical-align: middle
}

.commodity .goods-list .goods-item .goods-img {
    width: 147px;
    height: 147px
}

.commodity .goods-list .more-item {
    flex: 1;
    height: 284px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #fafafa;
    cursor: pointer
}

.commodity .goods-list .more-item .icon-more {
    color: #999;
    padding-bottom: 14px;
    font-size: 40px
}

.commodity .goods-list .more-item .more-text {
    font-size: 12px;
    color: #666;
    width: 110px;
    text-align: center
}

.header-dec {
    padding: 10px;
    background: #fafafa
}

.header-dec .info {
    font-size: 12px;
    color: #666
}

.header-dec .title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 6px
}

.header-dec .title .left-title {
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.header-dec .title .right-title {
    font-size: 12px;
    color: #333;
    cursor: pointer
}

.scroll-bar {
    overflow: auto
}

.scroll-bar::-webkit-scrollbar {
    width: 10px
}

.scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    box-shadow: inset 0 0 5px #ccc
}

.scroll-bar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fafafa;
    border-radius: 4px;
    background: #fafafa
}

.list-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    padding-top: 120px;
    color: #666
}

.level-3-wap {
    background: #fff
}

.level-3-wap .selected-tag {
    padding: 10px 0 0
}

.level-3-wap .content {
    position: relative;
    margin-top: 10px
}

.level-3-wap .content .Affix-box {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 218px
}

.level-3-wap .content .right-list-data {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 218px
}

.input-mini-max,
.left-filter,
.price-input {
    display: flex;
    flex-direction: row;
    align-items: center
}

.input-mini-max {
    background: #fff;
    border: 1px solid #d6d6d6;
    margin: 0 10px;
    border-radius: 4px;
    box-sizing: border-box
}

.input-mini-max .el-input__inner {
    border: 0
}

.el-input-group__append {
    background: #e70012
}

.input-with-select {
    width: 270px
}

.sort-caret {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    position: absolute;
    left: 7px
}

.sort-caret.ascending {
    border-bottom-color: #c0c4cc;
    bottom: 2px
}

.is-active .sort-caret.ascending {
    border-bottom-color: #e9c8a6
}

.is-active .sort-caret.descending {
    border-top-color: #e9c8a6
}

.is-active .sort-caret.ascending.asc {
    border-bottom-color: #fff
}

.is-active .sort-caret.descending.desc {
    border-top-color: #fff
}

.sort-caret.descending {
    border-top-color: #c0c4cc;
    top: 2px
}

.filter {
    background: #f5f5f5;
    border: 1px solid #dedede;
    padding: 5px 10px;
    justify-content: space-between
}

.filter,
.filter .search-button {
    display: flex;
    align-items: center
}

.filter .search-button {
    justify-content: center;
    background: #e70012;
    border-radius: 0 2px 2px 0;
    height: 30px;
    width: 100%;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

.filter .search-button .el-icon-search {
    color: #fff
}

.filter .inner-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative
}

.filter .inner-box:after {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px
}

.filter .inner-box .label {
    font-size: 12px
}

.filter .inner-box .top-bottom {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 14px;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    overflow: initial;
    position: relative
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 40px 0
}

.pagination .total {
    font-size: 12px;
    color: #666;
    margin-top: 10px
}

.scroll-bar {
    overflow: auto
}

.scroll-bar::-webkit-scrollbar {
    width: 10px
}

.scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px #d8d8d8
}

.scroll-bar::-webkit-scrollbar-track {
    border-radius: 10px
}

.list-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    padding-top: 120px;
    color: #666
}

.level-4-wap {
    background: #fff
}

.level-4-wap .table-loading {
    text-align: center;
    margin-top: 40px
}

.level-4-wap .table-loading .icon-loading {
    font-size: 40px;
    color: #666
}

.level-4-wap .selected-tag {
    padding: 10px 0 0;
    margin-bottom: 10px
}

.level-4-wap .content {
    position: relative
}

.level-4-wap .content .Affix-box {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 208px
}

.level-4-wap .content .right-list-data {
    padding-left: 218px;
    width: 100%
}

.categoryFastening .categoryFastening_con .detail {
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
    width: 100%
}

.categoryFastening .categoryFastening_con .detail .left {
    width: 176px;
    height: 132px;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    margin-right: 10px
}

.categoryFastening .categoryFastening_con .detail .left img {
    width: 176px;
    height: 132px
}

.categoryFastening .categoryFastening_con .detail .left .content_con {
    display: flex;
    flex-direction: column;
    margin-left: 10px
}

.categoryFastening .categoryFastening_con .detail .left .content_con .fon-18 {
    font-size: 18px;
    color: #222
}

.categoryFastening .categoryFastening_con .detail .left .content_con .fon-12 {
    display: inline-flex;
    margin-top: 25px;
    font-size: 12px;
    color: #222
}

.categoryFastening .categoryFastening_con .detail .right {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.categoryFastening .sub_detail_con:hover {
    border: 1px solid #e70012;
    color: #e70012;
    cursor: pointer
}

.categoryFastening .sub_detail_con:hover .text_con {
    color: #e70012
}

.categoryFastening .right_content_con {
    display: inline-flex;
    flex-shrink: 0
}

.categoryFastening .sub_detail_con {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 126px;
    padding: 10px 0;
    border: 1px solid #fff
}

.categoryFastening .sub_detail_con .img_con {
    width: 80px;
    height: 80px
}

.categoryFastening .sub_detail_con .text_con {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 5px;
    width: 100%;
    font-size: 12px;
    color: #666
}

.title-tag {
    background: #f5f5f5;
    color: #222;
    font-size: 14px;
    padding: 6px 14px;
    border-left: 4px solid #95999e
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    transform: translateZ(0)
}

.slick-track.slick-center {
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    transform: translateZ(0)
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

@charset "UTF-8";

@font-face {
    font-family: "slick";
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA0AAAAAB2wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE0AAAABoAAAAcdIcYB0dERUYAAAS0AAAAHAAAAB4AJwANT1MvMgAAAZwAAABRAAAAYFAQ/45jbWFwAAACAAAAAFcAAAFiIhFFt2dhc3AAAASsAAAACAAAAAj//wADZ2x5ZgAAAmgAAAE1AAACLD+btmBoZWFkAAABMAAAAC8AAAA2AAEx+2hoZWEAAAFgAAAAHAAAACQD5QIFaG10eAAAAfAAAAAQAAAAFgZKAEpsb2NhAAACWAAAABAAAAAQATYBoG1heHAAAAF8AAAAHQAAACAASwBHbmFtZQAAA6AAAADcAAABbgUngcJwb3N0AAAEfAAAAC4AAABFOXjBpHjaY2BkYGAA4vMGfuHx/DZfGbiZGEDgfGFFPZxWZVBlvM14G8jlYABLAwAT1QnNAHjaY2BkYGC8zcDAoMfEAAJANiMDKmABADBkAe942mNgZGBgYGdwYWBiAAEQycgAEnMA8xkACcgAkwAAAHjaY2BmYmCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjKAQQNQCZBSYICCgDTXFAYHhkTFSYwP/j9g0GO8/f82A0QNA+NtsBIFBkYANHMN4wAAAHjaY2KAACYIVoVAAALCAJt42mNgYGBmgGAZBkYGEIgB8hjBfBYGByDNw8DBwARkMzAkKigpTlCc9P8/WB0S7/+i+4/uld4rgZoAB4xsDHAhRiYgwcSApoCBcsBMBTNYGGgGAEdEDyUAAAAAAAAAAAAAZgCKANABFnjadZBdToNAEMd3CrtAl5TQLtS0LCoN0A8SGkBI+mAfPET75B1896HppfQcvnII4w3cLYpW6k4ymdn9z8xvBwEKUQg11OgBIXAYWUEQR1uIZoFGpLGxKy3PqrIq8+waXIfJ+5mQSSvkvXwRqqocu1D39QMl2JgvN9zzhsyk1GRDz+OBfzMioCqx0rtdLYo0SiZTZttsOkmidBkveKibFF4Oep9SI46bqk3Twhp4iihUemrMWFPy2NRbthfqKkHi/PxlJLITZdAiSj6ouZ+tn9eZz78DuD9LZYB6bZ8rlCAUVuVdkULjxV4sIEysIc/KSyPmnJDdjhCOdQ0fCTliTX/tjH3ysWao+71qaNjHQjcQwrcuyl+WLZQthCMotJP/h+Xjazz+hfTeRWmG4zOiSyif/q1OtAAAAHjabY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV42mNgYkAGjAzogB0sysTgwtDOyMTIzJlYVJRfnpOaVsIFZhVlpmeUAABuKQkSAAAAAAAB//8AAnjaY2BkYGDgAWIxIGZiYARCNiBmAfMYAAPgADV42mNgYGBkAIKrS9Q5QPT5wop6GA0APf8GGAAA) format("woff")
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translateY(-50%);
    cursor: pointer;
    border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 1px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.saleTime {
    background: #fff
}

.saleTime .icon-yan {
    font-size: 12px
}

.saleTime .skeleton {
    display: inline-block
}

.saleTime .skeleton .skeleton-img {
    width: 160px;
    height: 100px;
    margin: 10px auto
}

.saleTime .skeleton .skeleton-item {
    padding: 4px 0;
    margin: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.saleTime .skeleton .skeleton-item .skeleton-item-1 {
    height: 14px;
    width: 172px;
    margin-bottom: 10px
}

.saleTime .skeleton .skeleton-item .skeleton-item-2 {
    height: 14px;
    width: 72px
}

.saleTime .hotTitle {
    display: flex;
    justify-content: space-between;
    height: 30px;
    line-height: 30px;
    color: #e70012;
    padding: 0 10px;
    font-weight: 700
}

.saleTime .hotTitle a {
    color: #72777d;
    font-size: 12px;
    font-weight: 400
}

.saleTime .hotList {
    background: #fff
}

.saleTime .hotList .ssr-list {
    display: flex;
    overflow: hidden
}

.saleTime .hotList .goods {
    width: 25%;
    padding: 10px;
    position: relative;
    line-height: 1.6
}

.saleTime .hotList .goods .price-text {
    font-size: 16px;
    color: #ce2031
}

.saleTime .hotList .goods .daynow {
    width: 72px;
    height: 16px
}

.saleTime .hotList .goods .product-itemNo {
    color: #72777d;
    font-size: 12px
}

.saleTime .hotList .goods .format-product-status {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #999;
    font-size: 12px
}

.saleTime .hotList .goods .product-name {
    color: #222;
    font-size: 12px
}

.saleTime .hotList .goods a {
    display: block;
    padding: 10px
}

.saleTime .hotList .goods a:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .3)
}

.saleTime .el-carousel__arrow {
    background-color: #e7e7e7 !important
}

.saleTime .el-carousel__arrow:hover {
    background-color: #b1aeae !important
}

.classify {
    margin-top: 5px
}

.classify .classify-ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center
}

.classify .classify-ul .item-li {
    flex: 0 0 12.5%;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #fff;
    box-sizing: border-box;
    color: #222
}

.classify .classify-ul .item-li:hover {
    border: 1px solid #e70012;
    color: #e70012 !important
}

.classify .classify-ul .img-style {
    width: 96px;
    height: 96px
}

.classify .classify-ul .name {
    font-size: 12px
}

.classify {
    margin-top: 15px;
    border-bottom: 1px solid #e6e6e6
}

.classify .classify-ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center
}

.classify .classify-ul .item-li {
    flex: 0 0 8.33%;
    padding: 0 10px 10px;
    cursor: pointer;
    border: 1px solid #fff;
    box-sizing: border-box;
    color: #222
}

.classify .classify-ul .item-li:hover {
    color: #e70012 !important
}

.classify .classify-ul .img-style {
    width: 64px;
    height: 64px
}

.classify .classify-ul .name {
    font-size: 12px
}

.standardTable {
    display: flex;
    flex-direction: column
}

.standardTable table thead {
    background: #f5f5f5;
    color: #333;
    font-size: 12px;
    font-weight: 400
}

.standardTable table {
    border: 1px solid #f0f0f0;
    width: 100%;
    box-sizing: border-box
}

.standardTable tbody td {
    font-size: 12px;
    color: #999;
    padding: 2px 3px;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0
}

.standardTable thead th {
    padding: 2px 3px;
    border: 1px solid #f5f5f5;
    text-align: left
}

.standardTable thead th span {
    font-size: 12px;
    font-weight: 600
}

.standardTable tbody td:hover.show_img {
    text-decoration: underline;
    background-color: #fff2e5;
    cursor: pointer
}

.standardTable tbody td:hover.show_img .td-img {
    display: block
}

.standardTable .table_ul {
    width: 100%;
    display: flex
}

.standardTable .table_ul .table_li:last-child {
    border-right: none
}

.standardTable .table_ul .table_li:last-child table {
    border-right: 1px solid #f0f0f0
}

.standardTable .table_ul .table_li {
    width: 33.33%
}

.standardTable .table_ul .table_li thead th:last-child {
    border-right: none;
    border-bottom: none
}

.standardTable .table_ul .table_li tbody tr td:last-child {
    border-top: none;
    border-right: none
}

.standardTable .table_ul .table_li table {
    border-right: 1px solid #999;
    border-collapse: collapse;
    width: 100%
}

.standardTable .table_ul .table_li thead {
    width: 100%
}

.standardTable .table_ul .table_li .td-div {
    position: relative
}

.standardTable .table_ul .table_li .td-img {
    display: none;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    background-color: #fff;
    top: 12px;
    left: 54px;
    z-index: 99999;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .3)
}

.standardTable .table_ul .table_li .td-img .image {
    width: 160px;
    height: 160px
}

.standardTable .table_ul .table_li td:hover.show_img {
    text-decoration: underline;
    background-color: #fff2e5
}

.standardTable .table_ul .table_li td:hover.show_img .td-img {
    display: inline-flex
}

.matchWrap {
    width: 100%
}

.matchWrap .table {
    border: 1px solid #f0f0f0;
    margin: 20px auto;
    width: 100%;
    box-sizing: border-box
}

.matchWrap .table thead {
    background: #f5f5f5;
    color: #333;
    font-size: 12px;
    font-weight: 400
}

.matchWrap .table thead th {
    padding: 2px 3px;
    border: 1px solid #f0f0f0;
    border-bottom: 0;
    text-align: left;
    font-size: 12px;
    font-weight: 600
}

.matchWrap .table td:nth-child(4),
.matchWrap .table td:nth-child(8),
.matchWrap .table thead th:nth-child(4),
.matchWrap .table thead th:nth-child(8) {
    border-right: 1px solid #999
}

.matchWrap .table tr {
    border-bottom: 1px solid #f0f0f0
}

.matchWrap .table td {
    border-right: 1px solid #f0f0f0;
    text-align: left;
    width: 8.33%;
    padding: 2px 3px;
    color: #999
}

.matchWrap .table .td-div {
    position: relative;
    display: inline-block
}

.matchWrap .table .td-div .td-text {
    font-size: 12px
}

.matchWrap .table .td-div .td-img {
    display: none;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    background-color: #fff;
    top: -67px;
    left: 80px;
    z-index: 99999;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .3)
}

.matchWrap .table .td-div .td-img .image {
    width: 160px;
    height: 160px
}

.matchWrap .table td:hover.show_img {
    text-decoration: underline;
    cursor: pointer;
    background-color: #fff2e5
}

.matchWrap .table td:hover.show_img .td-img {
    display: inline-flex
}

.standard {
    display: flex;
    flex-direction: column
}

.standard .tab_title {
    width: 100%;
    height: 32px;
    background-color: #f5f5f5
}

.standard .tab_title .title_con div {
    width: 4px;
    height: 32px;
    background-color: #95999e
}

.standard .tab_title .title_con span {
    display: inline-flex;
    margin-left: 10px;
    line-height: 32px
}

.standard .category_tab {
    display: flex;
    padding: 10px 0 0;
    overflow: hidden
}

.standard .category_tab .tab_con {
    width: 100%
}

.standard .category_tab .tab_con .sub_category {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0
}

.standard .category_tab .tab_con .sub_category .sub_category_con {
    border: 1px solid #fff;
    position: relative;
    z-index: 9999
}

.standard .category_tab .tab_con .sub_category .sub_category_con .border_con {
    display: none
}

.standard .category_tab .tab_con .sub_category .sub_category_con .sub_category_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px
}

.standard .category_tab .tab_con .sub_category .sub_category_con.active_category {
    border: 1px solid #e70012;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .16);
    color: #e70012
}

.standard .category_tab .tab_con .sub_category .sub_category_con.active_category .border_con {
    display: block;
    width: 118px;
    height: 15px;
    background: #fff;
    position: absolute;
    bottom: -8px;
    z-index: 9
}

.standard .category_tab .tab_con .sub_category .sub_category_con.active_category .text-name {
    color: #e70012
}

.standard .category_tab .tab_con .sub_category .sub_category_con .text-name {
    color: #222;
    font-size: 12px
}

.standard .category_tab .tab_con .sub_category .sub_category_con .img_con {
    width: 64px;
    height: 64px
}

.standard .category_tab .tab_con .sub_category .sub_category_con span {
    display: inline-block;
    margin-top: 5px
}

.standard .category_tab .tab_con .sub_category_con:hover {
    border: 1px solid #e70012;
    border-bottom: none
}

.standard .category_tab .tab_con .sub_category_con:hover .text-name {
    color: #e70012
}

.standard .tab_content {
    width: 100%;
    border: 1px solid #e70012;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .16);
    padding: 0 5px;
    min-height: 250px;
    position: relative;
    z-index: 1
}

.standard .hot-choose {
    display: flex;
    margin: 15px 0 5px
}

.standard .hot-choose .left {
    display: flex;
    flex-shrink: 0
}

.standard .hot-choose .right {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.standard .hot-choose .right .td-div {
    display: inline-flex;
    margin: 0 20px;
    position: relative
}

.standard .hot-choose .right .td-img {
    display: none;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    background-color: #fff;
    top: 15px;
    left: 0;
    z-index: 99999;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .3)
}

.standard .hot-choose .right .td-img .image {
    width: 160px;
    height: 160px
}

.standard .hot-choose .right .td-div:hover .td-img {
    display: inline-flex
}

.standard .sort-show {
    display: flex;
    margin: 10px 0
}

.standard .sort-show .left {
    display: flex;
    flex-shrink: 0
}

.standard .sort-show .right {
    margin-left: 20px
}

.standard .sort-show .right .select .el-select-dropdown__item:hover,
.standard .sort-show .right .select .el-select-dropdown__item.hover,
.standard .sort-show .right .select .el-input__inner {
    color: #333
}

.standard .table_con {
    margin-top: 10px;
    margin-bottom: 60px
}

.margin-t-20 {
    margin-top: 20px
}

.margin-t-15 {
    margin-top: 15px
}

.content-3 .h1-title {
    font-size: 20px;
    color: #222;
    font-weight: 400;
    margin-top: 10px
}

.content-3 .banner-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.content-3 .banner-dec {
    position: relative
}

.content-3 .banner-dec .dec-text {
    font-size: 14px;
    position: absolute;
    right: 30px;
    color: #fff;
    top: 30px;
    width: 50%
}

.content-3 .banner-img {
    height: 120px;
    width: 100%
}

.content-3 .banner-img-bottom {
    height: 180px;
    width: 100%
}

.content-3 .ellipsis-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.selected {
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
}

.selected .title-new {
    cursor: pointer
}

.selected .pd-6 {
    padding: 0 6px
}

.selected .pd-l-10 {
    padding-left: 10px
}

.selected .title {
    color: #666;
    cursor: pointer;
    font-size: 18px
}

.selected .select-tag {
    display: flex;
    align-items: center;
    flex-direction: row
}

.selected .tag-name,
.selected .title-new {
    font-size: 12px;
    color: #666
}

.selected .el-tag--plain {
    display: flex;
    align-items: center;
    flex-direction: row
}

.selected .check-name {
    color: #e70012;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.selected .el-tag {
    border-radius: 0;
    height: 24px;
    line-height: 24px;
    background-color: #f5f5f5
}

.filterList {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #ddd
}

.filterList.brandActiveC {
    border: 1px solid #e70012
}

.filterList .brandActive {
    color: #e70012
}

.filterList .fun-button .el-button span {
    color: #666
}

.filterList .list_con:hover,
.filterList .list_con:hover .attr_left {
    background-color: #fff2e5 !important
}

.filterList .list_con {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    font-size: 12px;
    border-bottom: 1px solid #ddd
}

.filterList .list_con .attr_left {
    width: 120px;
    flex-shrink: 0;
    padding: 10px;
    background-color: #f5f5f5
}

.filterList .list_con .right_contet_con {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.filterList .list_con .right_contet_con .attr_middle_check {
    width: 100%
}

.filterList .list_con .right_contet_con .attr_sub {
    width: 100%;
    padding: 10px 20px;
    max-height: 100px;
    overflow-y: scroll
}

.filterList .list_con .right_contet_con .attr_sub .el-checkbox-group .el-checkbox {
    padding: 5px 20px
}

.filterList .list_con .right_contet_con .brand_tab {
    width: 100%;
    padding: 10px 20px;
    display: flex;
    flex-wrap: wrap
}

.filterList .list_con .right_contet_con .brand_tab .tab_li {
    padding: 0 8px
}

.filterList .list_con .right_contet_con .brand_tab .tab_li.active {
    border: 1px solid #e70012;
    background-color: #e70012
}

.filterList .list_con .right_contet_con .brand_tab .tab_li:hover {
    border: 1px solid #e70012
}

.filterList .list_con .right_contet_con .btn_check_box {
    width: 100%
}

.filterList .list_con .right_contet_con .btn_check_box .check-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 22px 0 10px
}

.filterList .list_con .right_contet_con .el-checkbox {
    overflow: hidden;
    margin-right: 0
}

.filterList .list_con .right_contet_con .el-checkbox .el-checkbox__label {
    font-size: 12px;
    color: #666
}

.filterList .list_con .right_contet_con .el-button--default {
    border: 1px solid #e70012 !important;
    color: #e70012 !important
}

.filterList .list_con .attr_middle {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.filterList .list_con .attr_middle .brand_tab {
    width: 100%;
    padding: 10px 20px;
    display: flex;
    flex-wrap: wrap
}

.filterList .list_con .attr_middle .brand_tab .tab_li {
    padding: 0 8px
}

.filterList .list_con .attr_middle .brand_tab .tab_li.active {
    border: 1px solid #e70012;
    background-color: #e70012
}

.filterList .list_con .attr_middle .brand_tab .tab_li:hover {
    border: 1px solid #e70012
}

.filterList .list_con .attr_middle span {
    display: inline-flex;
    padding: 10px;
    flex-shrink: 0;
    cursor: pointer
}

.filterList .list_con .attr_middle span:hover {
    color: #e70012
}

.filterList .list_con .attr_right {
    width: 153px;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.filterList .list_con .attr_right .el-button--mini {
    padding: 4.5px 7.5px;
    color: #666;
    border-radius: 3px
}

.advancedFilter .attr_value {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    width: 100%;
    border: 1px solid #333;
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    max-height: 180px;
    overflow: hidden;
    z-index: 99
}

.advancedFilter .attr_value .attrValues_con {
    max-height: 150px;
    overflow-y: auto
}

.advancedFilter .attr_value span {
    padding: 10px;
    display: inline-flex
}

.advancedFilter .attr_value span:hover {
    color: #e70012
}

.advancedFilter .advancedFilter_con {
    display: flex;
    position: relative;
    font-size: 12px;
    border-bottom: 1px solid #ddd
}

.advancedFilter .advancedFilter_con .attr_left {
    width: 120px;
    flex-shrink: 0;
    padding: 8px 10px;
    background-color: #f5f5f5
}

.advancedFilter .advancedFilter_con .attr_title {
    display: flex;
    align-items: center
}

.advancedFilter .advancedFilter_con .attr_title .show {
    display: flex
}

.advancedFilter .advancedFilter_con .attr_title .hide {
    display: none
}

.advancedFilter .advancedFilter_con .attr_title .attr_title_c {
    display: flex;
    flex-wrap: wrap
}

.advancedFilter .advancedFilter_con .attr_title .attr_title_con {
    margin: 5px 10px;
    display: flex;
    cursor: pointer
}

.advancedFilter .advancedFilter_con .attr_title .attr_title_con .value_con {
    padding: 3px 13px;
    border: 1px solid #ddd;
    position: relative
}

.advancedFilter .advancedFilter_con .attr_title .attr_title_con .value_con span:hover {
    color: #e70012
}

.advancedFilter .advancedFilter_con .attr_title .attr_title_con .activeBorder {
    border: 1px solid #333;
    border-bottom: 2px solid #fff
}

.advancedFilter .advancedFilter_con .attr_title .attr_title_con i {
    margin-top: 3px;
    margin-left: 5px
}

.filterList {
    display: flex;
    flex-direction: column;
    transition: all .24s
}

.filterList .more_btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -1px
}

.filterList .more_btn .more_text {
    width: 96px;
    height: 33px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    border: 1px solid #ddd;
    border-top-color: #fff;
    color: #e70012;
    cursor: pointer
}

.filterList .more_btn .more_text:hover {
    color: #e70012;
    border: 1px solid #e70012;
    border-top-color: #fff
}

.filterList .list_con:hover,
.filterList .list_con:hover .attr_left {
    background-color: #fff2e5 !important
}

.filterList .list_con {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    font-size: 12px;
    border-bottom: 1px solid #ddd
}

.filterList .list_con.brandActiveC {
    border: 1px solid #e70012
}

.filterList .list_con .attr_left {
    width: 120px;
    flex-shrink: 0;
    padding: 10px;
    background-color: #f5f5f5
}

.filterList .list_con .right_contet_con {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.filterList .list_con .right_contet_con .attr_middle_check {
    width: 100%
}

.filterList .list_con .right_contet_con .attr_sub {
    width: 100%;
    padding: 10px 20px;
    max-height: 200px;
    overflow-y: scroll
}

.filterList .list_con .right_contet_con .btn_check_box {
    width: 100%
}

.filterList .list_con .right_contet_con .btn_check_box .check-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 22px 0 10px
}

.filterList .list_con .right_contet_con .el-checkbox {
    width: 120px;
    overflow: hidden;
    margin-right: 0
}

.filterList .list_con .right_contet_con .el-checkbox .el-checkbox__label {
    font-size: 12px;
    color: #666
}

.filterList .list_con .right_contet_con .el-button--default {
    border: 1px solid #e70012 !important;
    color: #e70012 !important
}

.filterList .list_con .attr_middle {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.filterList .list_con .attr_middle span {
    display: inline-flex;
    padding: 8px 20px;
    flex-shrink: 0;
    cursor: pointer
}

.filterList .list_con .attr_middle span:hover {
    color: #e70012
}

.filterList .list_con .attr_right {
    width: 153px;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.filterList .list_con .attr_right .el-button--mini {
    padding: 4.5px 7.5px;
    color: #666;
    border-radius: 3px
}

.list-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 60px auto;
    font-size: 14px;
    color: #666
}

.icon-tags {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.icon-tags img {
    height: 16px;
    margin-right: 3px
}

.svg-icon {
    width: 1em;
    height: 18px;
    overflow: hidden;
    display: flex;
    align-items: center;
    vertical-align: 0
}

.vip_icon {
    width: 14px;
    height: 12px
}

.cuxiao_icon {
    width: 50px;
    height: 16px
}

.price_icon {
    width: 22px;
    height: 12px
}

.newTable table thead {
    background: #f5f5f5;
    color: #333;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    font-weight: 400
}

.newTable table tbody {
    cursor: pointer
}

.newTable .th-background {
    position: absolute;
    right: 0;
    text-align: center
}

.newTable .classNum {
    display: inline-flex;
    width: 120px;
    height: 24px;
    line-height: 24px;
    background-color: #fff
}

.newTable table tbody tr:hover,
.newTable table tbody tr:hover .td-background {
    background: #fff2e5 !important
}

.newTable table tbody tr:hover .td-background-quxiao {
    background: #fff
}

.newTable table tbody tr:hover .item-text {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #e70012
}

.newTable table tr {
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 12px;
    font-weight: 400
}

.newTable td {
    padding: 0 5px;
    font-size: 12px
}

.newTable th {
    padding: 5px;
    font-size: 12px
}

.newTable input {
    width: 75%;
    border: 1px solid #eee
}

.newTable .th-background {
    background-color: #f5f5f5
}

.newTable .td-background {
    background: #fff
}

.newTable .disabled-row {
    background-color: #fff !important;
    color: #b9bbbe !important;
    cursor: pointer
}

.newTable .nosale-mini span {
    font-weight: 400;
    font-size: 12px
}

.newTable .number-cart {
    padding: 3px;
    width: 18px;
    height: 18px;
    line-height: 12px;
    display: inline-block;
    margin-left: 5px;
    border-radius: 2px;
    cursor: pointer;
    margin-top: 4px
}

.newTable .number-cart .number-cart-img {
    font-size: 10px;
    color: #e70012;
    margin-top: -3px
}

.newTable .number-cart:hover {
    background: #e70012
}

.newTable .number-cart:hover .number-cart-img {
    color: #fff
}

.newTable .salesPri .salesPrice-new {
    font-size: 0;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.newTable .salesPri .salesPrice-new .price-integer {
    font-size: 12px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px
}

.newTable .salesPri .salesPrice-new .price-decimal {
    vertical-align: middle
}

.newTable .salesPri .salesPrice-new .price-decimal,
.newTable .salesPri .salesPrice-new .price-decimal-two {
    display: inline-block;
    height: 23px;
    line-height: 23px;
    transform: scale(.82);
    font-size: 12px;
    margin-top: 1px
}

.newTable .itemCode {
    display: inline-flex;
    flex-direction: column;
    justify-content: center
}

.newTable .itemCode .itemCode_con {
    display: flex
}

.newTable .table_bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.newTable .table_bottom .add_cart_con {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 5px;
    margin-bottom: 5px
}

.newTable .table_bottom .add_cart_con .all_or_extand {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.newTable .table_bottom .add_cart_con .all_or_extand_con {
    font-size: 12px;
    color: #333;
    font-weight: 400
}

.newTable .table_bottom .add_cart_con .all_or_extand_con:hover {
    font-size: 12px;
    color: #e70012;
    cursor: pointer
}

.table_list {
    width: 100%
}

.table_list .formatproductStatusText {
    display: inline-flex;
    margin: 5px 0
}

.table_list .formatproductStatus {
    color: #e70012
}

.table_list .deliver {
    color: #999;
    font-size: 12px
}

.table_list .detail_con {
    display: flex;
    margin-top: 24px;
    border: 1px solid #ddd
}

.table_list .detail_con .left {
    display: flex;
    width: 180px;
    height: auto;
    flex-shrink: 0;
    justify-content: center;
    background-color: #f5f5f5;
    cursor: pointer
}

.table_list .detail_con .left .group_info {
    display: flex;
    flex-direction: column
}

.table_list .detail_con .left .group_info .image_info {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    background-color: #fff
}

.table_list .detail_con .left .group_info .image_info img {
    width: 160px;
    height: 160px
}

.table_list .detail_con .left .group_info .price_info .price {
    font-size: 12px;
    color: #ce2031
}

.table_list .detail_con .left .group_info .price_info .price strong {
    font-size: 16px;
    font-weight: 600
}

.table_list .detail_con .left .group_info .good_num {
    font-size: 12px;
    color: #333;
    padding-bottom: 30px
}

.table_list .detail_con .right {
    width: calc(100% - 200px);
    margin-left: 10px
}

.table_list .detail_con .right .el-table--small .el-table__cell {
    padding: 0
}

.table_list .detail_con .right .table_title {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-weight: 600;
    margin-top: 14px
}

.table_list .detail_con .right .title_hover:hover {
    color: #e70012
}

.table_list .detail_con .right .table_bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.table_list .detail_con .right .table_bottom .add_cart_con {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 5px;
    margin-bottom: 5px
}

.table_list .detail_con .right .table_bottom .add_cart_con .all_or_extand {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.table_list .detail_con .right .table_bottom .add_cart_con .all_or_extand_con {
    font-size: 12px;
    color: #333
}

.table_list .detail_con .right .table_bottom .add_cart_con .all_or_extand_con:hover {
    font-size: 12px;
    color: #e70012;
    cursor: pointer
}

.moudleList {
    margin-top: 10px
}

.moudleList ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.moudleList ul li {
    width: 49.5%;
    border: 1px solid #dcdfe6;
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden
}

.result {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    width: 100%
}

.result .item {
    width: 16.666666666%;
    margin-bottom: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid transparent
}

.result .item .item_con {
    max-width: 230px;
    padding: 10px 20px
}

.result .item .formatproductStatus {
    color: #e70012
}

.result .item .imageCon {
    height: 155px;
    overflow: hidden;
    position: relative
}

.result .item .imageCon .image818 {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0
}

.result .item .imageCon .image818 .image {
    width: 46px;
    height: 26px
}

.result .item .imageCon .image818 .image818bk {
    width: 78px;
    height: 24px
}

.result .item .name {
    margin: 5px 0
}

.result .item .formatproductStatusText {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.result .item .product_code {
    margin-bottom: 2px;
    color: #999;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.result .item .image_con_new {
    width: 100%;
    display: flex;
    /* margin-top: 15px; */
    justify-content: center;
    align-items: center
}

.result .item .image_con_new .flex_detail {
    width: 180px
}

.result .item .photo {
    width: 150px;
    height: 150px;
    display: block;
    margin-bottom: 5px
}

.result .item .label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px
}

.result .item .label .spec {
    font-size: 12px;
    color: #e70012
}

.result .item .label .tag {
    color: #d05d64;
    border: 1px solid #fad5d8;
    background: #ffeff0;
    font-size: 12px;
    padding: 2px 4px
}

.result .item .name {
    font-size: 12px;
    color: #333;
    height: 36px
}

.result .item .price {
    font-size: 12px;
    color: #ce2031
}

.result .item .price strong {
    font-size: 16px;
    font-weight: 600
}

.result .item .deliver {
    color: #666;
    font-size: 12px
}

.result .item_con:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15)
}

.result .item_con:hover .name {
    color: #e70012
}

.goodsCompotent .fn-18 {
    font-size: 24px
}

.goodsCompotent .view-item .svg-icon {
    height: 24px
}

.goodsCompotent .pageRight {
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #72777d
}

.goodsCompotent .pageRight span {
    margin-left: 10px
}

.goodsCompotent .pageRight .el-pager {
    display: none
}

.goodsCompotent .pageRight .btn-next,
.goodsCompotent .pageRight .btn-prev {
    margin: 0;
    border-radius: 0;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #72777d;
    width: 40px
}

.goodsCompotent .pageRight .btn-next {
    border-left: none
}

.goodsCompotent .pageRight .el-pagination.is-background .btn-next:disabled,
.goodsCompotent .pageRight .el-pagination.is-background .btn-prev:disabled {
    background-color: #eee;
    color: #b9bbbe
}

.goodsCompotent .goodsList {
    width: 100%;
    height: 40px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #eee
}

.goodsCompotent .goodsList .goods_filter_con {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #f5f5f5
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left {
    display: flex;
    position: relative
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-goodType-range {
    width: 95px
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-goodType-range .el-select .el-input .el-select__caret {
    color: #fff
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-goodType-range .el-input__inner {
    border-radius: 0;
    height: 40px;
    font-size: 12px;
    border: none;
    color: #fff;
    background: #e70012
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-goodType-range .el-input--small {
    height: 40px;
    font-size: 12px
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter_price_sort {
    margin: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter_price_sort .price_sort {
    font-size: 12px;
    color: #333;
    font-weight: 400
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter_price_sort .price_sort .iconfont {
    font-size: 12px
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .activeSort {
    cursor: pointer;
    border-bottom: 2px solid #e70012
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .activeSort .iconfont,
.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .activeSort .price_sort {
    color: #e70012
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .activeSort .newicon {
    display: inline-block;
    transform: rotate(360)
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-prostatus {
    margin: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-prostatus .el-checkbox__label {
    font-size: 12px;
    font-weight: 400;
    color: #333
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-price-qu {
    margin-top: 2px;
    font-size: 12px;
    color: #333;
    margin-right: 16px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-price {
    margin-right: 20px;
    display: flex;
    align-items: center
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-price span {
    color: #333;
    font-size: 12px;
    margin-left: 30px;
    margin-right: 5px
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-price .btn_con {
    position: absolute;
    top: 33px;
    display: none
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-price .focus_price {
    display: flex
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-price .input-mini-max {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #333
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-price .input-mini-max .el-input__inner {
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    border-radius: 0;
    padding-left: 5px
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-price .input-mini-max .el-input--small {
    height: 28px;
    font-size: 12px;
    margin: 0 2px
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-price .input-mini-max .el-radio-button__inner {
    border-top: none;
    border-bottom: none;
    border-radius: 0
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-price .input-mini-max .el-button--small {
    font-size: 12px;
    height: 28px;
    border-radius: 0;
    border: 0 !important
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-price .filter-price-reset {
    margin-left: 0;
    color: #bfbfbf !important
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-price-foucs {
    padding: 4px 18px 37px;
    z-index: 666666;
    position: absolute;
    right: -180px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .16)
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-price-foucs .btn_con {
    width: 100%;
    position: absolute;
    top: 33px;
    display: flex;
    justify-content: space-between
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-delivery-range {
    width: 116px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-delivery-range .el-input__inner {
    border-radius: 0;
    height: 30px;
    font-size: 12px
}

.goodsCompotent .goodsList .goods_filter_con .goods_filter_left .filter-delivery-range .el-input--small {
    height: 30px;
    font-size: 12px
}

.goodsCompotent .goodsList .goods_filter_con .view-tab-container {
    display: flex;
    font-size: 12px
}

.goodsCompotent .goodsList .goods_filter_con .view-tab-container .view-item {
    margin-right: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #666
}

.goodsCompotent .goodsList .goods_filter_con .view-tab-container .view-item img {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.goodsCompotent .goodsList .goods_filter_con .view-tab-container .checked {
    color: #e70012
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px 0
}

.pagination .inline-flex {
    display: inline-flex
}

.pagination .mx-10px {
    margin: 0 10px
}

.pagination .items-center {
    align-items: center
}

.pagination .total {
    font-size: 12px;
    color: #666;
    margin-top: 10px
}

.el-input__inner {
    height: 28px;
    line-height: 28px;
    padding: 0 3px;
    border-radius: 0
}

.el-pagination.is-background .el-pager li {
    background-color: #fff;
    border: 1px solid #d9d9d9
}

.btn-next,
.btn-prev {
    padding: 0 10px !important
}

.goTo-btn {
    margin-left: 10px;
    width: 48px;
    height: 32px;
    background: #fafafa;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    cursor: pointer
}

.goTo-btn:hover {
    background: #e70012;
    border: 1px solid #e70012;
    color: #fff
}

.sort {
    background: #fff;
    padding-bottom: 20px;
    height: 100%;
    position: relative
}

.sort .containers {
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 50px
}

.sort .searchConsultTip {
    height: 28px;
    text-align: right;
    font-size: 12px;
    color: #333;
    margin-top: -32px;
    margin-bottom: 10px
}

.sort .searchConsultTip span {
    width: 92px;
    height: 28px;
    background: #e70012;
    border-radius: 4px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
    cursor: pointer
}

.background {
    background: #f2f2f2
}

.searchKeyword {
    color: #e70012;
    width: 600px;
    display: inline-block;
    vertical-align: middle
}

.result .item:hover {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
}
.right-select-data-wenzi {
    
    margin-left: 110px ;
}