.tags{position:relative;height:48px;line-height:48px;background:#fff;padding-right:120px;-webkit-box-shadow:5px 5px 10px #ddd;box-shadow:5px 5px 10px #ddd}.tags ul{width:100%;height:100%;padding:8px 24px}.tags-li,.tags ul{-webkit-box-sizing:border-box;box-sizing:border-box}.tags-li{float:left;border-radius:4px;font-size:14px;overflow:hidden;cursor:pointer;height:32px;line-height:32px;margin-right:12px;padding:0 9px;vertical-align:middle;color:#999;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(135deg,#fff,#fff),linear-gradient(135deg,#d45273,#5652cf,#30b6a9);border:1px solid transparent}.tags-li.active{color:#fff;font-weight:600;-webkit-box-shadow:0 -4px 2px 0 #476de6 inset;box-shadow:inset 0 -4px 2px 0 #476de6}.tags-li.active .shadow{display:block}.tags-li-title{float:left;max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:5px;color:#999}.tags-li.active .tags-li-title{color:#fff}.tags-close-box{position:absolute;right:0;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:1px;text-align:center;width:110px;height:48px;background:#fff;-webkit-box-shadow:-3px 0 15px 3px rgba(0,0,0,.1);box-shadow:-3px 0 15px 3px rgba(0,0,0,.1);z-index:10}.tags-close-box .el-button{position:relative}.tags-close-box .el-button--primary{background-color:#6189ed;border-color:#6189ed;-webkit-box-shadow:0 -4px 2px 0 #476de6 inset;box-shadow:inset 0 -4px 2px 0 #476de6}.tags-close-box .el-button--mini,.tags-close-box .el-button--mini.is-round{padding:8px 15px}