.kontfont {
  font-family: 'Avenir', "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
.kontfont-content {
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;
}
.tags-view .home-tag {
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAAyCAYAAAAk7zfCAAADWElEQVR4Xu2bPZITMRCF39PMQEBxAe8BCEgIuYS5ADnR5iRUYQJOAFXEcAVvSgrFRUxCRIbtmaE0f7alEdJImJ017WRtq1stfdPS08+a6F51Xd8D8ALAcwCPATzsy+RvQ6AC8APAFwDvSX7uuVC/qev6CsANgCcCLJjABwDXJCt2GfhNAAbDOzZ8S/KVhngN4F1UFeK0BfBIQ/wK4KnwiCbwUkP8KSISDVA7ftQQ66QqxPmTQExPgtcCMR3iUiCmQ1wIxDSIG5JXAjEN4prkM4GYBnFF8o1ATIO4JHkjENMgLkh+F4jxEBtR0e4CMR5iIyoCMR6g9mxERSCmQWxERSCmQWxERSDGQxxERSDGQxxERSDGQxxERSDGQxxERSDGQxxERSDGQTwRlQZiVdl3LGyu9AHr8sUwZWdo1jD4O25vgsvNTs4gPskTUekgVjXQUTOwuSD5H6BJr6+/93SVn34/x/jkYafS94ZV5YZowxqH7XoIl+hP4kRUjjLRn1utRVxGhUP2teP245M4EZWGSllWdT9HuQabq2u+Lpl+Vh53o/euxCe4Uao9/jp+sdTDOfb63jW6vfQ6g1B/31P0tT91FuqbS66Vao+/TiGWek40v+0++xrnG32x5alwY+P2fs74XGVZe/zlh5jaiAv1V4qWqOiucj+WiYEQZpswge2fapYpWqJiQ/Qt70KjxtYT62e2K7aeP/iR3GQjotJC3I/MiaGwptrd5dRVXOcjomJBnPoAffZ9ubkUcrH31Tc14f5mfHJcVBqIu31VT13vxYq5b6XR1zt1URCa4CnxCS7zvL1TsfqvIU4dlf+jfZ6Ni8qQiV4o9nGOsVAKHbDeSOMGtxxfi0qe2TuVvrHc7araPsSZOju11ZlbH1p7bQdE135wMA97SGeLT66LXFk7lQHidldGD+cekr1v9M1SvvKwjP1X8anUqhjZqRgQQ6fcc039846v6BaVZk5MycSwfLn7VkWuRncqh0zcHoazb1wfjqzazDF/veE69h/8PAHmGF8pbopcWcdfx6nBX9syeZ2Ymmup69SzxifX9wu3qDTDWUNMbcQl+yuqVVHYx19WJl4yhNS+ZUo5dyrDnDiWib5VYthdnX0jE9qhOcUvC7V40P33l6v9vwGnT4znfgu5MQAAAABJRU5ErkJggg==) !important;
  background-size: 100% 100%;
  border: none !important;
  width: 81px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2c2e34;
  margin-right: 6px !important;
}
.tags-view .mune-tag {
  display: inline-block;
  position: relative;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2c2e34;
  -webkit-transform: skewX(-11deg);
          transform: skewX(-11deg);
  border: none !important;
  border-radius: 6px 6px 0 0;
}
.tags-view .mune-tag span,
.tags-view .mune-tag .el-tag__close {
  display: inline-block;
  -webkit-transform: skewX(6deg) !important;
          transform: skewX(6deg) !important;
}
.tags-view .mune-tag span {
  padding: 0 5px;
}
.tags-view .mune-tag .el-tag__close {
  color: #a1a7b9;
  font-weight: 500;
  font-size: 16px;
  position: absolute;
  right: 3px;
  top: 3px;
}
.tags-handle .el-button--medium {
  padding: 12px 16px;
  border-radius: 0;
}
.tags-handle .icon-close {
  color: #2b2f48;
  background: #fff;
  padding: 5px;
  font-size: 16px;
}
.tags-inner .el-tag {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  border: 1px solid #dae0e6;
  color: #4c4c4c;
  margin: 10px 10px 10px 0px;
  font-size: 14px;
}
.tags-inner .el-icon-close {
  color: #4c4c4c;
  font-size: 10px;
}
.tags-inner .el-icon-error {
  background: #f7f6fc;
  color: #2c2f47;
}
.tags-inner .el-tag-active {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #3d80c4), to(#f4f6fc)) !important;
  background: linear-gradient(180deg, #3d80c4 50%, #f4f6fc 100%) !important;
  border-color: #3394d4;
  color: #fff;
  border-radius: 6px 6px 0 0;
}
.tags-inner .el-tag-active .el-icon-close {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: transparent;
}
.tags-inner .el-tag-active .el-icon-close:hover {
  background: none;
  color: #fff;
}
.tags-inner .el-icon-close:hover {
  background: none;
  color: #979797;
}
.tags-inner .el-tag-active .el-icon-close {
  color: #fff;
}

.kontfont[data-v-e4fac57a] {
  font-family: 'Avenir', "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
.kontfont-content[data-v-e4fac57a] {
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;
}
.tags-view[data-v-e4fac57a] {
  position: relative;
  z-index: 2;
  background: #f7f6fc;
  height: 56px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.tags-view .tags-outer[data-v-e4fac57a] {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 46px;
  background: #f4f6fc;
}
.tags-view .tags-handle[data-v-e4fac57a] {
  overflow: hidden;
  width: 60px;
  background: #f5f8fc;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  z-index: 10;
}
.tags-view .tags-handle .el-dropdown .el-button[data-v-e4fac57a] {
  padding: 12px 20px 12px 10px;
  height: 56px;
  font-size: 18px;
  color: #006eca;
  background: transparent;
  border: none;
}
.tags-view .tags-inner[data-v-e4fac57a] {
  height: 100%;
  overflow: visible;
  white-space: nowrap;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0px 45px 0 52px;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
}