.tags{position:relative;height:60px;overflow:hidden;background:#fff;border-bottom:1px solid #ebebeb;-webkit-box-shadow:0 1px 8px rgba(0,0,0,.1);box-shadow:0 1px 8px rgba(0,0,0,.1)}.tags,.tags ul{-webkit-box-sizing:border-box;box-sizing:border-box}.tags ul{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:20px}.tags-li{float:left;margin:3px 5px 2px 3px;border-radius:3px;font-size:12px;overflow:hidden;cursor:pointer;height:35px;line-height:35px;border:1px solid #e9eaec;background:#fff;padding:0 5px 0 12px;vertical-align:middle;color:#666;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.tags-li:not(.active):hover{background:#f8f8f8}.tags-li.active{color:var(--base-color);border-color:var(--base-color);background-color:#fff}.tags-li-title{float:left;max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:5px;color:#666}.tags-li.active .tags-li-title{color:var(--base-color)}.tags-close-box{padding-right:20px;position:absolute;right:0;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:1px;text-align:center;width:110px;height:30px;z-index:10;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}