@font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.ttf') format('truetype');
}
@font-face {
	font-family: 'DIN';
	src: url('../font/DIN-Regular.ttf') format('truetype');
}
.tf {
	display: inline-block;
	font-family: 'iconfont' !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.tf-num {
	font-family: 'DIN' !important;
}
.tf-fw {
	width: 1.28571429em;
	text-align: center;
}
.tf-spin {
	-webkit-animation: tf-spin 3s infinite linear;
	animation: tf-spin 3s infinite linear;
}
@-webkit-keyframes tf-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}
@keyframes tf-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

/* public */
.tf-angle-left:before {
	content: '\e60b';
}
.tf-angle-right:before {
	content: '\e60c';
}
.tf-angle-down:before {
	content: '\e6d9';
}

.tf-arrow-left:before {
	content: '\eb09';
}
.tf-arrow-right:before {
	content: '\eb08';
}

.tf-cross:before {
	content: '\e6b3';
}
.tf-menu:before {
	content: '\e725';
}
/* end public */

.tf-send:before {
	content: '\e60a';
}

.tf-weibo:before {
	content: '\e635';
}
.tf-qzone:before {
	content: '\e674';
}
.tf-tiktok:before {
	content: '\e8db';
}
.tf-tmall:before {
	content: '\e638';
}
.tf-wechat:before {
	content: '\e615';
}
.tf-xhs:before {
	content: '\e69e';
}