.datatopic-icon { background-color: #333;  display:inline-block; width:16px; height:16px; mask-size:cover;}

.datatopic-icon-collect{-webkit-mask-image: url(../../imgs/datatopic/img_collect.svg);    mask-image: url(../../imgs/datatopic/img_collect.svg);width:12px; height:12px; background:#999999;}
.datatopic-icon-view{-webkit-mask-image: url(../../imgs/datatopic/img_view.svg);    mask-image: url(../../imgs/datatopic/img_view.svg);width:12px; height:12px; background:#999999;}
.datatopic-icon-all{-webkit-mask-image: url(../../imgs/datatopic/img_Data-Topic_alll.svg);    mask-image: url(../../imgs/datatopic/img_Data-Topic_alll.svg);width:12px; height:12px; background:#145CFA; }
.datatopic-icon-requirement{-webkit-mask-image:url(../../imgs/datatopic/img_requirement.svg); mask-image: url(../../imgs/datatopic/img_requirement.svg);width:12px; height:12px; background:#2B772B;}