{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/category/Category.vue?vue&type=style&index=0&id=406534a9&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/category/Category.vue","mtime":1618195860522},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5uYXYtYmFyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGYzODMyOwogIGNvbG9yOiAjZmZmOwp9CgouaGVhZFNlYXJjaCB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2ZhZmFmYTsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgei1pbmRleDogMTAwOwogIG92ZXJmbG93OiBoaWRkZW47CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiA1MHB4OwogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZTRlNGU0Owp9CgouaGVhZFNlYXJjaCAuc2VhcmNoSW5wdXQgewogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICB3aWR0aDogOTAlOwogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICBsZWZ0OiA1MCU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7CiAgdG9wOiA1MCU7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIGhlaWdodDogMzJweDsKICBmb250LXNpemU6IDEycHg7CiAgY29sb3I6ICMzMzM7CiAgbGluZS1oZWlnaHQ6IDI4cHg7CiAgYm9yZGVyOiBub25lOwogIGJhY2tncm91bmQtY29sb3I6ICNlY2VjZWM7CiAgYm9yZGVyLXJhZGl1czogNXB4OwogIHBhZGRpbmc6IDAgMzBweDsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIC13ZWJraXQtYm94LXNpemluZzogYm9yZGVyLWJveDsKfQoKLmhlYWRTZWFyY2ggLnNlYXJjaElucHV0IGxhYmVsIHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgYmFja2dyb3VuZC1zaXplOiAxMjBweCA0MHB4OwogIGN1cnNvcjogcG9pbnRlcjsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGxlZnQ6IDhweDsKICB0b3A6IDZweDsKfQoKLmhlYWRTZWFyY2ggLnNlYXJjaElucHV0IGxhYmVsIGltZyB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIHdpZHRoOiAxNnB4OwogIGhlaWdodDogMTZweDsKfQoKLmhlYWRTZWFyY2ggLnNlYXJjaElucHV0IC5idG4gewogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICBjdXJzb3I6IHBvaW50ZXI7CiAgbGluZS1oZWlnaHQ6IDMycHg7CiAgaGVpZ2h0OiAzMnB4OwogIHdpZHRoOiAzMHB4OwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICByaWdodDogMTBweDsKICBjb2xvcjogIzMzMzsKfQoKLmhlYWRTZWFyY2ggLnNlYXJjaElucHV0IGlucHV0IHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgd2lkdGg6IDEwMCU7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC01MCUpOwogIHRvcDogNTAlOwogIGhlaWdodDogMjhweDsKICBmb250LXNpemU6IDEycHg7CiAgY29sb3I6ICMzMzM7CiAgbGluZS1oZWlnaHQ6IDI4cHg7CiAgYm9yZGVyOiBub25lOwogIGJhY2tncm91bmQtY29sb3I6ICNlY2VjZWM7CiAgYm9yZGVyLXJhZGl1czogNXB4OwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgLXdlYmtpdC1ib3gtc2l6aW5nOiBib3JkZXItYm94Owp9CgouaGVhZFNlYXJjaCAuc2VhcmNoSW5wdXQgaW5wdXQ6Zm9jdXMgewogIGJhY2tncm91bmQtY29sb3I6ICNlY2VjZWM7Cn0KCi5pdGVtLWNhdGVnb3R5IHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtd3JhcDogd3JhcDsKICBoZWlnaHQ6IDI0NnB4OwogIHdpZHRoOiAxMDAlOwp9CgouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW0xIHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCIuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nIikgbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTIgewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoIi4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmciKSAtODRweCAwIG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW0zIHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCIuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nIikgLTE2NXB4IDAgbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTQgewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoIi4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmciKSAwIC03MHB4IG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW01IHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCIuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nIikgLTg0cHggLTcwcHgKICAgIG5vLXJlcGVhdDsKfQoKLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtNiB7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZyIpIC0xNjVweCAtNzBweAogICAgbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTcgewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoIi4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmciKSAwIC0xNDBweCBuby1yZXBlYXQ7Cn0KLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtOCB7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZyIpLTg0cHggLTE0MHB4IG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW05IHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCIuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nIiktMTY1cHggLTE0MHB4IG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW0xMCB7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgiLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZyIpIDAgLTIxMHB4IG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW0xMSB7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQtcG9zaXRpb246IDAgMDsKICBiYWNrZ3JvdW5kOiB1cmwoIi4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmciKSAtODRweCAtMjEwcHgKICAgIG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW0xMiB7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQtcG9zaXRpb246IDAgMDsKICBiYWNrZ3JvdW5kOiB1cmwoIi4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmciKSAtMTY1cHggLTIxMHB4CiAgICBuby1yZXBlYXQ7Cn0KCi5pdGVtLWNhdGVnb3R5IGRpdiBzcGFuIHsKICBkaXNwbGF5OiBibG9jazsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgY29sb3I6ICMzMzM7CiAgdGV4dC1hbGlnbjogY2VudGVyOwp9CgouaXRlbS1jYXRlZ290eSBkaXYgewogIGhlaWdodDogODFweDsKICB3aWR0aDogMzMuMzMzMzMzMzMlOwogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7Cn0K"},{"version":3,"sources":["Category.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+NA;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;;AAEA;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\">\n          <img\n            v-if=\"this.iconisexit\"\n            src=\"@/assets/img/cartage/search-icon.svg\"\n            alt=\"\"\n          />\n          <img\n            v-if=\"!this.iconisexit\"\n            src=\"@/assets/img/cartage/backIcon.svg\"\n            @click=\"backicon()\"\n            alt=\"\"\n          />\n        </label>\n        <input\n          type=\"text\"\n          id=\"text\"\n          placeholder=\"搜索你喜欢的酒吧！\"\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 @click=\"searchbaijiu()\"><i class=\"item1\"></i><span>白酒</span></div>\n      <div @click=\"searchputaojiu()\">\n        <i class=\"item2\"></i><span>葡萄酒</span>\n      </div>\n      <div @click=\"searchyangjiu()\"><i class=\"item3\"></i><span>洋酒</span></div>\n      <div @click=\"searchzhengxianggou()\">\n        <i class=\"item4\"></i><span>整箱购</span>\n      </div>\n      <div @click=\"searchlaojiu()\"><i class=\"item5\"></i><span>老酒</span></div>\n      <div @click=\"searchqingcang()\">\n        <i class=\"item6\"></i><span>清仓特卖</span>\n      </div>\n      <div @click=\"searchhaiwai()\">\n        <i class=\"item7\"></i><span>海外直采</span>\n      </div>\n      <div @click=\"searchjingmei()\">\n        <i class=\"item8\"></i><span>精美大坛</span>\n      </div>\n      <div @click=\"searchhongjiu()\">\n        <i class=\"item9\"></i><span>红酒整箱</span>\n      </div>\n      <div @click=\"searchvalue()\">\n        <i class=\"item10\"></i><span>值得买</span>\n      </div>\n      <div @click=\"searchxiaoliang()\">\n        <i class=\"item11\"></i><span>销量排行</span>\n      </div>\n      <div @click=\"searchlishang()\">\n        <i class=\"item12\"></i><span>礼尚往来</span>\n      </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      iconisexit: true,\n      submitdata: {\n        key: \"\"\n      },\n      listexit: true,\n      clientHeight: document.documentElement.clientHeight\n    };\n  },\n  computed: {},\n  methods: {\n    backicon() {\n      var dataicon = document.getElementById(\"text\");\n      dataicon.value = \"\";\n      this.iconisexit = true;\n      this.isexit = true;\n    },\n    searchlishang() {\n      var odata = document.getElementById(\"text\");\n      odata.value = \"酒\";\n      this.submitcontent();\n    },\n    searchxiaoliang() {\n      var odata = document.getElementById(\"text\");\n      odata.value = \"酒\";\n      this.submitcontent();\n    },\n    searchvalue() {\n      var odata = document.getElementById(\"text\");\n      odata.value = \"酒\";\n      this.submitcontent();\n    },\n    searchhongjiu() {\n      var odata = document.getElementById(\"text\");\n      odata.value = \"红酒\";\n      this.submitcontent();\n    },\n    searchjingmei() {\n      var odata = document.getElementById(\"text\");\n      odata.value = \"酒\";\n      this.submitcontent();\n    },\n    searchhaiwai() {\n      var odata = document.getElementById(\"text\");\n      odata.value = \"洋酒\";\n      this.submitcontent();\n    },\n    searchqingcang() {\n      var odata = document.getElementById(\"text\");\n      odata.value = \"酒\";\n      this.submitcontent();\n    },\n    searchlaojiu() {\n      var odata = document.getElementById(\"text\");\n      odata.value = \"老酒\";\n      this.submitcontent();\n    },\n    searchzhengxianggou() {\n      var odata = document.getElementById(\"text\");\n      odata.value = \"酒\";\n      this.submitcontent();\n    },\n    searchyangjiu() {\n      var odata = document.getElementById(\"text\");\n      odata.value = \"洋酒\";\n      this.submitcontent();\n    },\n    searchputaojiu() {\n      var odata = document.getElementById(\"text\");\n      odata.value = \"葡萄酒\";\n      this.submitcontent();\n    },\n    searchbaijiu() {\n      var odata = document.getElementById(\"text\");\n      odata.value = \"白酒\";\n      this.submitcontent();\n    },\n    //监听键盘输入\n    inputFunc() {\n      var data = document.getElementById(\"text\").value;\n      if (data == \"\") {\n        this.isexit = true;\n        this.submitdata.key = \"\";\n        this.iconisexit = true;\n      } else {\n        this.iconisexit = false;\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      this.iconisexit = false;\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.pathname == \"/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: #df3832;\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-size: 120px 40px;\n  cursor: pointer;\n  display: inline-block;\n  position: absolute;\n  left: 8px;\n  top: 6px;\n}\n\n.headSearch .searchInput label img {\n  position: relative;\n  width: 16px;\n  height: 16px;\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"]}]}