css公共配置index.scss

html {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {    
    box-sizing: border-box;  
}    
*, *:before, *:after {    
    box-sizing: inherit;  
    margin: 0;
	padding: 0;
	outline: none;
}

body {
   line-height: 1.5;
}
ul,
li {
	list-style: none;
	margin: 0;
}
p {
	margin: 0;
}
em {
	display: inline-block;
}

input[type='text'],
input[type='password'],
input[type='number'],
select,  
textarea {
	-webkit-appearance: none;
     font-size: 16px;  
}

input::-webkit-input-placeholder {
	color: #b9bcc5;
	font-family: PingFangSC-Regular;
}

input::-moz-input-placeholder {
	color: #b9bcc5;
	font-family: PingFangSC-Regular;
}

input::-o-input-placeholder {
	color: #b9bcc5;
	font-family: PingFangSC-Regular;
}

textarea::-webkit-input-placeholder {
	color: #b9bcc5;
	font-family: 'PingFangSC-light';
}

textarea::-moz-input-placeholder {
	color: #b9bcc5;
	font-family: 'PingFangSC-light';
}

textarea::-o-input-placeholder {
	color: #b9bcc5;
	font-family: 'PingFangSC-light';
}
.nav li:not(:last-child) {    
     border-right: 1px solid #666;  
}
:root {
  	--main-color: #06c;
    --accent-color: #999;
}

h1, h2, h3 {
    color: var(--main-color);
}
a[href]:not([class]),
p,
footer span{
   color: var(--accent-color);
}