@mixin icon($iconName){
	&.icon{
		background-size: 100% auto;
		background-repeat: no-repeat;
		vertical-align: middle;
		display: inline-block;
		&-#{$iconName}{
			@include iconBg($iconName);
		}
		
	}
}
@mixin iconBg($iconName){
	@if $iconName == couponCate{
			@include px2rem(width, 30px);
			@include px2rem(height, 30px);
			background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA1ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0iQjcwODdBM0U2M0FDMDAzMTdBN0JBQzE4RTg2QUM5MzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDJGRjI2RDA1RjZGMTFFNkFBMTdFODlFMUZFRUJGNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDJGRjI2Q0Y1RjZGMTFFNkFBMTdFODlFMUZFRUJGNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzA2QzhERDRDOUFFNTExQTVGREQzMzg2QTEyNEYwRSIgc3RSZWY6ZG9jdW1lbnRJRD0iQjcwODdBM0U2M0FDMDAzMTdBN0JBQzE4RTg2QUM5MzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ptfv1AAAAYFBMVEWqqqrp6enS0tKxsbGZmZny8vKkpKTu7u7i4uLm5ubw8PCtra2mpqacnJze3t6ioqLIyMigoKD19fW8vLz+/v74+Pi4uLjs7Oy1tbXb29u6urr7+/uenp6fn5+Wlpb////uMPHNAAABkklEQVR42nyT65KsIAyEUeTiKqCiqKM27/+WJ4iOZ7d2Jz+sSn8SYiey+DFYbPpj33fjwrplabPBGZKOviF8wEmKHggi0eEF9ElxOBJ2WiilirIFn2KcOGRZkyBqmfAuRS6qGLoYOzCV86Hd02l5pVFDDlMLfaVf8juOrNK1YfEb3h/ssVqEOxNncXcUt7DA6orf2ex6wgvKKx/MoURvrk5jSW+yaHFX91jGMcCP+eoWK+EtgKVmhYeha4odPp3XDMtGOAoONH4xMGs6te4wi28ALpLnZFTXVmRkqPMdRXBAJbshZkxN6dWqZ07Krnq4JpZiqq0WDxba1tMbb11rULnX9f2zlxUM66aMhwVggRscNlHrYHhgd2vbC62lT1Ueyb+5R6A2RssQtmzLfBYdPcIYQ3qc/cnTlvA2VSRT3WMqFsLyGQmv/h9J0buPA/25Ds0v6/DgmpZpkD+W6b2KX3+sohYUqmRoyOiBg5VzUvIiH5AthQSWs4wgE11WEmaHSXHwNU8hTiu/JBbZ51/wnwADAJF9UKGx+KqMAAAAAElFTkSuQmCC");
		@at-root{ .sel .icon-#{$iconName}{
			background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA1ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0iQjcwODdBM0U2M0FDMDAzMTdBN0JBQzE4RTg2QUM5MzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzRCMzc3OEU1RjZGMTFFNjkyRTZDRDVBMzM2MDA4OTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzRCMzc3OEQ1RjZGMTFFNjkyRTZDRDVBMzM2MDA4OTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzA2QzhERDRDOUFFNTExQTVGREQzMzg2QTEyNEYwRSIgc3RSZWY6ZG9jdW1lbnRJRD0iQjcwODdBM0U2M0FDMDAzMTdBN0JBQzE4RTg2QUM5MzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4MAIzjAAAAYFBMVEVnsv87nP/c7f/K5P9EoP/8/v+TyP/l8v/1+v/q9P+83f/G4v+n0v9crP/T6f9Npf90uP97vP9Bn//h8P9UqP9Qpv+22v9Jo/80mP9utv/g7//A3//v9/9LpP8yl/////8uXjs3AAABn0lEQVR42oRT2ZLjIBDjsvEFBgcCNo74/78c8DGppGpn/eSWikao1ST/+ZGshFjKF8zQnVCXTKiIEKrQIgY/z14Apq9sbwExFyREUenA5bY99ORB9px3Aj/pbdsknyu9eHk2ZQptzi0cO+veL/X0fJWZY+53h/EqH190VpRr6vIHvczbDVgMKZq7kgcdhL6BNaaRkrtioUozcbrqfhFMCnopzVNcCz3Ab3fvtWkMbHNe7fAsdGegqlhpsZRrtICt57nC2hU6SwIouy5YnvXUUH5WqwAiq+fFqNZTRGEuidqECOrbPZ90EcWHxN5zYmkY+2tix5B0GuWblmPS+y/dtY6CBns1ZzbQSN3dvF8BZwiFGCqbAigxrkjrK91ZuFSe+rCo/jEBU3xokoOpD0t4naoai+K3gTltYR5DNRW3qXIRmwxfpr7eIyEx8fg7Eh3C/wf6EYeRU5X/kRYeS5g8+FdaLi2PK4pq+4hi4L2Ukk0O6gyym1gBpD6CLOLLee9ewHq0kcXEcCDHGqhjh6ggz3uJnkTQY4tUJn+v4I8AAwCKflB8vJZGnwAAAABJRU5ErkJggg==")!important;
		} 
		}
	}
	@if $iconName == couponStatus{
		@include px2rem(width, 30px);
		@include px2rem(height, 30px);
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA1ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0iQjcwODdBM0U2M0FDMDAzMTdBN0JBQzE4RTg2QUM5MzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDNEODNBMkE1RjZGMTFFNkFBMTdFODlFMUZFRUJGNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDNEODNBMjk1RjZGMTFFNkFBMTdFODlFMUZFRUJGNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzA2QzhERDRDOUFFNTExQTVGREQzMzg2QTEyNEYwRSIgc3RSZWY6ZG9jdW1lbnRJRD0iQjcwODdBM0U2M0FDMDAzMTdBN0JBQzE4RTg2QUM5MzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6fd1xcAAAAYFBMVEXh4eHFxcX9/f3R0dGzs7Pu7u719fXBwcGhoaG9vb3Nzc26urq1tbXc3Nz5+fnk5OStra3Jycm4uLjZ2dnm5uapqano6Ojr6+uenp7V1dXU1NTX19eampqWlpaZmZn///8Amk9LAAABAklEQVR42pTS25KDIAwGYESLCj2wasUDkfd/ywYKLLK0M5sLZ5xvIIm/xHwtYp76+FNazoG1GPe8NqkvgffCpbRrA2+lptfmnzxVfUUCNzlzAA3QfuALSMWUhEeZa1D4nOGnzBUw2x+qMs8bxXWlu6M0mq0eti97c6g/LmaHFzEpP0PKN5ij9pTkTBYWVBjhxjj1vie6CDtIynfhsn24sxUOygujodLhEDASDOB0+cy84pfnLp487/dZzGV04SGvqR5e9/fiyDzVgV6PKSrysCjqK+oagiOGPaHzBY3pT4ps6I37qim1rbaohpx/UAUTq3815xE6Hf6nAnPZrip5fwkwAGnQW6BSDmsdAAAAAElFTkSuQmCC");
		@at-root{ .sel .icon-#{$iconName}{
			background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA1ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0iQjcwODdBM0U2M0FDMDAzMTdBN0JBQzE4RTg2QUM5MzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzU5RDI3NUM1RjZGMTFFNjkyRTZDRDVBMzM2MDA4OTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzU5RDI3NUI1RjZGMTFFNjkyRTZDRDVBMzM2MDA4OTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzA2QzhERDRDOUFFNTExQTVGREQzMzg2QTEyNEYwRSIgc3RSZWY6ZG9jdW1lbnRJRD0iQjcwODdBM0U2M0FDMDAzMTdBN0JBQzE4RTg2QUM5MzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7TDn4IAAAAYFBMVEWIw/9rtP/L5P/b7f97vP+czP9Gof/o8//6/f81mP9aq/91uf/9/v+z2f/E4f+k0f/U6f+x1//z+f+Vyf9wtv+Pxv9ir/+52/8zl//w9//P5/+r1P86m/84mv8yl/////+hMbWMAAABCUlEQVR42pTS7ZKDIAwFUORL0Cq4q3ZVDO//lg2tWFHamb2/dM4AySTEfw3xlVsvcaON7HjTndIslWORu8ylSpLIS+7RvvgnzwMf2sjFmQ2AAyAfmOmKTWwEmmcDoVULv3kmMIX3YcizXW7Y7qjZh9JCOCxf+hZg9sbGC5eax8/2b7jwHWxU4IqeuZXlrlsZyds/8WZUyUMhR57q52wpao39CxAJMwilUahv9cp10+IAksttGc6iaopnw3jO86b6pdgGua5D0D5o9xotsnnr/NR5V+RaMrWFrr3qV9QlDo74sgK5BQrPE0X26i62GKWcOKon6YIymCfz1jM3IF3cpwyLkXT28P8QYADlJVogiQc9hgAAAABJRU5ErkJggg==")!important;
		}
		}
	}

}