@import "../default-skin.less";
@import "../../global/mixin.less";

// 全局设置
@font-face {
	font-family: "ico";
	src:url("../../img/ico.ttf") format("truetype");
}
@font-face {
	font-family: "ico-filled";
	src:url("../../img/ico-filled.ttf") format("truetype");
}
[class*="e_ico"] { display:inline-block; font-family:"ico","microsoft yahei"; vertical-align:top; width:1em; height:1em; text-align:center;}
.e_ico-filled { font-family:"ico-filled","microsoft yahei";}



// 图标枚举
.e_ico-activity:after { content:"\e002";}
.e_ico-add:after { content:"\e003";}
.e_ico-addFavo:after { content:"\e004";}
.e_ico-alarm:after { content:"\e005";}
.e_ico-ambulance:after { content:"\e006";}
.e_ico-asc:after { content:"\e007";}
.e_ico-asir:after { content:"\e008";}
.e_ico-back:after { content:"\e009";}
.e_ico-backspace:after { content:"\e00a";}
.e_ico-backward:after { content:"\e00b";}
.e_ico-bill:after { content:"\e00c";}
.e_ico-bottom:after { content:"\e00d";}
.e_ico-brokenline:after { content:"\e00e";}
.e_ico-browse:after { content:"\e00f";}
.e_ico-call:after { content:"\e010";}
.e_ico-callCenter:after { content:"\e011";}
.e_ico-callreminder:after { content:"\e012";}
.e_ico-camera:after { content:"\e013";}
.e_ico-cancel:after { content:"\e014";}
.e_ico-cart:after { content:"\e015";}
.e_ico-center:after { content:"\e016";}
.e_ico-change:after { content:"\e017";}
.e_ico-chart:after { content:"\e018";}
.e_ico-check:after { content:"\e019";}
.e_ico-circular:after { content:"\e01a";}
.e_ico-close:after { content:"\e01b";}
.e_ico-cmlogo:after { content:"\e01c";}
.e_ico-cmlogo2:after { content:"\e01d";}
.e_ico-config:after { content:"\e01e";}
.e_ico-copy:after { content:"\e01f";}
.e_ico-corner:after { content:"\e020";}
.e_ico-customerManager:after { content:"\e021";}
.e_ico-date:after { content:"\e022";}
.e_ico-delete:after { content:"\e023";}
.e_ico-desc:after { content:"\e024";}
.e_ico-diamond:after { content:"\e025";}
.e_ico-download:after { content:"\e026";}
.e_ico-edit:after { content:"\e027";}
.e_ico-electricity:after { content:"\e028";}
.e_ico-enter:after { content:"\e029";}
.e_ico-error:after { content:"\e02a";}
.e_ico-excel:after { content:"\e02b";}
.e_ico-exit:after { content:"\e02c";}
.e_ico-export:after { content:"\e02d";}
.e_ico-family:after { content:"\e02e";}
.e_ico-familyand:after { content:"\e02f";}
.e_ico-familyTrade:after { content:"\e030";}
.e_ico-fare:after { content:"\e031";}
.e_ico-favo:after { content:"\e032";}
.e_ico-female:after { content:"\e033";}
.e_ico-file:after { content:"\e034";}
.e_ico-first:after { content:"\e035";}
.e_ico-flow:after { content:"\e036";}
.e_ico-fold:after { content:"\e037";}
.e_ico-forward:after { content:"\e038";}
.e_ico-grid:after { content:"\e039";}
.e_ico-group:after { content:"\e03a";}
.e_ico-groupmember:after { content:"\e03b";}
.e_ico-groupMemberPorduct:after { content:"\e03c";}
.e_ico-groupProduct:after { content:"\e03d";}
.e_ico-guide:after { content:"\e03e";}
.e_ico-halfhook:after { content:"\e03f";}
.e_ico-help:after { content:"\e040";}
.e_ico-hide:after { content:"\e041";}
.e_ico-home:after { content:"\e042";}
.e_ico-img:after { content:"\e043";}
.e_ico-import:after { content:"\e044";}
.e_ico-itc:after { content:"\e045";}
.e_ico-last:after { content:"\e046";}
.e_ico-left:after { content:"\e047";}
.e_ico-like:after { content:"\e048";}
.e_ico-lineto:after { content:"\e04a";}
.e_ico-link:after { content:"\e04b";}
.e_ico-lock:after { content:"\e04c";}
.e_ico-longdis:after { content:"\e04d";}
.e_ico-male:after { content:"\e04e";}
.e_ico-menu:after { content:"\e04f";}
.e_ico-merge:after { content:"\e050";}
.e_ico-mms:after { content:"\e051";}
.e_ico-money:after { content:"\e052";}
.e_ico-more:after { content:"\e053";}
.e_ico-msg:after { content:"\e054";}
.e_ico-musicring:after { content:"\e055";}
.e_ico-4g:after { content:"\e056";}
.e_ico-net:after { content:"\e057";}
.e_ico-nettraffic:after { content:"\e058";}
.e_ico-newspaper:after { content:"\e059";}
.e_ico-next:after { content:"\e05a";}
.e_ico-notice:after { content:"\e05b";}
.e_ico-ok:after { content:"\e05c";}
.e_ico-package:after { content:"\e05d";}
.e_ico-package2:after { content:"\e05e";}
.e_ico-package3:after { content:"\e05f";}
.e_ico-pause:after { content:"\e060";}
.e_ico-phone:after { content:"\e061";}
.e_ico-play:after { content:"\e062";}
.e_ico-position:after { content:"\e063";}
.e_ico-ppt:after { content:"\e064";}
.e_ico-print:after { content:"\e065";}
.e_ico-pwd:after { content:"\e066";}
.e_ico-qq:after { content:"\e067";}
.e_ico-rar:after { content:"\e068";}
.e_ico-reduce:after { content:"\e069";}
.e_ico-refresh:after { content:"\e06a";}
.e_ico-reset:after { content:"\e06b";}
.e_ico-rhombus:after { content:"\e06c";}
.e_ico-right:after { content:"\e06d";}
.e_ico-scan:after { content:"\e06e";}
.e_ico-search:after { content:"\e06f";}
.e_ico-secretary:after { content:"\e070";}
.e_ico-select:after { content:"\e071";}
.e_ico-send:after { content:"\e072";}
.e_ico-share:after { content:"\e073";}
.e_ico-shot:after { content:"\e074";}
.e_ico-show:after { content:"\e075";}
.e_ico-speak:after { content:"\e076";}
.e_ico-star:after { content:"\e077";}
.e_ico-table:after { content:"\e078";}
.e_ico-talk:after { content:"\e079";}
.e_ico-target:after { content:"\e07a";}
.e_ico-task:after { content:"\e07b";}
.e_ico-telephone:after { content:"\e07c";}
.e_ico-tool:after { content:"\e07d";}
.e_ico-top:after { content:"\e07e";}
.e_ico-tree:after { content:"\e07f";}
.e_ico-tv:after { content:"\e080";}
.e_ico-unfold:after { content:"\e081";}
.e_ico-upload:after { content:"\e082";}
.e_ico-user:after { content:"\e083";}
.e_ico-video:after { content:"\e084";}
.e_ico-view:after { content:"\e085";}
.e_ico-voice:after { content:"\e086";}
.e_ico-wechat:after { content:"\e087";}
.e_ico-weibo:after { content:"\e088";}
.e_ico-wifi:after { content:"\e089";}
.e_ico-wiki:after { content:"\e08a";}
.e_ico-word:after { content:"\e08b";}
.e_ico-zoomout:after { content:"\e08d";}
.e_ico-zoomin:after { content:"\e08c";}
.e_ico-filter:after { content:"\e08e";}
.e_ico-goldStar:after { content:"\e08f";}
.e_ico-time:after { content:"\E090";}
.e_ico-unlock:after { content:"\E091";}
.e_ico-fullScreen:after { content:"\E092";}
.e_ico-restore:after { content:"\E093";}
.e_ico-list:after { content:"\E094";}
.e_ico-5g:after { content:"\E095";}
.e_ico-wade:after { content:"\E096";}
.e_ico-sim:after { content:"\E097";}
.e_ico-selectAll:after { content:"\E098";}
.e_ico-good:after { content:"\E099";}
.e_ico-bad:after { content:"\E09A";}
.e_ico-smile:after { content:"\E09B";}
.e_ico-sad:after { content:"\E09C";}
.e_ico-commonly:after { content:"\E09D";}
.e_ico-server:after { content:"\E09E";}
.e_ico-monitor:after { content:"\E09F";}
.e_ico-portrait:after { content:"\E100";}
.e_ico-pad:after { content:"\E101";}
.e_ico-pc:after { content:"\E102";}
.e_ico-fix:after { content:"\E104";}
.e_ico-fn:after { content:"\E105";}
.e_ico-medal:after { content:"\E106";}
.e_ico-wechatMoments:after { content:"\E107";}
.e_ico-stop:after { content:"\E108";}

// .e_ico-loading:after { content:""; display:inline-block; width:1em; height:1em; background:url(../../img/loading.png) no-repeat; background-size:100% 100%; animation: 0.8s loading steps(10) infinite;}
@keyframes loading {
	0% { transform:rotate(0deg);}
	100% { transform:rotate(-360deg);}
}



// 图片化
.e_ico-pic,
.e_ico-pic-gray,
.e_ico-pic-orange,
.e_ico-pic-green,
.e_ico-pic-red,
.e_ico-pic-navy,
.e_ico-pic-yellow,
.e_ico-pic-blue { width:1+0.65*@gap; height:1+0.65*@gap; font-size:300%; text-align:center; line-height:1+0.65*@gap; display:inline-block;}
.e_ico-pic { color:@success;}
.e_ico-pic-yellow { color:@bg; background:@bright;}
.e_ico-pic-navy { color:@bg; background:@secondary-light-5;}
.e_ico-pic-gray { color:@bg; background:@fg-light-9-2;}
.e_ico-pic-blue { color:@bg; background:@primary;}
.e_ico-pic-red { color:@bg; background:@danger;}
.e_ico-pic-green { color:@bg; background:@success;}
.e_ico-pic-orange { color:@bg; background:@warning;}
.e_ico-pic-yellow-light { color:@bright; background:@bright-light-9;}
.e_ico-pic-navy-light { color:@secondary; background:@secondary-light-9;}
.e_ico-pic-gray-light { color:@fg; background:@fg-light-9;}
.e_ico-pic-blue-light { color:@primary; background:@primary-light-9;}
.e_ico-pic-red-light { color:@danger; background:@danger-light-9;}
.e_ico-pic-green-light { color:@success; background:@success-light-9;}
.e_ico-pic-orange-light { color:@warning; background:@warning-light-9;}



// 图片化大小设置
.e_ico-pic-xxxs { font-size:1em !important;}
.e_ico-pic-xxs { font-size:1.5em !important;}
.e_ico-pic-xs { font-size:2em !important;}
.e_ico-pic-s { font-size:2.5em !important;}
.e_ico-pic-m { font-size:3em !important;}
.e_ico-pic-l { font-size:3.5em !important;}
.e_ico-pic-xl { font-size:4em !important;}
.e_ico-pic-xxl { font-size:4.5em !important;}
.e_ico-pic-xxxl { font-size:5em !important;}



// 图片化圆角设置
.e_ico-pic-r { border-radius:55%; }



// 图标背景色
.e_ico-bg {
	background:@primary;
	&:after { color:@bg;}
	&-red {
		background:@danger;
		&:after { color:@bg;}
	}
	&-green {
		background:@success;
		&:after { color:@bg;}
	}
	&-orange {
		background:@warning;
		&:after { color:@bg;}
	}
	&-navy {
		background:@secondary;
		&:after { color:@bg;}
	}
	&-white {
		background:@bg;
		&:after { color:none;}
	}
}