{"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=14522563&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/category/Category.vue","mtime":1616730874921},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoubmF2LWJhcnsKICBiYWNrZ3JvdW5kLWNvbG9yOiNmNTNiNTc7CiAgY29sb3I6ICNmZmY7Cn0KCi5oZWFkU2VhcmNoewogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZhZmFmYTsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIHotaW5kZXg6IDEwMDsKICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICB3aWR0aDogMTAwJTsKICAgIGhlaWdodDogNTBweDsKICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZTRlNGU0Owp9CgouaGVhZFNlYXJjaCAuc2VhcmNoSW5wdXR7CiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICB3aWR0aDogOTAlOwogICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgbGVmdDo1MCU7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLC01MCUpOwogICAgdG9wOiA1MCU7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICBoZWlnaHQ6IDMycHg7CiAgICBmb250LXNpemU6IDEycHg7CiAgICBjb2xvcjogIzMzMzsKICAgIGxpbmUtaGVpZ2h0OiAyOHB4OwogICAgYm9yZGVyOiBub25lOwogICAgYmFja2dyb3VuZC1jb2xvcjogI2VjZWNlYzs7CiAgICBib3JkZXItcmFkaXVzOiA1cHg7CiAgICBwYWRkaW5nOiAwIDMwcHg7CiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogICAgLXdlYmtpdC1ib3gtc2l6aW5nOmJvcmRlci1ib3g7Cn0KCgouaGVhZFNlYXJjaCAuc2VhcmNoSW5wdXQgbGFiZWx7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VhcmNoSWNvbi5wbmcnKSBuby1yZXBlYXQ7CiAgICBiYWNrZ3JvdW5kLXNpemU6IDEyMHB4IDQwcHg7CiAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICB3aWR0aDogMTJweDsKICAgIGhlaWdodDogMTJweDsKICAgIGJhY2tncm91bmQtcG9zaXRpb246IC00MXB4IC0xOHB4OwogICAgcG9zaXRpb246IGFic29sdXRlOwogICAgbGVmdDogMTBweDsKICAgIHRvcDogMTBweDsKfQoKLmhlYWRTZWFyY2ggLnNlYXJjaElucHV0IC5idG57CiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICBjdXJzb3I6IHBvaW50ZXI7CiAgICBsaW5lLWhlaWdodDogMzJweDsKICAgIGhlaWdodDogMzJweDsKICAgIHdpZHRoOiAzMHB4OwogICAgcG9zaXRpb246IGFic29sdXRlOwogICAgcmlnaHQ6IDEwcHg7CiAgICBjb2xvcjogIzMzMzsKfQoKLmhlYWRTZWFyY2ggLnNlYXJjaElucHV0IGlucHV0ewogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgd2lkdGg6IDEwMCU7CiAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLC01MCUpOwogICAgdG9wOiA1MCU7CiAgICBoZWlnaHQ6IDI4cHg7CiAgICBmb250LXNpemU6IDEycHg7CiAgICBjb2xvcjogIzMzMzsKICAgIGxpbmUtaGVpZ2h0OiAyOHB4OwogICAgYm9yZGVyOiBub25lOwogICAgYmFja2dyb3VuZC1jb2xvcjogI2VjZWNlYzs7CiAgICBib3JkZXItcmFkaXVzOiA1cHg7CiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogICAgLXdlYmtpdC1ib3gtc2l6aW5nOmJvcmRlci1ib3g7Cn0KCi5oZWFkU2VhcmNoIC5zZWFyY2hJbnB1dCBpbnB1dDpmb2N1c3sKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWNlY2VjOzsKfQoKLml0ZW0tY2F0ZWdvdHl7CiAgZGlzcGxheTogZmxleDsKICAgZmxleC13cmFwOndyYXA7CiAgaGVpZ2h0OiAyNDZweDsKICB3aWR0aDogMTAwJTsKfQoKCi5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTF7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZycpIG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW0yewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmcnKSAtODRweCAwIG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW0zewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmcnKSAtMTY1cHggMCBuby1yZXBlYXQ7Cn0KLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtNHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nJykgMCAtNzBweCBuby1yZXBlYXQ7Cn0KLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtNXsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nJykgLTg0cHggLTcwcHggbm8tcmVwZWF0Owp9CgouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW02ewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsgCiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nJykgLTE2NXB4IC03MHB4IG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW03ewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uL2Fzc2V0cy9pbWcvY2FydGFnZS9zZWxlY3RJY29uMDMxNC5wbmcnKSAwIC0xNDBweCBuby1yZXBlYXQ7Cn0KLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtOHsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nJyktODRweCAtMTQwcHggbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTl7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZycpLTE2NXB4IC0xNDBweCBuby1yZXBlYXQ7Cn0KLml0ZW0tY2F0ZWdvdHkgZGl2IC5pdGVtMTB7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG87CiAgd2lkdGg6IDM2cHg7CiAgaGVpZ2h0OiAzNnB4OwogIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZycpMCAtMjEwcHggbm8tcmVwZWF0Owp9Ci5pdGVtLWNhdGVnb3R5IGRpdiAuaXRlbTExewogIGRpc3BsYXk6IGJsb2NrOwogIG1hcmdpbjogMTBweCBhdXRvOwogIHdpZHRoOiAzNnB4OwogIGhlaWdodDogMzZweDsKICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAwIDA7CiAgYmFja2dyb3VuZDogdXJsKCcuLi8uLi9hc3NldHMvaW1nL2NhcnRhZ2Uvc2VsZWN0SWNvbjAzMTQucG5nJykgLTg0cHggLTIxMHB4IG5vLXJlcGVhdDsKfQouaXRlbS1jYXRlZ290eSBkaXYgLml0ZW0xMnsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggYXV0bzsKICB3aWR0aDogMzZweDsKICBoZWlnaHQ6IDM2cHg7CiAgYmFja2dyb3VuZC1wb3NpdGlvbjogMCAwOwogIGJhY2tncm91bmQ6IHVybCgnLi4vLi4vYXNzZXRzL2ltZy9jYXJ0YWdlL3NlbGVjdEljb24wMzE0LnBuZycpIC0xNjVweCAtMjEwcHggbm8tcmVwZWF0Owp9CgoKLml0ZW0tY2F0ZWdvdHkgZGl2IHNwYW57CiAgZGlzcGxheTogYmxvY2s7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIGNvbG9yOiAjMzMzOwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKCi5pdGVtLWNhdGVnb3R5IGRpdnsKICBoZWlnaHQ6IDgxcHg7CiAgd2lkdGg6IDMzLjMzMzMzMzMzJTsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwoKfQo="},{"version":3,"sources":["Category.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0HA;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\"\nimport func from 'vue-editor-bridge';\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      clientHeight: document.documentElement.clientHeight\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  mounted(){\n    var n = navigator.userAgent\n    console.log(location);\n    console.log(location.pathname);\n    const otext = document.getElementById(\"text\");\n    otext.focus=function(){\n      console.log();\n        if (n.indexOf('iPhone') <= -1) {\n        window.onresize = () => {\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\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"]}]}