@font-face{
    font-family: hanSansRegular;
    src: url('SourceHanSansCN-Regular.otf');
}
@font-face{
    font-family: hanSansMedium;
    src: url('SourceHanSansCN-Medium.otf');
}
@font-face{
    font-family: DINRegular;
    src: url('DIN-Regular.otf');
}
@font-face{
    font-family: impactRegular;
    src: url('Impact.ttf');
}
body,html{
    font-size: 20px;
    font-family: hanSansRegular;
    color: #333;
}
*{
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}

a{
  text-decoration: none;
}

.title-ellipsis{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.bg-position{
	background-position-y:50%;
  	background-position-x:50%;
}

.product{
	margin-top:100px;
}
.content-ellipsis{
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.contenttitle-ellipsis{
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.fade {
			visibility: hidden;
		}
.fadeInup{
		animation: fadeInUp;
		animation-duration: 2s
}