feat: 模板区分pc与mobile

public/static/index/mobile/css/fonts.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: 'icomoon';
-  src: url('fonts/icomoon/icomoon.eot?ujw7hy');
-  src: url('fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
-    url('fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
+  src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy');
+  src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('/static/common/fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
+    url('/static/common/fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('/static/common/fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
 }

public/static/index/mobile/css/footer.css

@@ -0,0 +1,34 @@
+.oircoEgapp-foot .logo-white img {
+  margin: 0 auto;
+}
+.oircoEgapp-foot .m_footer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+.oircoEgapp-foot .m_footer .left,
+.oircoEgapp-foot .foot-con {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.oircoEgapp-foot .m_footer .right {
+  max-width: 55%;
+}
+.oircoEgapp-foot .m_footer .left {
+  max-width: 40%;
+  justify-content: end;
+  margin-right: 4%;
+}
+.oircoEgapp-foot .foot-con span {
+  width: auto;
+  padding: 0 0.625rem;
+}
+.oircoEgapp-foot .foot-cate .clearfix li h3 {
+  margin-bottom: 10px;
+}
+.oircoEgapp-foot .foot-cate .clearfix li p,
+.oircoEgapp-foot .foot-cate .clearfix li p a {
+  font-size: 12px;
+}

public/static/index/mobile/css/header.css

@@ -0,0 +1,60 @@
+.oircoEgapp-head {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: auto;
+  position: fixed;
+  top: 0;
+  z-index: 10;
+  width: -webkit-fill-available;
+}
+.oircoEgapp-head .headtop {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 1rem;
+  height: 3.5rem;
+  background: #fff;
+}
+.oircoEgapp-head .headtop .headerlogimg {
+  width: 8.75rem;
+  height: 2.25rem;
+}
+.oircoEgapp-head .top-menu {
+  background-color: #fff;
+  overflow: hidden;
+  width: 100%;
+  color: #000;
+  display: none;
+}
+.oircoEgapp-head .top-menu .it-ct {
+  font-family: "Montserrat-SemiBold";
+  font-weight: bold;
+}
+.oircoEgapp-head .top-menu .it-ct .it-1 {
+  padding: 1rem 3.5% 0.65rem;
+  border-bottom: 1px solid #e5e5e5;
+  font-size: 12px;
+  position: relative;
+}
+.oircoEgapp-head .top-menu .it-ct .it-1-more {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding-bottom: 1.5%;
+}
+.oircoEgapp-head .top-menu .it-ct .it-1-more i {
+  font-weight: bold;
+}
+.oircoEgapp-head .top-menu .it-ct .it-1-2 {
+  padding-left: 1rem;
+  font-size: 12px;
+  line-height: 1.8rem;
+  font-weight: 100;
+  font-weight: bold;
+  display: none;
+}
+.oircoEgapp-head .top-menu .it-ct .it-1-2 a {
+  color: #666;
+}

public/static/index/mobile/css/public.css

@@ -0,0 +1,88 @@
+@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;
+}
+
+* {
+	margin: 0;
+	padding: 0;
+	/* font-family: 'Montserrat'; */
+	-ms-overflow-style: none;
+	/* IE 和 Edge */
+	scrollbar-width: none;
+	/* Firefox */
+}
+
+::-webkit-scrollbar {
+	display: none;
+}
+
+*: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: #000;
+	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;
+}
+
+body {
+	font-family: 'Montserrat-SemiBold';
+}

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

@@ -0,0 +1,220 @@
+@font-face {
+  font-family: 'icomoon';
+  src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy');
+  src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('/static/common/fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
+    url('/static/common/fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('/static/common/fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+[class^='icon-'],
+[class*=' icon-'] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-Collection:before {
+  content: '\e900';
+}
+.icon-culture-P:before {
+  content: '\e901';
+}
+.icon-facebook:before {
+  content: '\e902';
+}
+.icon-in:before {
+  content: '\e903';
+}
+.icon-twitter:before {
+  content: '\e904';
+}
+.icon-youtobe:before {
+  content: '\e905';
+}
+.icon-country:before {
+  content: '\e90a';
+}
+.icon-menu:before {
+  content: '\e906';
+}
+.icon-arrow:before {
+  content: '\e907';
+}
+.icon-r-arrow:before {
+  content: '\e907';
+}
+.icon-close:before {
+  content: '\e909';
+}
+.icon-search:before {
+  content: '\e908';
+}
+.icon-B-arrow:before {
+  content: '\e90b';
+}
+
+.icon-qq1:before {
+  content: '\e90c';
+}
+.icon-wx1:before {
+  content: '\e90d';
+}
+.icon-ys1:before {
+  content: '\e90e';
+}
+.icon-kf1:before {
+  content: '\e90f';
+}
+.icon-top1:before {
+  content: '\e910';
+}
+.icon-QQ:before {
+  content: '\e911';
+  color: rgba(0, 0, 0, 0.3);
+  margin-right: 10px;
+}
+.icon-xl:before {
+  content: '\e919';
+}
+
+.icon-QQ1:before {
+  content: '\e91c';
+}
+.icon-PYQ:before {
+  content: '\e91d';
+}
+.icon-Under-line:before {
+  content: '\e91e';
+}
+.icon-On-line:before {
+  content: '\e91f';
+}
+.icon-contect:before {
+  content: '\e920';
+}
+.icon-support:before {
+  content: '\e921';
+}
+.icon-media:before {
+  content: '\e922';
+}
+.icon-join:before {
+  content: '\e923';
+}
+
+@font-face {
+  font-family: 'icomoon01';
+  src: url('fonts-20190124/icomoon.eot?ll2528');
+  src: url('fonts-20190124/icomoon.eot?ll2528#iefix') format('embedded-opentype'),
+    url('fonts-20190124/icomoon.ttf?ll2528') format('truetype'), url('fonts-20190124/icomoon.woff?ll2528') format('woff'),
+    url('fonts-20190124/icomoon.svg?ll2528#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[class^='icons-'],
+[class*=' icons-'] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon01' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icons-weixin:before {
+  content: '\e903';
+  color: #fff;
+}
+.icons-Forum:before {
+  content: '\e900';
+  color: #fff;
+}
+.icons-sina:before {
+  content: '\e901';
+  color: #fff;
+}
+.icons-toutiao:before {
+  content: '\e902';
+  color: #fff;
+}
+
+.icons-douyin:before {
+  content: '\e904';
+  color: #fff;
+}
+
+@font-face {
+  font-family: 'icomoon02';
+  src: url('fonts/other/icomoon.eot?ujw7hy');
+  src: url('fonts/other/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/other/icomoon.ttf?ujw7hy') format('truetype'),
+    url('fonts/other/icomoon.woff?ujw7hy') format('woff'), url('fonts/other/icomoon.svg?ujw7hy#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+[class^='icona-'],
+[class*=' icona-'] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon02' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.icona-zhihu:before {
+  content: '\e904';
+  color: #fff;
+}
+@font-face {
+  font-family: 'icomoon05';
+  src: url('fonts-20220322/icomoon.eot?cdcz43');
+  src: url('fonts-20220322/icomoon.eot?cdcz43#iefix') format('embedded-opentype'),
+    url('fonts-20220322/icomoon.ttf?cdcz43') format('truetype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'),
+    url('fonts-20220322/icomoon.svg?cdcz43#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^='iconb-'],
+[class*='iconb-'] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon05' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.iconb-caret-down:before {
+  content: '\e900';
+}
+.iconb-caret-up:before {
+  content: '\e901';
+}

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

@@ -1,20 +1,20 @@
 @font-face {
 	font-family: "Montserrat";
-	src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
+	src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype");
 	font-weight: normal;
 	font-style: normal;
 }
 
 @font-face {
 	font-family: "Montserrat-Bold";
-	src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
+	src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype");
 	font-weight: normal;
 	font-style: normal;
 }
 
 @font-face {
 	font-family: "Montserrat-Medium";
-	src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
+	src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype");
 	font-weight: normal;
 	font-style: normal;
 }