:root{
	--primary-color:#232323;
	--nav-height:60px;
	--nav-height-70:70px;
}
html,
body {
  margin: 0;
  padding: 0;
	font-family: Roboto, Roboto , Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
  -webkit-font-smoothing: antialiased;
	webkit-tap-highlight-color: transparent;
	color: var(--primary-color);
}
html {
  scroll-behavior: smooth;
  line-height: 1.5;
}

*,
* *,
*::before,
*::after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
}

.flex-c-sb { 
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-c-s{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.flex-s-c{
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.flex-s-sb{
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
}

.flex-s-s{
 display: flex;
 align-items: flex-start;
 justify-content: flex-start;
}
 
.flex-s-e{
	 display: flex;
	 align-items: flex-start;
	 justify-content: flex-end;
}
.flex-c-c{
	display: flex;
	align-items: center;
	justify-content: center;
}


.column{
	flex-direction: column;
}

.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}

.flex-1{
	flex: 1;
}