{"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=7656a39b&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/category/Category.vue","mtime":1616510335774},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5uYXYtYmFyewogIGJhY2tncm91bmQtY29sb3I6I2Y1M2I1NzsKICBjb2xvcjogI2ZmZjsKfQoKLmhlYWRTZWFyY2h7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmFmYWZhOwogICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgei1pbmRleDogMTAwOwogICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIHdpZHRoOiAxMDAlOwogICAgaGVpZ2h0OiA1MHB4OwogICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlNGU0ZTQ7Cn0KCi5oZWFkU2VhcmNoIC5zZWFyY2hJbnB1dHsKICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgIHdpZHRoOiA5MCU7CiAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICBsZWZ0OjUwJTsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsLTUwJSk7CiAgICB0b3A6IDUwJTsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIGhlaWdodDogMzJweDsKICAgIGZvbnQtc2l6ZTogMTJweDsKICAgIGNvbG9yOiAjMzMzOwogICAgbGluZS1oZWlnaHQ6IDI4cHg7CiAgICBib3JkZXI6IG5vbmU7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWNlY2VjOzsKICAgIGJvcmRlci1yYWRpdXM6IDVweDsKICAgIHBhZGRpbmc6IDAgMzBweDsKICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgICAtd2Via2l0LWJveC1zaXppbmc6Ym9yZGVyLWJveDsKfQoKCi5oZWFkU2VhcmNoIC5zZWFyY2hJbnB1dCBsYWJlbHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWFyY2hJY29uLnBuZycpIG5vLXJlcGVhdDsKICAgIGJhY2tncm91bmQtc2l6ZTogMTIwcHggNDBweDsKICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgIHdpZHRoOiAxMnB4OwogICAgaGVpZ2h0OiAxMnB4OwogICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQxcHggLTE4cHg7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICBsZWZ0OiAxMHB4OwogICAgdG9wOiAxMHB4Owp9CgouaGVhZFNlYXJjaCAuc2VhcmNoSW5wdXQgLmJ0bnsKICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAgIGN1cnNvcjogcG9pbnRlcjsKICAgIGxpbmUtaGVpZ2h0OiAzMnB4OwogICAgaGVpZ2h0OiAzMnB4OwogICAgd2lkdGg6IDMwcHg7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICByaWdodDogMTBweDsKICAgIGNvbG9yOiAjMzMzOwp9CgouaGVhZFNlYXJjaCAuc2VhcmNoSW5wdXQgaW5wdXR7CiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICB3aWR0aDogMTAwJTsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsLTUwJSk7CiAgICB0b3A6IDUwJTsKICAgIGhlaWdodDogMjhweDsKICAgIGZvbnQtc2l6ZTogMTJweDsKICAgIGNvbG9yOiAjMzMzOwogICAgbGluZS1oZWlnaHQ6IDI4cHg7CiAgICBib3JkZXI6IG5vbmU7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWNlY2VjOzsKICAgIGJvcmRlci1yYWRpdXM6IDVweDsKICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgICAtd2Via2l0LWJveC1zaXppbmc6Ym9yZGVyLWJveDsKfQoKLmhlYWRTZWFyY2ggLnNlYXJjaElucHV0IGlucHV0OmZvY3VzewogIGJhY2tncm91bmQtY29sb3I6ICNlY2VjZWM7Owp9CgouaXRlbS1jYXRlZ290eXsKICBkaXNwbGF5OiBmbGV4OwogICBmbGV4LXdyYXA6d3JhcDsKICBoZWlnaHQ6IDI0NnB4OwogIHdpZHRoOiAxMDAlOwp9CgoKLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtMXsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nJykgbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTJ7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZycpIC04NHB4IDAgbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTN7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZycpIC0xNjVweCAwIG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW00ewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmcnKSAwIC03MHB4IG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW01ewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmcnKSAtODRweCAtNzBweCBuby1yZXBlYXQ7Cn0KCi5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTZ7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OyAKICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmcnKSAtMTY1cHggLTcwcHggbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTd7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZycpIDAgLTE0MHB4IG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW04ewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmcnKS04NHB4IC0xNDBweCBuby1yZXBlYXQ7Cn0KLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtOXsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nJyktMTY1cHggLTE0MHB4IG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW0xMHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nJykwIC0yMTBweCBuby1yZXBlYXQ7Cn0KLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtMTF7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQtcG9zaXRpb246IDAgMDsKICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmcnKSAtODRweCAtMjEwcHggbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTEyewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAwIDA7CiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nJykgLTE2NXB4IC0yMTBweCBuby1yZXBlYXQ7Cn0KCgouaXRlbS1jYXRlZ290eSBkaXYgc3BhbnsKICBkaXNwbGF5OiBibG9jazsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgY29sb3I6ICMzMzM7CiAgdGV4dC1hbGlnbjogY2VudGVyOwp9CgoKLml0ZW0tY2F0ZWdvdHkgZGl2ewogIGhlaWdodDogODFweDsKICB3aWR0aDogMzMuMzMzMzMzMzMlOwogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7Cgp9Cg=="},{"version":3,"sources":["Category.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA;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;;;AAGA;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;;;AAGA;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;;;AAGA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA","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 type=\"text\" id=\"text\" placeholder=\"浓香特卖专区下单立减100元\" v-on:input =\"inputFunc\" value=\"\"/>\n          <input type=\"button\" class=\"btn\"  @click=\"submitcontent()\" value=\"搜索\"/>\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>\n\n import NavBar from \"@/components/common/navbar/NavBar\";\n import SearchList from \"@/views/category/childComps/SearchList.vue\"\n\n export default {\n  name: \"Category\",\n  components:{\n    NavBar,\n    SearchList\n  },\n  //  mixins:[tabControlMixin,itemListenerMixin],\n  data(){\n    return{\n      categoryData:{\n      },\n      currentIndex:-1,\n      categories:[],\n      saveY:0,\n      list:[],\n      isexit:true,\n      submitdata:{\n        key:''\n      },\n      listexit:true\n    }\n  },\n   computed:{\n\n   },\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 }\n</script>\n\n<style scoped>\n\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\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\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 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 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 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 no-repeat;\n}\n\n\n.item-categoty div span{\n  display: block;\n  text-align: center;\n  color: #333;\n  text-align: center;\n}\n\n\n.item-categoty div{\n  height: 81px;\n  width: 33.33333333%;\n  background-color: #fff;\n\n}\n</style>\n"]}]}