{"remainingRequest":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/vue-loader/lib/index.js??vue-loader-options!/data/jenkins/workspace/admin.ws.baibaodun.com.cn/src/views/pagediy/components/mobilePage/home_tab.vue?vue&type=style&index=0&id=4faedc67&prod&scoped=true&lang=scss","dependencies":[{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/src/views/pagediy/components/mobilePage/home_tab.vue","mtime":1701741776323},{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/css-loader/index.js","mtime":1701741918386},{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1701741928363},{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/postcss-loader/src/index.js","mtime":1701741918842},{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/sass-loader/dist/cjs.js","mtime":1701741918389},{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/cache-loader/dist/cjs.js","mtime":1701741918737},{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/vue-loader/lib/index.js","mtime":1701741928146}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.auto {\n  width: auto !important;\n}\n.listC {\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: auto;\n  width: 100%;\n}\n.menus {\n  width: 100%;\n  padding: 0 20px 0 15px;\n  cursor: pointer;\n  overflow: hidden;\n  position: relative;\n  height: 37px;\n\n  .category {\n    width: 20px;\n    color: #fff;\n    position: absolute;\n    right: 15px;\n    top: 12px;\n    span {\n      font-size: 18px;\n    }\n  }\n  .item {\n    position: relative;\n    float: left;\n    margin-right: 15px;\n    text-align: center;\n    color: #fff;\n    font-size: 14px;\n    height: 38px;\n    line-height: 36px;\n    // width: 60px;\n    &.on {\n      font-size: 15px;\n      span {\n        display: block;\n        position: absolute;\n        left: 50%;\n        bottom: 5px;\n        width: 16px;\n        height: 2px;\n        transform: translateX(-50%);\n        background: #fff;\n      }\n    }\n  }\n}\n.sold {\n  font-size: 11px;\n  color: #666;\n  margin-top: 3px;\n}\n.itemOn {\n  border-radius: 0 !important;\n  img,\n  .empty-box {\n    border-radius: 0 !important;\n  }\n  .img-box {\n    .label {\n      border-radius: 0 0 8px 0 !important;\n    }\n  }\n}\n.pageOn {\n  border-radius: 8px !important;\n}\n.line2 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.listBig {\n  width: 100%;\n  padding: 10px 0 10px 0;\n  .itemBig {\n    width: 100%;\n    margin-bottom: 15px;\n    border-radius: 10px;\n    .img-box {\n      width: 100%;\n      height: 355px;\n      position: relative;\n      border-radius: 50px;\n      img {\n        width: 100%;\n        height: 355px;\n        border-radius: 10px;\n      }\n      .empty-box {\n        border-radius: 10px;\n      }\n      .label {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 59px;\n        height: 25px;\n        line-height: 25px;\n        text-align: center;\n        color: #fff;\n        font-size: 12px;\n        border-radius: 8px 0 8px 0;\n      }\n    }\n    .name {\n      font-size: 15px;\n      font-weight: bold;\n      margin-top: 8px;\n      padding: 0 10px;\n    }\n    .coupon {\n      width: 16px;\n      height: 18px;\n      line-height: 18px;\n      text-align: center;\n      font-size: 12px;\n      margin-right: 5px;\n      display: inline-block;\n    }\n    .price {\n      font-weight: bold;\n      font-size: 12px;\n      .num {\n        font-size: 18px;\n        margin-right: 5px;\n      }\n      .old-price {\n        color: #aaa !important;\n        font-weight: normal;\n        text-decoration: line-through;\n      }\n    }\n  }\n}\n.paddingBox {\n  padding-bottom: 0;\n}\n.home_product {\n  padding: 0 10px;\n  .hd_nav {\n    display: flex;\n    height: 65px;\n    padding: 0 5px;\n    .item {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      /*width: 25%;*/\n      .title {\n        font-size: 16px;\n        color: #282828;\n      }\n      .label {\n        width: 62px;\n        height: 18px;\n        line-height: 18px;\n        text-align: center;\n        background: transparent;\n        border-radius: 8px;\n        color: #999999;\n        font-size: 12px;\n        &.active {\n          .title {\n            color: #ff4444;\n          }\n          .label {\n            color: #fff;\n            background: linear-gradient(270deg, rgba(255, 84, 0, 1) 0%, rgba(255, 0, 0, 1) 100%);\n          }\n        }\n      }\n    }\n  }\n  .info {\n    padding: 10px;\n\n    .title {\n      font-size: 13px;\n      color: #282828;\n      line-height: 21px;\n    }\n    .text {\n      display: flex;\n      align-items: center;\n      margin-top: 10px;\n    }\n    .label {\n      padding: 0 2px;\n      border-radius: 2px;\n      color: #fff;\n      font-size: 9px;\n      text-align: center;\n      line-height: 16px;\n      height: 15px;\n      margin-right: 4px;\n    }\n    .coupon,\n    .ship {\n      padding: 0 5px;\n      line-height: 13px;\n      border-radius: 2px;\n      font-size: 10px;\n      margin-left: 3px;\n    }\n    .ship {\n      color: #ff9000;\n      border: 1px solid #ff9000;\n    }\n    .old-price {\n      color: #aaa;\n      font-size: 13px;\n      text-decoration: line-through;\n      margin-left: 3px;\n    }\n    .price {\n      display: flex;\n      align-items: center;\n      margin-top: 3px;\n      .num {\n        font-size: 14px;\n        span {\n          font-size: 14px;\n        }\n      }\n      .label {\n        width: 16px;\n        height: 18px;\n        margin-left: 5px;\n        text-align: center;\n        line-height: 18px;\n        font-size: 11px;\n        &.on {\n          margin-left: 0;\n        }\n      }\n    }\n  }\n  .list-wrapper {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    .item {\n      /*width: 48.5%;*/\n      &:last-child {\n        margin-bottom: 0 !important;\n      }\n      border-radius: 10px;\n      .img-box {\n        position: relative;\n        width: 100%;\n        height: 173px;\n        img,\n        .box {\n          width: 100%;\n          height: 100%;\n          border-radius: 10px;\n        }\n\n        .empty-box {\n          background: #f3f5f7;\n          border-radius: 10px;\n        }\n\n        .box {\n          background: #d8d8d8;\n        }\n      }\n    }\n    &.itemA {\n      .text {\n        margin-top: 0 !important;\n      }\n      .item {\n        display: flex;\n        width: 100%;\n        .img-box {\n          position: relative;\n          width: 110px;\n          height: 110px;\n          img,\n          .box,\n          .empty-box {\n            border-radius: 10px;\n          }\n        }\n        .info {\n          display: flex;\n          justify-content: space-between;\n          flex-direction: column;\n          flex: 1;\n          margin-left: 5px;\n          padding: 5px 10px;\n          .num {\n            font-weight: bold;\n          }\n        }\n      }\n    }\n    &.itemB {\n      justify-content: inherit;\n      .item {\n        overflow: hidden;\n        &:nth-child(3n) {\n          margin-right: 0;\n        }\n\n        .img-box {\n          position: relative;\n          width: 100%;\n          height: 110px;\n          img,\n          .box,\n          .empty-box {\n            border-radius: 10px;\n          }\n        }\n        .price {\n          display: block;\n        }\n      }\n    }\n    &.itemC {\n      display: grid !important;\n      grid-template-columns: repeat(2, 1fr);\n      grid-template-rows: auto;\n      width: 100%;\n      .item {\n        background-color: #fff;\n        overflow: hidden;\n        img,\n        .box,\n        .empty-box {\n          border-radius: 10px;\n        }\n        .price {\n          margin-top: 3px;\n        }\n      }\n    }\n  }\n}\n",null]}