Merge branch 'dev' of https://gitea.f2b211.com/jsasg/orico-official-website into dev

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

@@ -0,0 +1,128 @@
+@font-face {
+  font-family: 'icomoon';
+  src: url('../fonts/icomoon/icomoon.eot?11cuay');
+  src: url('../fonts/icomoon/icomoon.eot?11cuay#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.ttf?11cuay') format('truetype'),
+    url('../fonts/icomoon/icomoon.woff?11cuay') format('woff'), url('../fonts/icomoon/icomoon.svg?11cuay#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' !important;
+  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-search:before {
+  content: '\e900';
+}
+/* .icon-category:before {
+  content: "\e924";
+} */
+.icon-Under-line:before {
+  content: '\e91e';
+}
+.icon-On-line:before {
+  content: '\e902';
+}
+.icon-support:before {
+  content: '\e921';
+}
+.icon-media:before {
+  content: '\e922';
+}
+.icon-join:before {
+  content: '\e901';
+}
+.icon-arrow:before {
+  content: '\e907';
+}
+.icon-Double-Arrow:before {
+  content: '\e903';
+}
+
+@font-face {
+  font-family: 'colleciton';
+  src: url('../fonts/icomoon/colleciton/icomoon.eot?11cuay');
+  src: url('../fonts/icomoon/colleciton/icomoon.eot?11cuay#iefix') format('embedded-opentype'),
+    url('../fonts/icomoon/colleciton/icomoon.ttf?11cuay') format('truetype'), url('../fonts/icomoon/colleciton/icomoon.woff?11cuay') format('woff'),
+    url('../fonts/icomoon/colleciton/icomoon.svg?11cuay#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[class^='ic-'],
+[class*=' ic-'] {
+  /* use !important to prevent issues with browser extensions that change ../fonts */
+  font-family: 'colleciton' !important;
+  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;
+}
+.ic-collect:before {
+  content: '\e907';
+}
+.ic-collected:before {
+  content: '\e900';
+}
+@font-face {
+  font-family: 'icomoon';
+  src: url('../fonts/icomoon/icomoona.eot?c46hgi');
+  src: url('../fonts/icomoon/icomoona.eot?c46hgi#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoona.ttf?c46hgi') format('truetype'),
+    url('../fonts/icomoon/icomoona.woff?c46hgi') format('woff'), url('../fonts/icomoon/icomoona.svg?c46hgi#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^='icon-'],
+[class*=' icon-'] {
+  /* use !important to prevent issues with browser extensions that change ../fonts */
+  font-family: 'icomoon' !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;
+}
+
+.icon-right-svg:before {
+  content: '\e904';
+}
+.icon-add-svg:before {
+  content: '\e900';
+  color: #575757;
+}
+.icon-jian-svg:before {
+  content: '\e901';
+  color: #575757;
+}
+.icon-lag-svg:before {
+  content: '\e902';
+}
+.icon-menu-svg:before {
+  content: '\e903';
+}
+.icon-search-svg:before {
+  content: '\e906';
+}

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

@@ -0,0 +1,220 @@
+@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');
+  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/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/index.css

@@ -0,0 +1,128 @@
+.oricoEGapp {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.oricoEGapp .oricoEGapp-index {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.oricoEGapp .oricoEGapp-index .oidx-banner {
+  margin-top: 3.5rem;
+  z-index: 9;
+}
+.oricoEGapp .oricoEGapp-index .oidx-banner .swiper-container {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.oricoEGapp .oricoEGapp-index .oidx-cate {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  align-items: center;
+  padding: 1.5rem 0;
+  margin: 0 5%;
+}
+.oricoEGapp .oricoEGapp-index .oidx-cate .cateit {
+  margin: 0 5%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+.oricoEGapp .oricoEGapp-index .oidx-cate .cateit img {
+  width: 2.25rem;
+  height: 2.25rem;
+}
+.oricoEGapp .oricoEGapp-index .oidx-cate .cateit span {
+  font-size: 0.8rem;
+}
+.oricoEGapp .oricoEGapp-index .oidx-gg {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.oricoEGapp .oricoEGapp-index .oidx-FP .timeblue a {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.oricoEGapp .oricoEGapp-index .oidx-FP .timeblue a img {
+  margin-left: 0.625rem;
+}
+.oricoEGapp .oricoEGapp-index .oidx-ztpictureshow {
+  position: relative;
+  background: #fff;
+}
+.oricoEGapp .oricoEGapp-index .oidx-ztpictureshow .margin-top-20 {
+  display: flex;
+  justify-content: center;
+}
+.oricoEGapp .oricoEGapp-index .oidx-tcly {
+  display: flex;
+  flex-direction: column;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times {
+  display: flex;
+  position: relative;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times .timeblue {
+  display: flex;
+  justify-content: center;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times .timeline .events-wrapper {
+  overflow: initial;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times .cd-horizontal-timeline .events a {
+  width: 33.3%;
+  margin-left: 0;
+}
+.oricoEGapp .oricoEGapp-index .oidx-times .cd-horizontal-timeline .events a::after {
+  left: 50%;
+}
+.oricoEGapp .oricoEGapp-index .oidx-total {
+  position: relative;
+}
+.oricoEGapp .oricoEGapp-index .oidx-imgqh .swiper-container {
+  overflow: initial;
+}
+.oricoEGapp .oricoEGapp-index .oidx-imgqh .swiper-pagination {
+  bottom: -15px;
+}
+.oricoEGapp .oricoEGapp-index .oidx-fqa {
+  margin-top: 2rem;
+}
+.oricoEGapp .oricoEGapp-index .oidx-fqa .faq-title h3 {
+  margin: 2rem auto;
+}
+.oricoEGapp .timeblue {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  text-align: center;
+}
+.oricoEGapp .timeblue a {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  text-align: center;
+}
+.oricoEGapp .timeblue img {
+  margin-left: 0.625rem;
+}
+.oricoEGapp .text_center {
+  text-align: center;
+}
+.oricoEGapp .inprotext {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}

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

@@ -0,0 +1,25 @@
+.oricoEGapp-catelists {
+  display: flex;
+  flex-direction: column;
+}
+.oricoEGapp-catelists .first_list_category {
+  margin-top: 50px;
+  width: 100%;
+  overflow-x: auto;
+  height: 3.4rem;
+  background-color: transparent;
+}
+.oricoEGapp-catelists .scroller ul {
+  background-color: #fafafa;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+.oricoEGapp-catelists .scroller ul li {
+  display: inline-block;
+  margin-right: 10px;
+  padding: 10px;
+  cursor: pointer;
+  padding-bottom: 15px;
+}

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

@@ -0,0 +1,9 @@
+.oricoEGapp-subcatelists {
+  position: relative;
+}
+.oricoEGapp-subcatelists .product_list {
+  margin-top: 4.5rem;
+}
+.oricoEGapp-subcatelists .product_list .img_p {
+  margin: 0 auto;
+}

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

@@ -0,0 +1,88 @@
+@font-face {
+	font-family: "Montserrat";
+	src: url("../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");
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: "Montserrat-Medium";
+	src: url("../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/mobile/js/before-after.min.js

@@ -0,0 +1 @@
+!function(a){function b(b,c,d){b.on("mousedown.ba-events touchstart.ba-events",function(e){b.addClass("ba-draggable"),c.addClass("ba-resizable");var f=e.pageX?e.pageX:e.originalEvent.touches[0].pageX,g=b.outerWidth(),h=b.offset().left+g-f,i=d.offset().left,j=d.outerWidth();minLeft=i+10,maxLeft=i+j-g-10,b.parents().on("mousemove.ba-events touchmove.ba-events",function(b){var c=b.pageX?b.pageX:b.originalEvent.touches[0].pageX;leftValue=c+h-g,leftValue<minLeft?leftValue=minLeft:leftValue>maxLeft&&(leftValue=maxLeft),widthValue=100*(leftValue+g/2-i)/j+"%",a(".ba-draggable").css("left",widthValue),a(".ba-resizable").css("width",widthValue)}).on("mouseup.ba-events touchend.ba-events touchcancel.ba-events",function(){b.removeClass("ba-draggable"),c.removeClass("ba-resizable"),a(this).off(".ba-events")}),e.preventDefault()})}a.fn.beforeAfter=function(){var c=this,d=c.width()+"px";c.find(".resize img").css("width",d),b(c.find(".handle"),c.find(".resize"),c),a(window).resize(function(){var a=c.width()+"px";c.find(".resize img").css("width",a)})}}(jQuery);

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

@@ -130,7 +130,7 @@
 }
 .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list {
   width: 98%;
-  background: url(/static/index/images/greyline.png) 50px 0 repeat-y;
+  background: url(/static/index/pc/images/greyline.png) 50px 0 repeat-y;
 }
 .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div {
   overflow: hidden;
@@ -139,7 +139,7 @@
 .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div h3 {
   margin: 0 0 0 2.1875rem;
   padding-left: 2.5rem;
-  background: url(/static/index/images/greyyuandian.png) 3px 3px no-repeat;
+  background: url(/static/index/pc/images/greyyuandian.png) 3px 3px no-repeat;
   height: 2.375rem;
   font-size: 1.25rem;
   font-family: Montserrat-Bold, Montserrat;
@@ -148,7 +148,7 @@
   line-height: 1.875rem;
 }
 .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div .backgroundimg {
-  background: url(/static/index/images/yaundian.png) 3px 3px no-repeat !important;
+  background: url(/static/index/pc/images/yaundian.png) 3px 3px no-repeat !important;
 }
 .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div li {
   display: inline-block;

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

@@ -49,7 +49,7 @@
   position: absolute;
   left: 1.875rem;
   top: 0.9375rem;
-  background: url(/static/index/images/search.png);
+  background: url(/static/index/pc/images/search.png);
   z-index: 9;
 }
 .orico_Page_category .categoryMain .categorySearch .search {

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

@@ -146,7 +146,7 @@
   .tpicture {
   width: 1.375rem;
   height: 1.375rem;
-  background: url('/static/index/images/more2.png') no-repeat;
+  background: url('/static/index/pc/images/more2.png') no-repeat;
   background-position: -26px 0px;
   margin-left: 1.625rem;
 }
@@ -569,7 +569,7 @@
   position: absolute;
   top: 0px;
   left: 0px;
-  background-image: url('/static/index/images/indeximg1.jpg');
+  background-image: url('/static/index/pc/images/indeximg1.jpg');
   width: 100%;
   height: 53.75rem;
   background-repeat: no-repeat;
@@ -581,7 +581,7 @@
   top: 0px;
   left: 0px;
   border-right: 0.25rem solid rgba(255, 255, 255, 0.5019607843);
-  background-image: url('/static/index/images/indeximg2.jpg');
+  background-image: url('/static/index/pc/images/indeximg2.jpg');
   width: 50%;
   height: 53.75rem;
   background-repeat: no-repeat;
@@ -601,7 +601,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: #fff url('/static/index/images/ba-arrow.png') center center/22px
+  background: #fff url('/static/index/pc/images/ba-arrow.png') center center/22px
     22px no-repeat;
   border: 1px solid #fff;
   border-radius: 50%;
@@ -801,7 +801,6 @@
   animation: number-scroll 1s ease-in-out forwards;
 }
 .orico_Page_index .pageMain .oricoDataStatistics .odsmain .odsItem h3 {
-  font-weith
   font-size: 1.25rem;
   padding-top: 0.5rem;
   font-weight: 500;
@@ -1121,7 +1120,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: #fff url(../../index/images/ba-arrow.png) center center / 22px 22px
+  background: #fff url('/static/index/pc/images/ba-arrow.png') center center / 22px 22px
     no-repeat;
   border: 1px solid #fff;
   border-radius: 50%;

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

@@ -122,7 +122,7 @@
   .preview
   .bigImg
   .smallImgUp.disabled {
-  background: url(/static/index/images/fl.png) no-repeat;
+  background: url(/static/index/pc/images/fl.png) no-repeat;
   position: absolute;
   z-index: 1;
   top: 50%;
@@ -138,7 +138,7 @@
   .preview
   .bigImg
   .smallImgUp.disabled:hover {
-  background: url(/static/index/images/fl1.png) no-repeat;
+  background: url(/static/index/pc/images/fl1.png) no-repeat;
 }
 .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgDown,
 .orico_Page_prdetail
@@ -148,7 +148,7 @@
   .preview
   .bigImg
   .smallImgDown.disabled {
-  background: url(/static/index/images/rh.png) no-repeat;
+  background: url(/static/index/pc/images/rh.png) no-repeat;
   position: absolute;
   z-index: 1;
   right: -2%;
@@ -169,7 +169,7 @@
   .preview
   .bigImg
   .smallImgDown.disabled:hover {
-  background: url(/static/index/images/rh1.png) no-repeat;
+  background: url(/static/index/pc/images/rh1.png) no-repeat;
 }
 .orico_Page_prdetail .oriprdetail .cp .cprh {
   width: 45%;
@@ -565,26 +565,26 @@
 
 .scrollbutton_01.smallImgUp,
 .scrollbutton_01.smallImgUp.disabled {
-  background: url(/static/index/images/fl.png);
+  background: url(/static/index/pc/images/fl.png);
   left: 0px;
 }
 
 .scrollbutton_01.smallImgDown,
 .scrollbutton_01.smallImgDown.disabled {
-  background: url(/static/index/images/rh.png);
+  background: url(/static/index/pc/images/rh.png);
   right: 0px;
 }
 
 .scrollbutton.smallImgUp,
 .scrollbutton.smallImgUp.disabled {
-  background: url(/static/index/images/fl.png);
+  background: url(/static/index/pc/images/fl.png);
   left: 90px;
   margin-top: -24.5px;
 }
 
 .scrollbutton.smallImgDown,
 .scrollbutton.smallImgDown.disabled {
-  background: url(/static/index/images/rh.png);
+  background: url(/static/index/pc/images/rh.png);
   right: 0px;
   margin-top: -24.5px;
 }