{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/category/Category.vue?vue&type=style&index=0&id=7222b12d&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/category/Category.vue","mtime":1616772456018},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLm5hdi1iYXIgewogIGJhY2tncm91bmQtY29sb3I6ICNmNTNiNTc7CiAgY29sb3I6ICNmZmY7Cn0KCi5oZWFkU2VhcmNoIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmFmYWZhOwogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICB6LWluZGV4OiAxMDA7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICB3aWR0aDogMTAwJTsKICBoZWlnaHQ6IDUwcHg7CiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlNGU0ZTQ7Cn0KCi5oZWFkU2VhcmNoIC5zZWFyY2hJbnB1dCB7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogIHdpZHRoOiA5MCU7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGxlZnQ6IDUwJTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTsKICB0b3A6IDUwJTsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgaGVpZ2h0OiAzMnB4OwogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogIzMzMzsKICBsaW5lLWhlaWdodDogMjhweDsKICBib3JkZXI6IG5vbmU7CiAgYmFja2dyb3VuZC1jb2xvcjogI2VjZWNlYzsKICBib3JkZXItcmFkaXVzOiA1cHg7CiAgcGFkZGluZzogMCAzMHB4OwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgLXdlYmtpdC1ib3gtc2l6aW5nOiBib3JkZXItYm94Owp9CgouaGVhZFNlYXJjaCAuc2VhcmNoSW5wdXQgbGFiZWwgewogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICBiYWNrZ3JvdW5kOiB1cmwoIi4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWFyY2hJY29uLnBuZyIpIG5vLXJlcGVhdDsKICBiYWNrZ3JvdW5kLXNpemU6IDEyMHB4IDQwcHg7CiAgY3Vyc29yOiBwb2ludGVyOwogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICB3aWR0aDogMTJweDsKICBoZWlnaHQ6IDEycHg7CiAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQxcHggLTE4cHg7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGxlZnQ6IDEwcHg7CiAgdG9wOiAxMHB4Owp9CgouaGVhZFNlYXJjaCAuc2VhcmNoSW5wdXQgLmJ0biB7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogIGN1cnNvcjogcG9pbnRlcjsKICBsaW5lLWhlaWdodDogMzJweDsKICBoZWlnaHQ6IDMycHg7CiAgd2lkdGg6IDMwcHg7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHJpZ2h0OiAxMHB4OwogIGNvbG9yOiAjMzMzOwp9CgouaGVhZFNlYXJjaCAuc2VhcmNoSW5wdXQgaW5wdXQgewogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICB3aWR0aDogMTAwJTsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTUwJSk7CiAgdG9wOiA1MCU7CiAgaGVpZ2h0OiAyOHB4OwogIGZvbnQtc2l6ZTogMTJweDsKICBjb2xvcjogIzMzMzsKICBsaW5lLWhlaWdodDogMjhweDsKICBib3JkZXI6IG5vbmU7CiAgYmFja2dyb3VuZC1jb2xvcjogI2VjZWNlYzsKICBib3JkZXItcmFkaXVzOiA1cHg7CiAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAtd2Via2l0LWJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0KCi5oZWFkU2VhcmNoIC5zZWFyY2hJbnB1dCBpbnB1dDpmb2N1cyB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2VjZWNlYzsKfQoKLml0ZW0tY2F0ZWdvdHkgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC13cmFwOiB3cmFwOwogIGhlaWdodDogMjQ2cHg7CiAgd2lkdGg6IDEwMCU7Cn0KCi5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTEgewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoIi4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmciKSBuby1yZXBlYXQ7Cn0KLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtMiB7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZyIpIC04NHB4IDAgbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTMgewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoIi4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmciKSAtMTY1cHggMCBuby1yZXBlYXQ7Cn0KLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtNCB7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZyIpIDAgLTcwcHggbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTUgewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoIi4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmciKSAtODRweCAtNzBweAogICAgbm8tcmVwZWF0Owp9CgouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW02IHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCIuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nIikgLTE2NXB4IC03MHB4CiAgICBuby1yZXBlYXQ7Cn0KLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtNyB7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZyIpIDAgLTE0MHB4IG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW04IHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCIuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nIiktODRweCAtMTQwcHggbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTkgewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoIi4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmciKS0xNjVweCAtMTQwcHggbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTEwIHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCIuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nIikgMCAtMjEwcHggbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTExIHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZC1wb3NpdGlvbjogMCAwOwogIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZyIpIC04NHB4IC0yMTBweAogICAgbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTEyIHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZC1wb3NpdGlvbjogMCAwOwogIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZyIpIC0xNjVweCAtMjEwcHgKICAgIG5vLXJlcGVhdDsKfQoKLml0ZW0tY2F0ZWdvdHkgZGl2IHNwYW4gewogIGRpc3BsYXk6IGJsb2NrOwogIHRleHQtYWxpZ246IGNlbnRlcjsKICBjb2xvcjogIzMzMzsKICB0ZXh0LWFsaWduOiBjZW50ZXI7Cn0KCi5pdGVtLWNhdGVnb3R5IGRpdiB7CiAgaGVpZ2h0OiA4MXB4OwogIHdpZHRoOiAzMy4zMzMzMzMzMyU7CiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKfQo="},{"version":3,"sources":["Category.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2HA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"Category.vue","sourceRoot":"src/views/category","sourcesContent":["<template>\n  <div id=\"category\">\n    <NavBar class=\"nav-bar\"><div slot=\"center\">选酒</div></NavBar>\n    <div class=\"headSearch\">\n      <div class=\"searchInput\">\n        <label for=\"text\"></label>\n        <input\n          type=\"text\"\n          id=\"text\"\n          placeholder=\"浓香特卖专区下单立减100元\"\n          v-on:input=\"inputFunc\"\n          value=\"\"\n        />\n        <input\n          type=\"button\"\n          class=\"btn\"\n          @click=\"submitcontent()\"\n          value=\"搜索\"\n        />\n      </div>\n    </div>\n    <div class=\"item-categoty\" v-if=\"this.isexit\">\n      <div><i class=\"item1\"></i><span>白酒</span></div>\n      <div><i class=\"item2\"></i><span>葡萄酒</span></div>\n      <div><i class=\"item3\"></i><span>洋酒</span></div>\n      <div><i class=\"item4\"></i><span>整箱购</span></div>\n      <div><i class=\"item5\"></i><span>老酒</span></div>\n      <div><i class=\"item6\"></i><span>清仓特卖</span></div>\n      <div><i class=\"item7\"></i><span>海外直采</span></div>\n      <div><i class=\"item8\"></i><span>精美大坛</span></div>\n      <div><i class=\"item9\"></i><span>红酒整箱</span></div>\n      <div><i class=\"item10\"></i><span>值得买</span></div>\n      <div><i class=\"item11\"></i><span>销量排行</span></div>\n      <div><i class=\"item12\"></i><span>礼尚往来</span></div>\n    </div>\n    <SearchList :list=\"this.list\" v-if=\"!this.isexit\"></SearchList>\n  </div>\n</template>\n\n<script>\nimport NavBar from \"@/components/common/navbar/NavBar\";\nimport SearchList from \"@/views/category/childComps/SearchList.vue\";\n\nexport default {\n  name: \"Category\",\n  components: {\n    NavBar,\n    SearchList\n  },\n  //  mixins:[tabControlMixin,itemListenerMixin],\n  data() {\n    return {\n      categoryData: {},\n      currentIndex: -1,\n      categories: [],\n      saveY: 0,\n      list: [],\n      isexit: true,\n      submitdata: {\n        key: \"\"\n      },\n      listexit: true,\n      clientHeight: document.documentElement.clientHeight\n    };\n  },\n  computed: {},\n  methods: {\n    //监听键盘输入\n    inputFunc() {\n      var data = document.getElementById(\"text\").value;\n      if (data == \"\") {\n        this.isexit = true;\n        this.submitdata.key = \"\";\n      }\n    },\n\n    activated() {\n      this.$refs.scroll.refresh();\n      this.$refs.scroll.scrollTo(0, this.saveY, 0);\n    },\n    deactivated() {\n      this.saveY = this.$refs.scroll.getScrollY();\n      //判断当前哪个图片加载监听\n      this.$bus.$off(\"itemImgLoad\", this.itemImgListener);\n    },\n    async submitcontent() {\n      //获取input中的值\n      this.submitdata.key = document.getElementById(\"text\").value; // 输出值\n      if (this.submitdata.key === \"\") {\n      } else {\n        try {\n          const res = await this.$http.post(\"/search/getdata\", this.submitdata);\n          this.list = res.data;\n          this.isexit = false;\n          if (this.list.length == 0) {\n            this.$message.success(\"可尝试关键词酒、洋酒、白酒等\");\n          }\n        } catch (err) {\n          this.$message.success(\"搜索失败\");\n        }\n      }\n    }\n  },\n  mounted() {\n    var n = navigator.userAgent;\n    if (n.indexOf(\"iPhone\") <= -1) {\n      window.onresize = () => {\n        if (location == \"/category\") {\n          if (this.clientHeight > document.documentElement.clientHeight) {\n            // 隐藏按钮\n            this.$bus.$emit(\"isShowTabbar\", false);\n          } else {\n            // 显示按钮\n            this.$bus.$emit(\"isShowTabbar\", true);\n          }\n        }\n      };\n    }\n  }\n};\n</script>\n\n<style scoped>\n.nav-bar {\n  background-color: #f53b57;\n  color: #fff;\n}\n\n.headSearch {\n  background-color: #fafafa;\n  position: relative;\n  z-index: 100;\n  overflow: hidden;\n  width: 100%;\n  height: 50px;\n  border-bottom: 1px solid #e4e4e4;\n}\n\n.headSearch .searchInput {\n  display: inline-block;\n  width: 90%;\n  position: relative;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  top: 50%;\n  text-align: center;\n  height: 32px;\n  font-size: 12px;\n  color: #333;\n  line-height: 28px;\n  border: none;\n  background-color: #ececec;\n  border-radius: 5px;\n  padding: 0 30px;\n  box-sizing: border-box;\n  -webkit-box-sizing: border-box;\n}\n\n.headSearch .searchInput label {\n  display: inline-block;\n  background: url(\"../../assets/img/cartage/searchIcon.png\") no-repeat;\n  background-size: 120px 40px;\n  cursor: pointer;\n  display: inline-block;\n  width: 12px;\n  height: 12px;\n  background-position: -41px -18px;\n  position: absolute;\n  left: 10px;\n  top: 10px;\n}\n\n.headSearch .searchInput .btn {\n  display: inline-block;\n  cursor: pointer;\n  line-height: 32px;\n  height: 32px;\n  width: 30px;\n  position: absolute;\n  right: 10px;\n  color: #333;\n}\n\n.headSearch .searchInput input {\n  display: inline-block;\n  width: 100%;\n  position: relative;\n  transform: translate(0, -50%);\n  top: 50%;\n  height: 28px;\n  font-size: 12px;\n  color: #333;\n  line-height: 28px;\n  border: none;\n  background-color: #ececec;\n  border-radius: 5px;\n  box-sizing: border-box;\n  -webkit-box-sizing: border-box;\n}\n\n.headSearch .searchInput input:focus {\n  background-color: #ececec;\n}\n\n.item-categoty {\n  display: flex;\n  flex-wrap: wrap;\n  height: 246px;\n  width: 100%;\n}\n\n.item-categoty div .item1 {\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url(\"../../assets/img/cartage/selectIcon0314.png\") no-repeat;\n}\n.item-categoty div .item2 {\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url(\"../../assets/img/cartage/selectIcon0314.png\") -84px 0 no-repeat;\n}\n.item-categoty div .item3 {\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url(\"../../assets/img/cartage/selectIcon0314.png\") -165px 0 no-repeat;\n}\n.item-categoty div .item4 {\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url(\"../../assets/img/cartage/selectIcon0314.png\") 0 -70px no-repeat;\n}\n.item-categoty div .item5 {\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url(\"../../assets/img/cartage/selectIcon0314.png\") -84px -70px\n    no-repeat;\n}\n\n.item-categoty div .item6 {\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url(\"../../assets/img/cartage/selectIcon0314.png\") -165px -70px\n    no-repeat;\n}\n.item-categoty div .item7 {\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url(\"../../assets/img/cartage/selectIcon0314.png\") 0 -140px no-repeat;\n}\n.item-categoty div .item8 {\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url(\"../../assets/img/cartage/selectIcon0314.png\")-84px -140px no-repeat;\n}\n.item-categoty div .item9 {\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url(\"../../assets/img/cartage/selectIcon0314.png\")-165px -140px no-repeat;\n}\n.item-categoty div .item10 {\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background: url(\"../../assets/img/cartage/selectIcon0314.png\") 0 -210px no-repeat;\n}\n.item-categoty div .item11 {\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background-position: 0 0;\n  background: url(\"../../assets/img/cartage/selectIcon0314.png\") -84px -210px\n    no-repeat;\n}\n.item-categoty div .item12 {\n  display: block;\n  margin: 10px auto;\n  width: 36px;\n  height: 36px;\n  background-position: 0 0;\n  background: url(\"../../assets/img/cartage/selectIcon0314.png\") -165px -210px\n    no-repeat;\n}\n\n.item-categoty div span {\n  display: block;\n  text-align: center;\n  color: #333;\n  text-align: center;\n}\n\n.item-categoty div {\n  height: 81px;\n  width: 33.33333333%;\n  background-color: #fff;\n}\n</style>\n"]}]}