@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.ttf') format('truetype');
}
@font-face {
    font-family: 'num-Light';
    src: url('../font/num-Light.ttf') format('truetype'),
}
@font-face {
    font-family: 'num-Regular';
    src: url('../font/num-Regular.ttf') format('truetype'),
}
@font-face {
    font-family: 'english';
    src: url('../font/avant.otf') 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: 'num-Light' !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)
	}
}

.tf-menu:before {
    content: '\e67c';
}
.tf-lang:before {
    content: '\e642';
}
.tf-close:before {
    content: '\e610';
}
.tf-angle-right:before {
    content: '\ea28';
}