feat: 模板区分pc与mobile

public/static/index/pc/css/public.css

@@ -0,0 +1,191 @@
+@font-face {
+	font-family: "Montserrat";
+	src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype");
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: "Montserrat-Bold";
+	src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype");
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: "Montserrat-Medium";
+	src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype");
+	font-weight: normal;
+	font-style: normal;
+}
+
+::-webkit-scrollbar {
+	width: 0.625rem;
+	background: #d2eafb;
+}
+
+::-webkit-scrollbar-track {
+	border-radius: 0.5rem;
+	background: #eeeeee;
+}
+
+* {
+	margin: 0;
+	padding: 0;
+	font-family: 'Montserrat';
+}
+
+*:hover {
+	transition: all 0.2s linear;
+	-webkit-transition: all 0.2s linear;
+}
+body {
+	font-size: 1.2em;
+	font-weight: 400;
+	color: #333;
+}
+
+select,
+input,
+textarea,
+button {
+	outline: none;
+	font-size: 0.875rem;
+	border-radius: 0;
+	-webkit-border-radius: 0;
+	color: #414446;
+	-moz-border-radius: 0;
+	-ms-border-radius: 0;
+	-o-border-radius: 0;
+}
+
+a {
+	color: #333;
+	cursor: pointer;
+	text-decoration: none;
+	transition: all 0.2s linear;
+	-webkit-transition: all 0.2s linear;
+	text-decoration: none;
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+img {
+	display: block;
+}
+
+ul li {
+	padding: 2px 0;
+	list-style-type: none;
+}
+
+ol,
+ul,
+a {
+	list-style: none;
+}
+
+/* 修改垂直滚动条 */
+::-webkit-scrollbar {
+	width: 6px;
+	/* 修改宽度 */
+}
+
+/* 修改滚动条轨道背景色 */
+::-webkit-scrollbar-track {
+	background-color: transparent;
+}
+
+/* 修改滚动条滑块颜色 */
+::-webkit-scrollbar-thumb {
+	background-color: #ccc;
+}
+
+/* 修改滚动条滑块悬停时的颜色 */
+::-webkit-scrollbar-thumb:hover {
+	background-color: #D8DFE8;
+}
+
+/* 修改滚动条滑块移动时的颜色 */
+::-webkit-scrollbar-thumb:active {
+	background-color: #D8DFE8;
+}
+
+/* 修改滚动条滑块的圆角 */
+::-webkit-scrollbar-thumb {
+	border-radius: 5px;
+}
+
+/* 整体滚动条 */
+* {
+	scrollbar-width: thin;
+	/* 滚动条宽度 */
+	scrollbar-color: #D8DBE6 transparent;
+	/* 滚动条颜色（滑块颜色 轨道颜色） */
+}
+
+/* 滚动条轨道 */
+*::-moz-scrollbar-track {
+	background-color: #f0f0f0;
+}
+
+/* 滚动条滑块 */
+*::-moz-scrollbar-thumb {
+	background-color: #D8DBE6;
+	border-radius: 5px;
+	/* 滑块的圆角 */
+}
+
+/* 滚动条的上下箭头 */
+*::-moz-scrollbar-button {
+	display: none;
+	/* 隐藏上下箭头 */
+}
+
+/* 滚动条的上下箭头：向上箭头 */
+*::-moz-scrollbar-button:vertical:decrement {
+	display: none;
+}
+
+/* 滚动条的上下箭头：向下箭头 */
+*::-moz-scrollbar-button:vertical:increment {
+	display: none;
+}
+div{
+    display: block;
+}
+#header{
+    height: 60px;
+}
+/*屏幕兼容性*/
+@media screen and (min-width:150px) and (max-width:749px){
+  body{
+    zoom: 0.6;
+  }
+}
+@media screen and (min-width:750px) and (max-width:1280px){
+  body{
+    zoom: 0.75;
+  }
+}
+@media screen and (min-width:1281px) and (max-width:1360px) {
+   body{
+    zoom: 0.8;
+  }
+}
+@media screen and (min-width:1361px) and (max-width:1460px) {
+   body{
+    zoom: 0.85;
+  }
+}
+@media screen and (min-width:1461px) and (max-width:1660px) {
+   body{
+    zoom: 0.9;
+  }
+}
+@media screen and (min-width:1661px) and (max-width:1760px) {
+   body{
+    zoom: 0.95;
+  }
+}
+@media screen and (min-width:1761px) and (max-width:1960px) {}
+@media screen and (min-width:1980px) {}