@font-face {
	font-family: "iconfont";
	/* Project id  */
	src: url('iconfont.ttf') format('truetype');
}


.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	position: relative;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-cleanUp:before {
  content: "\e6d1";
  margin-right:5px;
  color:#000;
}

.icon-cleanUp:hover::before {color:#fff}
.icon-add::before {
	top: 30px;
	font-weight: lighter;
	font-size: 36px;
	position: relative;
	color: #c3c3c3;
  content: "\e641";
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
}

.icon-add:hover:before {
	color: #f09a4a;
}

.icon-3Dgeometry:before {
	content: "\e501";
}

.icon-download:before {
	content: "\e73b";
	position: absolute;
	color: #6a6f6f;
	top: 8px;
	right: 8px;
	font-size: 24px;
}

.icon-email::before {
	top: 12px;
	left: 10px;
	font-size: 22px;
	display: block;
	position: absolute;
	content: "\e631"
}

.icon-code::before {
	top: 10px;
	left: 8px;
	position: absolute;
	font-size: 26px;
	content: "\e647";
	display: block;
}

.icon-code::before,
.icon-email::before,
.icon-change::before {
	color: #1890ff !important
}

.icon-exit:before {
	position: absolute;
	top:-3px;
	left:-3px;
	font-size:22px;
  content: "\e619";
}

.icon-exit:hover::before {
	color:#f76605
}
.icon-jiantou:before {
  font-weight:bold;
  content: "\e503";
  margin-right:4px;
}
.icon-retry:before{
	margin-right:5px;
	font-size:12px;
	color:#a24d4d;
  content: "\e708";
}

.icon-retry:hover::before{
	color:#fff
}