.color-box,.color-bq{margin-top:2%}.color-box{display:flex;flex-wrap:wrap}.color-box .item{width:10.75%;margin-right:2%;margin-bottom:2%;border-radius:5px;cursor:pointer;transition:all .2s}.color-box .item:after{border-radius:5px;content:"";display:block;width:100%;padding-top:100%;pointer-events:none}.color-box .item:nth-child(8n){margin-right:0}.color-box .act{transform:scale(1.1)}.tag-name{width:80px;height:24px;border-radius:4px;position:relative}.tag-name .bg{border-radius:4px;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.3}.tag-name .te{line-height:24px;text-align:center}