@charset "UTF-8";
body {
  background: #ffffff; }

.store-head {
  background: linear-gradient(to bottom, var(--block-bg-color), #ffffff); }
  .store-head .store-head-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    padding: 30px 0;
    margin: 0 auto; }
    .store-head .store-head-body .store-left {
      display: flex;
      align-items: center;
      grid-column-gap: 20px; }
      .store-head .store-head-body .store-left .store-icon {
        width: 50px;
        height: 50px; }
        .store-head .store-head-body .store-left .store-icon.alibaba {
          -webkit-mask: url(../../../static/images/taobao/icon_1688.png) center center no-repeat;
          mask: url(../../../static/images/taobao/icon_1688.png) center center no-repeat;
          -webkit-mask-size: 50px;
          mask-size: 50px;
          background: var(--mark-importent-bg-color); }
        .store-head .store-head-body .store-left .store-icon.taobao {
          -webkit-mask: url(../../../static/images/taobao/icon_taobao.png) center center no-repeat;
          mask: url(../../../static/images/taobao/icon_taobao.png) center center no-repeat;
          -webkit-mask-size: 50px;
          mask-size: 50px;
          background: #fc8d0a; }

.goods-body {
  margin-bottom: 30px;
  padding-bottom: 30px;
  /*筛选参数*/ }
  .goods-body .filter-param {
    position: relative;
    padding: 30px 10px; }
    .goods-body .filter-param .filter-item {
      display: flex;
      align-items: center; }
      .goods-body .filter-param .filter-item .param-right {
        display: flex; }
      .goods-body .filter-param .filter-item.filter-sort .param-right {
        display: flex;
        align-items: center; }
        .goods-body .filter-param .filter-item.filter-sort .param-right .sortItem {
          margin-right: 30px;
          cursor: pointer; }
          .goods-body .filter-param .filter-item.filter-sort .param-right .sortItem .arrow {
            position: relative;
            padding-left: 3px; }
            .goods-body .filter-param .filter-item.filter-sort .param-right .sortItem .arrow .el-icon-caret-top {
              position: absolute;
              top: -2px;
              color: var(--base-color-b);
              cursor: pointer; }
            .goods-body .filter-param .filter-item.filter-sort .param-right .sortItem .arrow .el-icon-caret-bottom {
              position: absolute;
              bottom: -2px;
              color: var(--base-color-b);
              cursor: pointer; }
            .goods-body .filter-param .filter-item.filter-sort .param-right .sortItem .arrow i.current {
              color: var(--primary-color); }
          .goods-body .filter-param .filter-item.filter-sort .param-right .sortItem.singleArrow .arrow .el-icon-caret-bottom {
            bottom: 0; }
        .goods-body .filter-param .filter-item.filter-sort .param-right .priceParam {
          display: flex;
          align-items: center; }
          .goods-body .filter-param .filter-item.filter-sort .param-right .priceParam .priceItem {
            display: flex;
            align-items: center;
            margin-right: 10px;
            padding-left: 5px;
            border: 1px solid #DCDFE6;
            background: var(--base-color-7);
            border-radius: 4px; }
            .goods-body .filter-param .filter-item.filter-sort .param-right .priceParam .priceItem span {
              color: var(--base-color-b);
              font-size: 12px; }
            .goods-body .filter-param .filter-item.filter-sort .param-right .priceParam .priceItem div {
              width: 50px; }
              .goods-body .filter-param .filter-item.filter-sort .param-right .priceParam .priceItem div input {
                padding: 0 5px;
                border: none; }
  .goods-body .emptyData {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px; }
  .goods-body .noMoreData {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px; }
  .goods-body .moreDataLoading {
    height: 100px; }
  .goods-body .goods-list {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(5, 18%);
    grid-row-gap: 25px;
    min-height: 400px; }
    .goods-body .goods-list .goods-item {
      padding: 10px;
      background: #ffffff;
      border-radius: 10px;
      cursor: pointer; }
      .goods-body .goods-list .goods-item:hover {
        filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1)); }
      .goods-body .goods-list .goods-item .icon {
        min-height: 193px;
        max-height: 195px;
        overflow: hidden; }
        .goods-body .goods-list .goods-item .icon img {
          -webkit-transition: all 0.2s ease-out;
          -moz-transition: all 0.2s ease-out;
          -ms-transition: all 0.2s ease-out;
          -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out; }
        .goods-body .goods-list .goods-item .icon:hover img {
          -webkit-transform: scale(1.2);
          -moz-transform: scale(1.2);
          -ms-transform: scale(1.2);
          -o-transform: scale(1.2);
          transform: scale(1.2); }
        .goods-body .goods-list .goods-item .icon .el-image {
          width: 100%;
          height: 193px; }
          .goods-body .goods-list .goods-item .icon .el-image .image-slot {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            background: var(--block-light-bg-color);
            color: var(--text-color-9);
            font-size: 30px; }
      .goods-body .goods-list .goods-item .title {
        font-size: 13px;
        margin-top: 10px;
        line-height: 20px;
        overflow: hidden;
        display: -webkit-box;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; }
      .goods-body .goods-list .goods-item .itemPrice {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        color: var(--text-color-3);
        font-size: 20px;
        font-weight: bold;
        margin-top: 10px; }
        .goods-body .goods-list .goods-item .itemPrice .price i {
          font-style: normal; }
        .goods-body .goods-list .goods-item .itemPrice .sold {
          color: var(--text-color-9);
          font-size: 13px;
          font-weight: normal; }

/*# sourceMappingURL=goodsStore.css.map */