.tags{position:relative;z-index:999;min-height:40px;top:0;left:0;overflow:hidden;background:#fff;padding-right:120px;flex:0 0 auto;padding-left:7px;box-shadow:2px 4px 5px 0 rgba(0,0,0,.1)}.tags,.tags ul{width:100%;box-sizing:border-box}.tags ul{font-size:0}.tags-li{display:inline-block;margin:5px 5px 2px 3px;border-radius:3px;font-size:12px;overflow:hidden;cursor:pointer;height:26px;line-height:26px;border:1px solid #e9eaec;background:#fff;padding:0 5px 0 12px;vertical-align:middle;color:#666;transition:all .3s ease-in}.tags-li:not(.active):hover{background:#f8f8f8}.tags-li.active{color:#fff;background-color:#8728fc}.tags-li-icon{height:12px;display:inline-block;margin-top:1px}.tags-li-title{float:left;max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:5px;color:#666;vertical-align:middle}.tags-li.active .tags-li-title{color:#fff}.tags-close-box{position:absolute;right:10px;top:5px;box-sizing:border-box;text-align:center;height:26px;background:#fff;box-shadow:-3px 0 15px 3px rgba(0,0,0,.1);z-index:10}